@beyondcorp/beyond-ui 1.0.19 → 1.0.20

package/dist/components/ComponentShowcase/componentDocs.js

@@ -0,0 +1,205 @@
+/**
+ * Centralized docs/config for all showcased components:
+ * - description, usage example, props table, etc.
+ * Used for ComponentShowcase main screen documentation.
+ */
+const componentDocs = {
+    button: {
+        name: "Button",
+        description: "A versatile button component with multiple variants and sizes.",
+        example: `<Button variant="primary" size="md">
+  Click me
+</Button>`,
+        props: [
+            { name: "variant", type: "string", default: "primary", description: "Button style variant" },
+            { name: "size", type: "string", default: "md", description: "Button size" },
+            { name: "disabled", type: "boolean", default: "false", description: "Disable the button" }
+        ]
+    },
+    input: {
+        name: "Input",
+        description: "A flexible input component with validation states and different sizes.",
+        example: `<Input placeholder="Enter your email" />`,
+        props: [
+            { name: "variant", type: "string", default: "default", description: "Input variant (default/success/error)" },
+            { name: "inputSize", type: "string", default: "md", description: "Input size" },
+            { name: "placeholder", type: "string", default: "", description: "Placeholder text" }
+        ]
+    },
+    badge: {
+        name: "Badge",
+        description: "A small tag for statuses or classifications.",
+        example: `<Badge>Default</Badge>`,
+        props: [
+            { name: "variant", type: "string", default: "default", description: "Badge style variant" }
+        ]
+    },
+    card: {
+        name: "Card",
+        description: "A container element for grouping content.",
+        example: `<Card><CardContent>Example</CardContent></Card>`,
+        props: [
+            { name: "children", type: "ReactNode", description: "Card content" }
+        ]
+    },
+    textarea: {
+        name: "Textarea",
+        description: "A multi-line text input component.",
+        example: `<Textarea placeholder="Write here..." />`,
+        props: [
+            { name: "rows", type: "number", default: 3, description: "Number of rows" }
+        ]
+    },
+    checkbox: {
+        name: "Checkbox",
+        description: "A standard form checkbox.",
+        example: `<Checkbox checked={true} />`,
+        props: [
+            { name: "checked", type: "boolean", description: "Checked state" }
+        ]
+    },
+    switch: {
+        name: "Switch",
+        description: "A boolean toggle control.",
+        example: `<Switch checked={true} />`,
+        props: [
+            { name: "checked", type: "boolean", description: "Checked state" }
+        ]
+    },
+    avatar: {
+        name: "Avatar",
+        description: "Displays a user profile image or initials.",
+        example: `<Avatar><AvatarFallback>U</AvatarFallback></Avatar>`,
+        props: [
+            { name: "size", type: "\"sm\"|\"md\"|\"lg\"", default: "md", description: "Avatar size" }
+        ]
+    },
+    alert: {
+        name: "Alert",
+        description: "Displays messages for important info.",
+        example: `<Alert variant="info"><AlertTitle>Info</AlertTitle></Alert>`,
+        props: [
+            { name: "variant", type: "string", default: "info", description: "Alert type" }
+        ]
+    },
+    toast: {
+        name: "Toast",
+        description: "Transient notification message overlay.",
+        example: `<Toast />`,
+        props: []
+    },
+    modal: {
+        name: "Modal",
+        description: "A dialog overlay for user attention.",
+        example: `<Modal open={true} onOpenChange={() => {}} />`,
+        props: [
+            { name: "open", type: "boolean", description: "Show or hide the modal" }
+        ]
+    },
+    spinner: {
+        name: "Spinner",
+        description: "Animated indicator for loading states.",
+        example: `<Spinner />`,
+        props: []
+    },
+    skeleton: {
+        name: "Skeleton",
+        description: "Shimmer placeholder for loading UIs.",
+        example: `<Skeleton className="h-6 w-32" />`,
+        props: [
+            { name: "className", type: "string", description: "Skeleton custom styles" }
+        ]
+    },
+    statscard: {
+        name: "StatsCard",
+        description: "Shows key metrics and trends.",
+        example: `<StatsCard title="Users" value="2,543" />`,
+        props: [
+            { name: "title", type: "string", description: "Card title" },
+            { name: "value", type: "string|number", description: "Main value" }
+        ]
+    },
+    tabs: {
+        name: "Tabs",
+        description: "Navigation between content views.",
+        example: `<Tabs value="tab-1"><TabsList>...</TabsList></Tabs>`,
+        props: [
+            { name: "value", type: "string", description: "Selected tab value" }
+        ]
+    },
+    sidebar: {
+        name: "Sidebar",
+        description: "Persistent vertical navigation panel.",
+        example: `<Sidebar menuItems={[]} />`,
+        props: []
+    },
+    navbar: {
+        name: "Navbar",
+        description: "Top navigation bar for branding and links.",
+        example: `<Navbar>...</Navbar>`,
+        props: []
+    },
+    "dashboard-layout": {
+        name: "DashboardLayout",
+        description: "Layout for dashboards with sidebar and content.",
+        example: `<DashboardLayout>...</DashboardLayout>`,
+        props: []
+    },
+    "dashboard-header": {
+        name: "DashboardHeader",
+        description: "Header for dashboard screens.",
+        example: `<DashboardHeader />`,
+        props: []
+    },
+    "dashboard-grid": {
+        name: "DashboardGrid",
+        description: "Grid container for dashboard widgets.",
+        example: `<DashboardGrid>...</DashboardGrid>`,
+        props: []
+    },
+    datatable: {
+        name: "DataTable",
+        description: "Advanced table for displaying data collections.",
+        example: `<DataTable columns={[]} dataSource={[]} />`,
+        props: []
+    },
+    // --- AUTHENTICATION DEMOS ---
+    login: {
+        name: "Login Page",
+        description: "Showcases the reusable LoginForm component as a full login page example.",
+        example: `<LoginForm />`,
+        props: []
+    },
+    signup: {
+        name: "Signup Page",
+        description: "Showcases the reusable SignupForm component as a full signup page example.",
+        example: `<SignupForm />`,
+        props: []
+    },
+    shield: {
+        name: "!isAuthenticated Shield",
+        description: "ProtectedRoute gate which only renders content when authenticated; otherwise shows fallback.",
+        example: `<ProtectedRoute>Protected Content</ProtectedRoute>`,
+        props: []
+    },
+    auth: {
+        name: "Auth System",
+        description: "Demo of authentication UI and flows.",
+        example: `<AuthShowcase />`,
+        props: []
+    },
+    "password-reset": {
+        name: "Password Reset",
+        description: "Showcases the reusable PasswordResetForm component, allowing users to request a password reset via email.",
+        example: `<PasswordResetForm onReset={email => { ... }} />`,
+        props: [
+            { name: "onReset", type: "(email: string) => Promise<void> | void", description: "Submit reset request callback" },
+            { name: "isLoading", type: "boolean", description: "Loading indicator" },
+            { name: "successMessage", type: "string", description: "Message displayed on success" },
+            { name: "errorMessage", type: "string", description: "Error feedback message" }
+        ],
+    },
+};
+
+export { componentDocs };
+//# sourceMappingURL=componentDocs.js.map

package/dist/components/ComponentShowcase/componentDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentDocs.js","sources":["../../../src/components/ComponentShowcase/componentDocs.ts"],"sourcesContent":["/**\r\n * Centralized docs/config for all showcased components:\r\n * - description, usage example, props table, etc.\r\n * Used for ComponentShowcase main screen documentation.\r\n */\r\nexport const componentDocs = {\r\n  button: {\r\n    name: \"Button\",\r\n    description: \"A versatile button component with multiple variants and sizes.\",\r\n    example: `<Button variant=\"primary\" size=\"md\">\r\n  Click me\r\n</Button>`,\r\n    props: [\r\n      { name: \"variant\", type: \"string\", default: \"primary\", description: \"Button style variant\" },\r\n      { name: \"size\", type: \"string\", default: \"md\", description: \"Button size\" },\r\n      { name: \"disabled\", type: \"boolean\", default: \"false\", description: \"Disable the button\" }\r\n    ]\r\n  },\r\n  input: {\r\n    name: \"Input\",\r\n    description: \"A flexible input component with validation states and different sizes.\",\r\n    example: `<Input placeholder=\"Enter your email\" />`,\r\n    props: [\r\n      { name: \"variant\", type: \"string\", default: \"default\", description: \"Input variant (default/success/error)\" },\r\n      { name: \"inputSize\", type: \"string\", default: \"md\", description: \"Input size\" },\r\n      { name: \"placeholder\", type: \"string\", default: \"\", description: \"Placeholder text\" }\r\n    ]\r\n  },\r\n  badge: {\r\n    name: \"Badge\",\r\n    description: \"A small tag for statuses or classifications.\",\r\n    example: `<Badge>Default</Badge>`,\r\n    props: [\r\n      { name: \"variant\", type: \"string\", default: \"default\", description: \"Badge style variant\" }\r\n    ]\r\n  },\r\n  card: {\r\n    name: \"Card\",\r\n    description: \"A container element for grouping content.\",\r\n    example: `<Card><CardContent>Example</CardContent></Card>`,\r\n    props: [\r\n      { name: \"children\", type: \"ReactNode\", description: \"Card content\" }\r\n    ]\r\n  },\r\n  textarea: {\r\n    name: \"Textarea\",\r\n    description: \"A multi-line text input component.\",\r\n    example: `<Textarea placeholder=\"Write here...\" />`,\r\n    props: [\r\n      { name: \"rows\", type: \"number\", default: 3, description: \"Number of rows\" }\r\n    ]\r\n  },\r\n  checkbox: {\r\n    name: \"Checkbox\",\r\n    description: \"A standard form checkbox.\",\r\n    example: `<Checkbox checked={true} />`,\r\n    props: [\r\n      { name: \"checked\", type: \"boolean\", description: \"Checked state\" }\r\n    ]\r\n  },\r\n  switch: {\r\n    name: \"Switch\",\r\n    description: \"A boolean toggle control.\",\r\n    example: `<Switch checked={true} />`,\r\n    props: [\r\n      { name: \"checked\", type: \"boolean\", description: \"Checked state\" }\r\n    ]\r\n  },\r\n  avatar: {\r\n    name: \"Avatar\",\r\n    description: \"Displays a user profile image or initials.\",\r\n    example: `<Avatar><AvatarFallback>U</AvatarFallback></Avatar>`,\r\n    props: [\r\n      { name: \"size\", type: \"\\\"sm\\\"|\\\"md\\\"|\\\"lg\\\"\", default: \"md\", description: \"Avatar size\" }\r\n    ]\r\n  },\r\n  alert: {\r\n    name: \"Alert\",\r\n    description: \"Displays messages for important info.\",\r\n    example: `<Alert variant=\"info\"><AlertTitle>Info</AlertTitle></Alert>`,\r\n    props: [\r\n      { name: \"variant\", type: \"string\", default: \"info\", description: \"Alert type\" }\r\n    ]\r\n  },\r\n  toast: {\r\n    name: \"Toast\",\r\n    description: \"Transient notification message overlay.\",\r\n    example: `<Toast />`,\r\n    props: []\r\n  },\r\n  modal: {\r\n    name: \"Modal\",\r\n    description: \"A dialog overlay for user attention.\",\r\n    example: `<Modal open={true} onOpenChange={() => {}} />`,\r\n    props: [\r\n      { name: \"open\", type: \"boolean\", description: \"Show or hide the modal\" }\r\n    ]\r\n  },\r\n  spinner: {\r\n    name: \"Spinner\",\r\n    description: \"Animated indicator for loading states.\",\r\n    example: `<Spinner />`,\r\n    props: []\r\n  },\r\n  skeleton: {\r\n    name: \"Skeleton\",\r\n    description: \"Shimmer placeholder for loading UIs.\",\r\n    example: `<Skeleton className=\"h-6 w-32\" />`,\r\n    props: [\r\n      { name: \"className\", type: \"string\", description: \"Skeleton custom styles\" }\r\n    ]\r\n  },\r\n  statscard: {\r\n    name: \"StatsCard\",\r\n    description: \"Shows key metrics and trends.\",\r\n    example: `<StatsCard title=\"Users\" value=\"2,543\" />`,\r\n    props: [\r\n      { name: \"title\", type: \"string\", description: \"Card title\" },\r\n      { name: \"value\", type: \"string|number\", description: \"Main value\" }\r\n    ]\r\n  },\r\n  tabs: {\r\n    name: \"Tabs\",\r\n    description: \"Navigation between content views.\",\r\n    example: `<Tabs value=\"tab-1\"><TabsList>...</TabsList></Tabs>`,\r\n    props: [\r\n      { name: \"value\", type: \"string\", description: \"Selected tab value\" }\r\n    ]\r\n  },\r\n  sidebar: {\r\n    name: \"Sidebar\",\r\n    description: \"Persistent vertical navigation panel.\",\r\n    example: `<Sidebar menuItems={[]} />`,\r\n    props: []\r\n  },\r\n  navbar: {\r\n    name: \"Navbar\",\r\n    description: \"Top navigation bar for branding and links.\",\r\n    example: `<Navbar>...</Navbar>`,\r\n    props: []\r\n  },\r\n  \"dashboard-layout\": {\r\n    name: \"DashboardLayout\",\r\n    description: \"Layout for dashboards with sidebar and content.\",\r\n    example: `<DashboardLayout>...</DashboardLayout>`,\r\n    props: []\r\n  },\r\n  \"dashboard-header\": {\r\n    name: \"DashboardHeader\",\r\n    description: \"Header for dashboard screens.\",\r\n    example: `<DashboardHeader />`,\r\n    props: []\r\n  },\r\n  \"dashboard-grid\": {\r\n    name: \"DashboardGrid\",\r\n    description: \"Grid container for dashboard widgets.\",\r\n    example: `<DashboardGrid>...</DashboardGrid>`,\r\n    props: []\r\n  },\r\n  datatable: {\r\n    name: \"DataTable\",\r\n    description: \"Advanced table for displaying data collections.\",\r\n    example: `<DataTable columns={[]} dataSource={[]} />`,\r\n    props: []\r\n  },\r\n  // --- AUTHENTICATION DEMOS ---\r\n  login: {\r\n    name: \"Login Page\",\r\n    description: \"Showcases the reusable LoginForm component as a full login page example.\",\r\n    example: `<LoginForm />`,\r\n    props: []\r\n  },\r\n  signup: {\r\n    name: \"Signup Page\",\r\n    description: \"Showcases the reusable SignupForm component as a full signup page example.\",\r\n    example: `<SignupForm />`,\r\n    props: []\r\n  },\r\n  shield: {\r\n    name: \"!isAuthenticated Shield\",\r\n    description: \"ProtectedRoute gate which only renders content when authenticated; otherwise shows fallback.\",\r\n    example: `<ProtectedRoute>Protected Content</ProtectedRoute>`,\r\n    props: []\r\n  },\r\n  auth: {\r\n    name: \"Auth System\",\r\n    description: \"Demo of authentication UI and flows.\",\r\n    example: `<AuthShowcase />`,\r\n    props: []\r\n  },\r\n  \"password-reset\": {\r\n    name: \"Password Reset\",\r\n    description: \"Showcases the reusable PasswordResetForm component, allowing users to request a password reset via email.\",\r\n    example: `<PasswordResetForm onReset={email => { ... }} />`,\r\n    props: [\r\n      { name: \"onReset\", type: \"(email: string) => Promise<void> | void\", description: \"Submit reset request callback\" },\r\n      { name: \"isLoading\", type: \"boolean\", description: \"Loading indicator\" },\r\n      { name: \"successMessage\", type: \"string\", description: \"Message displayed on success\" },\r\n      { name: \"errorMessage\", type: \"string\", description: \"Error feedback message\" }\r\n    ],\r\n  },\r\n};\r\n"],"names":[],"mappings":"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"}

package/dist/components/ComponentShowcase/showcaseRegistry.d.ts

@@ -0,0 +1 @@
+export declare const showcaseRegistry: Record<string, React.FC>;

package/dist/components/ComponentShowcase/showcaseRegistry.js

@@ -0,0 +1,64 @@
+import { ButtonExample } from '../Button/Button.example.js';
+import { InputExample } from '../Input/Input.example.js';
+import { TextareaExample } from '../Textarea/Textarea.example.js';
+import { CheckboxExample } from '../Checkbox/Checkbox.example.js';
+import { SwitchExample } from '../Switch/Switch.example.js';
+import { CardExample } from '../Card/Card.example.js';
+import { BadgeExample } from '../Badge/Badge.example.js';
+import { AvatarExample } from '../Avatar/Avatar.example.js';
+import { AlertExample } from '../Alert/Alert.example.js';
+import { ToastExample } from '../Toast/Toast.example.js';
+import { ModalExample } from '../Modal/Modal.example.js';
+import { SpinnerExample } from '../Spinner/Spinner.example.js';
+import { SkeletonExample } from '../Skeleton/Skeleton.example.js';
+import { StatsCardExample } from '../StatsCard/StatsCard.example.js';
+import { TabsExample } from '../Tabs/Tabs.example.js';
+import { SidebarExample } from '../Sidebar/Sidebar.example.js';
+import { NavbarExample } from '../Navbar/Navbar.example.js';
+import { DashboardLayoutExample } from '../DashboardLayout/DashboardLayout.example.js';
+import { DashboardHeaderExample } from '../DashboardHeader/DashboardHeader.example.js';
+import { DashboardGridExample } from '../DashboardGrid/DashboardGrid.example.js';
+import { DataTableShowcase } from '../DataTable/DataTableShowcase.js';
+import { AuthShowcase } from '../Auth/AuthShowcase.js';
+import { LoginFormExample } from '../Auth/LoginForm.example.js';
+import { SignupFormExample } from '../Auth/SignupForm.example.js';
+import { ProtectedRouteExample } from '../Auth/ProtectedRoute.example.js';
+import { PasswordResetFormExample } from '../Auth/PasswordResetForm.example.js';
+
+/**
+ * Showcase registry maps component ids to their example/demo modules.
+ * Usage: import { showcaseRegistry } from './showcaseRegistry';
+ * Then: const Demo = showcaseRegistry['button'];
+ */
+const showcaseRegistry = {
+    button: ButtonExample,
+    input: InputExample,
+    textarea: TextareaExample,
+    checkbox: CheckboxExample,
+    switch: SwitchExample,
+    card: CardExample,
+    badge: BadgeExample,
+    avatar: AvatarExample,
+    alert: AlertExample,
+    toast: ToastExample,
+    modal: ModalExample,
+    spinner: SpinnerExample,
+    skeleton: SkeletonExample,
+    statscard: StatsCardExample,
+    tabs: TabsExample,
+    sidebar: SidebarExample,
+    navbar: NavbarExample,
+    "dashboard-layout": DashboardLayoutExample,
+    "dashboard-header": DashboardHeaderExample,
+    "dashboard-grid": DashboardGridExample,
+    datatable: DataTableShowcase,
+    auth: AuthShowcase,
+    login: LoginFormExample,
+    signup: SignupFormExample,
+    "password-reset": PasswordResetFormExample,
+    shield: ProtectedRouteExample
+    // Extend with other demos as needed
+};
+
+export { showcaseRegistry };
+//# sourceMappingURL=showcaseRegistry.js.map

package/dist/components/ComponentShowcase/showcaseRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"showcaseRegistry.js","sources":["../../../src/components/ComponentShowcase/showcaseRegistry.ts"],"sourcesContent":["/**\r\n * Showcase registry maps component ids to their example/demo modules.\r\n * Usage: import { showcaseRegistry } from './showcaseRegistry';\r\n * Then: const Demo = showcaseRegistry['button'];\r\n */\r\nimport { ButtonExample } from '../Button/Button.example';\r\nimport { InputExample } from '../Input/Input.example';\r\nimport { TextareaExample } from '../Textarea/Textarea.example';\r\nimport { CheckboxExample } from '../Checkbox/Checkbox.example';\r\nimport { SwitchExample } from '../Switch/Switch.example';\r\nimport { CardExample } from '../Card/Card.example';\r\nimport { BadgeExample } from '../Badge/Badge.example';\r\nimport { AvatarExample } from '../Avatar/Avatar.example';\r\nimport { AlertExample } from '../Alert/Alert.example';\r\nimport { ToastExample } from '../Toast/Toast.example';\r\nimport { ModalExample } from '../Modal/Modal.example';\r\nimport { SpinnerExample } from '../Spinner/Spinner.example';\r\nimport { SkeletonExample } from '../Skeleton/Skeleton.example';\r\nimport { StatsCardExample } from '../StatsCard/StatsCard.example';\r\nimport { TabsExample } from '../Tabs/Tabs.example';\r\nimport { SidebarExample } from '../Sidebar/Sidebar.example';\r\nimport { NavbarExample } from '../Navbar/Navbar.example';\r\nimport { DashboardLayoutExample } from '../DashboardLayout/DashboardLayout.example';\r\nimport { DashboardHeaderExample } from '../DashboardHeader/DashboardHeader.example';\r\nimport { DashboardGridExample } from '../DashboardGrid/DashboardGrid.example';\r\nimport { DataTableShowcase } from '../DataTable/DataTableShowcase';\r\nimport { AuthShowcase } from '../Auth/AuthShowcase';\r\nimport { LoginFormExample } from \"../Auth/LoginForm.example\";\r\nimport { SignupFormExample } from \"../Auth/SignupForm.example\";\r\nimport { ProtectedRouteExample } from \"../Auth/ProtectedRoute.example\";\r\nimport { PasswordResetFormExample } from \"../Auth/PasswordResetForm.example\";\r\n\r\nexport const showcaseRegistry: Record<string, React.FC> = {\r\n  button: ButtonExample,\r\n  input: InputExample,\r\n  textarea: TextareaExample,\r\n  checkbox: CheckboxExample,\r\n  switch: SwitchExample,\r\n  card: CardExample,\r\n  badge: BadgeExample,\r\n  avatar: AvatarExample,\r\n  alert: AlertExample,\r\n  toast: ToastExample,\r\n  modal: ModalExample,\r\n  spinner: SpinnerExample,\r\n  skeleton: SkeletonExample,\r\n  statscard: StatsCardExample,\r\n  tabs: TabsExample,\r\n  sidebar: SidebarExample,\r\n  navbar: NavbarExample,\r\n  \"dashboard-layout\": DashboardLayoutExample,\r\n  \"dashboard-header\": DashboardHeaderExample,\r\n  \"dashboard-grid\": DashboardGridExample,\r\n  datatable: DataTableShowcase,\r\n  auth: AuthShowcase,\r\n  login: LoginFormExample,\r\n  signup: SignupFormExample,\r\n  \"password-reset\": PasswordResetFormExample,\r\n  shield: ProtectedRouteExample\r\n  // Extend with other demos as needed\r\n};"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAIG;AA4BI,MAAM,gBAAgB,GAA6B;AACxD,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,QAAQ,EAAE,eAAe;AACzB,IAAA,QAAQ,EAAE,eAAe;AACzB,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,QAAQ,EAAE,eAAe;AACzB,IAAA,SAAS,EAAE,gBAAgB;AAC3B,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,kBAAkB,EAAE,sBAAsB;AAC1C,IAAA,kBAAkB,EAAE,sBAAsB;AAC1C,IAAA,gBAAgB,EAAE,oBAAoB;AACtC,IAAA,SAAS,EAAE,iBAAiB;AAC5B,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,EAAE,gBAAgB;AACvB,IAAA,MAAM,EAAE,iBAAiB;AACzB,IAAA,gBAAgB,EAAE,wBAAwB;AAC1C,IAAA,MAAM,EAAE;;;;;;"}

package/dist/components/DashboardGrid/DashboardGrid.example.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const DashboardGridExample: React.FC;

package/dist/components/DashboardGrid/DashboardGrid.example.js

@@ -0,0 +1,7 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { DashboardGrid } from './DashboardGrid.js';
+
+const DashboardGridExample = () => (jsxs(DashboardGrid, { children: [jsx("div", { className: "p-4 bg-gray-100 rounded", children: "Widget 1" }), jsx("div", { className: "p-4 bg-gray-100 rounded", children: "Widget 2" }), jsx("div", { className: "p-4 bg-gray-100 rounded", children: "Widget 3" }), jsx("div", { className: "p-4 bg-gray-100 rounded", children: "Widget 4" })] }));
+
+export { DashboardGridExample };
+//# sourceMappingURL=DashboardGrid.example.js.map

package/dist/components/DashboardGrid/DashboardGrid.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardGrid.example.js","sources":["../../../src/components/DashboardGrid/DashboardGrid.example.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { DashboardGrid } from \"./DashboardGrid\";\r\n\r\nexport const DashboardGridExample: React.FC = () => (\r\n  <DashboardGrid>\r\n    <div className=\"p-4 bg-gray-100 rounded\">Widget 1</div>\r\n    <div className=\"p-4 bg-gray-100 rounded\">Widget 2</div>\r\n    <div className=\"p-4 bg-gray-100 rounded\">Widget 3</div>\r\n    <div className=\"p-4 bg-gray-100 rounded\">Widget 4</div>\r\n  </DashboardGrid>\r\n);"],"names":["_jsxs","_jsx"],"mappings":";;;AAGO,MAAM,oBAAoB,GAAa,OAC5CA,IAAA,CAAC,aAAa,eACZC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,yBAAe,EACvDA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,UAAA,EAAA,CAAe,EACvDA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,UAAA,EAAA,CAAe,EACvDA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,UAAA,EAAA,CAAe,CAAA,EAAA,CACzC;;;;"}

package/dist/components/DashboardHeader/DashboardHeader.example.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const DashboardHeaderExample: React.FC;

package/dist/components/DashboardHeader/DashboardHeader.example.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+import { DashboardHeader } from './DashboardHeader.js';
+
+const DashboardHeaderExample = () => (jsx(DashboardHeader, { breadcrumbs: [{ label: "Dashboard" }, { label: "Insights" }] }));
+
+export { DashboardHeaderExample };
+//# sourceMappingURL=DashboardHeader.example.js.map

package/dist/components/DashboardHeader/DashboardHeader.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardHeader.example.js","sources":["../../../src/components/DashboardHeader/DashboardHeader.example.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { DashboardHeader } from \"./DashboardHeader\";\r\n\r\nexport const DashboardHeaderExample: React.FC = () => (\r\n  <DashboardHeader breadcrumbs={[{ label: \"Dashboard\" }, { label: \"Insights\" }]} />\r\n);"],"names":["_jsx"],"mappings":";;;AAGO,MAAM,sBAAsB,GAAa,OAC9CA,GAAA,CAAC,eAAe,EAAA,EAAC,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAA,CAAI;;;;"}

package/dist/components/DashboardLayout/DashboardLayout.example.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const DashboardLayoutExample: React.FC;

package/dist/components/DashboardLayout/DashboardLayout.example.js

@@ -0,0 +1,7 @@
+import { jsx } from 'react/jsx-runtime';
+import { DashboardLayout } from './DashboardLayout.js';
+
+const DashboardLayoutExample = () => (jsx(DashboardLayout, { children: jsx("div", { className: "p-4", children: "This is the dashboard content area." }) }));
+
+export { DashboardLayoutExample };
+//# sourceMappingURL=DashboardLayout.example.js.map

package/dist/components/DashboardLayout/DashboardLayout.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardLayout.example.js","sources":["../../../src/components/DashboardLayout/DashboardLayout.example.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { DashboardLayout } from \"./DashboardLayout\";\r\n\r\nexport const DashboardLayoutExample: React.FC = () => (\r\n  <DashboardLayout>\r\n    <div className=\"p-4\">This is the dashboard content area.</div>\r\n  </DashboardLayout>\r\n);"],"names":["_jsx"],"mappings":";;;AAGO,MAAM,sBAAsB,GAAa,OAC9CA,GAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EACdA,aAAK,SAAS,EAAC,KAAK,EAAA,QAAA,EAAA,qCAAA,EAAA,CAA0C,EAAA,CAC9C;;;;"}

package/dist/components/Input/Input.example.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const InputExample: React.FC;

package/dist/components/Input/Input.example.js

@@ -0,0 +1,7 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Input } from './Input.js';
+
+const InputExample = () => (jsxs("div", { className: "space-y-4 max-w-md", children: [jsx(Input, { placeholder: "Default input" }), jsx(Input, { placeholder: "Success state", variant: "success" }), jsx(Input, { placeholder: "Error state", variant: "error" }), jsxs("div", { className: "space-y-2", children: [jsx(Input, { placeholder: "Small", inputSize: "sm" }), jsx(Input, { placeholder: "Medium", inputSize: "md" }), jsx(Input, { placeholder: "Large", inputSize: "lg" })] })] }));
+
+export { InputExample };
+//# sourceMappingURL=Input.example.js.map

package/dist/components/Input/Input.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.example.js","sources":["../../../src/components/Input/Input.example.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { Input } from \"./Input\";\r\n\r\nexport const InputExample: React.FC = () => (\r\n  <div className=\"space-y-4 max-w-md\">\r\n    <Input placeholder=\"Default input\" />\r\n    <Input placeholder=\"Success state\" variant=\"success\" />\r\n    <Input placeholder=\"Error state\" variant=\"error\" />\r\n    <div className=\"space-y-2\">\r\n      <Input placeholder=\"Small\" inputSize=\"sm\" />\r\n      <Input placeholder=\"Medium\" inputSize=\"md\" />\r\n      <Input placeholder=\"Large\" inputSize=\"lg\" />\r\n    </div>\r\n  </div>\r\n);"],"names":["_jsxs","_jsx"],"mappings":";;;AAGO,MAAM,YAAY,GAAa,OACpCA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oBAAoB,aACjCC,GAAA,CAAC,KAAK,IAAC,WAAW,EAAC,eAAe,EAAA,CAAG,EACrCA,GAAA,CAAC,KAAK,IAAC,WAAW,EAAC,eAAe,EAAC,OAAO,EAAC,SAAS,EAAA,CAAG,EACvDA,GAAA,CAAC,KAAK,IAAC,WAAW,EAAC,aAAa,EAAC,OAAO,EAAC,OAAO,EAAA,CAAG,EACnDD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,aACxBC,GAAA,CAAC,KAAK,IAAC,WAAW,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAA,CAAG,EAC5CA,GAAA,CAAC,KAAK,IAAC,WAAW,EAAC,QAAQ,EAAC,SAAS,EAAC,IAAI,GAAG,EAC7CA,GAAA,CAAC,KAAK,EAAA,EAAC,WAAW,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,GAAG,CAAA,EAAA,CACxC,CAAA,EAAA,CACF;;;;"}

package/dist/components/Modal/Modal.example.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const ModalExample: React.FC;

package/dist/components/Modal/Modal.example.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Modal, ModalHeader, ModalTitle, ModalContent, ModalFooter } from './Modal.js';
+import { Button } from '../Button/Button.js';
+
+const ModalExample = () => {
+    const [open, setOpen] = React.useState(false);
+    return (jsxs("div", { children: [jsx(Button, { onClick: () => setOpen(true), children: "Show Modal" }), jsxs(Modal, { open: open, onOpenChange: setOpen, children: [jsx(ModalHeader, { children: jsx(ModalTitle, { children: "Demo Modal" }) }), jsx(ModalContent, { children: jsx("p", { children: "This is a basic modal dialog." }) }), jsx(ModalFooter, { children: jsx(Button, { variant: "primary", onClick: () => setOpen(false), children: "Close" }) })] })] }));
+};
+
+export { ModalExample };
+//# sourceMappingURL=Modal.example.js.map

package/dist/components/Modal/Modal.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.example.js","sources":["../../../src/components/Modal/Modal.example.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { Modal, ModalHeader, ModalTitle, ModalContent, ModalFooter } from \"./Modal\";\r\nimport { Button } from \"../Button\";\r\n\r\nexport const ModalExample: React.FC = () => {\r\n  const [open, setOpen] = React.useState(false);\r\n  return (\r\n    <div>\r\n      <Button onClick={() => setOpen(true)}>Show Modal</Button>\r\n      <Modal open={open} onOpenChange={setOpen}>\r\n        <ModalHeader>\r\n          <ModalTitle>Demo Modal</ModalTitle>\r\n        </ModalHeader>\r\n        <ModalContent>\r\n          <p>This is a basic modal dialog.</p>\r\n        </ModalContent>\r\n        <ModalFooter>\r\n          <Button variant=\"primary\" onClick={() => setOpen(false)}>Close</Button>\r\n        </ModalFooter>\r\n      </Modal>\r\n    </div>\r\n  );\r\n};"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAIO,MAAM,YAAY,GAAa,MAAK;AACzC,IAAA,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC7C,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACEC,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,EAAA,QAAA,EAAA,YAAA,EAAA,CAAqB,EACzDD,IAAA,CAAC,KAAK,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAA,QAAA,EAAA,CACtCC,GAAA,CAAC,WAAW,cACVA,GAAA,CAAC,UAAU,EAAA,EAAA,QAAA,EAAA,YAAA,EAAA,CAAwB,EAAA,CACvB,EACdA,GAAA,CAAC,YAAY,EAAA,EAAA,QAAA,EACXA,GAAA,CAAA,GAAA,EAAA,EAAA,QAAA,EAAA,+BAAA,EAAA,CAAoC,EAAA,CACvB,EACfA,GAAA,CAAC,WAAW,EAAA,EAAA,QAAA,EACVA,GAAA,CAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,EAAA,QAAA,EAAA,OAAA,EAAA,CAAgB,EAAA,CAC3D,CAAA,EAAA,CACR,CAAA,EAAA,CACJ;AAEV;;;;"}

package/dist/components/Navbar/Navbar.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const navbarVariants: (props?: ({
-    variant?: "default" | "dark" | "transparent" | null | undefined;
+    variant?: "default" | "transparent" | "dark" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface NavbarProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof navbarVariants> {

package/dist/components/Navbar/Navbar.example.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const NavbarExample: React.FC;

package/dist/components/Navbar/Navbar.example.js

@@ -0,0 +1,7 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Navbar } from './Navbar.js';
+
+const NavbarExample = () => (jsx(Navbar, { children: jsxs("div", { className: "flex items-center gap-4 px-4", children: [jsx("span", { className: "font-bold text-xl", children: "My App" }), jsxs("nav", { className: "flex gap-2 ml-auto", children: [jsx("a", { href: "/", className: "text-blue-500", children: "Home" }), jsx("a", { href: "/about", className: "text-blue-500", children: "About" })] })] }) }));
+
+export { NavbarExample };
+//# sourceMappingURL=Navbar.example.js.map

package/dist/components/Navbar/Navbar.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.example.js","sources":["../../../src/components/Navbar/Navbar.example.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { Navbar } from \"./Navbar\";\r\n\r\nexport const NavbarExample: React.FC = () => (\r\n  <Navbar>\r\n    <div className=\"flex items-center gap-4 px-4\">\r\n      <span className=\"font-bold text-xl\">My App</span>\r\n      <nav className=\"flex gap-2 ml-auto\">\r\n        <a href=\"/\" className=\"text-blue-500\">Home</a>\r\n        <a href=\"/about\" className=\"text-blue-500\">About</a>\r\n      </nav>\r\n    </div>\r\n  </Navbar>\r\n);"],"names":["_jsx","_jsxs"],"mappings":";;;MAGa,aAAa,GAAa,OACrCA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EACLC,cAAK,SAAS,EAAC,8BAA8B,EAAA,QAAA,EAAA,CAC3CD,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,mBAAmB,EAAA,QAAA,EAAA,QAAA,EAAA,CAAc,EACjDC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAA,CACjCD,GAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,eAAe,EAAA,QAAA,EAAA,MAAA,EAAA,CAAS,EAC9CA,GAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,eAAe,sBAAU,CAAA,EAAA,CAChD,CAAA,EAAA,CACF,EAAA,CACC;;;;"}

package/dist/components/Sidebar/Sidebar.example.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const SidebarExample: React.FC;

package/dist/components/Sidebar/Sidebar.example.js

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { Sidebar } from './Sidebar.js';
+
+const demoMenu = [
+    {
+        id: "dashboard",
+        label: "Dashboard",
+        icon: jsx("span", { children: "D" }),
+        href: "#"
+    },
+    {
+        id: "settings",
+        label: "Settings",
+        icon: jsx("span", { children: "S" }),
+        href: "#"
+    }
+];
+const SidebarExample = () => (jsx(Sidebar, { menuItems: demoMenu }));
+
+export { SidebarExample };
+//# sourceMappingURL=Sidebar.example.js.map

package/dist/components/Sidebar/Sidebar.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.example.js","sources":["../../../src/components/Sidebar/Sidebar.example.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { Sidebar } from \"./Sidebar\";\r\nimport type { MenuItem } from \"./Sidebar\";\r\n\r\nconst demoMenu: MenuItem[] = [\r\n  {\r\n    id: \"dashboard\",\r\n    label: \"Dashboard\",\r\n    icon: <span>D</span>,\r\n    href: \"#\"\r\n  },\r\n  {\r\n    id: \"settings\",\r\n    label: \"Settings\",\r\n    icon: <span>S</span>,\r\n    href: \"#\"\r\n  }\r\n];\r\n\r\nexport const SidebarExample: React.FC = () => (\r\n  <Sidebar menuItems={demoMenu} />\r\n);"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,QAAQ,GAAe;AAC3B,IAAA;AACE,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,IAAI,EAAEA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,GAAA,EAAA,CAAc;AACpB,QAAA,IAAI,EAAE;AACP,KAAA;AACD,IAAA;AACE,QAAA,EAAE,EAAE,UAAU;AACd,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,IAAI,EAAEA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,GAAA,EAAA,CAAc;AACpB,QAAA,IAAI,EAAE;AACP;CACF;AAEM,MAAM,cAAc,GAAa,OACtCA,GAAA,CAAC,OAAO,IAAC,SAAS,EAAE,QAAQ,EAAA,CAAI;;;;"}

package/dist/components/Skeleton/Skeleton.example.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const SkeletonExample: React.FC;

package/dist/components/Skeleton/Skeleton.example.js

@@ -0,0 +1,7 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Skeleton } from './Skeleton.js';
+
+const SkeletonExample = () => (jsxs("div", { className: "space-y-4 max-w-md", children: [jsx(Skeleton, { className: "h-8 w-1/2" }), jsx(Skeleton, { className: "h-4 w-3/4" }), jsxs("div", { className: "flex gap-2", children: [jsx(Skeleton, { className: "h-8 w-8 rounded-full" }), jsx(Skeleton, { className: "h-8 w-32" })] }), jsx(Skeleton, { className: "h-24 w-full" })] }));
+
+export { SkeletonExample };
+//# sourceMappingURL=Skeleton.example.js.map

package/dist/components/Skeleton/Skeleton.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.example.js","sources":["../../../src/components/Skeleton/Skeleton.example.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { Skeleton } from \"./Skeleton\";\r\n\r\nexport const SkeletonExample: React.FC = () => (\r\n  <div className=\"space-y-4 max-w-md\">\r\n    <Skeleton className=\"h-8 w-1/2\" />\r\n    <Skeleton className=\"h-4 w-3/4\" />\r\n    <div className=\"flex gap-2\">\r\n      <Skeleton className=\"h-8 w-8 rounded-full\" />\r\n      <Skeleton className=\"h-8 w-32\" />\r\n    </div>\r\n    <Skeleton className=\"h-24 w-full\" />\r\n  </div>\r\n);"],"names":["_jsxs","_jsx"],"mappings":";;;AAGO,MAAM,eAAe,GAAa,OACvCA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAA,CACjCC,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,WAAW,EAAA,CAAG,EAClCA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,WAAW,EAAA,CAAG,EAClCD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,YAAY,EAAA,QAAA,EAAA,CACzBC,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,sBAAsB,EAAA,CAAG,EAC7CA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,UAAU,EAAA,CAAG,CAAA,EAAA,CAC7B,EACNA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,aAAa,EAAA,CAAG,CAAA,EAAA,CAChC;;;;"}

package/dist/components/Spinner/Spinner.example.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const SpinnerExample: React.FC;

package/dist/components/Spinner/Spinner.example.js

@@ -0,0 +1,8 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Spinner } from './Spinner.js';
+import { Button } from '../Button/Button.js';
+
+const SpinnerExample = () => (jsxs("div", { className: "space-y-4", children: [jsx(Spinner, {}), jsxs("div", { className: "flex gap-2 items-center", children: [jsx(Spinner, {}), " ", jsx("span", { children: "Loading data..." })] }), jsxs(Button, { variant: "primary", disabled: true, children: [jsx(Spinner, { className: "mr-2 h-4 w-4" }), " Processing"] })] }));
+
+export { SpinnerExample };
+//# sourceMappingURL=Spinner.example.js.map

package/dist/components/Spinner/Spinner.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.example.js","sources":["../../../src/components/Spinner/Spinner.example.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { Spinner } from \"./Spinner\";\r\nimport { Button } from \"../Button\";\r\n\r\nexport const SpinnerExample: React.FC = () => (\r\n  <div className=\"space-y-4\">\r\n    <Spinner />\r\n    <div className=\"flex gap-2 items-center\">\r\n      <Spinner /> <span>Loading data...</span>\r\n    </div>\r\n    <Button variant=\"primary\" disabled>\r\n      <Spinner className=\"mr-2 h-4 w-4\" /> Processing\r\n    </Button>\r\n  </div>\r\n);"],"names":["_jsxs","_jsx"],"mappings":";;;;MAIa,cAAc,GAAa,OACtCA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EAAA,CACxBC,GAAA,CAAC,OAAO,EAAA,EAAA,CAAG,EACXD,cAAK,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACtCC,GAAA,CAAC,OAAO,KAAG,EAAA,GAAA,EAACA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,CAA4B,IACpC,EACND,IAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,mBAChCC,GAAA,CAAC,OAAO,IAAC,SAAS,EAAC,cAAc,EAAA,CAAG,EAAA,aAAA,CAAA,EAAA,CAC7B,CAAA,EAAA,CACL;;;;"}

package/dist/components/StatsCard/StatsCard.example.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const StatsCardExample: React.FC;

package/dist/components/StatsCard/StatsCard.example.js

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StatsCard } from './StatsCard.js';
+import { BarChart3 } from 'lucide-react';
+
+const StatsCardExample = () => (jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [jsx(StatsCard, { title: "Total Users", value: "2,543", trend: {
+                direction: "up",
+                value: "+12%",
+                label: "from last month"
+            }, icon: jsx(BarChart3, { className: "h-6 w-6 text-primary-600" }) }), jsx(StatsCard, { variant: "gradient", color: "success", title: "Revenue", value: "$45,231", trend: {
+                direction: "up",
+                value: "+8.2%",
+                label: "from last month"
+            }, icon: jsx(BarChart3, { className: "h-6 w-6" }) })] }));
+
+export { StatsCardExample };
+//# sourceMappingURL=StatsCard.example.js.map

package/dist/components/StatsCard/StatsCard.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatsCard.example.js","sources":["../../../src/components/StatsCard/StatsCard.example.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { StatsCard } from \"./StatsCard\";\r\nimport { BarChart3 } from \"lucide-react\";\r\n\r\nexport const StatsCardExample: React.FC = () => (\r\n  <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n    <StatsCard\r\n      title=\"Total Users\"\r\n      value=\"2,543\"\r\n      trend={{\r\n        direction: \"up\",\r\n        value: \"+12%\",\r\n        label: \"from last month\"\r\n      }}\r\n      icon={<BarChart3 className=\"h-6 w-6 text-primary-600\" />}\r\n    />\r\n    <StatsCard\r\n      variant=\"gradient\"\r\n      color=\"success\"\r\n      title=\"Revenue\"\r\n      value=\"$45,231\"\r\n      trend={{\r\n        direction: \"up\",\r\n        value: \"+8.2%\",\r\n        label: \"from last month\"\r\n      }}\r\n      icon={<BarChart3 className=\"h-6 w-6\" />}\r\n    />\r\n  </div>\r\n);"],"names":["_jsxs","_jsx"],"mappings":";;;;AAIO,MAAM,gBAAgB,GAAa,OACxCA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uCAAuC,aACpDC,GAAA,CAAC,SAAS,EAAA,EACR,KAAK,EAAC,aAAa,EACnB,KAAK,EAAC,OAAO,EACb,KAAK,EAAE;AACL,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,KAAK,EAAE;AACR,aAAA,EACD,IAAI,EAAEA,GAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAC,0BAA0B,EAAA,CAAG,EAAA,CACxD,EACFA,GAAA,CAAC,SAAS,EAAA,EACR,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,SAAS,EACf,KAAK,EAAE;AACL,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,KAAK,EAAE,OAAO;AACd,gBAAA,KAAK,EAAE;AACR,aAAA,EACD,IAAI,EAAEA,GAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAC,SAAS,EAAA,CAAG,EAAA,CACvC,CAAA,EAAA,CACE;;;;"}

package/dist/components/Switch/Switch.example.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const SwitchExample: React.FC;

package/dist/components/Switch/Switch.example.js

@@ -0,0 +1,7 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Switch } from './Switch.js';
+
+const SwitchExample = () => (jsxs("div", { className: "space-y-2", children: [jsxs("label", { className: "flex items-center gap-2", children: [jsx(Switch, {}), " ", jsx("span", { children: "Default" })] }), jsxs("label", { className: "flex items-center gap-2", children: [jsx(Switch, { checked: true }), " ", jsx("span", { children: "Checked" })] }), jsxs("label", { className: "flex items-center gap-2", children: [jsx(Switch, { disabled: true }), " ", jsx("span", { children: "Disabled" })] }), jsxs("label", { className: "flex items-center gap-2", children: [jsx(Switch, { checked: true, disabled: true }), " ", jsx("span", { children: "Checked & Disabled" })] })] }));
+
+export { SwitchExample };
+//# sourceMappingURL=Switch.example.js.map

package/dist/components/Switch/Switch.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.example.js","sources":["../../../src/components/Switch/Switch.example.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { Switch } from \"./Switch\";\r\n\r\nexport const SwitchExample: React.FC = () => (\r\n  <div className=\"space-y-2\">\r\n    <label className=\"flex items-center gap-2\">\r\n      <Switch /> <span>Default</span>\r\n    </label>\r\n    <label className=\"flex items-center gap-2\">\r\n      <Switch checked /> <span>Checked</span>\r\n    </label>\r\n    <label className=\"flex items-center gap-2\">\r\n      <Switch disabled /> <span>Disabled</span>\r\n    </label>\r\n    <label className=\"flex items-center gap-2\">\r\n      <Switch checked disabled /> <span>Checked & Disabled</span>\r\n    </label>\r\n  </div>\r\n);"],"names":["_jsxs","_jsx"],"mappings":";;;AAGO,MAAM,aAAa,GAAa,OACrCA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EAAA,CACxBA,gBAAO,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACxCC,GAAA,CAAC,MAAM,EAAA,EAAA,CAAG,EAAA,GAAA,EAACA,oCAAoB,CAAA,EAAA,CACzB,EACRD,IAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACxCC,GAAA,CAAC,MAAM,IAAC,OAAO,EAAA,IAAA,EAAA,CAAG,EAAA,GAAA,EAACA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,CAAoB,CAAA,EAAA,CACjC,EACRD,IAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACxCC,GAAA,CAAC,MAAM,EAAA,EAAC,QAAQ,EAAA,IAAA,EAAA,CAAG,EAAA,GAAA,EAACA,qCAAqB,CAAA,EAAA,CACnC,EACRD,IAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACxCC,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAA,IAAA,EAAC,QAAQ,SAAG,EAAA,GAAA,EAACA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,CAA+B,CAAA,EAAA,CACrD,CAAA,EAAA,CACJ;;;;"}

package/dist/components/Tabs/Tabs.example.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const TabsExample: React.FC;

package/dist/components/Tabs/Tabs.example.js

@@ -0,0 +1,11 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Tabs, TabsList, TabsTrigger, TabsContent } from './Tabs.js';
+
+const TabsExample = () => {
+    const [activeTab, setActiveTab] = React.useState("tab-1");
+    return (jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "tab-1", children: "Tab One" }), jsx(TabsTrigger, { value: "tab-2", children: "Tab Two" }), jsx(TabsTrigger, { value: "tab-3", children: "Tab Three" })] }), jsx(TabsContent, { value: "tab-1", children: jsx("span", { className: "block p-4", children: "Content for Tab One" }) }), jsx(TabsContent, { value: "tab-2", children: jsx("span", { className: "block p-4", children: "Content for Tab Two" }) }), jsx(TabsContent, { value: "tab-3", children: jsx("span", { className: "block p-4", children: "Content for Tab Three" }) })] }));
+};
+
+export { TabsExample };
+//# sourceMappingURL=Tabs.example.js.map

package/dist/components/Tabs/Tabs.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.example.js","sources":["../../../src/components/Tabs/Tabs.example.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from \"./Tabs\";\r\n\r\nexport const TabsExample: React.FC = () => {\r\n  const [activeTab, setActiveTab] = React.useState(\"tab-1\");\r\n  return (\r\n    <Tabs value={activeTab} onValueChange={setActiveTab}>\r\n      <TabsList>\r\n        <TabsTrigger value=\"tab-1\">Tab One</TabsTrigger>\r\n        <TabsTrigger value=\"tab-2\">Tab Two</TabsTrigger>\r\n        <TabsTrigger value=\"tab-3\">Tab Three</TabsTrigger>\r\n      </TabsList>\r\n      <TabsContent value=\"tab-1\">\r\n        <span className=\"block p-4\">Content for Tab One</span>\r\n      </TabsContent>\r\n      <TabsContent value=\"tab-2\">\r\n        <span className=\"block p-4\">Content for Tab Two</span>\r\n      </TabsContent>\r\n      <TabsContent value=\"tab-3\">\r\n        <span className=\"block p-4\">Content for Tab Three</span>\r\n      </TabsContent>\r\n    </Tabs>\r\n  );\r\n};"],"names":["_jsxs","_jsx"],"mappings":";;;;AAGO,MAAM,WAAW,GAAa,MAAK;AACxC,IAAA,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC;AACzD,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAA,QAAA,EAAA,CACjDA,IAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACPC,GAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAC,OAAO,wBAAsB,EAChDA,GAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAC,OAAO,EAAA,QAAA,EAAA,SAAA,EAAA,CAAsB,EAChDA,GAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAC,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,CAAwB,IACzC,EACXA,GAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAC,OAAO,YACxBA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,WAAW,EAAA,QAAA,EAAA,qBAAA,EAAA,CAA2B,EAAA,CAC1C,EACdA,IAAC,WAAW,EAAA,EAAC,KAAK,EAAC,OAAO,YACxBA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,WAAW,oCAA2B,EAAA,CAC1C,EACdA,IAAC,WAAW,EAAA,EAAC,KAAK,EAAC,OAAO,EAAA,QAAA,EACxBA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,WAAW,sCAA6B,EAAA,CAC5C,CAAA,EAAA,CACT;AAEX;;;;"}

package/dist/components/Textarea/Textarea.example.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const TextareaExample: React.FC;

package/dist/components/Textarea/Textarea.example.js

@@ -0,0 +1,7 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Textarea } from './Textarea.js';
+
+const TextareaExample = () => (jsxs("div", { className: "space-y-4 max-w-md", children: [jsx(Textarea, { placeholder: "Default textarea" }), jsx(Textarea, { placeholder: "Success state", variant: "success" }), jsx(Textarea, { placeholder: "Error state", variant: "error" }), jsxs("div", { className: "space-y-2", children: [jsx(Textarea, { placeholder: "Small (default)" }), jsx(Textarea, { placeholder: "Disabled", disabled: true })] })] }));
+
+export { TextareaExample };
+//# sourceMappingURL=Textarea.example.js.map