@sarunyu/system-one 1.0.5 → 1.1.0

package/dist/src/components/button.d.ts

@@ -4,12 +4,14 @@ export type ButtonIconSize = "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | "ic
 export type ButtonSize = ButtonLabelSize | ButtonIconSize;
 export type ButtonVariant = "primary" | "outline" | "plain" | "outline-black" | "plain-black" | "disabled";
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Button size. Label sizes: xs, sm, md, lg, xl. Icon-only sizes: icon-xs through icon-xl. Default: "md". */
     size?: ButtonSize;
+    /** Visual style. Use "primary" for the main CTA, "outline" for secondary, "plain" for tertiary. Default: "primary". */
     variant?: ButtonVariant;
     children?: React.ReactNode;
-    /** Icon to the LEFT of the label (label-size buttons only) */
+    /** Icon element rendered to the left of the label. Only applies to label-size buttons. */
     leftIcon?: React.ReactNode;
-    /** Icon to the RIGHT of the label (label-size buttons only) */
+    /** Icon element rendered to the right of the label. Only applies to label-size buttons. */
     rightIcon?: React.ReactNode;
 }
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/D,MAAM,MAAM,cAAc,GAAI,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AACxF,MAAM,MAAM,UAAU,GAAQ,eAAe,GAAG,cAAc,CAAC;AAE/D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,eAAe,GAAG,aAAa,GAAG,UAAU,CAAC;AAE3G,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,IAAI,CAAC,EAAM,UAAU,CAAC;IACtB,OAAO,CAAC,EAAG,aAAa,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8DAA8D;IAC9D,QAAQ,CAAC,EAAG,KAAK,CAAC,SAAS,CAAC;IAC5B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAkGD,eAAO,MAAM,MAAM,uFAyIjB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/D,MAAM,MAAM,cAAc,GAAI,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AACxF,MAAM,MAAM,UAAU,GAAQ,eAAe,GAAG,cAAc,CAAC;AAE/D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,eAAe,GAAG,aAAa,GAAG,UAAU,CAAC;AAE3G,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,6GAA6G;IAC7G,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uHAAuH;IACvH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2FAA2F;IAC3F,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAkGD,eAAO,MAAM,MAAM,uFAyIjB,CAAC"}

package/dist/src/components/card.d.ts

@@ -1,16 +1,27 @@
 export type CardVariant = "desktop" | "tablet" | "mobile";
 export type CardTagStatus = "not-registered" | "registered" | "full";
 export interface CardProps {
+    /** Responsive layout preset. desktop=308px, tablet=224px, mobile=163px. Default: "desktop". */
     variant?: CardVariant;
+    /** Event title (clamped to 2 lines). */
     title?: string;
+    /** Formatted date string, e.g. "Jun 23, 2024". */
     date?: string;
+    /** Time range string, e.g. "08:30 - 12:00". */
     time?: string;
+    /** Location/venue name. */
     location?: string;
+    /** Whether to show the location row. Default: true. */
     showLocation?: boolean;
+    /** Whether to show the audience count row. Default: true. */
     showAudience?: boolean;
+    /** Audience count string, e.g. "200/200". */
     count?: string;
+    /** Shows a lock badge on the banner image. */
     locked?: boolean;
+    /** Registration status shown as a colored tag at the bottom. */
     tagStatus?: CardTagStatus;
+    /** URL for the banner image. */
     image?: string;
     className?: string;
 }

package/dist/src/components/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG,YAAY,GAAG,MAAM,CAAC;AAErE,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiCD,eAAO,MAAM,IAAI,sGAyHf,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC1D,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG,YAAY,GAAG,MAAM,CAAC;AAErE,MAAM,WAAW,SAAS;IACxB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gEAAgE;IAChE,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiCD,eAAO,MAAM,IAAI,sGAyHf,CAAC"}

package/dist/src/components/chip.d.ts

@@ -1,10 +1,15 @@
 export type ChipType = "single" | "multiple";
 export type ChipSize = "large" | "medium" | "small";
 export interface ChipProps {
+    /** Label text displayed inside the chip. Default: "Chips Text". */
     label?: string;
+    /** "single" shows no icon; "multiple" shows Plus (unselected) / Check (selected). Default: "single". */
     type?: ChipType;
+    /** Visual size of the chip. Default: "large". */
     size?: ChipSize;
+    /** Whether the chip is in the selected/active state. */
     selected?: boolean;
+    /** Whether the chip is non-interactive. */
     disabled?: boolean;
     onClick?: () => void;
     className?: string;

package/dist/src/components/chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC7C,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiCD,eAAO,MAAM,IAAI,yGA4Ef,CAAC"}
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC7C,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,MAAM,WAAW,SAAS;IACxB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wGAAwG;IACxG,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iDAAiD;IACjD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiCD,eAAO,MAAM,IAAI,yGA4Ef,CAAC"}

package/dist/src/components/input.d.ts

@@ -1,14 +1,22 @@
 import { default as React } from 'react';
 export type InputState = "default" | "focus" | "error" | "disabled";
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
+    /** Override the visual state of the input. Useful for form validation. */
     forceState?: InputState;
+    /** Error message displayed below the input when forceState is "error". Default: "Error message". */
     errorMessage?: string;
     value?: string;
+    /** Called with the new string value on every change. */
     onChange?: (value: string) => void;
+    /** Icon element rendered on the right side of the input. */
     rightIcon?: React.ReactNode;
+    /** Unit label on the right side, e.g. "kg" or "THB". */
     unit?: string;
+    /** Helper text displayed below the input in the default state. */
     helperText?: string;
+    /** Show a character count (charCount / maxCount) below the input. */
     showCount?: boolean;
+    /** Maximum character count enforced when showCount is true. Default: 100. */
     maxCount?: number;
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AAEpE,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC/E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,KAAK,mFAgOhB,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AAEpE,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC/E,0EAA0E;IAC1E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,oGAAoG;IACpG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4DAA4D;IAC5D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,KAAK,mFAgOhB,CAAC"}

package/dist/src/components/option-list.d.ts

@@ -1,17 +1,27 @@
 import { default as React } from 'react';
 export interface OptionItem {
+    /** Display label for the option. */
     label: string;
+    /** Unique value identifier for the option. */
     value: string;
+    /** Optional icon element shown before the label. */
     icon?: React.ReactNode;
     disabled?: boolean;
 }
 export interface OptionListProps {
+    /** Array of selectable options. */
     options: OptionItem[];
+    /** Currently selected value in single-select mode. */
     selectedValue?: string;
+    /** Currently selected values in multi-select mode. */
     selectedValues?: string[];
+    /** Called with the selected value in single-select mode. */
     onSelect?: (value: string) => void;
+    /** Called with the toggled value in multi-select mode. */
     onToggle?: (value: string) => void;
+    /** Max number of items visible before the list scrolls. Default: 10. */
     maxVisible?: number;
+    /** Text displayed when the options array is empty. Default: "No results found". */
     emptyText?: string;
     className?: string;
 }

package/dist/src/components/option-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"option-list.d.ts","sourceRoot":"","sources":["../../../src/components/option-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,wFAgHtB,CAAC"}
+{"version":3,"file":"option-list.d.ts","sourceRoot":"","sources":["../../../src/components/option-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,UAAU;IACzB,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,mCAAmC;IACnC,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,wFAgHtB,CAAC"}

package/dist/src/components/search-input.d.ts

@@ -1,10 +1,14 @@
 export type SearchInputSize = "lg" | "sm";
 export interface SearchInputProps {
+    /** Placeholder text shown when the input is empty. Default: "Placeholder". */
     placeholder?: string;
     value?: string;
+    /** Called with the new search string on every keystroke. */
     onChange?: (value: string) => void;
+    /** Visual size of the search input. Default: "lg". */
     size?: SearchInputSize;
     className?: string;
+    /** Called when the user clicks the clear (×) button. */
     onClear?: () => void;
 }
 export declare const SearchInput: import('react').ForwardRefExoticComponent<SearchInputProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/src/components/search-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search-input.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,6GA6GvB,CAAC"}
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search-input.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,WAAW,gBAAgB;IAC/B,8EAA8E;IAC9E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sDAAsD;IACtD,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,6GA6GvB,CAAC"}

package/dist/src/components/tab.d.ts

@@ -8,21 +8,30 @@ export interface TabItem {
     notification?: string | number;
 }
 export interface TabProps {
+    /** Tab label text. Default: "Tab". */
     title?: string;
+    /** Size of the tab. Default: "md". */
     size?: TabSize;
+    /** Whether this tab is currently selected/active. */
     active?: boolean;
+    /** Whether the tab is non-interactive. */
     disabled?: boolean;
     onClick?: () => void;
     className?: string;
+    /** Icon rendered before the label. Pass `true` for a default placeholder icon. */
     icon?: ReactNode | boolean;
+    /** Notification badge shown after the label (count or short text). */
     notification?: string | number;
 }
 export declare const Tab: import('react').ForwardRefExoticComponent<TabProps & import('react').RefAttributes<HTMLDivElement>>;
 export interface TabGroupProps {
-    /** Tab definitions. Defaults to `[]` if omitted (invalid usage at runtime). */
+    /** Array of tab definitions. Each item needs at minimum `id` and `title`. */
     items?: TabItem[];
+    /** ID of the currently active tab. */
     activeId?: string;
+    /** Size applied to all tabs in the group. Default: "md". */
     size?: TabSize;
+    /** Called with the tab ID when a tab is clicked. */
     onChange?: (id: string) => void;
     className?: string;
 }

package/dist/src/components/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/tab.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAInD,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC;AAkDD,eAAO,MAAM,GAAG,qGAsFd,CAAC;AAIH,MAAM,WAAW,aAAa;IAC5B,+EAA+E;IAC/E,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,0GAsBpB,CAAC"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/tab.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAInD,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,QAAQ;IACvB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC;AAkDD,eAAO,MAAM,GAAG,qGAsFd,CAAC;AAIH,MAAM,WAAW,aAAa;IAC5B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,0GAsBpB,CAAC"}

package/dist/src/components/tag.d.ts

@@ -3,17 +3,25 @@ export type TagState = "default" | "hover" | "disabled";
 export type TagVariant = "blue" | "green" | "yellow" | "red" | "gray" | "lime";
 export type StatusTagType = "stop" | "success" | "hold" | "processing" | "error";
 export interface TagProps {
+    /** Label text displayed inside the tag. Default: "Tag". */
     text?: string;
+    /** Size of the tag. Default: "large". */
     size?: TagSize;
+    /** Visual state. Default: "default". */
     state?: TagState;
+    /** Color variant. Use green=positive, red=danger, yellow=warning, gray=neutral. Default: "gray". */
     variant?: TagVariant;
+    /** Show a small circle dot icon on the left side of the label. */
     icon?: boolean;
+    /** Show a close/remove (×) button on the right side. */
     close?: boolean;
     className?: string;
 }
 export declare const Tag: import('react').ForwardRefExoticComponent<TagProps & import('react').RefAttributes<HTMLDivElement>>;
 export interface StatusTagProps {
+    /** Process status type — drives the dot color and default label. Default: "stop". */
     type?: StatusTagType;
+    /** Override the default label for the given type. */
     text?: string;
     className?: string;
 }

package/dist/src/components/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AACxC,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,CAAC;AAEjF,MAAM,WAAW,QAAQ;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgFD,eAAO,MAAM,GAAG,qGA8Cd,CAAC;AAIH,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+BD,wBAAgB,SAAS,CAAC,EAAE,IAAa,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,cAAc,2CAgB3E"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AACxC,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,OAAO,CAAC;AAEjF,MAAM,WAAW,QAAQ;IACvB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wCAAwC;IACxC,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,oGAAoG;IACpG,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,kEAAkE;IAClE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgFD,eAAO,MAAM,GAAG,qGA8Cd,CAAC;AAIH,MAAM,WAAW,cAAc;IAC7B,qFAAqF;IACrF,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+BD,wBAAgB,SAAS,CAAC,EAAE,IAAa,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,cAAc,2CAgB3E"}

package/dist/src/components/textarea.d.ts

@@ -1,13 +1,20 @@
 import { default as React } from 'react';
 export type TextAreaState = "default" | "focus" | "error" | "disabled";
 export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "value" | "rows"> {
+    /** Override the visual state of the textarea. Useful for form validation. */
     forceState?: TextAreaState;
+    /** Error message displayed below when forceState is "error". Default: "Error message". */
     errorMessage?: string;
     value?: string;
+    /** Called with the new string value on every change. */
     onChange?: (value: string) => void;
+    /** Helper text shown below the textarea in the default state. */
     helperText?: string;
+    /** Show a character count (charCount / maxCount) below the textarea. */
     showCount?: boolean;
+    /** Maximum character count enforced when showCount is true. Default: 100. */
     maxCount?: number;
+    /** Number of visible text rows. Default: 4. */
     rows?: number;
 }
 export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AAEvE,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,UAAU,GAAG,OAAO,GAAG,MAAM,CAC9B;IACD,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,QAAQ,sFAuLpB,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;AAEvE,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,UAAU,GAAG,OAAO,GAAG,MAAM,CAC9B;IACD,6EAA6E;IAC7E,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,0FAA0F;IAC1F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iEAAiE;IACjE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,QAAQ,sFAuLpB,CAAC"}

package/dist/src/index.d.ts

@@ -1,5 +1,6 @@
 export { Button } from './components/button';
 export { Card } from './components/card';
+export { Chip } from './components/chip';
 export { DateInput } from './components/date-input';
 export { Dropdown } from './components/dropdown';
 export { DropdownMultiple } from './components/dropdown-multiple';
@@ -7,12 +8,13 @@ export { Input } from './components/input';
 export { OptionList } from './components/option-list';
 export { SearchInput } from './components/search-input';
 export { Tab, TabGroup } from './components/tab';
-export { Tag } from './components/tag';
+export { Tag, StatusTag } from './components/tag';
 export { TextArea } from './components/textarea';
 export { TimeInput } from './components/time-input';
 export { cn } from './lib/utils';
 export type { ButtonProps, ButtonSize, ButtonLabelSize, ButtonIconSize, ButtonVariant, } from './components/button';
 export type { CardProps, CardVariant, CardTagStatus, } from './components/card';
+export type { ChipType, ChipSize, ChipProps, } from './components/chip';
 export type { DateInputProps, DateInputState, DateInputMode, DatePickerVariant, } from './components/date-input';
 export type { DateRange } from 'react-day-picker';
 export type { DropdownState, DropdownOption, DropdownProps, } from './components/dropdown';
@@ -21,7 +23,7 @@ export type { InputState, InputProps, } from './components/input';
 export type { OptionItem, OptionListProps, } from './components/option-list';
 export type { SearchInputSize, SearchInputProps, } from './components/search-input';
 export type { TabSize, TabItem, TabProps, TabGroupProps, } from './components/tab';
-export type { TagSize, TagState, TagProps, } from './components/tag';
+export type { TagSize, TagState, TagVariant, TagProps, StatusTagType, StatusTagProps, } from './components/tag';
 export type { TextAreaState, TextAreaProps, } from './components/textarea';
 export type { TimeInputState, TimeInputMode, TimeValue, TimeInputProps, TimeSlot, } from './components/time-input';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,YAAY,EACV,WAAW,EACX,UAAU,EACV,eAAe,EACf,cAAc,EACd,aAAa,GACd,MAAM,qBAAqB,CAAC;AAG7B,YAAY,EACV,SAAS,EACT,WAAW,EACX,aAAa,GACd,MAAM,mBAAmB,CAAC;AAG3B,YAAY,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD,YAAY,EACV,aAAa,EACb,cAAc,EACd,aAAa,GACd,MAAM,uBAAuB,CAAC;AAG/B,YAAY,EACV,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,gCAAgC,CAAC;AAGxC,YAAY,EACV,UAAU,EACV,UAAU,GACX,MAAM,oBAAoB,CAAC;AAG5B,YAAY,EACV,UAAU,EACV,eAAe,GAChB,MAAM,0BAA0B,CAAC;AAGlC,YAAY,EACV,eAAe,EACf,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAGnC,YAAY,EACV,OAAO,EACP,OAAO,EACP,QAAQ,EACR,aAAa,GACd,MAAM,kBAAkB,CAAC;AAG1B,YAAY,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,MAAM,kBAAkB,CAAC;AAG1B,YAAY,EACV,aAAa,EACb,aAAa,GACd,MAAM,uBAAuB,CAAC;AAG/B,YAAY,EACV,cAAc,EACd,aAAa,EACb,SAAS,EACT,cAAc,EACd,QAAQ,GACT,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGpD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,YAAY,EACV,WAAW,EACX,UAAU,EACV,eAAe,EACf,cAAc,EACd,aAAa,GACd,MAAM,qBAAqB,CAAC;AAG7B,YAAY,EACV,SAAS,EACT,WAAW,EACX,aAAa,GACd,MAAM,mBAAmB,CAAC;AAG3B,YAAY,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,MAAM,mBAAmB,CAAC;AAG3B,YAAY,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD,YAAY,EACV,aAAa,EACb,cAAc,EACd,aAAa,GACd,MAAM,uBAAuB,CAAC;AAG/B,YAAY,EACV,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,gCAAgC,CAAC;AAGxC,YAAY,EACV,UAAU,EACV,UAAU,GACX,MAAM,oBAAoB,CAAC;AAG5B,YAAY,EACV,UAAU,EACV,eAAe,GAChB,MAAM,0BAA0B,CAAC;AAGlC,YAAY,EACV,eAAe,EACf,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAGnC,YAAY,EACV,OAAO,EACP,OAAO,EACP,QAAQ,EACR,aAAa,GACd,MAAM,kBAAkB,CAAC;AAG1B,YAAY,EACV,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,aAAa,EACb,cAAc,GACf,MAAM,kBAAkB,CAAC;AAG1B,YAAY,EACV,aAAa,EACb,aAAa,GACd,MAAM,uBAAuB,CAAC;AAG/B,YAAY,EACV,cAAc,EACd,aAAa,EACb,SAAS,EACT,cAAc,EACd,QAAQ,GACT,MAAM,yBAAyB,CAAC"}

package/package.json

@@ -1,23 +1,31 @@
 {
   "name": "@sarunyu/system-one",
-  "version": "1.0.5",
+  "version": "1.1.0",
   "type": "module",
-  "description": "A flexible React design system built for AI-powered web generation tools (v0, Lovable, Figma Make). Tailwind CSS v4 + CSS variables for full theming support.",
+  "description": "A production-ready React design system built for AI-powered web generation tools (Figma Make, Lovable, V0). Tailwind CSS v4 + CSS custom properties for full theming support.",
   "keywords": [
     "react",
     "design-system",
     "ui",
     "components",
     "tailwindcss",
-    "v0",
-    "lovable",
+    "tailwind-css-v4",
+    "css-variables",
+    "design-tokens",
     "figma",
-    "ai-friendly"
+    "figma-make",
+    "lovable",
+    "v0",
+    "ai-friendly",
+    "typescript",
+    "dark-mode"
   ],
+  "author": "saranyu",
   "license": "MIT",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/src/index.d.ts",
+  "style": "./dist/style.css",
   "exports": {
     ".": {
       "types": "./dist/src/index.d.ts",