@billabex/ui-components 0.0.0 → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Billabex
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,135 @@
+# @billabex/ui-components
+
+[![npm](https://img.shields.io/npm/v/@billabex/ui-components?color=d4a853)](https://www.npmjs.com/package/@billabex/ui-components)
+
+RSC-compatible React components for the [Billabex](https://next.billabex.com) design system. They ship with prebuilt CSS, so consuming apps do **not** need Panda CSS just to use the components.
+
+Part of the [Lingot](https://github.com/billabex/lingot) monorepo. 📖 [Browse the Storybook →](https://main--<your-chromatic-app-id>.chromatic.com)
+
+## Install
+
+```bash
+pnpm add @billabex/ui-components
+```
+
+## Setup
+
+Import the distributed stylesheet once in your app entrypoint, then use the components:
+
+```ts
+import '@billabex/ui-components/styles.css'
+```
+
+```tsx
+import { Button } from '@billabex/ui-components'
+```
+
+## Optional Panda CSS Preset
+
+If your app already uses Panda CSS and you want Billabex tokens/conditions in your own config, install the dedicated preset package:
+
+```bash
+pnpm add -D @billabex/ui-preset @pandacss/dev
+```
+
+```ts
+// panda.config.ts
+import { defineConfig } from '@pandacss/dev'
+import { billabexPreset } from '@billabex/ui-preset'
+
+export default defineConfig({
+  presets: [billabexPreset],
+  // ...
+})
+```
+
+## Components
+
+All components are RSC-compatible by default — only components that require interactivity use `"use client"`.
+
+### Actions
+
+| Component | Description |
+|-----------|-------------|
+| `Button` | Primary action trigger (`primary` \| `secondary` \| `ghost` \| `destructive`) |
+| `IconButton` | Icon-only action button |
+| `Link` | Anchor-style navigation |
+| `Toggle` | On/off switch |
+| `FilterButton` | Active/inactive filter chip |
+
+### Data Display
+
+| Component | Description |
+|-----------|-------------|
+| `Badge` | Status labels and counters |
+| `Card` | Content container with optional header/footer |
+| `Divider` | Horizontal or vertical separator |
+| `EmptyState` | Placeholder for empty lists/views |
+| `InfoRow` | Label–value pair row |
+| `ListItem` | Row in a list with title, meta, preview |
+| `Table` | Data table container with header |
+| `TableRow` | Individual row in a table |
+| `Tooltip` | Hover info popup |
+
+### Data Entry
+
+| Component | Description |
+|-----------|-------------|
+| `Checkbox` | Boolean toggle input |
+| `FormField` | Label + input + helper/error wrapper |
+| `Input` | Text input field |
+| `Select` | Dropdown select input |
+
+### Feedback
+
+| Component | Description |
+|-----------|-------------|
+| `Banner` | Contextual messages (info, warning, error, success) |
+| `Modal` | Dialog overlay |
+| `Toast` | Transient notification |
+
+### Navigation
+
+| Component | Description |
+|-----------|-------------|
+| `Breadcrumb` | Navigation breadcrumb trail |
+| `NavItem` | Sidebar navigation entry |
+| `PageHeader` | Top-level page title bar with actions |
+| `SectionTitle` | Collapsible section heading |
+| `Sidebar` | App-level sidebar with header, content, footer |
+| `Stepper` | Multi-step progress indicator |
+| `StepperItem` | Individual step in a stepper |
+| `TabItem` | Individual tab trigger |
+
+### Layout
+
+| Component | Description |
+|-----------|-------------|
+| `DropdownMenu` | Menu container for dropdown items |
+| `DropdownItem` | Individual item inside a dropdown menu |
+| `FilterRow` | Container for filter buttons |
+| `PanelHeader` | Panel title bar with filters and actions |
+
+### Quick start
+
+```tsx
+import { Button } from '@billabex/ui-components'
+
+<Button variant="primary" size="medium">
+  Get Started
+</Button>
+```
+## What the optional preset includes
+
+The `billabexPreset` provides:
+
+- **Colors**: neutral, gold, terracotta scales + semantic aliases (bg, text, action, status, border)
+- **Spacing**: `xs` through `5xl` (4px–64px)
+- **Radii**: `sm`, `md`, `lg`, `xl`, `full`
+- **Shadows**: `sm`, `md`, `lg`
+- **Typography**: heading, body, label, caption font styles
+- **Breakpoints**: `sm` (350px) through `desktopXl` (1920px)
+
+## License
+
+[MIT](https://github.com/billabex/lingot/blob/main/LICENSE)

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BadgeVariant } from './badge.recipe';
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Color variant */
+    variant?: BadgeVariant;
+    /** Optional icon before the label (12px) */
+    leftIcon?: ReactNode;
+    /** Optional icon after the label (12px) */
+    rightIcon?: ReactNode;
+    /** Badge content */
+    children: ReactNode;
+}
+/**
+ * Badge — A small status indicator.
+ *
+ * RSC-compatible (no `'use client'` needed).
+ */
+export declare function Badge({ variant, leftIcon, rightIcon, children, className, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE,oBAAoB;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAAmB,EACnB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,2CAmBZ"}

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

@@ -0,0 +1,26 @@
+export declare const badgeRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{
+    variant: {
+        neutral: {
+            bg: "bg.muted";
+            color: "text.secondary";
+        };
+        info: {
+            bg: "status.infoSubtle";
+            color: "status.info";
+        };
+        success: {
+            bg: "status.successSubtle";
+            color: "status.success";
+        };
+        warning: {
+            bg: "status.warningSubtle";
+            color: "status.warning";
+        };
+        error: {
+            bg: "status.errorSubtle";
+            color: "status.error";
+        };
+    };
+}>;
+export type BadgeVariant = "neutral" | "info" | "success" | "warning" | "error";
+//# sourceMappingURL=badge.recipe.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,33 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Badge } from './badge';
+declare const meta: {
+    title: string;
+    component: typeof Badge;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        children: {
+            control: "text";
+            description: string;
+        };
+    };
+    args: {
+        children: string;
+        variant: "neutral";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Neutral: Story;
+export declare const InfoBadge: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Error: Story;
+export declare const WithIcons: Story;
+/** All variants side by side */
+export declare const AllVariants: Story;
+//# sourceMappingURL=badge.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.stories.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;CAgBoB,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,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,gCAAgC;AAChC,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC"}

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

@@ -0,0 +1,5 @@
+export { Badge } from './badge';
+export type { BadgeProps } from './badge';
+export { badgeRecipe } from './badge.recipe';
+export type { BadgeVariant } from './badge.recipe';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/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;AAC7C,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/banner/banner.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BannerVariant } from './banner.recipe';
+export interface BannerProps extends HTMLAttributes<HTMLDivElement> {
+    /** Color variant */
+    variant?: BannerVariant;
+    /** Optional icon on the left (16px) */
+    icon?: ReactNode;
+    /** Banner content */
+    children: ReactNode;
+}
+/**
+ * Banner — An alert/notification banner.
+ *
+ * RSC-compatible (no `'use client'` needed).
+ */
+export declare function Banner({ variant, icon, children, className, ...props }: BannerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=banner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/components/banner/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,oBAAoB;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,uCAAuC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,2CAeb"}

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

@@ -0,0 +1,31 @@
+export declare const bannerRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{
+    variant: {
+        neutral: {
+            bg: "bg.muted";
+            borderColor: "border.default";
+            color: "text.secondary";
+        };
+        info: {
+            bg: "status.infoSubtle";
+            borderColor: "status.info";
+            color: "status.info";
+        };
+        warning: {
+            bg: "status.warningSubtle";
+            borderColor: "status.warning";
+            color: "status.warning";
+        };
+        error: {
+            bg: "status.errorSubtle";
+            borderColor: "status.error";
+            color: "status.error";
+        };
+        success: {
+            bg: "status.successSubtle";
+            borderColor: "status.success";
+            color: "status.success";
+        };
+    };
+}>;
+export type BannerVariant = "neutral" | "info" | "warning" | "error" | "success";
+//# sourceMappingURL=banner.recipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.recipe.d.ts","sourceRoot":"","sources":["../../../src/components/banner/banner.recipe.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CvB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC"}

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

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

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

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

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

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Banner } from './banner';
+declare const meta: {
+    title: string;
+    component: typeof Banner;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        children: {
+            control: "text";
+            description: string;
+        };
+    };
+    args: {
+        children: string;
+        variant: "neutral";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Neutral: Story;
+export declare const InfoBanner: Story;
+export declare const Warning: Story;
+export declare const Error: Story;
+export declare const Success: Story;
+/** All variants stacked */
+export declare const AllVariants: Story;
+//# sourceMappingURL=banner.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/banner/banner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;CAgBqB,CAAC;AAEhC,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,KAExB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,2BAA2B;AAC3B,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC"}

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

@@ -0,0 +1,5 @@
+export { Banner } from './banner';
+export type { BannerProps } from './banner';
+export { bannerRecipe } from './banner.recipe';
+export type { BannerVariant } from './banner.recipe';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,20 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface BreadcrumbItem {
+    /** Display label */
+    label: string;
+    /** Link URL — omit for the current/last item */
+    href?: string;
+}
+export interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
+    /** Breadcrumb items — last item is treated as current page */
+    items: BreadcrumbItem[];
+    /** Custom separator (defaults to chevron-right) */
+    separator?: ReactNode;
+}
+/**
+ * Breadcrumb — A navigation breadcrumb trail.
+ *
+ * RSC-compatible (no `'use client'` needed).
+ */
+export declare function Breadcrumb({ items, separator, className, ...props }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=breadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,cAAc;IAC7B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,WAAW,CAAC;IAClE,8DAA8D;IAC9D,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,mDAAmD;IACnD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAoBD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,2CAkCjB"}

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

@@ -0,0 +1,2 @@
+export declare const breadcrumbRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{}>;
+//# sourceMappingURL=breadcrumb.recipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.recipe.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.recipe.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,4DAe3B,CAAC"}

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Breadcrumb } from './breadcrumb';
+declare const meta: {
+    title: string;
+    component: typeof Breadcrumb;
+    tags: string[];
+    args: {
+        items: ({
+            label: string;
+            href: string;
+        } | {
+            label: string;
+            href?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const TwoItems: Story;
+export declare const ManyItems: Story;
+export declare const CustomSeparator: Story;
+//# sourceMappingURL=breadcrumb.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.stories.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAWyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC"}

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

@@ -0,0 +1,4 @@
+export { Breadcrumb } from './breadcrumb';
+export type { BreadcrumbProps, BreadcrumbItem } from './breadcrumb';
+export { breadcrumbRecipe } from './breadcrumb.recipe';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -5,6 +5,10 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: ButtonVariant;
     /** Size preset */
     size?: ButtonSize;
+    /** Optional icon rendered before the label */
+    leftIcon?: ReactNode;
+    /** Optional icon rendered after the label */
+    rightIcon?: ReactNode;
     /** Content to render inside the button */
     children: ReactNode;
 }
@@ -20,5 +24,5 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
  * </Button>
  * ```
  */
-export declare function Button({ variant, size, children, className, disabled, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ variant, size, leftIcon, rightIcon, children, className, disabled, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,kBAAkB;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,0CAA0C;IAC1C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAe,EACf,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAUb"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,kBAAkB;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,0CAA0C;IAC1C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAe,EACf,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAsBb"}

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-vite';
 import { Button } from './button';
 declare const meta: {
     title: string;
@@ -39,6 +39,9 @@ export declare const Ghost: Story;
 export declare const Destructive: Story;
 export declare const Small: Story;
 export declare const Disabled: Story;
+export declare const WithLeftIcon: Story;
+export declare const WithRightIcon: Story;
+export declare const WithBothIcons: Story;
 /** All variants side by side */
 export declare const AllVariants: Story;
 /** All sizes side by side */

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

@@ -1 +1 @@
-{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,gCAAgC;AAChC,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,6BAA6B;AAC7B,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC"}
+{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,gCAAgC;AAChC,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,6BAA6B;AAC7B,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC"}

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

@@ -0,0 +1,15 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { CardVariant } from './card.recipe';
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Visual variant */
+    variant?: CardVariant;
+    /** Card content */
+    children: ReactNode;
+}
+/**
+ * Card — A container with border and optional elevation.
+ *
+ * RSC-compatible (no `'use client'` needed).
+ */
+export declare function Card({ variant, children, className, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,qBAAqB;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EACnB,OAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,SAAS,2CASX"}

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

@@ -0,0 +1,10 @@
+export declare const cardRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{
+    variant: {
+        flat: {};
+        elevated: {
+            shadow: "sm";
+        };
+    };
+}>;
+export type CardVariant = "flat" | "elevated";
+//# sourceMappingURL=card.recipe.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Card } from './card';
+declare const meta: {
+    title: string;
+    component: typeof Card;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+    };
+    args: {
+        variant: "flat";
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Flat: Story;
+export declare const Elevated: Story;
+/** Both variants side by side */
+export declare const AllVariants: Story;
+//# sourceMappingURL=card.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.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;;;;;;;;;;;;;;;CAemB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAC"}

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

@@ -0,0 +1,5 @@
+export { Card } from './card';
+export type { CardProps } from './card';
+export { cardRecipe } from './card.recipe';
+export type { CardVariant } from './card.recipe';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/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/checkbox/checkbox.d.ts

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes } from 'react';
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    /** Optional label next to the checkbox */
+    label?: string;
+}
+/**
+ * Checkbox — A styled checkbox input with optional label.
+ *
+ * RSC-compatible (no `'use client'` needed).
+ */
+export declare function Checkbox({ label, className, id, disabled, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACxF,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,2CA6Bf"}

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

@@ -0,0 +1,3 @@
+export declare const checkboxRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{}>;
+export declare const checkboxInputRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{}>;
+//# sourceMappingURL=checkbox.recipe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.recipe.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.recipe.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,4DASzB,CAAC;AAEH,eAAO,MAAM,mBAAmB,4DAmC9B,CAAC"}

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

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