@billabex/ui-components 0.0.0 → 0.1.1

package/dist/components/form-field/form-field.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
+    /** Label text displayed above the field */
+    label: string;
+    /** Whether the field is in an error state */
+    error?: boolean;
+    /** Helper or error message below the field */
+    helper?: string;
+    /** The form control (Input, Select, etc.) */
+    children: ReactNode;
+}
+/**
+ * FormField — Wraps a form control with a label and optional helper text.
+ *
+ * RSC-compatible (no `'use client'` needed).
+ */
+export declare function FormField({ label, error, helper, children, className, ...props }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-field.d.ts.map

package/dist/components/form-field/form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../src/components/form-field/form-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6CAA6C;IAC7C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAa,EACb,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,2CAahB"}

package/dist/components/form-field/form-field.recipe.d.ts

@@ -0,0 +1,13 @@
+export declare const formFieldRecipe: import('../../../styled-system/types').RecipeRuntimeFn<import('../../../styled-system/types').RecipeVariantRecord>;
+export declare const formFieldLabelRecipe: import('../../../styled-system/types').RecipeRuntimeFn<import('../../../styled-system/types').RecipeVariantRecord>;
+export declare const formFieldHelperRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{
+    error: {
+        true: {
+            color: "status.error";
+        };
+        false: {
+            color: "text.tertiary";
+        };
+    };
+}>;
+//# sourceMappingURL=form-field.recipe.d.ts.map

package/dist/components/form-field/form-field.recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.recipe.d.ts","sourceRoot":"","sources":["../../../src/components/form-field/form-field.recipe.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,oHAQ1B,CAAC;AAEH,eAAO,MAAM,oBAAoB,oHAS/B,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;;;;;;EAqBhC,CAAC"}

package/dist/components/form-field/form-field.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form-field.spec.d.ts.map

package/dist/components/form-field/form-field.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.spec.d.ts","sourceRoot":"","sources":["../../../src/components/form-field/form-field.spec.tsx"],"names":[],"mappings":""}

package/dist/components/form-field/form-field.stories.d.ts

@@ -0,0 +1,36 @@
+import { StoryObj } from '@storybook/react-vite';
+import { FormField } from './form-field';
+declare const meta: {
+    title: string;
+    component: typeof FormField;
+    tags: string[];
+    argTypes: {
+        label: {
+            control: "text";
+            description: string;
+        };
+        helper: {
+            control: "text";
+            description: string;
+        };
+        error: {
+            control: "boolean";
+            description: string;
+        };
+    };
+    args: {
+        label: string;
+        helper: string;
+        error: false;
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithSelect: Story;
+export declare const Error: Story;
+export declare const WithoutHelper: Story;
+/** All states */
+export declare const AllStates: Story;
+//# sourceMappingURL=form-field.stories.d.ts.map

package/dist/components/form-field/form-field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form-field/form-field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;CAewB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,iBAAiB;AACjB,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC"}

package/dist/components/form-field/index.d.ts

@@ -0,0 +1,4 @@
+export { FormField } from './form-field';
+export type { FormFieldProps } from './form-field';
+export { formFieldRecipe, formFieldLabelRecipe, formFieldHelperRecipe, } from './form-field.recipe';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EACL,eAAe,EACf,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,qBAAqB,CAAC"}

package/dist/components/icon-button/icon-button.d.ts

@@ -0,0 +1,20 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { IconButtonSize } from './icon-button.recipe';
+export interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Size preset */
+    size?: IconButtonSize;
+    /** Icon to render — required */
+    icon: ReactNode;
+}
+/**
+ * IconButton — A button that renders a single icon with no label.
+ *
+ * RSC-compatible (no `'use client'` needed).
+ *
+ * @example
+ * ```tsx
+ * <IconButton icon={<Trash size={16} />} aria-label="Delete" />
+ * ```
+ */
+export declare function IconButton({ size, icon, className, ...props }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icon-button.d.ts.map

package/dist/components/icon-button/icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,kBAAkB;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,gCAAgC;IAChC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAe,EACf,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAajB"}

package/dist/components/icon-button/icon-button.recipe.d.ts

@@ -0,0 +1,14 @@
+export declare const iconButtonRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{
+    size: {
+        medium: {
+            width: "32px";
+            height: "32px";
+        };
+        small: {
+            width: "24px";
+            height: "24px";
+        };
+    };
+}>;
+export type IconButtonSize = "medium" | "small";
+//# sourceMappingURL=icon-button.recipe.d.ts.map

package/dist/components/icon-button/icon-button.recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.recipe.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.recipe.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;;;;;;;EA2C3B,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC"}

package/dist/components/icon-button/icon-button.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=icon-button.spec.d.ts.map

package/dist/components/icon-button/icon-button.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.spec.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.spec.tsx"],"names":[],"mappings":""}

package/dist/components/icon-button/icon-button.stories.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react-vite';
+import { IconButton } from './icon-button';
+declare const meta: {
+    title: string;
+    component: typeof IconButton;
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+    };
+    args: {
+        icon: import("react/jsx-runtime").JSX.Element;
+        "aria-label": string;
+        size: "medium";
+        disabled: false;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Disabled: Story;
+/** All sizes side by side */
+export declare const AllSizes: Story;
+/** Multiple icons */
+export declare const IconVariety: Story;
+//# sourceMappingURL=icon-button.stories.d.ts.map

package/dist/components/icon-button/icon-button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAqByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,6BAA6B;AAC7B,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,qBAAqB;AACrB,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC"}

package/dist/components/icon-button/index.d.ts

@@ -0,0 +1,5 @@
+export { IconButton } from './icon-button';
+export type { IconButtonProps } from './icon-button';
+export { iconButtonRecipe } from './icon-button.recipe';
+export type { IconButtonSize } from './icon-button.recipe';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/icon-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/info-row/index.d.ts

@@ -0,0 +1,5 @@
+export { InfoRow } from './info-row';
+export type { InfoRowProps } from './info-row';
+export { infoRowRecipe, infoRowLabelRecipe, infoRowValueRecipe } from './info-row.recipe';
+export type { InfoRowVariant } from './info-row.recipe';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/info-row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/info-row/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC1F,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/info-row/info-row.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { InfoRowVariant } from './info-row.recipe';
+export interface InfoRowProps extends HTMLAttributes<HTMLDivElement> {
+    /** Row label (left side) */
+    label: string;
+    /** Row value (right side) */
+    value: ReactNode;
+    /** Value display variant */
+    variant?: InfoRowVariant;
+    /** Link URL when variant is "link" */
+    href?: string;
+}
+/**
+ * InfoRow — A label-value pair for displaying information.
+ *
+ * RSC-compatible (no `'use client'` needed).
+ */
+export declare function InfoRow({ label, value, variant, href, className, ...props }: InfoRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=info-row.d.ts.map

package/dist/components/info-row/info-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-row.d.ts","sourceRoot":"","sources":["../../../src/components/info-row/info-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,OAAmB,EACnB,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,2CAgBd"}

package/dist/components/info-row/info-row.recipe.d.ts

@@ -0,0 +1,19 @@
+export declare const infoRowRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{}>;
+export declare const infoRowLabelRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{}>;
+export declare const infoRowValueRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{
+    variant: {
+        default: {
+            color: "text.primary";
+        };
+        link: {
+            color: "text.link";
+            cursor: "pointer";
+            textDecoration: "none";
+            _hover: {
+                textDecoration: "underline";
+            };
+        };
+    };
+}>;
+export type InfoRowVariant = "default" | "link";
+//# sourceMappingURL=info-row.recipe.d.ts.map

package/dist/components/info-row/info-row.recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-row.recipe.d.ts","sourceRoot":"","sources":["../../../src/components/info-row/info-row.recipe.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,4DAWxB,CAAC;AAEH,eAAO,MAAM,kBAAkB,4DAO7B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;EAuB7B,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,CAAC"}

package/dist/components/info-row/info-row.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=info-row.spec.d.ts.map

package/dist/components/info-row/info-row.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-row.spec.d.ts","sourceRoot":"","sources":["../../../src/components/info-row/info-row.spec.tsx"],"names":[],"mappings":""}

package/dist/components/info-row/info-row.stories.d.ts

@@ -0,0 +1,38 @@
+import { StoryObj } from '@storybook/react-vite';
+import { InfoRow } from './info-row';
+declare const meta: {
+    title: string;
+    component: typeof InfoRow;
+    tags: string[];
+    argTypes: {
+        label: {
+            control: "text";
+            description: string;
+        };
+        value: {
+            control: "text";
+            description: string;
+        };
+        variant: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        href: {
+            control: "text";
+            description: string;
+        };
+    };
+    args: {
+        label: string;
+        value: string;
+        variant: "default";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Link: Story;
+/** Multiple info rows example */
+export declare const InfoList: Story;
+//# sourceMappingURL=info-row.stories.d.ts.map

package/dist/components/info-row/info-row.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-row.stories.d.ts","sourceRoot":"","sources":["../../../src/components/info-row/info-row.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC"}

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

@@ -0,0 +1,4 @@
+export { Input } from './input';
+export type { InputProps } from './input';
+export { inputRecipe } from './input.recipe';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,14 @@
+import { InputHTMLAttributes } from 'react';
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    /** Show error styling */
+    error?: boolean;
+    /** Optional label rendered above the input */
+    label?: string;
+}
+/**
+ * Input — A styled text input field.
+ *
+ * RSC-compatible (no `'use client'` needed).
+ */
+export declare function Input({ error, label, className, id, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAa,EACb,KAAK,EACL,SAAS,EACT,EAAE,EACF,GAAG,KAAK,EACT,EAAE,UAAU,2CAoBZ"}

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

@@ -0,0 +1,17 @@
+export declare const inputRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{
+    error: {
+        true: {
+            borderColor: "border.error";
+            _hover: {
+                borderColor: "border.error";
+            };
+            _focus: {
+                borderColor: "border.error";
+                ringColor: "border.error";
+            };
+        };
+    };
+}>;
+export declare const inputWrapperRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{}>;
+export declare const inputLabelRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{}>;
+//# sourceMappingURL=input.recipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.recipe.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.recipe.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;EAmDtB,CAAC;AAEH,eAAO,MAAM,kBAAkB,4DAS7B,CAAC;AAEH,eAAO,MAAM,gBAAgB,4DAS3B,CAAC"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=input.spec.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.spec.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.spec.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,40 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Input } from './input';
+declare const meta: {
+    title: string;
+    component: typeof Input;
+    tags: string[];
+    argTypes: {
+        error: {
+            control: "boolean";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        label: {
+            control: "text";
+            description: string;
+        };
+        placeholder: {
+            control: "text";
+            description: string;
+        };
+    };
+    args: {
+        placeholder: string;
+        error: false;
+        disabled: false;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Filled: Story;
+export declare const WithLabel: Story;
+export declare const Disabled: Story;
+export declare const Error: Story;
+/** All states side by side */
+export declare const AllStates: Story;
+//# sourceMappingURL=input.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CAeoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,8BAA8B;AAC9B,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC"}

package/dist/components/link/index.d.ts

@@ -0,0 +1,5 @@
+export { Link } from './link';
+export type { LinkProps } from './link';
+export { linkRecipe } from './link.recipe';
+export type { LinkVariant } from './link.recipe';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/link/link.d.ts

@@ -0,0 +1,15 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+import { LinkVariant } from './link.recipe';
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Visual style variant */
+    variant?: LinkVariant;
+    /** Content to render inside the link */
+    children: ReactNode;
+}
+/**
+ * Link — A styled anchor element.
+ *
+ * RSC-compatible (no `'use client'` needed).
+ */
+export declare function Link({ variant, children, className, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=link.d.ts.map

package/dist/components/link/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,WAAW,SAAU,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACxE,2BAA2B;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,wCAAwC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EACnB,OAAmB,EACnB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CASX"}

package/dist/components/link/link.recipe.d.ts

@@ -0,0 +1,20 @@
+export declare const linkRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{
+    variant: {
+        default: {
+            color: "text.link";
+            _hover: {
+                color: "text.linkHover";
+                textDecoration: "underline";
+            };
+        };
+        subtle: {
+            color: "text.secondary";
+            _hover: {
+                color: "text.primary";
+                textDecoration: "underline";
+            };
+        };
+    };
+}>;
+export type LinkVariant = "default" | "subtle";
+//# sourceMappingURL=link.recipe.d.ts.map

package/dist/components/link/link.recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.recipe.d.ts","sourceRoot":"","sources":["../../../src/components/link/link.recipe.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;EAsCrB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC"}

package/dist/components/link/link.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=link.spec.d.ts.map

package/dist/components/link/link.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.spec.d.ts","sourceRoot":"","sources":["../../../src/components/link/link.spec.tsx"],"names":[],"mappings":""}

package/dist/components/link/link.stories.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Link } from './link';
+declare const meta: {
+    title: string;
+    component: typeof Link;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        children: {
+            control: "text";
+            description: string;
+        };
+        href: {
+            control: "text";
+            description: string;
+        };
+    };
+    args: {
+        children: string;
+        variant: "default";
+        href: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Subtle: Story;
+/** All variants side by side */
+export declare const AllVariants: Story;
+//# sourceMappingURL=link.stories.d.ts.map

package/dist/components/link/link.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.stories.d.ts","sourceRoot":"","sources":["../../../src/components/link/link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;CAkBmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,gCAAgC;AAChC,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC"}

package/dist/components/list-item/index.d.ts

@@ -0,0 +1,4 @@
+export { ListItem } from './list-item';
+export type { ListItemProps } from './list-item';
+export { listItemRecipe, listItemTitleRecipe, listItemMetaRecipe, listItemPreviewRecipe, listItemRowRecipe, listItemWrapperRecipe, } from './list-item.recipe';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/list-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/list-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,oBAAoB,CAAC"}

package/dist/components/list-item/list-item.d.ts

@@ -0,0 +1,20 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface ListItemProps extends HTMLAttributes<HTMLDivElement> {
+    /** Main title text */
+    title: string;
+    /** Right side metadata (e.g., time) */
+    meta?: string;
+    /** Second line preview text */
+    preview?: string;
+    /** Badge or icon on the right of preview */
+    badge?: ReactNode;
+    /** Selected state */
+    selected?: boolean;
+}
+/**
+ * ListItem — A single item in a conversation or message list.
+ *
+ * RSC-compatible (no `'use client'` needed).
+ */
+export declare function ListItem({ title, meta, preview, badge, selected, className, ...props }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=list-item.d.ts.map

package/dist/components/list-item/list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../src/components/list-item/list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,2CAqBf"}

package/dist/components/list-item/list-item.recipe.d.ts

@@ -0,0 +1,14 @@
+export declare const listItemRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{
+    selected: {
+        true: {
+            bg: "bg.muted";
+        };
+        false: {};
+    };
+}>;
+export declare const listItemTitleRecipe: import('../../../styled-system/types').RecipeRuntimeFn<import('../../../styled-system/types').RecipeVariantRecord>;
+export declare const listItemMetaRecipe: import('../../../styled-system/types').RecipeRuntimeFn<import('../../../styled-system/types').RecipeVariantRecord>;
+export declare const listItemPreviewRecipe: import('../../../styled-system/types').RecipeRuntimeFn<import('../../../styled-system/types').RecipeVariantRecord>;
+export declare const listItemWrapperRecipe: import('../../../styled-system/types').RecipeRuntimeFn<import('../../../styled-system/types').RecipeVariantRecord>;
+export declare const listItemRowRecipe: import('../../../styled-system/types').RecipeRuntimeFn<import('../../../styled-system/types').RecipeVariantRecord>;
+//# sourceMappingURL=list-item.recipe.d.ts.map

package/dist/components/list-item/list-item.recipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.recipe.d.ts","sourceRoot":"","sources":["../../../src/components/list-item/list-item.recipe.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;EAqBzB,CAAC;AAEH,eAAO,MAAM,mBAAmB,oHAQ9B,CAAC;AAEH,eAAO,MAAM,kBAAkB,oHAQ7B,CAAC;AAEH,eAAO,MAAM,qBAAqB,oHAQhC,CAAC;AAEH,eAAO,MAAM,qBAAqB,oHAWhC,CAAC;AAEH,eAAO,MAAM,iBAAiB,oHAQ5B,CAAC"}

package/dist/components/list-item/list-item.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=list-item.spec.d.ts.map

package/dist/components/list-item/list-item.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.spec.d.ts","sourceRoot":"","sources":["../../../src/components/list-item/list-item.spec.tsx"],"names":[],"mappings":""}

package/dist/components/list-item/list-item.stories.d.ts

@@ -0,0 +1,38 @@
+import { StoryObj } from '@storybook/react-vite';
+import { ListItem } from './list-item';
+declare const meta: {
+    title: string;
+    component: typeof ListItem;
+    tags: string[];
+    argTypes: {
+        title: {
+            control: "text";
+            description: string;
+        };
+        meta: {
+            control: "text";
+            description: string;
+        };
+        preview: {
+            control: "text";
+            description: string;
+        };
+        selected: {
+            control: "boolean";
+            description: string;
+        };
+    };
+    args: {
+        title: string;
+        meta: string;
+        preview: string;
+        selected: false;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Selected: Story;
+export declare const WithBadge: Story;
+export declare const AllStates: Story;
+//# sourceMappingURL=list-item.stories.d.ts.map