open-index/open-npm huggingface dataset:
npm package: @sertec/button
Description: Sfera Button Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.7

# @sertec/button

Button component for the Sfera design system.

## Installation

```bash
npm install @sertec/button
```



## Usage

```tsx
import { Button } from '@sertec/button'

function MyComponent() {
  return (
    <Button>
      Content here
    </Button>
  )
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | - | Content to display |
| `className` | `string` | `''` | Additional CSS classes |
| `disabled` | `boolean` | `false` | Disabled state |
npm package: @sertec/checkbox
Description: Sfera Checkbox Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.9

# @sertec/checkbox

Checkbox component for the Sfera design system.

## Installation

```bash
npm install @sertec/checkbox
```



## Usage

```tsx
import { Checkbox } from '@sertec/checkbox'

function MyComponent() {
  return (
    <Checkbox>
      Content here
    </Checkbox>
  )
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | - | Content to display |
| `className` | `string` | `''` | Additional CSS classes |
| `disabled` | `boolean` | `false` | Disabled state |
npm package: @sertec/components
Description: Sfera Components Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.5

# @sertec/components

Components component for the Sfera design system.

## Installation

```bash
npm install @sertec/components
```

## Usage

```tsx
import { Components } from '@sertec/components';

function MyComponent() {
  return <Components>Content here</Components>;
}
```

## Props

| Prop        | Type        | Default | Description            |
| ----------- | ----------- | ------- | ---------------------- |
| `children`  | `ReactNode` | -       | Content to display     |
| `className` | `string`    | `''`    | Additional CSS classes |
| `disabled`  | `boolean`   | `false` | Disabled state         |
npm package: @sertec/dialog
Description: Sfera Dialog Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.32

# @sertec/dialog

Dialog component for the Sfera design system.

## Installation

```bash
npm install @sertec/dialog
```



## Usage

```tsx
import { Dialog } from '@sertec/dialog'

function MyComponent() {
  return (
    <Dialog>
      Content here
    </Dialog>
  )
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | - | Content to display |
| `className` | `string` | `''` | Additional CSS classes |
| `disabled` | `boolean` | `false` | Disabled state |
npm package: @sertec/hook-apollo-client
Description: Sfera HookApolloClient Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.10

# @sertec/hook-apollo-client

HookApolloClient component for the Sfera design system.

## Installation

```bash
npm install @sertec/hook-apollo-client
```



## Usage

```tsx
import { HookApolloClient } from '@sertec/hook-apollo-client'

function MyComponent() {
  return (
    <HookApolloClient>
      Content here
    </HookApolloClient>
  )
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | - | Content to display |
| `className` | `string` | `''` | Additional CSS classes |
| `disabled` | `boolean` | `false` | Disabled state |
npm package: @sertec/hook-common-load-options
Description: Sfera HookCommonLoadOptions Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.1

# @sertec/hook-common-load-options

HookCommonLoadOptions component for the Sfera design system.

## Installation

```bash
npm install @sertec/hook-common-load-options
```

## Usage

```tsx
import { HookCommonLoadOptions } from '@sertec/hook-common-load-options';

function MyComponent() {
  return <HookCommonLoadOptions>Content here</HookCommonLoadOptions>;
}
```

## Props

| Prop        | Type        | Default | Description            |
| ----------- | ----------- | ------- | ---------------------- |
| `children`  | `ReactNode` | -       | Content to display     |
| `className` | `string`    | `''`    | Additional CSS classes |
| `disabled`  | `boolean`   | `false` | Disabled state         |
npm package: @sertec/hook-handle-response
Description: Sfera HookHandleResponse Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.1

# @sertec/hook-handle-response

HookHandleResponse component for the Sfera design system.

## Installation

```bash
npm install @sertec/hook-handle-response
```



## Usage

```tsx
import { HookHandleResponse } from '@sertec/hook-handle-response'

function MyComponent() {
  return (
    <HookHandleResponse>
      Content here
    </HookHandleResponse>
  )
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | - | Content to display |
| `className` | `string` | `''` | Additional CSS classes |
| `disabled` | `boolean` | `false` | Disabled state |
npm package: @sertec/input
Description: Sfera Input Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.12

# @sertec/input

Input component for the Sfera design system.

## Installation

```bash
npm install @sertec/input
```

## Usage

```tsx
import { Input } from '@sertec/input';

function MyComponent() {
  return <Input>Content here</Input>;
}
```

## Props

| Prop        | Type        | Default | Description            |
| ----------- | ----------- | ------- | ---------------------- |
| `children`  | `ReactNode` | -       | Content to display     |
| `className` | `string`    | `''`    | Additional CSS classes |
| `disabled`  | `boolean`   | `false` | Disabled state         |
npm package: @sertec/input-wrapper
Description: Sfera InputWrapper Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.17

# @sertec/input-wrapper

InputWrapper component for the Sfera design system.

## Installation

```bash
npm install @sertec/input-wrapper
```

## Usage

```tsx
import { InputWrapper } from '@sertec/input-wrapper';

function MyComponent() {
  return <InputWrapper>Content here</InputWrapper>;
}
```

## Props

| Prop        | Type        | Default | Description            |
| ----------- | ----------- | ------- | ---------------------- |
| `children`  | `ReactNode` | -       | Content to display     |
| `className` | `string`    | `''`    | Additional CSS classes |
| `disabled`  | `boolean`   | `false` | Disabled state         |
npm package: @sertec/menu-button
Description: Sfera MenuButton Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.2

# @sertec/menu-button

MenuButton component for the Sfera design system.

## Installation

```bash
npm install @sertec/menu-button
```

## Usage

```tsx
import { MenuButton } from '@sertec/menu-button';

function MyComponent() {
  return <MenuButton>Content here</MenuButton>;
}
```

## Props

| Prop        | Type        | Default | Description            |
| ----------- | ----------- | ------- | ---------------------- |
| `children`  | `ReactNode` | -       | Content to display     |
| `className` | `string`    | `''`    | Additional CSS classes |
| `disabled`  | `boolean`   | `false` | Disabled state         |
npm package: @sertec/radio
Description: Sfera Radio Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.7

# @sertec/radio

Radio component for the Sfera design system.

## Installation

```bash
npm install @sertec/radio
```



## Usage

```tsx
import { Radio } from '@sertec/radio'

function MyComponent() {
  return (
    <Radio>
      Content here
    </Radio>
  )
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | - | Content to display |
| `className` | `string` | `''` | Additional CSS classes |
| `disabled` | `boolean` | `false` | Disabled state |
npm package: @sertec/section
Description: Sfera Section Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.1

# @sertec/section

Section component for the Sfera design system.

## Installation

```bash
npm install @sertec/section
```



## Usage

```tsx
import { Section } from '@sertec/section'

function MyComponent() {
  return (
    <Section>
      Content here
    </Section>
  )
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | - | Content to display |
| `className` | `string` | `''` | Additional CSS classes |
| `disabled` | `boolean` | `false` | Disabled state |
npm package: @sertec/select
Description: Sfera Select Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.23

# @sertec/select

Select component for the Sfera design system.

## Installation

```bash
npm install @sertec/select
```

## Usage

```tsx
import { Select } from '@sertec/select';

function MyComponent() {
  return <Select>Content here</Select>;
}
```

## Props

| Prop        | Type        | Default | Description            |
| ----------- | ----------- | ------- | ---------------------- |
| `children`  | `ReactNode` | -       | Content to display     |
| `className` | `string`    | `''`    | Additional CSS classes |
| `disabled`  | `boolean`   | `false` | Disabled state         |
npm package: @sertec/sidebar
Description: Sfera Sidebar Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.4

# @sertec/sidebar

Sidebar component for the Sfera design system.

## Installation

```bash
npm install @sertec/sidebar
```



## Usage

```tsx
import { Sidebar } from '@sertec/sidebar'

function MyComponent() {
  return (
    <Sidebar>
      Content here
    </Sidebar>
  )
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | - | Content to display |
| `className` | `string` | `''` | Additional CSS classes |
| `disabled` | `boolean` | `false` | Disabled state |
npm package: @sertec/tabs
Description: Sfera Tabs Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.10

# @sertec/tabs

Tabs component for the Sfera design system.

## Installation

```bash
npm install @sertec/tabs
```



## Usage

```tsx
import { Tabs } from '@sertec/tabs'

function MyComponent() {
  return (
    <Tabs>
      Content here
    </Tabs>
  )
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | - | Content to display |
| `className` | `string` | `''` | Additional CSS classes |
| `disabled` | `boolean` | `false` | Disabled state |
npm package: @sertec/text-area
Description: Sfera TextArea Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.7

# @sertec/text-area

TextArea component for the Sfera design system.

## Installation

```bash
npm install @sertec/text-area
```



## Usage

```tsx
import { TextArea } from '@sertec/text-area'

function MyComponent() {
  return (
    <TextArea>
      Content here
    </TextArea>
  )
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | - | Content to display |
| `className` | `string` | `''` | Additional CSS classes |
| `disabled` | `boolean` | `false` | Disabled state |
npm package: @sertec/toggle-switch
Description: Sfera ToggleSwitch Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.9

# @sertec/toggle-switch

ToggleSwitch component for the Sfera design system.

## Installation

```bash
npm install @sertec/toggle-switch
```



## Usage

```tsx
import { ToggleSwitch } from '@sertec/toggle-switch'

function MyComponent() {
  return (
    <ToggleSwitch>
      Content here
    </ToggleSwitch>
  )
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | - | Content to display |
| `className` | `string` | `''` | Additional CSS classes |
| `disabled` | `boolean` | `false` | Disabled state |
npm package: @sertec/tooltip
Description: Sfera Tooltip Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.5

# @sertec/tooltip

Tooltip component for the Sfera design system.

## Installation

```bash
npm install @sertec/tooltip
```



## Usage

```tsx
import { Tooltip } from '@sertec/tooltip'

function MyComponent() {
  return (
    <Tooltip>
      Content here
    </Tooltip>
  )
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | - | Content to display |
| `className` | `string` | `''` | Additional CSS classes |
| `disabled` | `boolean` | `false` | Disabled state |
npm package: @sertec/top-navigation-bar
Description: Sfera TopNavigationBar Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.5

# @sertec/top-navigation-bar

TopNavigationBar component for the Sfera design system.

## Installation

```bash
npm install @sertec/top-navigation-bar
```



## Usage

```tsx
import { TopNavigationBar } from '@sertec/top-navigation-bar'

function MyComponent() {
  return (
    <TopNavigationBar>
      Content here
    </TopNavigationBar>
  )
}
```

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | - | Content to display |
| `className` | `string` | `''` | Additional CSS classes |
| `disabled` | `boolean` | `false` | Disabled state |
npm package: @sertec/types
Description: Sfera Types Component
Author: Jose Starsky Naya Lara
Latest version: 0.0.6

# @sertec/types

Types component for the Sfera design system.

## Installation

```bash
npm install @sertec/types
```

## Usage

```tsx
import { Types } from '@sertec/types';

function MyComponent() {
  return <Types>Content here</Types>;
}
```

## Props

| Prop        | Type        | Default | Description            |
| ----------- | ----------- | ------- | ---------------------- |
| `children`  | `ReactNode` | -       | Content to display     |
| `className` | `string`    | `''`    | Additional CSS classes |
| `disabled`  | `boolean`   | `false` | Disabled state         |
npm package: @sertis-chat-commerce/ts-toolkit
Description: TypeScript template components for backend HTTP/S application
Latest version: 1.2.23

# ts-http-toolkit

TypeScript template components for backend HTTP/S application

### Install
  * run `yarn add git+ssh://git@gitlab.com:sertiscorp/dev/7-11-chat/backend/ts-http-toolkit.git#{branch|tag}`
#### Run Cassandra database local
  * required `docker, docker-compose`
  * please make sure you have `APP_ENV` key on .env (or copy `.env.example` to `.env`)
  * run `yarn start db:local`
  * test access to db
    * run `docker exec -it cassandra /bin/bash`
    * run `cqlsh -u cassandra -p cassandra`
      * default db username is `cassandra`, password is `cassandra`
    * run `use broadcast;` to access `broadcast` keyspace
  * run migration `yarn migration:up:local`
  * Noted:
    * init script file on `/cassandra/broadcast.keyspace.dev.cql`
    * logs db on `./data/log/cassandra/<env>`

### Create migration file
  * create file on `/liquibase/changelog` with format
    * `year:month:day:hour:minute-TSC-<jira number>-<what you do>.xml` ex. `20210623110613-TSC-26-create-broadcast-table.xml`
  * changeSet is format
    *  ticket-name + 2 - 3 digit running number + (work-slug optional) ex. `TSC-26-01-create-user-table`
  * author is format
    * `full name <email>`  
  * there is an `template-migration.xml` to use (duplicate and change name)
  * don't forget to include on file `db.cassandra.changelog.xml`