@beyondcorp/beyond-ui 1.2.83 → 1.2.85

package/dist/components/ComponentShowcase/componentDocs.js

@@ -7,8 +7,8 @@ const componentDocs = {
     button: {
         name: "Button",
         description: "A versatile button component with multiple variants and sizes.",
-        example: `<Button variant="primary" size="md">
-  Click me
+        example: `<Button variant="primary" size="md">
+  Click me
 </Button>`,
         props: [
             { name: "variant", type: "string", default: "primary", description: "Button style variant" },
@@ -166,25 +166,25 @@ const componentDocs = {
     "page-layout": {
         name: "Page Layout",
         description: "Flexible, semantic layout system for landing pages, products, blogs, and more. Compose with PageHeader, PageHero, PageContent, PageSidebar, and PageFooter for complete responsive UIs.",
-        example: `import { PageLayout, PageHeader, PageContent, PageFooter } from "@/components/PageLayout";
-
-function Example() {
-  return (
-    <PageLayout variant="default" maxWidth="xl">
-      <PageHeader>
-        <nav>
-          <span>My App</span>
-        </nav>
-      </PageHeader>
-      <PageContent maxWidth="lg">
-        <h1>Welcome!</h1>
-        <p>Your content here...</p>
-      </PageContent>
-      <PageFooter variant="simple">
-        <p>&copy; 2024 My App. All rights reserved.</p>
-      </PageFooter>
-    </PageLayout>
-  );
+        example: `import { PageLayout, PageHeader, PageContent, PageFooter } from "@/components/PageLayout";
+
+function Example() {
+  return (
+    <PageLayout variant="default" maxWidth="xl">
+      <PageHeader>
+        <nav>
+          <span>My App</span>
+        </nav>
+      </PageHeader>
+      <PageContent maxWidth="lg">
+        <h1>Welcome!</h1>
+        <p>Your content here...</p>
+      </PageContent>
+      <PageFooter variant="simple">
+        <p>&copy; 2024 My App. All rights reserved.</p>
+      </PageFooter>
+    </PageLayout>
+  );
 }`,
         props: [
             { name: "variant", type: "\"default\"|\"centered\"|\"sidebar\"|\"landing\"|\"product\"|\"blog\"", default: "\"default\"", description: "Sets page color and layout preset" },

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

@@ -1 +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  \"page-layout\": {\r\n    name: \"Page Layout\",\r\n    description: \"Flexible, semantic layout system for landing pages, products, blogs, and more. Compose with PageHeader, PageHero, PageContent, PageSidebar, and PageFooter for complete responsive UIs.\",\r\n    example: `import { PageLayout, PageHeader, PageContent, PageFooter } from \"@/components/PageLayout\";\r\n\r\nfunction Example() {\r\n  return (\r\n    <PageLayout variant=\"default\" maxWidth=\"xl\">\r\n      <PageHeader>\r\n        <nav>\r\n          <span>My App</span>\r\n        </nav>\r\n      </PageHeader>\r\n      <PageContent maxWidth=\"lg\">\r\n        <h1>Welcome!</h1>\r\n        <p>Your content here...</p>\r\n      </PageContent>\r\n      <PageFooter variant=\"simple\">\r\n        <p>&copy; 2024 My App. All rights reserved.</p>\r\n      </PageFooter>\r\n    </PageLayout>\r\n  );\r\n}`,\r\n    props: [\r\n      { name: \"variant\", type: \"\\\"default\\\"|\\\"centered\\\"|\\\"sidebar\\\"|\\\"landing\\\"|\\\"product\\\"|\\\"blog\\\"\", default: \"\\\"default\\\"\", description: \"Sets page color and layout preset\" },\r\n      { name: \"maxWidth\", type: \"\\\"none\\\"|\\\"sm\\\"|\\\"md\\\"|\\\"lg\\\"|\\\"xl\\\"|\\\"2xl\\\"|\\\"full\\\"\", default: \"\\\"xl\\\"\", description: \"Limits overall page width for content\" },\r\n      { name: \"contentLayout\", type: \"\\\"default\\\"|\\\"centered\\\"|\\\"sidebar\\\"|\\\"fullWidth\\\"\", default: \"\\\"default\\\"\", description: \"Layout mode for PageLayoutContent\" },\r\n      { name: \"contentSpacing\", type: \"\\\"none\\\"|\\\"sm\\\"|\\\"md\\\"|\\\"lg\\\"|\\\"xl\\\"\", default: \"\\\"md\\\"\", description: \"Vertical padding spacing\" },\r\n      { name: \"children\", type: \"ReactNode\", description: \"Page structure (usually header, content, sidebar, footer)\" },\r\n      // Optionally highlight subcomponent props\r\n      { name: \"PageHeader\", type: \"Sticky/Transparent, children\", description: \"Header settings for navigation bar\" },\r\n      { name: \"PageHero\", type: \"fullHeight, backgroundImage, overlay, children\", description: \"Hero section for landing visuals\" },\r\n      { name: \"PageContent\", type: \"maxWidth, children\", description: \"Content area for main body text/components\" },\r\n      { name: \"PageSidebar\", type: \"position, width, children\", description: \"Sidebar area (e.g. for menu or extra info)\" },\r\n      { name: \"PageFooter\", type: \"variant, children\", description: \"Footer configuration\" }\r\n    ]\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":"AAAA;;;;AAIG;AACI,MAAM,aAAa,GAAG;AAC3B,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,WAAW,EAAE,gEAAgE;AAC7E,QAAA,OAAO,EAAE,CAAA;;AAEH,SAAA,CAAA;AACN,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,sBAAsB,EAAE;AAC5F,YAAA,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE;AAC3E,YAAA,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,oBAAoB;AACzF;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,WAAW,EAAE,wEAAwE;AACrF,QAAA,OAAO,EAAE,CAAA,wCAAA,CAA0C;AACnD,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,uCAAuC,EAAE;AAC7G,YAAA,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE;AAC/E,YAAA,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE,kBAAkB;AACpF;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,WAAW,EAAE,8CAA8C;AAC3D,QAAA,OAAO,EAAE,CAAA,sBAAA,CAAwB;AACjC,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,qBAAqB;AAC1F;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,WAAW,EAAE,2CAA2C;AACxD,QAAA,OAAO,EAAE,CAAA,+CAAA,CAAiD;AAC1D,QAAA,KAAK,EAAE;YACL,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc;AACnE;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,WAAW,EAAE,oCAAoC;AACjD,QAAA,OAAO,EAAE,CAAA,wCAAA,CAA0C;AACnD,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,WAAW,EAAE,gBAAgB;AAC1E;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,WAAW,EAAE,2BAA2B;AACxC,QAAA,OAAO,EAAE,CAAA,2BAAA,CAA6B;AACtC,QAAA,KAAK,EAAE;YACL,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe;AACjE;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,WAAW,EAAE,2BAA2B;AACxC,QAAA,OAAO,EAAE,CAAA,yBAAA,CAA2B;AACpC,QAAA,KAAK,EAAE;YACL,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe;AACjE;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,WAAW,EAAE,4CAA4C;AACzD,QAAA,OAAO,EAAE,CAAA,mDAAA,CAAqD;AAC9D,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa;AACxF;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,WAAW,EAAE,uCAAuC;AACpD,QAAA,OAAO,EAAE,CAAA,2DAAA,CAA6D;AACtE,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY;AAC9E;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,WAAW,EAAE,yCAAyC;AACtD,QAAA,OAAO,EAAE,CAAA,SAAA,CAAW;AACpB,QAAA,KAAK,EAAE;AACR,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,WAAW,EAAE,sCAAsC;AACnD,QAAA,OAAO,EAAE,CAAA,6CAAA,CAA+C;AACxD,QAAA,KAAK,EAAE;YACL,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,wBAAwB;AACvE;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,WAAW,EAAE,wCAAwC;AACrD,QAAA,OAAO,EAAE,CAAA,WAAA,CAAa;AACtB,QAAA,KAAK,EAAE;AACR,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,WAAW,EAAE,sCAAsC;AACnD,QAAA,OAAO,EAAE,CAAA,iCAAA,CAAmC;AAC5C,QAAA,KAAK,EAAE;YACL,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,wBAAwB;AAC3E;AACF,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,WAAW,EAAE,+BAA+B;AAC5C,QAAA,OAAO,EAAE,CAAA,yCAAA,CAA2C;AACpD,QAAA,KAAK,EAAE;YACL,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE;YAC5D,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY;AAClE;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,WAAW,EAAE,mCAAmC;AAChD,QAAA,OAAO,EAAE,CAAA,mDAAA,CAAqD;AAC9D,QAAA,KAAK,EAAE;YACL,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,oBAAoB;AACnE;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,WAAW,EAAE,uCAAuC;AACpD,QAAA,OAAO,EAAE,CAAA,0BAAA,CAA4B;AACrC,QAAA,KAAK,EAAE;AACR,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,WAAW,EAAE,4CAA4C;AACzD,QAAA,OAAO,EAAE,CAAA,oBAAA,CAAsB;AAC/B,QAAA,KAAK,EAAE;AACR,KAAA;AACD,IAAA,kBAAkB,EAAE;AAClB,QAAA,IAAI,EAAE,iBAAiB;AACvB,QAAA,WAAW,EAAE,iDAAiD;AAC9D,QAAA,OAAO,EAAE,CAAA,sCAAA,CAAwC;AACjD,QAAA,KAAK,EAAE;AACR,KAAA;AACD,IAAA,kBAAkB,EAAE;AAClB,QAAA,IAAI,EAAE,iBAAiB;AACvB,QAAA,WAAW,EAAE,+BAA+B;AAC5C,QAAA,OAAO,EAAE,CAAA,mBAAA,CAAqB;AAC9B,QAAA,KAAK,EAAE;AACR,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,WAAW,EAAE,uCAAuC;AACpD,QAAA,OAAO,EAAE,CAAA,kCAAA,CAAoC;AAC7C,QAAA,KAAK,EAAE;AACR,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,WAAW,EAAE,iDAAiD;AAC9D,QAAA,OAAO,EAAE,CAAA,0CAAA,CAA4C;AACrD,QAAA,KAAK,EAAE;AACR,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,IAAI,EAAE,aAAa;AACnB,QAAA,WAAW,EAAE,yLAAyL;AACtM,QAAA,OAAO,EAAE,CAAA;;;;;;;;;;;;;;;;;;;AAmBX,CAAA,CAAA;AACE,QAAA,KAAK,EAAE;AACL,YAAA,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,uEAAuE,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,mCAAmC,EAAE;AAC5K,YAAA,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,uDAAuD,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,uCAAuC,EAAE;AAC5J,YAAA,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,oDAAoD,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,mCAAmC,EAAE;AAC/J,YAAA,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,sCAAsC,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,0BAA0B,EAAE;YACpI,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,2DAA2D,EAAE;;YAEjH,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,8BAA8B,EAAE,WAAW,EAAE,oCAAoC,EAAE;YAC/G,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,gDAAgD,EAAE,WAAW,EAAE,kCAAkC,EAAE;YAC7H,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,oBAAoB,EAAE,WAAW,EAAE,4CAA4C,EAAE;YAC9G,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,2BAA2B,EAAE,WAAW,EAAE,4CAA4C,EAAE;YACrH,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,mBAAmB,EAAE,WAAW,EAAE,sBAAsB;AACrF;AACF,KAAA;;AAED,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,WAAW,EAAE,0EAA0E;AACvF,QAAA,OAAO,EAAE,CAAA,aAAA,CAAe;AACxB,QAAA,KAAK,EAAE;AACR,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE,aAAa;AACnB,QAAA,WAAW,EAAE,4EAA4E;AACzF,QAAA,OAAO,EAAE,CAAA,cAAA,CAAgB;AACzB,QAAA,KAAK,EAAE;AACR,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE,yBAAyB;AAC/B,QAAA,WAAW,EAAE,8FAA8F;AAC3G,QAAA,OAAO,EAAE,CAAA,kDAAA,CAAoD;AAC7D,QAAA,KAAK,EAAE;AACR,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE,aAAa;AACnB,QAAA,WAAW,EAAE,sCAAsC;AACnD,QAAA,OAAO,EAAE,CAAA,gBAAA,CAAkB;AAC3B,QAAA,KAAK,EAAE;AACR,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,IAAI,EAAE,gBAAgB;AACtB,QAAA,WAAW,EAAE,2GAA2G;AACxH,QAAA,OAAO,EAAE,CAAA,gDAAA,CAAkD;AAC3D,QAAA,KAAK,EAAE;YACL,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,yCAAyC,EAAE,WAAW,EAAE,+BAA+B,EAAE;YAClH,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,mBAAmB,EAAE;YACxE,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,8BAA8B,EAAE;YACvF,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,wBAAwB;AAC9E,SAAA;AACF,KAAA;;;;;"}
+{"version":3,"file":"componentDocs.js","sources":["../../../src/components/ComponentShowcase/componentDocs.ts"],"sourcesContent":["/**\n * Centralized docs/config for all showcased components:\n * - description, usage example, props table, etc.\n * Used for ComponentShowcase main screen documentation.\n */\nexport const componentDocs = {\n  button: {\n    name: \"Button\",\n    description: \"A versatile button component with multiple variants and sizes.\",\n    example: `<Button variant=\"primary\" size=\"md\">\n  Click me\n</Button>`,\n    props: [\n      { name: \"variant\", type: \"string\", default: \"primary\", description: \"Button style variant\" },\n      { name: \"size\", type: \"string\", default: \"md\", description: \"Button size\" },\n      { name: \"disabled\", type: \"boolean\", default: \"false\", description: \"Disable the button\" }\n    ]\n  },\n  input: {\n    name: \"Input\",\n    description: \"A flexible input component with validation states and different sizes.\",\n    example: `<Input placeholder=\"Enter your email\" />`,\n    props: [\n      { name: \"variant\", type: \"string\", default: \"default\", description: \"Input variant (default/success/error)\" },\n      { name: \"inputSize\", type: \"string\", default: \"md\", description: \"Input size\" },\n      { name: \"placeholder\", type: \"string\", default: \"\", description: \"Placeholder text\" }\n    ]\n  },\n  badge: {\n    name: \"Badge\",\n    description: \"A small tag for statuses or classifications.\",\n    example: `<Badge>Default</Badge>`,\n    props: [\n      { name: \"variant\", type: \"string\", default: \"default\", description: \"Badge style variant\" }\n    ]\n  },\n  card: {\n    name: \"Card\",\n    description: \"A container element for grouping content.\",\n    example: `<Card><CardContent>Example</CardContent></Card>`,\n    props: [\n      { name: \"children\", type: \"ReactNode\", description: \"Card content\" }\n    ]\n  },\n  textarea: {\n    name: \"Textarea\",\n    description: \"A multi-line text input component.\",\n    example: `<Textarea placeholder=\"Write here...\" />`,\n    props: [\n      { name: \"rows\", type: \"number\", default: 3, description: \"Number of rows\" }\n    ]\n  },\n  checkbox: {\n    name: \"Checkbox\",\n    description: \"A standard form checkbox.\",\n    example: `<Checkbox checked={true} />`,\n    props: [\n      { name: \"checked\", type: \"boolean\", description: \"Checked state\" }\n    ]\n  },\n  switch: {\n    name: \"Switch\",\n    description: \"A boolean toggle control.\",\n    example: `<Switch checked={true} />`,\n    props: [\n      { name: \"checked\", type: \"boolean\", description: \"Checked state\" }\n    ]\n  },\n  avatar: {\n    name: \"Avatar\",\n    description: \"Displays a user profile image or initials.\",\n    example: `<Avatar><AvatarFallback>U</AvatarFallback></Avatar>`,\n    props: [\n      { name: \"size\", type: \"\\\"sm\\\"|\\\"md\\\"|\\\"lg\\\"\", default: \"md\", description: \"Avatar size\" }\n    ]\n  },\n  alert: {\n    name: \"Alert\",\n    description: \"Displays messages for important info.\",\n    example: `<Alert variant=\"info\"><AlertTitle>Info</AlertTitle></Alert>`,\n    props: [\n      { name: \"variant\", type: \"string\", default: \"info\", description: \"Alert type\" }\n    ]\n  },\n  toast: {\n    name: \"Toast\",\n    description: \"Transient notification message overlay.\",\n    example: `<Toast />`,\n    props: []\n  },\n  modal: {\n    name: \"Modal\",\n    description: \"A dialog overlay for user attention.\",\n    example: `<Modal open={true} onOpenChange={() => {}} />`,\n    props: [\n      { name: \"open\", type: \"boolean\", description: \"Show or hide the modal\" }\n    ]\n  },\n  spinner: {\n    name: \"Spinner\",\n    description: \"Animated indicator for loading states.\",\n    example: `<Spinner />`,\n    props: []\n  },\n  skeleton: {\n    name: \"Skeleton\",\n    description: \"Shimmer placeholder for loading UIs.\",\n    example: `<Skeleton className=\"h-6 w-32\" />`,\n    props: [\n      { name: \"className\", type: \"string\", description: \"Skeleton custom styles\" }\n    ]\n  },\n  statscard: {\n    name: \"StatsCard\",\n    description: \"Shows key metrics and trends.\",\n    example: `<StatsCard title=\"Users\" value=\"2,543\" />`,\n    props: [\n      { name: \"title\", type: \"string\", description: \"Card title\" },\n      { name: \"value\", type: \"string|number\", description: \"Main value\" }\n    ]\n  },\n  tabs: {\n    name: \"Tabs\",\n    description: \"Navigation between content views.\",\n    example: `<Tabs value=\"tab-1\"><TabsList>...</TabsList></Tabs>`,\n    props: [\n      { name: \"value\", type: \"string\", description: \"Selected tab value\" }\n    ]\n  },\n  sidebar: {\n    name: \"Sidebar\",\n    description: \"Persistent vertical navigation panel.\",\n    example: `<Sidebar menuItems={[]} />`,\n    props: []\n  },\n  navbar: {\n    name: \"Navbar\",\n    description: \"Top navigation bar for branding and links.\",\n    example: `<Navbar>...</Navbar>`,\n    props: []\n  },\n  \"dashboard-layout\": {\n    name: \"DashboardLayout\",\n    description: \"Layout for dashboards with sidebar and content.\",\n    example: `<DashboardLayout>...</DashboardLayout>`,\n    props: []\n  },\n  \"dashboard-header\": {\n    name: \"DashboardHeader\",\n    description: \"Header for dashboard screens.\",\n    example: `<DashboardHeader />`,\n    props: []\n  },\n  \"dashboard-grid\": {\n    name: \"DashboardGrid\",\n    description: \"Grid container for dashboard widgets.\",\n    example: `<DashboardGrid>...</DashboardGrid>`,\n    props: []\n  },\n  datatable: {\n    name: \"DataTable\",\n    description: \"Advanced table for displaying data collections.\",\n    example: `<DataTable columns={[]} dataSource={[]} />`,\n    props: []\n  },\n  \"page-layout\": {\n    name: \"Page Layout\",\n    description: \"Flexible, semantic layout system for landing pages, products, blogs, and more. Compose with PageHeader, PageHero, PageContent, PageSidebar, and PageFooter for complete responsive UIs.\",\n    example: `import { PageLayout, PageHeader, PageContent, PageFooter } from \"@/components/PageLayout\";\n\nfunction Example() {\n  return (\n    <PageLayout variant=\"default\" maxWidth=\"xl\">\n      <PageHeader>\n        <nav>\n          <span>My App</span>\n        </nav>\n      </PageHeader>\n      <PageContent maxWidth=\"lg\">\n        <h1>Welcome!</h1>\n        <p>Your content here...</p>\n      </PageContent>\n      <PageFooter variant=\"simple\">\n        <p>&copy; 2024 My App. All rights reserved.</p>\n      </PageFooter>\n    </PageLayout>\n  );\n}`,\n    props: [\n      { name: \"variant\", type: \"\\\"default\\\"|\\\"centered\\\"|\\\"sidebar\\\"|\\\"landing\\\"|\\\"product\\\"|\\\"blog\\\"\", default: \"\\\"default\\\"\", description: \"Sets page color and layout preset\" },\n      { name: \"maxWidth\", type: \"\\\"none\\\"|\\\"sm\\\"|\\\"md\\\"|\\\"lg\\\"|\\\"xl\\\"|\\\"2xl\\\"|\\\"full\\\"\", default: \"\\\"xl\\\"\", description: \"Limits overall page width for content\" },\n      { name: \"contentLayout\", type: \"\\\"default\\\"|\\\"centered\\\"|\\\"sidebar\\\"|\\\"fullWidth\\\"\", default: \"\\\"default\\\"\", description: \"Layout mode for PageLayoutContent\" },\n      { name: \"contentSpacing\", type: \"\\\"none\\\"|\\\"sm\\\"|\\\"md\\\"|\\\"lg\\\"|\\\"xl\\\"\", default: \"\\\"md\\\"\", description: \"Vertical padding spacing\" },\n      { name: \"children\", type: \"ReactNode\", description: \"Page structure (usually header, content, sidebar, footer)\" },\n      // Optionally highlight subcomponent props\n      { name: \"PageHeader\", type: \"Sticky/Transparent, children\", description: \"Header settings for navigation bar\" },\n      { name: \"PageHero\", type: \"fullHeight, backgroundImage, overlay, children\", description: \"Hero section for landing visuals\" },\n      { name: \"PageContent\", type: \"maxWidth, children\", description: \"Content area for main body text/components\" },\n      { name: \"PageSidebar\", type: \"position, width, children\", description: \"Sidebar area (e.g. for menu or extra info)\" },\n      { name: \"PageFooter\", type: \"variant, children\", description: \"Footer configuration\" }\n    ]\n  },\n  // --- AUTHENTICATION DEMOS ---\n  login: {\n    name: \"Login Page\",\n    description: \"Showcases the reusable LoginForm component as a full login page example.\",\n    example: `<LoginForm />`,\n    props: []\n  },\n  signup: {\n    name: \"Signup Page\",\n    description: \"Showcases the reusable SignupForm component as a full signup page example.\",\n    example: `<SignupForm />`,\n    props: []\n  },\n  shield: {\n    name: \"!isAuthenticated Shield\",\n    description: \"ProtectedRoute gate which only renders content when authenticated; otherwise shows fallback.\",\n    example: `<ProtectedRoute>Protected Content</ProtectedRoute>`,\n    props: []\n  },\n  auth: {\n    name: \"Auth System\",\n    description: \"Demo of authentication UI and flows.\",\n    example: `<AuthShowcase />`,\n    props: []\n  },\n  \"password-reset\": {\n    name: \"Password Reset\",\n    description: \"Showcases the reusable PasswordResetForm component, allowing users to request a password reset via email.\",\n    example: `<PasswordResetForm onReset={email => { ... }} />`,\n    props: [\n      { name: \"onReset\", type: \"(email: string) => Promise<void> | void\", description: \"Submit reset request callback\" },\n      { name: \"isLoading\", type: \"boolean\", description: \"Loading indicator\" },\n      { name: \"successMessage\", type: \"string\", description: \"Message displayed on success\" },\n      { name: \"errorMessage\", type: \"string\", description: \"Error feedback message\" }\n    ],\n  },\n};\n"],"names":[],"mappings":"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"}

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

@@ -1 +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\nimport { PageLayoutShowcase } from '../PageLayout/PageLayoutShowcase';\r\n\r\n\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  \"page-layout\": PageLayoutShowcase\r\n  // Extend with other demos as needed\r\n};"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAIG;AA+BI,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,qBAAqB;AAC7B,IAAA,aAAa,EAAE;;;;;;"}
+{"version":3,"file":"showcaseRegistry.js","sources":["../../../src/components/ComponentShowcase/showcaseRegistry.ts"],"sourcesContent":["/**\n * Showcase registry maps component ids to their example/demo modules.\n * Usage: import { showcaseRegistry } from './showcaseRegistry';\n * Then: const Demo = showcaseRegistry['button'];\n */\nimport { ButtonExample } from '../Button/Button.example';\nimport { InputExample } from '../Input/Input.example';\nimport { TextareaExample } from '../Textarea/Textarea.example';\nimport { CheckboxExample } from '../Checkbox/Checkbox.example';\nimport { SwitchExample } from '../Switch/Switch.example';\nimport { CardExample } from '../Card/Card.example';\nimport { BadgeExample } from '../Badge/Badge.example';\nimport { AvatarExample } from '../Avatar/Avatar.example';\nimport { AlertExample } from '../Alert/Alert.example';\nimport { ToastExample } from '../Toast/Toast.example';\nimport { ModalExample } from '../Modal/Modal.example';\nimport { SpinnerExample } from '../Spinner/Spinner.example';\nimport { SkeletonExample } from '../Skeleton/Skeleton.example';\nimport { StatsCardExample } from '../StatsCard/StatsCard.example';\nimport { TabsExample } from '../Tabs/Tabs.example';\nimport { SidebarExample } from '../Sidebar/Sidebar.example';\nimport { NavbarExample } from '../Navbar/Navbar.example';\nimport { DashboardLayoutExample } from '../DashboardLayout/DashboardLayout.example';\nimport { DashboardHeaderExample } from '../DashboardHeader/DashboardHeader.example';\nimport { DashboardGridExample } from '../DashboardGrid/DashboardGrid.example';\nimport { DataTableShowcase } from '../DataTable/DataTableShowcase';\nimport { AuthShowcase } from '../Auth/AuthShowcase';\nimport { LoginFormExample } from \"../Auth/LoginForm.example\";\nimport { SignupFormExample } from \"../Auth/SignupForm.example\";\nimport { ProtectedRouteExample } from \"../Auth/ProtectedRoute.example\";\nimport { PasswordResetFormExample } from \"../Auth/PasswordResetForm.example\";\nimport { PageLayoutShowcase } from '../PageLayout/PageLayoutShowcase';\n\n\n\nexport const showcaseRegistry: Record<string, React.FC> = {\n  button: ButtonExample,\n  input: InputExample,\n  textarea: TextareaExample,\n  checkbox: CheckboxExample,\n  switch: SwitchExample,\n  card: CardExample,\n  badge: BadgeExample,\n  avatar: AvatarExample,\n  alert: AlertExample,\n  toast: ToastExample,\n  modal: ModalExample,\n  spinner: SpinnerExample,\n  skeleton: SkeletonExample,\n  statscard: StatsCardExample,\n  tabs: TabsExample,\n  sidebar: SidebarExample,\n  navbar: NavbarExample,\n  \"dashboard-layout\": DashboardLayoutExample,\n  \"dashboard-header\": DashboardHeaderExample,\n  \"dashboard-grid\": DashboardGridExample,\n  datatable: DataTableShowcase,\n  auth: AuthShowcase,\n  login: LoginFormExample,\n  signup: SignupFormExample,\n  \"password-reset\": PasswordResetFormExample,\n  shield: ProtectedRouteExample,\n  \"page-layout\": PageLayoutShowcase\n  // Extend with other demos as needed\n};"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAIG;AA+BI,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,qBAAqB;AAC7B,IAAA,aAAa,EAAE;;;;;;"}

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

@@ -1 +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;;;;"}
+{"version":3,"file":"DashboardGrid.example.js","sources":["../../../src/components/DashboardGrid/DashboardGrid.example.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DashboardGrid } from \"./DashboardGrid\";\n\nexport const DashboardGridExample: React.FC = () => (\n  <DashboardGrid>\n    <div className=\"p-4 bg-gray-100 rounded\">Widget 1</div>\n    <div className=\"p-4 bg-gray-100 rounded\">Widget 2</div>\n    <div className=\"p-4 bg-gray-100 rounded\">Widget 3</div>\n    <div className=\"p-4 bg-gray-100 rounded\">Widget 4</div>\n  </DashboardGrid>\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/DashboardGrid/DashboardGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardGrid.js","sources":["../../../src/components/DashboardGrid/DashboardGrid.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\n\r\nconst gridVariants = cva(\r\n  \"grid gap-6\",\r\n  {\r\n    variants: {\r\n      columns: {\r\n        1: \"grid-cols-1\",\r\n        2: \"grid-cols-1 md:grid-cols-2\",\r\n        3: \"grid-cols-1 md:grid-cols-2 lg:grid-cols-3\",\r\n        4: \"grid-cols-1 md:grid-cols-2 lg:grid-cols-4\",\r\n        6: \"grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6\",\r\n        12: \"grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-12\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      columns: 12,\r\n    },\r\n  }\r\n);\r\n\r\nconst gridItemVariants = cva(\r\n  \"min-h-0\", // Prevents grid items from growing unnecessarily\r\n  {\r\n    variants: {\r\n      colSpan: {\r\n        1: \"col-span-1\",\r\n        2: \"col-span-1 md:col-span-2\",\r\n        3: \"col-span-1 md:col-span-2 lg:col-span-3\",\r\n        4: \"col-span-1 md:col-span-2 lg:col-span-4\",\r\n        6: \"col-span-1 md:col-span-2 lg:col-span-3 xl:col-span-6\",\r\n        12: \"col-span-full\",\r\n      },\r\n      rowSpan: {\r\n        1: \"row-span-1\",\r\n        2: \"row-span-2\",\r\n        3: \"row-span-3\",\r\n        4: \"row-span-4\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      colSpan: 1,\r\n      rowSpan: 1,\r\n    },\r\n  }\r\n);\r\n\r\ninterface DashboardGridProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof gridVariants> {}\r\n\r\ninterface DashboardGridItemProps\r\n  extends React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof gridItemVariants> {}\r\n\r\nconst DashboardGrid = React.forwardRef<HTMLDivElement, DashboardGridProps>(\r\n  ({ className, columns, ...props }, ref) => {\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(gridVariants({ columns }), className)}\r\n        {...props}\r\n      />\r\n    );\r\n  }\r\n);\r\n\r\nconst DashboardGridItem = React.forwardRef<HTMLDivElement, DashboardGridItemProps>(\r\n  ({ className, colSpan, rowSpan, ...props }, ref) => {\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(gridItemVariants({ colSpan, rowSpan }), className)}\r\n        {...props}\r\n      />\r\n    );\r\n  }\r\n);\r\n\r\nDashboardGrid.displayName = \"DashboardGrid\";\r\nDashboardGridItem.displayName = \"DashboardGridItem\";\r\n\r\nexport { \r\n  DashboardGrid, \r\n  DashboardGridItem, \r\n  gridVariants, \r\n  gridItemVariants \r\n};"],"names":["_jsx"],"mappings":";;;;;AAIA,MAAM,YAAY,GAAG,GAAG,CACtB,YAAY,EACZ;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,CAAC,EAAE,aAAa;AAChB,YAAA,CAAC,EAAE,4BAA4B;AAC/B,YAAA,CAAC,EAAE,2CAA2C;AAC9C,YAAA,CAAC,EAAE,2CAA2C;AAC9C,YAAA,CAAC,EAAE,0DAA0D;AAC7D,YAAA,EAAE,EAAE,2EAA2E;AAChF,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,EAAE;AACZ,KAAA;AACF,CAAA;AAGH,MAAM,gBAAgB,GAAG,GAAG,CAC1B,SAAS;AACT;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,CAAC,EAAE,YAAY;AACf,YAAA,CAAC,EAAE,0BAA0B;AAC7B,YAAA,CAAC,EAAE,wCAAwC;AAC3C,YAAA,CAAC,EAAE,wCAAwC;AAC3C,YAAA,CAAC,EAAE,sDAAsD;AACzD,YAAA,EAAE,EAAE,eAAe;AACpB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,CAAC,EAAE,YAAY;AACf,YAAA,CAAC,EAAE,YAAY;AACf,YAAA,CAAC,EAAE,YAAY;AACf,YAAA,CAAC,EAAE,YAAY;AAChB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;AACF,CAAA;AAWH,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACxC,QACEA,aACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,EAAA,GAC/C,KAAK,EAAA,CACT;AAEN,CAAC;AAGH,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACjD,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,EAAA,GAC5D,KAAK,EAAA,CACT;AAEN,CAAC;AAGH,aAAa,CAAC,WAAW,GAAG,eAAe;AAC3C,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
+{"version":3,"file":"DashboardGrid.js","sources":["../../../src/components/DashboardGrid/DashboardGrid.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\n\nconst gridVariants = cva(\n  \"grid gap-6\",\n  {\n    variants: {\n      columns: {\n        1: \"grid-cols-1\",\n        2: \"grid-cols-1 md:grid-cols-2\",\n        3: \"grid-cols-1 md:grid-cols-2 lg:grid-cols-3\",\n        4: \"grid-cols-1 md:grid-cols-2 lg:grid-cols-4\",\n        6: \"grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6\",\n        12: \"grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-6 2xl:grid-cols-12\",\n      },\n    },\n    defaultVariants: {\n      columns: 12,\n    },\n  }\n);\n\nconst gridItemVariants = cva(\n  \"min-h-0\", // Prevents grid items from growing unnecessarily\n  {\n    variants: {\n      colSpan: {\n        1: \"col-span-1\",\n        2: \"col-span-1 md:col-span-2\",\n        3: \"col-span-1 md:col-span-2 lg:col-span-3\",\n        4: \"col-span-1 md:col-span-2 lg:col-span-4\",\n        6: \"col-span-1 md:col-span-2 lg:col-span-3 xl:col-span-6\",\n        12: \"col-span-full\",\n      },\n      rowSpan: {\n        1: \"row-span-1\",\n        2: \"row-span-2\",\n        3: \"row-span-3\",\n        4: \"row-span-4\",\n      },\n    },\n    defaultVariants: {\n      colSpan: 1,\n      rowSpan: 1,\n    },\n  }\n);\n\ninterface DashboardGridProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gridVariants> {}\n\ninterface DashboardGridItemProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gridItemVariants> {}\n\nconst DashboardGrid = React.forwardRef<HTMLDivElement, DashboardGridProps>(\n  ({ className, columns, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(gridVariants({ columns }), className)}\n        {...props}\n      />\n    );\n  }\n);\n\nconst DashboardGridItem = React.forwardRef<HTMLDivElement, DashboardGridItemProps>(\n  ({ className, colSpan, rowSpan, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(gridItemVariants({ colSpan, rowSpan }), className)}\n        {...props}\n      />\n    );\n  }\n);\n\nDashboardGrid.displayName = \"DashboardGrid\";\nDashboardGridItem.displayName = \"DashboardGridItem\";\n\nexport { \n  DashboardGrid, \n  DashboardGridItem, \n  gridVariants, \n  gridItemVariants \n};"],"names":["_jsx"],"mappings":";;;;;AAIA,MAAM,YAAY,GAAG,GAAG,CACtB,YAAY,EACZ;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,CAAC,EAAE,aAAa;AAChB,YAAA,CAAC,EAAE,4BAA4B;AAC/B,YAAA,CAAC,EAAE,2CAA2C;AAC9C,YAAA,CAAC,EAAE,2CAA2C;AAC9C,YAAA,CAAC,EAAE,0DAA0D;AAC7D,YAAA,EAAE,EAAE,2EAA2E;AAChF,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,EAAE;AACZ,KAAA;AACF,CAAA;AAGH,MAAM,gBAAgB,GAAG,GAAG,CAC1B,SAAS;AACT;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,CAAC,EAAE,YAAY;AACf,YAAA,CAAC,EAAE,0BAA0B;AAC7B,YAAA,CAAC,EAAE,wCAAwC;AAC3C,YAAA,CAAC,EAAE,wCAAwC;AAC3C,YAAA,CAAC,EAAE,sDAAsD;AACzD,YAAA,EAAE,EAAE,eAAe;AACpB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,CAAC,EAAE,YAAY;AACf,YAAA,CAAC,EAAE,YAAY;AACf,YAAA,CAAC,EAAE,YAAY;AACf,YAAA,CAAC,EAAE,YAAY;AAChB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;AACF,CAAA;AAWH,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACxC,QACEA,aACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,EAAA,GAC/C,KAAK,EAAA,CACT;AAEN,CAAC;AAGH,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACjD,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,EAAA,GAC5D,KAAK,EAAA,CACT;AAEN,CAAC;AAGH,aAAa,CAAC,WAAW,GAAG,eAAe;AAC3C,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

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

@@ -1 +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;;;;"}
+{"version":3,"file":"DashboardHeader.example.js","sources":["../../../src/components/DashboardHeader/DashboardHeader.example.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DashboardHeader } from \"./DashboardHeader\";\n\nexport const DashboardHeaderExample: React.FC = () => (\n  <DashboardHeader breadcrumbs={[{ label: \"Dashboard\" }, { label: \"Insights\" }]} />\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.js.map

@@ -1 +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 sidebarTitle=\"Mazao\" sidebarTitleLetter=\"A\">\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,EAAC,YAAY,EAAC,OAAO,EAAC,kBAAkB,EAAC,GAAG,EAAA,QAAA,EAC1DA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,KAAK,EAAA,QAAA,EAAA,qCAAA,EAAA,CAA0C,EAAA,CAC9C;;;;"}
+{"version":3,"file":"DashboardLayout.example.js","sources":["../../../src/components/DashboardLayout/DashboardLayout.example.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DashboardLayout } from \"./DashboardLayout\";\n\nexport const DashboardLayoutExample: React.FC = () => (\n  <DashboardLayout sidebarTitle=\"Mazao\" sidebarTitleLetter=\"A\">\n    <div className=\"p-4\">This is the dashboard content area.</div>\n  </DashboardLayout>\n);"],"names":["_jsx"],"mappings":";;;AAGO,MAAM,sBAAsB,GAAa,OAC9CA,GAAA,CAAC,eAAe,EAAA,EAAC,YAAY,EAAC,OAAO,EAAC,kBAAkB,EAAC,GAAG,EAAA,QAAA,EAC1DA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,KAAK,EAAA,QAAA,EAAA,qCAAA,EAAA,CAA0C,EAAA,CAC9C;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardLayout.js","sources":["../../../src/components/DashboardLayout/DashboardLayout.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { Sidebar, type MenuItem, type SidebarProfileSectionProps } from \"../Sidebar\";\r\nimport { DashboardHeader, type BreadcrumbItem } from \"../DashboardHeader\";\r\n\r\n/**\r\n * DashboardLayoutProps\r\n * - sidebarTitle: Title text for Sidebar header (default: \"Beyond\")\r\n * - sidebarTitleLetter: Letter/initial for Sidebar header (default: \"B\")\r\n * - sidebarHeaderClassName: Optional className for SidebarHeader\r\n *\r\n * These props are forwarded to Sidebar for dynamic header branding.\r\n */\r\nimport type { DashboardHeaderProps } from \"../DashboardHeader\";\r\n\r\ninterface DashboardLayoutProps {\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  sidebarMenuItems?: MenuItem[];\r\n  activeSidebarItem?: string;\r\n  breadcrumbs?: BreadcrumbItem[];\r\n  onSidebarItemClick?: (itemId: string) => void;\r\n  showSearch?: boolean;\r\n  searchPlaceholder?: string;\r\n  onSearchChange?: (value: string) => void;\r\n  sidebarClassName?: string;\r\n  disableSidebarMargin?: boolean;\r\n  /** Sidebar header title (default: \"Beyond\") */\r\n  sidebarTitle?: string;\r\n  /** Sidebar header letter (default: \"B\") */\r\n  sidebarTitleLetter?: string;\r\n  /** Optional className for SidebarHeader */\r\n  sidebarHeaderClassName?: string;\r\n  /** Props for ProfileButton in Sidebar */\r\n  profileButtonProps?: import(\"../Sidebar/ProfileButton\").ProfileButtonProps;\r\n  /** Props for LogoutButton in Sidebar */\r\n  logoutButtonProps?: import(\"../Sidebar/LogoutButton\").LogoutButtonProps;\r\n  /** Props for Sidebar profile section (avatar, name, email, etc.) */\r\n  profileSectionProps?: SidebarProfileSectionProps;\r\n\r\n  /** Props to customize DashboardHeader */\r\n  dashboardHeaderProps?: DashboardHeaderProps;\r\n}\r\n\r\nconst DashboardLayout = React.forwardRef<HTMLDivElement, DashboardLayoutProps>(\r\n  ({\r\n    children,\r\n    className,\r\n    sidebarMenuItems,\r\n    activeSidebarItem,\r\n    breadcrumbs,\r\n    onSidebarItemClick,\r\n    showSearch,\r\n    searchPlaceholder,\r\n    onSearchChange,\r\n    sidebarTitle,\r\n    sidebarTitleLetter,\r\n    sidebarHeaderClassName,\r\n    profileButtonProps,\r\n    logoutButtonProps,\r\n    profileSectionProps,\r\n    dashboardHeaderProps,\r\n    ...props\r\n  }, ref) => {\r\n    const [sidebarCollapsed, setSidebarCollapsed] = React.useState(false);\r\n\r\n    const toggleSidebar = () => {\r\n      setSidebarCollapsed(prev => !prev);\r\n    };\r\n\r\n    return (\r\n      <div ref={ref} className={cn(\"bg-gray-50 w-full h-screen overflow-hidden\", className)} {...props}>\r\n        {/* Fixed Sidebar */}\r\n        <Sidebar\r\n          collapsed={sidebarCollapsed}\r\n          onToggle={toggleSidebar}\r\n          menuItems={sidebarMenuItems}\r\n          activeItem={activeSidebarItem}\r\n          onItemClick={onSidebarItemClick}\r\n          className={props.sidebarClassName}\r\n          title={sidebarTitle}\r\n          titleLetter={sidebarTitleLetter}\r\n          headerClassName={sidebarHeaderClassName}\r\n          style={{\r\n            zIndex: 50,\r\n            position: \"fixed\",\r\n            left: 0,\r\n            top: 0,\r\n            height: \"100vh\",\r\n            width: sidebarCollapsed ? \"4rem\" : \"18rem\", // Tailwind: w-16 or w-72\r\n            transition: \"width 0.3s\",\r\n          }}\r\n          profileButtonProps={profileButtonProps}\r\n          logoutButtonProps={logoutButtonProps}\r\n          profileSectionProps={profileSectionProps}\r\n        />\r\n\r\n        {/* Fixed Header */}\r\n        <DashboardHeader\r\n          sidebarCollapsed={sidebarCollapsed}\r\n          onMenuToggle={toggleSidebar}\r\n          breadcrumbs={breadcrumbs}\r\n          showSearch={showSearch}\r\n          searchPlaceholder={searchPlaceholder}\r\n          onSearchChange={onSearchChange}\r\n          style={{\r\n            zIndex: 30,\r\n            position: \"fixed\",\r\n            top: 0,\r\n            left: sidebarCollapsed ? \"4rem\" : \"18rem\",\r\n            right: 0,\r\n            width: `calc(100% - ${sidebarCollapsed ? \"4rem\" : \"18rem\"})`,\r\n            transition: \"left 0.3s, width 0.3s\",\r\n          }}\r\n          {...dashboardHeaderProps}\r\n        />\r\n\r\n        {/* Main Content Area (scrollable) */}\r\n        <div\r\n          className={cn(\r\n            \"relative w-full h-full\",\r\n            props.disableSidebarMargin ? \"\" : \"\"\r\n          )}\r\n          style={{\r\n            marginLeft: sidebarCollapsed ? \"4rem\" : \"18rem\",\r\n            marginTop: \"4.5rem\", // Header height (py-4 + border)\r\n            height: \"calc(100vh - 4.5rem)\",\r\n            overflowY: \"auto\",\r\n            transition: \"margin-left 0.3s\",\r\n          }}\r\n        >\r\n          <main className=\"p-10 w-[90vw]\">\r\n            {children}\r\n          </main>\r\n        </div>\r\n\r\n        {/* Mobile Overlay */}\r\n        {!sidebarCollapsed && (\r\n          <div\r\n            className=\"fixed inset-0 bg-black bg-opacity-50 z-40 md:hidden\"\r\n            onClick={toggleSidebar}\r\n          />\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nDashboardLayout.displayName = \"DashboardLayout\";\r\n\r\nexport { DashboardLayout };"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"DashboardLayout.js","sources":["../../../src/components/DashboardLayout/DashboardLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Sidebar, type MenuItem, type SidebarProfileSectionProps } from \"../Sidebar\";\nimport { DashboardHeader, type BreadcrumbItem } from \"../DashboardHeader\";\n\n/**\n * DashboardLayoutProps\n * - sidebarTitle: Title text for Sidebar header (default: \"Beyond\")\n * - sidebarTitleLetter: Letter/initial for Sidebar header (default: \"B\")\n * - sidebarHeaderClassName: Optional className for SidebarHeader\n *\n * These props are forwarded to Sidebar for dynamic header branding.\n */\nimport type { DashboardHeaderProps } from \"../DashboardHeader\";\n\ninterface DashboardLayoutProps {\n  children: React.ReactNode;\n  className?: string;\n  sidebarMenuItems?: MenuItem[];\n  activeSidebarItem?: string;\n  breadcrumbs?: BreadcrumbItem[];\n  onSidebarItemClick?: (itemId: string) => void;\n  showSearch?: boolean;\n  searchPlaceholder?: string;\n  onSearchChange?: (value: string) => void;\n  sidebarClassName?: string;\n  disableSidebarMargin?: boolean;\n  /** Sidebar header title (default: \"Beyond\") */\n  sidebarTitle?: string;\n  /** Sidebar header letter (default: \"B\") */\n  sidebarTitleLetter?: string;\n  /** Optional className for SidebarHeader */\n  sidebarHeaderClassName?: string;\n  /** Props for ProfileButton in Sidebar */\n  profileButtonProps?: import(\"../Sidebar/ProfileButton\").ProfileButtonProps;\n  /** Props for LogoutButton in Sidebar */\n  logoutButtonProps?: import(\"../Sidebar/LogoutButton\").LogoutButtonProps;\n  /** Props for Sidebar profile section (avatar, name, email, etc.) */\n  profileSectionProps?: SidebarProfileSectionProps;\n\n  /** Props to customize DashboardHeader */\n  dashboardHeaderProps?: DashboardHeaderProps;\n}\n\nconst DashboardLayout = React.forwardRef<HTMLDivElement, DashboardLayoutProps>(\n  ({\n    children,\n    className,\n    sidebarMenuItems,\n    activeSidebarItem,\n    breadcrumbs,\n    onSidebarItemClick,\n    showSearch,\n    searchPlaceholder,\n    onSearchChange,\n    sidebarTitle,\n    sidebarTitleLetter,\n    sidebarHeaderClassName,\n    profileButtonProps,\n    logoutButtonProps,\n    profileSectionProps,\n    dashboardHeaderProps,\n    ...props\n  }, ref) => {\n    const [sidebarCollapsed, setSidebarCollapsed] = React.useState(false);\n\n    const toggleSidebar = () => {\n      setSidebarCollapsed(prev => !prev);\n    };\n\n    return (\n      <div ref={ref} className={cn(\"bg-gray-50 w-full h-screen overflow-hidden\", className)} {...props}>\n        {/* Fixed Sidebar */}\n        <Sidebar\n          collapsed={sidebarCollapsed}\n          onToggle={toggleSidebar}\n          menuItems={sidebarMenuItems}\n          activeItem={activeSidebarItem}\n          onItemClick={onSidebarItemClick}\n          className={props.sidebarClassName}\n          title={sidebarTitle}\n          titleLetter={sidebarTitleLetter}\n          headerClassName={sidebarHeaderClassName}\n          style={{\n            zIndex: 50,\n            position: \"fixed\",\n            left: 0,\n            top: 0,\n            height: \"100vh\",\n            width: sidebarCollapsed ? \"4rem\" : \"18rem\", // Tailwind: w-16 or w-72\n            transition: \"width 0.3s\",\n          }}\n          profileButtonProps={profileButtonProps}\n          logoutButtonProps={logoutButtonProps}\n          profileSectionProps={profileSectionProps}\n        />\n\n        {/* Fixed Header */}\n        <DashboardHeader\n          sidebarCollapsed={sidebarCollapsed}\n          onMenuToggle={toggleSidebar}\n          breadcrumbs={breadcrumbs}\n          showSearch={showSearch}\n          searchPlaceholder={searchPlaceholder}\n          onSearchChange={onSearchChange}\n          style={{\n            zIndex: 30,\n            position: \"fixed\",\n            top: 0,\n            left: sidebarCollapsed ? \"4rem\" : \"18rem\",\n            right: 0,\n            width: `calc(100% - ${sidebarCollapsed ? \"4rem\" : \"18rem\"})`,\n            transition: \"left 0.3s, width 0.3s\",\n          }}\n          {...dashboardHeaderProps}\n        />\n\n        {/* Main Content Area (scrollable) */}\n        <div\n          className={cn(\n            \"relative w-full h-full\",\n            props.disableSidebarMargin ? \"\" : \"\"\n          )}\n          style={{\n            marginLeft: sidebarCollapsed ? \"4rem\" : \"18rem\",\n            marginTop: \"4.5rem\", // Header height (py-4 + border)\n            height: \"calc(100vh - 4.5rem)\",\n            overflowY: \"auto\",\n            transition: \"margin-left 0.3s\",\n          }}\n        >\n          <main className=\"p-10 w-[90vw]\">\n            {children}\n          </main>\n        </div>\n\n        {/* Mobile Overlay */}\n        {!sidebarCollapsed && (\n          <div\n            className=\"fixed inset-0 bg-black bg-opacity-50 z-40 md:hidden\"\n            onClick={toggleSidebar}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nDashboardLayout.displayName = \"DashboardLayout\";\n\nexport { DashboardLayout };"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AA4CA,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EACC,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,GAAG,KAAI;AACR,IAAA,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;IAErE,MAAM,aAAa,GAAG,MAAK;QACzB,mBAAmB,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;AACpC,IAAA,CAAC;IAED,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,4CAA4C,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,QAAA,EAAA,CAE9FC,GAAA,CAAC,OAAO,EAAA,EACN,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,aAAa,EACvB,SAAS,EAAE,gBAAgB,EAC3B,UAAU,EAAE,iBAAiB,EAC7B,WAAW,EAAE,kBAAkB,EAC/B,SAAS,EAAE,KAAK,CAAC,gBAAgB,EACjC,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,kBAAkB,EAC/B,eAAe,EAAE,sBAAsB,EACvC,KAAK,EAAE;AACL,oBAAA,MAAM,EAAE,EAAE;AACV,oBAAA,QAAQ,EAAE,OAAO;AACjB,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,OAAO;oBACf,KAAK,EAAE,gBAAgB,GAAG,MAAM,GAAG,OAAO;AAC1C,oBAAA,UAAU,EAAE,YAAY;AACzB,iBAAA,EACD,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,mBAAmB,EAAE,mBAAmB,GACxC,EAGFA,GAAA,CAAC,eAAe,EAAA,EACd,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,aAAa,EAC3B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE;AACL,oBAAA,MAAM,EAAE,EAAE;AACV,oBAAA,QAAQ,EAAE,OAAO;AACjB,oBAAA,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,gBAAgB,GAAG,MAAM,GAAG,OAAO;AACzC,oBAAA,KAAK,EAAE,CAAC;oBACR,KAAK,EAAE,CAAA,YAAA,EAAe,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAA,CAAA,CAAG;AAC5D,oBAAA,UAAU,EAAE,uBAAuB;iBACpC,EAAA,GACG,oBAAoB,EAAA,CACxB,EAGFA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,KAAK,CAAC,oBAAoB,GAAG,EAAE,GAAG,EAAE,CACrC,EACD,KAAK,EAAE;oBACL,UAAU,EAAE,gBAAgB,GAAG,MAAM,GAAG,OAAO;oBAC/C,SAAS,EAAE,QAAQ;AACnB,oBAAA,MAAM,EAAE,sBAAsB;AAC9B,oBAAA,SAAS,EAAE,MAAM;AACjB,oBAAA,UAAU,EAAE,kBAAkB;iBAC/B,EAAA,QAAA,EAEDA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,eAAe,EAAA,QAAA,EAC5B,QAAQ,EAAA,CACJ,EAAA,CACH,EAGL,CAAC,gBAAgB,KAChBA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,qDAAqD,EAC/D,OAAO,EAAE,aAAa,EAAA,CACtB,CACH,CAAA,EAAA,CACG;AAEV,CAAC;AAGH,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

package/dist/components/DataTable/DataTable.js

@@ -217,11 +217,11 @@ const DataTable = ({ columns, dataSource, loading = false, rowKey = 'id', pagina
     // Selection state
     const isAllSelected = selectedRowKeys.length === dataSource.length && dataSource.length > 0;
     const isIndeterminate = selectedRowKeys.length > 0 && selectedRowKeys.length < dataSource.length;
+    // Mobile-first responsive: useBreakpoint to switch between table and card layouts
+    const { isBelow } = useBreakpoint();
     if (loading) {
         return (jsxs("div", { className: cn("w-full", className), children: [title && jsx("div", { className: "mb-4", children: title() }), jsx("div", { className: "border border-gray-200 rounded-lg overflow-hidden", children: jsx("div", { className: "p-4 space-y-3", children: Array.from({ length: 5 }).map((_, i) => (jsxs("div", { className: "flex space-x-4", children: [jsx(Skeleton, { className: "h-4 w-8" }), jsx(Skeleton, { className: "h-4 flex-1" }), jsx(Skeleton, { className: "h-4 w-24" }), jsx(Skeleton, { className: "h-4 w-16" })] }, i))) }) })] }));
     }
-    // Mobile-first responsive: useBreakpoint to switch between table and card layouts
-    const { isBelow } = useBreakpoint();
     return (jsxs("div", { className: cn("w-full", className), children: [title && jsx("div", { className: "mb-4", children: title() }), jsxs("div", { className: "border border-gray-200 rounded-lg overflow-hidden", children: [isBelow('md') ? (jsx("div", { className: "space-y-4 p-2", children: paginatedData.length === 0 ? (jsxs("div", { className: "text-gray-500 text-center py-8", children: [jsx("div", { className: "text-4xl mb-2", children: "\uD83D\uDCCB" }), jsx("div", { children: "No data available" })] })) : (paginatedData.map((record, index) => {
                             const key = getRowKey(record, index);
                             const isSelected = selectedRowKeys.includes(key);

package/dist/components/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { useState, useMemo, useCallback } from \"react\";\r\nimport { \r\n  ChevronUp, \r\n  ChevronDown, \r\n  Search, \r\n  Filter, \r\n  ChevronLeft, \r\n  ChevronRight,\r\n  ChevronsLeft,\r\n  ChevronsRight,\r\n  MoreHorizontal,\r\n  Check,\r\n  Minus\r\n} from \"lucide-react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { Button } from \"../Button\";\r\nimport { Input } from \"../Input\";\r\nimport { Checkbox } from \"../Checkbox\";\r\nimport { Badge } from \"../Badge\";\r\nimport { Spinner } from \"../Spinner\";\r\nimport { Skeleton } from \"../Skeleton\";\r\nimport { Card, CardContent } from \"../Card\";\r\nimport { useBreakpoint } from \"../../hooks/useBreakpoint\";\r\nimport { Select } from \"../Select\";\r\nimport type {\r\n  DataTableProps,\r\n  Column,\r\n  FilterValue,\r\n  SortConfig,\r\n  PaginationConfig,\r\n  RowSelection\r\n} from \"./DataTable.types\";\r\n\r\nconst tableVariants = cva(\r\n  \"w-full border-collapse bg-white\",\r\n  {\r\n    variants: {\r\n      size: {\r\n        small: \"text-xs\",\r\n        middle: \"text-sm\",\r\n        large: \"text-base\",\r\n      },\r\n      bordered: {\r\n        true: \"border border-gray-200\",\r\n        false: \"\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      size: \"middle\",\r\n      bordered: false,\r\n    },\r\n  }\r\n);\r\n\r\nconst cellVariants = cva(\r\n  \"border-b border-gray-200 transition-colors\",\r\n  {\r\n    variants: {\r\n      size: {\r\n        small: \"px-2 py-1\",\r\n        middle: \"px-4 py-3\",\r\n        large: \"px-6 py-4\",\r\n      },\r\n      align: {\r\n        left: \"text-left\",\r\n        center: \"text-center\",\r\n        right: \"text-right\",\r\n      },\r\n      type: {\r\n        header: \"bg-gray-50 font-semibold text-gray-900 border-b-2 border-gray-200\",\r\n        body: \"text-gray-700 hover:bg-gray-50\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      size: \"middle\",\r\n      align: \"left\",\r\n      type: \"body\",\r\n    },\r\n  }\r\n);\r\n\r\n// Filter component for individual columns\r\nconst ColumnFilter = <T extends Record<string, any>>({\r\n  column,\r\n  value,\r\n  onChange,\r\n}: {\r\n  column: Column<T>;\r\n  value: any;\r\n  onChange: (value: any) => void;\r\n}) => {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [tempValue, setTempValue] = useState(value || '');\r\n\r\n  const handleApply = () => {\r\n    onChange(tempValue);\r\n    setIsOpen(false);\r\n  };\r\n\r\n  const handleClear = () => {\r\n    setTempValue('');\r\n    onChange('');\r\n    setIsOpen(false);\r\n  };\r\n\r\n  if (!column.filterable) return null;\r\n\r\n  return (\r\n    <div className=\"relative inline-block\">\r\n      <Button\r\n        variant=\"ghost\"\r\n        size=\"sm\"\r\n        onClick={() => setIsOpen(!isOpen)}\r\n        className={cn(\r\n          \"p-1 h-6 w-6\",\r\n          value && \"text-primary-600\"\r\n        )}\r\n      >\r\n        <Filter className=\"h-3 w-3\" />\r\n      </Button>\r\n      \r\n      {isOpen && (\r\n        <>\r\n          <div \r\n            className=\"fixed inset-0 z-10\" \r\n            onClick={() => setIsOpen(false)}\r\n          />\r\n          <div className=\"absolute top-full left-0 z-20 mt-1 bg-white border border-gray-200 rounded-lg shadow-lg p-3 min-w-[200px]\">\r\n            {column.filterType === 'select' && column.filterOptions ? (\r\n              <div className=\"space-y-2\">\r\n                {column.filterOptions.map((option) => (\r\n                  <label key={option.value} className=\"flex items-center space-x-2\">\r\n                    <Checkbox\r\n                      checked={tempValue === option.value}\r\n                      onChange={() => setTempValue(\r\n                        tempValue === option.value ? '' : option.value\r\n                      )}\r\n                    />\r\n                    <span className=\"text-sm\">{option.label}</span>\r\n                  </label>\r\n                ))}\r\n              </div>\r\n            ) : (\r\n              <Input\r\n                placeholder={`Filter ${column.title}`}\r\n                value={tempValue}\r\n                onChange={(e) => setTempValue(e.target.value)}\r\n                className=\"mb-2\"\r\n              />\r\n            )}\r\n            \r\n            <div className=\"flex justify-end space-x-2 mt-3\">\r\n              <Button variant=\"ghost\" size=\"sm\" onClick={handleClear}>\r\n                Clear\r\n              </Button>\r\n              <Button variant=\"primary\" size=\"sm\" onClick={handleApply}>\r\n                Apply\r\n              </Button>\r\n            </div>\r\n          </div>\r\n        </>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\n// Pagination component\r\nconst TablePagination: React.FC<{\r\n  pagination: PaginationConfig;\r\n  onChange: (page: number, pageSize: number) => void;\r\n}> = ({ pagination, onChange }) => {\r\n  const { current, pageSize, total, showSizeChanger = true, pageSizeOptions = [10, 20, 50, 100] } = pagination;\r\n  const totalPages = Math.ceil(total / pageSize);\r\n  const startRecord = (current - 1) * pageSize + 1;\r\n  const endRecord = Math.min(current * pageSize, total);\r\n\r\n  const getPageNumbers = () => {\r\n    const pages = [];\r\n    const maxVisible = 5;\r\n    \r\n    if (totalPages <= maxVisible) {\r\n      for (let i = 1; i <= totalPages; i++) {\r\n        pages.push(i);\r\n      }\r\n    } else {\r\n      const start = Math.max(1, current - 2);\r\n      const end = Math.min(totalPages, start + maxVisible - 1);\r\n      \r\n      for (let i = start; i <= end; i++) {\r\n        pages.push(i);\r\n      }\r\n    }\r\n    \r\n    return pages;\r\n  };\r\n\r\n  // Convert pageSizeOptions to SelectOption format\r\n  const selectOptions = pageSizeOptions.map(size => ({\r\n    label: String(size),\r\n    value: String(size),\r\n  }));\r\n\r\n  return (\r\n    <div className=\"flex items-center justify-between px-4 py-3 bg-background border-t border-border\">\r\n      <div className=\"flex items-center space-x-4\">\r\n        <span className=\"text-sm text-foreground\">\r\n          Showing {startRecord} to {endRecord} of {total} results\r\n        </span>\r\n        \r\n        {showSizeChanger && (\r\n          <div className=\"flex items-center space-x-2\">\r\n            <span className=\"text-sm text-foreground\">Show</span>\r\n            <Select\r\n              options={selectOptions}\r\n              value={String(pageSize)}\r\n              onChange={e => onChange(1, Number(e.target.value))}\r\n              variant=\"default\"\r\n              selectSize=\"sm\"\r\n              aria-label=\"Select number of items per page\"\r\n            />\r\n            <span className=\"text-sm text-foreground\">per page</span>\r\n          </div>\r\n        )}\r\n      </div>\r\n      \r\n      <div className=\"flex items-center space-x-1\">\r\n        <Button\r\n          variant=\"ghost\"\r\n          size=\"sm\"\r\n          onClick={() => onChange(1, pageSize)}\r\n          disabled={current === 1}\r\n          aria-label=\"First page\"\r\n        >\r\n          <ChevronsLeft className=\"h-4 w-4\" />\r\n        </Button>\r\n        \r\n        <Button\r\n          variant=\"ghost\"\r\n          size=\"sm\"\r\n          onClick={() => onChange(current - 1, pageSize)}\r\n          disabled={current === 1}\r\n          aria-label=\"Previous page\"\r\n        >\r\n          <ChevronLeft className=\"h-4 w-4\" />\r\n        </Button>\r\n        \r\n        {getPageNumbers().map(page => (\r\n          <Button\r\n            key={page}\r\n            variant={current === page ? \"primary\" : \"ghost\"}\r\n            size=\"sm\"\r\n            onClick={() => onChange(page, pageSize)}\r\n            className=\"min-w-[32px]\"\r\n            aria-label={`Go to page ${page}`}\r\n          >\r\n            {page}\r\n          </Button>\r\n        ))}\r\n        \r\n        <Button\r\n          variant=\"ghost\"\r\n          size=\"sm\"\r\n          onClick={() => onChange(current + 1, pageSize)}\r\n          disabled={current === totalPages}\r\n          aria-label=\"Next page\"\r\n        >\r\n          <ChevronRight className=\"h-4 w-4\" />\r\n        </Button>\r\n        \r\n        <Button\r\n          variant=\"ghost\"\r\n          size=\"sm\"\r\n          onClick={() => onChange(totalPages, pageSize)}\r\n          disabled={current === totalPages}\r\n          aria-label=\"Last page\"\r\n        >\r\n          <ChevronsRight className=\"h-4 w-4\" />\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const DataTable = <T extends Record<string, any>>({\r\n  columns,\r\n  dataSource,\r\n  loading = false,\r\n  rowKey = 'id',\r\n  pagination = { current: 1, pageSize: 10, total: 0 },\r\n  rowSelection,\r\n  size = 'middle',\r\n  bordered = false,\r\n  showHeader = true,\r\n  title,\r\n  footer,\r\n  className,\r\n  onSort,\r\n  onFilter,\r\n  onChange,\r\n  ...props\r\n}: DataTableProps<T>) => {\r\n  const [sortConfig, setSortConfig] = useState<SortConfig>({ key: '', direction: null });\r\n  const [filters, setFilters] = useState<FilterValue>({});\r\n  const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>(\r\n    rowSelection?.selectedRowKeys || []\r\n  );\r\n\r\n  // Get row key function\r\n  const getRowKey = useCallback((record: T, index: number): React.Key => {\r\n    if (typeof rowKey === 'function') {\r\n      return rowKey(record);\r\n    }\r\n    return record[rowKey] || index;\r\n  }, [rowKey]);\r\n\r\n  // Handle sorting\r\n  const handleSort = useCallback((columnKey: string) => {\r\n    let newDirection: 'asc' | 'desc' | null;\r\n    if (sortConfig.key !== columnKey) {\r\n      newDirection = 'asc';\r\n    } else if (sortConfig.direction === 'asc') {\r\n      newDirection = 'desc';\r\n    } else if (sortConfig.direction === 'desc') {\r\n      newDirection = null;\r\n    } else {\r\n      newDirection = 'asc';\r\n    }\r\n    const newSortConfig: SortConfig = { key: columnKey, direction: newDirection };\r\n    setSortConfig(newSortConfig);\r\n    onSort?.(newSortConfig);\r\n    onChange?.(pagination as PaginationConfig, filters, newSortConfig);\r\n  }, [sortConfig, pagination, filters, onSort, onChange]);\r\n\r\n  // Handle filtering\r\n  const handleFilter = useCallback((columnKey: string, value: any) => {\r\n    const newFilters = { ...filters };\r\n    if (value === '' || value === null || value === undefined) {\r\n      delete newFilters[columnKey];\r\n    } else {\r\n      newFilters[columnKey] = value;\r\n    }\r\n    \r\n    setFilters(newFilters);\r\n    onFilter?.(newFilters);\r\n    onChange?.(pagination as PaginationConfig, newFilters, sortConfig);\r\n  }, [filters, pagination, sortConfig, onFilter, onChange]);\r\n\r\n  // Handle row selection\r\n  const handleRowSelect = useCallback((record: T, selected: boolean) => {\r\n    const key = getRowKey(record, 0);\r\n    let newSelectedKeys: React.Key[];\r\n    \r\n    if (rowSelection?.type === 'radio') {\r\n      newSelectedKeys = selected ? [key] : [];\r\n    } else {\r\n      newSelectedKeys = selected \r\n        ? [...selectedRowKeys, key]\r\n        : selectedRowKeys.filter(k => k !== key);\r\n    }\r\n    \r\n    setSelectedRowKeys(newSelectedKeys);\r\n    const selectedRows = dataSource.filter(item => \r\n      newSelectedKeys.includes(getRowKey(item, 0))\r\n    );\r\n    \r\n    rowSelection?.onChange?.(newSelectedKeys, selectedRows);\r\n    rowSelection?.onSelect?.(record, selected, selectedRows, {} as Event);\r\n  }, [selectedRowKeys, rowSelection, dataSource, getRowKey]);\r\n\r\n  // Handle select all\r\n  const handleSelectAll = useCallback((selected: boolean) => {\r\n    const newSelectedKeys = selected \r\n      ? dataSource.map((item, index) => getRowKey(item, index))\r\n      : [];\r\n    \r\n    setSelectedRowKeys(newSelectedKeys);\r\n    const selectedRows = selected ? dataSource : [];\r\n    \r\n    rowSelection?.onChange?.(newSelectedKeys, selectedRows);\r\n    rowSelection?.onSelectAll?.(selected, selectedRows, dataSource);\r\n  }, [dataSource, rowSelection, getRowKey]);\r\n\r\n  // Filter and sort data\r\n  const processedData = useMemo(() => {\r\n    let result = [...dataSource];\r\n    \r\n    // Apply filters\r\n    Object.entries(filters).forEach(([key, value]) => {\r\n      if (value !== '' && value !== null && value !== undefined) {\r\n        result = result.filter(item => {\r\n          const itemValue = item[key];\r\n          if (typeof itemValue === 'string') {\r\n            return itemValue.toLowerCase().includes(String(value).toLowerCase());\r\n          }\r\n          return itemValue === value;\r\n        });\r\n      }\r\n    });\r\n    \r\n    // Apply sorting\r\n    if (sortConfig.key && sortConfig.direction) {\r\n      result.sort((a, b) => {\r\n        const aValue = a[sortConfig.key];\r\n        const bValue = b[sortConfig.key];\r\n        \r\n        if (aValue === bValue) return 0;\r\n        \r\n        const comparison = aValue < bValue ? -1 : 1;\r\n        return sortConfig.direction === 'asc' ? comparison : -comparison;\r\n      });\r\n    }\r\n    \r\n    return result;\r\n  }, [dataSource, filters, sortConfig]);\r\n\r\n  // Pagination logic\r\n  const paginatedData = useMemo(() => {\r\n    if (!pagination) return processedData;\r\n    \r\n    const { current, pageSize } = pagination;\r\n    const startIndex = (current - 1) * pageSize;\r\n    return processedData.slice(startIndex, startIndex + pageSize);\r\n  }, [processedData, pagination]);\r\n\r\n  // Update pagination total\r\n  const currentPagination = useMemo(() => {\r\n    if (!pagination) return false;\r\n    return {\r\n      ...pagination,\r\n      total: processedData.length,\r\n    };\r\n  }, [pagination, processedData.length]);\r\n\r\n  // Selection state\r\n  const isAllSelected = selectedRowKeys.length === dataSource.length && dataSource.length > 0;\r\n  const isIndeterminate = selectedRowKeys.length > 0 && selectedRowKeys.length < dataSource.length;\r\n\r\n  if (loading) {\r\n    return (\r\n      <div className={cn(\"w-full\", className)}>\r\n        {title && <div className=\"mb-4\">{title()}</div>}\r\n        <div className=\"border border-gray-200 rounded-lg overflow-hidden\">\r\n          <div className=\"p-4 space-y-3\">\r\n            {Array.from({ length: 5 }).map((_, i) => (\r\n              <div key={i} className=\"flex space-x-4\">\r\n                <Skeleton className=\"h-4 w-8\" />\r\n                <Skeleton className=\"h-4 flex-1\" />\r\n                <Skeleton className=\"h-4 w-24\" />\r\n                <Skeleton className=\"h-4 w-16\" />\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  // Mobile-first responsive: useBreakpoint to switch between table and card layouts\r\n  const { isBelow } = useBreakpoint();\r\n\r\n  return (\r\n    <div className={cn(\"w-full\", className)}>\r\n      {title && <div className=\"mb-4\">{title()}</div>}\r\n\r\n      <div className=\"border border-gray-200 rounded-lg overflow-hidden\">\r\n        {/* Card layout for mobile */}\r\n        {isBelow('md') ? (\r\n          <div className=\"space-y-4 p-2\">\r\n            {paginatedData.length === 0 ? (\r\n              <div className=\"text-gray-500 text-center py-8\">\r\n                <div className=\"text-4xl mb-2\">📋</div>\r\n                <div>No data available</div>\r\n              </div>\r\n            ) : (\r\n              paginatedData.map((record, index) => {\r\n                const key = getRowKey(record, index);\r\n                const isSelected = selectedRowKeys.includes(key);\r\n\r\n                return (\r\n                  <Card\r\n                    key={key}\r\n                    variant={isSelected ? \"elevated\" : \"default\"}\r\n                    padding=\"sm\"\r\n                    className={cn(\r\n                      \"transition-shadow\",\r\n                      isSelected && \"border-primary-600 shadow-lg\"\r\n                    )}\r\n                  >\r\n                    <CardContent className=\"space-y-2\">\r\n                      {rowSelection && (\r\n                        <div className=\"flex items-center mb-2\">\r\n                          <Checkbox\r\n                            checked={isSelected}\r\n                            onChange={(e) => handleRowSelect(record, e.target.checked)}\r\n                            {...rowSelection.getCheckboxProps?.(record)}\r\n                          />\r\n                          <span className=\"ml-2 text-xs text-gray-500\">Select</span>\r\n                        </div>\r\n                      )}\r\n                      {columns.map((column) => (\r\n                        <div key={column.key} className=\"flex justify-between items-center py-1 border-b last:border-b-0\">\r\n                          <span className=\"font-medium text-gray-700\">{column.title}</span>\r\n                          <span className=\"text-gray-900\">\r\n                            {column.render\r\n                              ? column.render(record[column.dataIndex], record, index)\r\n                              : String(record[column.dataIndex] || '')\r\n                            }\r\n                          </span>\r\n                        </div>\r\n                      ))}\r\n                    </CardContent>\r\n                  </Card>\r\n                );\r\n              })\r\n            )}\r\n          </div>\r\n        ) : (\r\n          // Table layout for desktop/tablet\r\n          <div className=\"overflow-x-auto\">\r\n            <table className={cn(tableVariants({ size, bordered }))}>\r\n              {showHeader && (\r\n                <thead>\r\n                  <tr>\r\n                    {rowSelection && (\r\n                      <th className={cn(cellVariants({ size, type: \"header\" }), \"w-12\")}>\r\n                        {rowSelection.type !== 'radio' && (\r\n                          <Checkbox\r\n                            checked={isAllSelected}\r\n                            onChange={(e) => handleSelectAll(e.target.checked)}\r\n                            className={cn(isIndeterminate && \"indeterminate\")}\r\n                          />\r\n                        )}\r\n                      </th>\r\n                    )}\r\n                    \r\n                    {columns.map((column) => (\r\n                      <th\r\n                        key={column.key}\r\n                        className={cn(\r\n                          cellVariants({\r\n                            size,\r\n                            align: column.align,\r\n                            type: \"header\"\r\n                          }),\r\n                          column.width && `w-[${column.width}]`\r\n                        )}\r\n                      >\r\n                        <div className=\"flex items-center justify-between\">\r\n                          <div className=\"flex items-center space-x-2\">\r\n                            <span>{column.title}</span>\r\n                            {column.sortable && (\r\n                              <button\r\n                                onClick={() => handleSort(column.key)}\r\n                                className=\"flex flex-col items-center hover:text-primary-600\"\r\n                              >\r\n                                <ChevronUp\r\n                                  className={cn(\r\n                                    \"h-3 w-3\",\r\n                                    sortConfig.key === column.key && sortConfig.direction === 'asc'\r\n                                      ? \"text-primary-600\"\r\n                                      : \"text-gray-400\"\r\n                                  )}\r\n                                />\r\n                                <ChevronDown\r\n                                  className={cn(\r\n                                    \"h-3 w-3 -mt-1\",\r\n                                    sortConfig.key === column.key && sortConfig.direction === 'desc'\r\n                                      ? \"text-primary-600\"\r\n                                      : \"text-gray-400\"\r\n                                  )}\r\n                                />\r\n                              </button>\r\n                            )}\r\n                          </div>\r\n                          \r\n                          <ColumnFilter\r\n                            column={column}\r\n                            value={filters[column.key]}\r\n                            onChange={(value) => handleFilter(column.key, value)}\r\n                          />\r\n                        </div>\r\n                      </th>\r\n                    ))}\r\n                  </tr>\r\n                </thead>\r\n              )}\r\n              \r\n              <tbody>\r\n                {paginatedData.length === 0 ? (\r\n                  <tr>\r\n                    <td\r\n                      colSpan={columns.length + (rowSelection ? 1 : 0)}\r\n                      className={cn(cellVariants({ size, align: \"center\" }), \"py-8\")}\r\n                    >\r\n                      <div className=\"text-gray-500\">\r\n                        <div className=\"text-4xl mb-2\">📋</div>\r\n                        <div>No data available</div>\r\n                      </div>\r\n                    </td>\r\n                  </tr>\r\n                ) : (\r\n                  paginatedData.map((record, index) => {\r\n                    const key = getRowKey(record, index);\r\n                    const isSelected = selectedRowKeys.includes(key);\r\n                    \r\n                    return (\r\n                      <tr\r\n                        key={key}\r\n                        className={cn(\r\n                          \"hover:bg-gray-50 transition-colors\",\r\n                          isSelected && \"bg-primary-50\"\r\n                        )}\r\n                        {...(props.onRow?.(record, index) ?? {})}\r\n                      >\r\n                        {rowSelection && (\r\n                          <td className={cn(cellVariants({ size }))}>\r\n                            <Checkbox\r\n                              checked={isSelected}\r\n                              onChange={(e) => handleRowSelect(record, e.target.checked)}\r\n                              {...rowSelection.getCheckboxProps?.(record)}\r\n                            />\r\n                          </td>\r\n                        )}\r\n                        \r\n                        {columns.map((column) => (\r\n                          <td\r\n                            key={column.key}\r\n                            className={cn(cellVariants({\r\n                              size,\r\n                              align: column.align\r\n                            }))}\r\n                          >\r\n                            {column.render\r\n                              ? column.render(record[column.dataIndex], record, index)\r\n                              : String(record[column.dataIndex] || '')\r\n                            }\r\n                          </td>\r\n                        ))}\r\n                      </tr>\r\n                    );\r\n                  })\r\n                )}\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        )}\r\n        {/* Always show pagination controls below data */}\r\n        {currentPagination && (\r\n          <div className=\"pt-2\">\r\n            <TablePagination\r\n              pagination={currentPagination}\r\n              onChange={(page, pageSize) => {\r\n                const newPagination = { ...currentPagination, current: page, pageSize };\r\n                onChange?.(newPagination, filters, sortConfig);\r\n              }}\r\n            />\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {footer && <div className=\"mt-4\">{footer()}</div>}\r\n    </div>\r\n  );\r\n};\r\n\r\nDataTable.displayName = \"DataTable\";"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useState, useMemo, useCallback } from \"react\";\nimport { \n  ChevronUp, \n  ChevronDown, \n  Search, \n  Filter, \n  ChevronLeft, \n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n  MoreHorizontal,\n  Check,\n  Minus\n} from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { Button } from \"../Button\";\nimport { Input } from \"../Input\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Badge } from \"../Badge\";\nimport { Spinner } from \"../Spinner\";\nimport { Skeleton } from \"../Skeleton\";\nimport { Card, CardContent } from \"../Card\";\nimport { useBreakpoint } from \"../../hooks/useBreakpoint\";\nimport { Select } from \"../Select\";\nimport type {\n  DataTableProps,\n  Column,\n  FilterValue,\n  SortConfig,\n  PaginationConfig,\n  RowSelection\n} from \"./DataTable.types\";\n\nconst tableVariants = cva(\n  \"w-full border-collapse bg-white\",\n  {\n    variants: {\n      size: {\n        small: \"text-xs\",\n        middle: \"text-sm\",\n        large: \"text-base\",\n      },\n      bordered: {\n        true: \"border border-gray-200\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      size: \"middle\",\n      bordered: false,\n    },\n  }\n);\n\nconst cellVariants = cva(\n  \"border-b border-gray-200 transition-colors\",\n  {\n    variants: {\n      size: {\n        small: \"px-2 py-1\",\n        middle: \"px-4 py-3\",\n        large: \"px-6 py-4\",\n      },\n      align: {\n        left: \"text-left\",\n        center: \"text-center\",\n        right: \"text-right\",\n      },\n      type: {\n        header: \"bg-gray-50 font-semibold text-gray-900 border-b-2 border-gray-200\",\n        body: \"text-gray-700 hover:bg-gray-50\",\n      },\n    },\n    defaultVariants: {\n      size: \"middle\",\n      align: \"left\",\n      type: \"body\",\n    },\n  }\n);\n\n// Filter component for individual columns\nconst ColumnFilter = <T extends Record<string, any>>({\n  column,\n  value,\n  onChange,\n}: {\n  column: Column<T>;\n  value: any;\n  onChange: (value: any) => void;\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [tempValue, setTempValue] = useState(value || '');\n\n  const handleApply = () => {\n    onChange(tempValue);\n    setIsOpen(false);\n  };\n\n  const handleClear = () => {\n    setTempValue('');\n    onChange('');\n    setIsOpen(false);\n  };\n\n  if (!column.filterable) return null;\n\n  return (\n    <div className=\"relative inline-block\">\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        onClick={() => setIsOpen(!isOpen)}\n        className={cn(\n          \"p-1 h-6 w-6\",\n          value && \"text-primary-600\"\n        )}\n      >\n        <Filter className=\"h-3 w-3\" />\n      </Button>\n      \n      {isOpen && (\n        <>\n          <div \n            className=\"fixed inset-0 z-10\" \n            onClick={() => setIsOpen(false)}\n          />\n          <div className=\"absolute top-full left-0 z-20 mt-1 bg-white border border-gray-200 rounded-lg shadow-lg p-3 min-w-[200px]\">\n            {column.filterType === 'select' && column.filterOptions ? (\n              <div className=\"space-y-2\">\n                {column.filterOptions.map((option) => (\n                  <label key={option.value} className=\"flex items-center space-x-2\">\n                    <Checkbox\n                      checked={tempValue === option.value}\n                      onChange={() => setTempValue(\n                        tempValue === option.value ? '' : option.value\n                      )}\n                    />\n                    <span className=\"text-sm\">{option.label}</span>\n                  </label>\n                ))}\n              </div>\n            ) : (\n              <Input\n                placeholder={`Filter ${column.title}`}\n                value={tempValue}\n                onChange={(e) => setTempValue(e.target.value)}\n                className=\"mb-2\"\n              />\n            )}\n            \n            <div className=\"flex justify-end space-x-2 mt-3\">\n              <Button variant=\"ghost\" size=\"sm\" onClick={handleClear}>\n                Clear\n              </Button>\n              <Button variant=\"primary\" size=\"sm\" onClick={handleApply}>\n                Apply\n              </Button>\n            </div>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\n// Pagination component\nconst TablePagination: React.FC<{\n  pagination: PaginationConfig;\n  onChange: (page: number, pageSize: number) => void;\n}> = ({ pagination, onChange }) => {\n  const { current, pageSize, total, showSizeChanger = true, pageSizeOptions = [10, 20, 50, 100] } = pagination;\n  const totalPages = Math.ceil(total / pageSize);\n  const startRecord = (current - 1) * pageSize + 1;\n  const endRecord = Math.min(current * pageSize, total);\n\n  const getPageNumbers = () => {\n    const pages = [];\n    const maxVisible = 5;\n    \n    if (totalPages <= maxVisible) {\n      for (let i = 1; i <= totalPages; i++) {\n        pages.push(i);\n      }\n    } else {\n      const start = Math.max(1, current - 2);\n      const end = Math.min(totalPages, start + maxVisible - 1);\n      \n      for (let i = start; i <= end; i++) {\n        pages.push(i);\n      }\n    }\n    \n    return pages;\n  };\n\n  // Convert pageSizeOptions to SelectOption format\n  const selectOptions = pageSizeOptions.map(size => ({\n    label: String(size),\n    value: String(size),\n  }));\n\n  return (\n    <div className=\"flex items-center justify-between px-4 py-3 bg-background border-t border-border\">\n      <div className=\"flex items-center space-x-4\">\n        <span className=\"text-sm text-foreground\">\n          Showing {startRecord} to {endRecord} of {total} results\n        </span>\n        \n        {showSizeChanger && (\n          <div className=\"flex items-center space-x-2\">\n            <span className=\"text-sm text-foreground\">Show</span>\n            <Select\n              options={selectOptions}\n              value={String(pageSize)}\n              onChange={e => onChange(1, Number(e.target.value))}\n              variant=\"default\"\n              selectSize=\"sm\"\n              aria-label=\"Select number of items per page\"\n            />\n            <span className=\"text-sm text-foreground\">per page</span>\n          </div>\n        )}\n      </div>\n      \n      <div className=\"flex items-center space-x-1\">\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => onChange(1, pageSize)}\n          disabled={current === 1}\n          aria-label=\"First page\"\n        >\n          <ChevronsLeft className=\"h-4 w-4\" />\n        </Button>\n        \n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => onChange(current - 1, pageSize)}\n          disabled={current === 1}\n          aria-label=\"Previous page\"\n        >\n          <ChevronLeft className=\"h-4 w-4\" />\n        </Button>\n        \n        {getPageNumbers().map(page => (\n          <Button\n            key={page}\n            variant={current === page ? \"primary\" : \"ghost\"}\n            size=\"sm\"\n            onClick={() => onChange(page, pageSize)}\n            className=\"min-w-[32px]\"\n            aria-label={`Go to page ${page}`}\n          >\n            {page}\n          </Button>\n        ))}\n        \n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => onChange(current + 1, pageSize)}\n          disabled={current === totalPages}\n          aria-label=\"Next page\"\n        >\n          <ChevronRight className=\"h-4 w-4\" />\n        </Button>\n        \n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => onChange(totalPages, pageSize)}\n          disabled={current === totalPages}\n          aria-label=\"Last page\"\n        >\n          <ChevronsRight className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport const DataTable = <T extends Record<string, any>>({\n  columns,\n  dataSource,\n  loading = false,\n  rowKey = 'id',\n  pagination = { current: 1, pageSize: 10, total: 0 },\n  rowSelection,\n  size = 'middle',\n  bordered = false,\n  showHeader = true,\n  title,\n  footer,\n  className,\n  onSort,\n  onFilter,\n  onChange,\n  ...props\n}: DataTableProps<T>) => {\n  const [sortConfig, setSortConfig] = useState<SortConfig>({ key: '', direction: null });\n  const [filters, setFilters] = useState<FilterValue>({});\n  const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>(\n    rowSelection?.selectedRowKeys || []\n  );\n\n  // Get row key function\n  const getRowKey = useCallback((record: T, index: number): React.Key => {\n    if (typeof rowKey === 'function') {\n      return rowKey(record);\n    }\n    return record[rowKey] || index;\n  }, [rowKey]);\n\n  // Handle sorting\n  const handleSort = useCallback((columnKey: string) => {\n    let newDirection: 'asc' | 'desc' | null;\n    if (sortConfig.key !== columnKey) {\n      newDirection = 'asc';\n    } else if (sortConfig.direction === 'asc') {\n      newDirection = 'desc';\n    } else if (sortConfig.direction === 'desc') {\n      newDirection = null;\n    } else {\n      newDirection = 'asc';\n    }\n    const newSortConfig: SortConfig = { key: columnKey, direction: newDirection };\n    setSortConfig(newSortConfig);\n    onSort?.(newSortConfig);\n    onChange?.(pagination as PaginationConfig, filters, newSortConfig);\n  }, [sortConfig, pagination, filters, onSort, onChange]);\n\n  // Handle filtering\n  const handleFilter = useCallback((columnKey: string, value: any) => {\n    const newFilters = { ...filters };\n    if (value === '' || value === null || value === undefined) {\n      delete newFilters[columnKey];\n    } else {\n      newFilters[columnKey] = value;\n    }\n    \n    setFilters(newFilters);\n    onFilter?.(newFilters);\n    onChange?.(pagination as PaginationConfig, newFilters, sortConfig);\n  }, [filters, pagination, sortConfig, onFilter, onChange]);\n\n  // Handle row selection\n  const handleRowSelect = useCallback((record: T, selected: boolean) => {\n    const key = getRowKey(record, 0);\n    let newSelectedKeys: React.Key[];\n    \n    if (rowSelection?.type === 'radio') {\n      newSelectedKeys = selected ? [key] : [];\n    } else {\n      newSelectedKeys = selected \n        ? [...selectedRowKeys, key]\n        : selectedRowKeys.filter(k => k !== key);\n    }\n    \n    setSelectedRowKeys(newSelectedKeys);\n    const selectedRows = dataSource.filter(item => \n      newSelectedKeys.includes(getRowKey(item, 0))\n    );\n    \n    rowSelection?.onChange?.(newSelectedKeys, selectedRows);\n    rowSelection?.onSelect?.(record, selected, selectedRows, {} as Event);\n  }, [selectedRowKeys, rowSelection, dataSource, getRowKey]);\n\n  // Handle select all\n  const handleSelectAll = useCallback((selected: boolean) => {\n    const newSelectedKeys = selected \n      ? dataSource.map((item, index) => getRowKey(item, index))\n      : [];\n    \n    setSelectedRowKeys(newSelectedKeys);\n    const selectedRows = selected ? dataSource : [];\n    \n    rowSelection?.onChange?.(newSelectedKeys, selectedRows);\n    rowSelection?.onSelectAll?.(selected, selectedRows, dataSource);\n  }, [dataSource, rowSelection, getRowKey]);\n\n  // Filter and sort data\n  const processedData = useMemo(() => {\n    let result = [...dataSource];\n    \n    // Apply filters\n    Object.entries(filters).forEach(([key, value]) => {\n      if (value !== '' && value !== null && value !== undefined) {\n        result = result.filter(item => {\n          const itemValue = item[key];\n          if (typeof itemValue === 'string') {\n            return itemValue.toLowerCase().includes(String(value).toLowerCase());\n          }\n          return itemValue === value;\n        });\n      }\n    });\n    \n    // Apply sorting\n    if (sortConfig.key && sortConfig.direction) {\n      result.sort((a, b) => {\n        const aValue = a[sortConfig.key];\n        const bValue = b[sortConfig.key];\n        \n        if (aValue === bValue) return 0;\n        \n        const comparison = aValue < bValue ? -1 : 1;\n        return sortConfig.direction === 'asc' ? comparison : -comparison;\n      });\n    }\n    \n    return result;\n  }, [dataSource, filters, sortConfig]);\n\n  // Pagination logic\n  const paginatedData = useMemo(() => {\n    if (!pagination) return processedData;\n    \n    const { current, pageSize } = pagination;\n    const startIndex = (current - 1) * pageSize;\n    return processedData.slice(startIndex, startIndex + pageSize);\n  }, [processedData, pagination]);\n\n  // Update pagination total\n  const currentPagination = useMemo(() => {\n    if (!pagination) return false;\n    return {\n      ...pagination,\n      total: processedData.length,\n    };\n  }, [pagination, processedData.length]);\n\n  // Selection state\n  const isAllSelected = selectedRowKeys.length === dataSource.length && dataSource.length > 0;\n  const isIndeterminate = selectedRowKeys.length > 0 && selectedRowKeys.length < dataSource.length;\n\n  // Mobile-first responsive: useBreakpoint to switch between table and card layouts\n  const { isBelow } = useBreakpoint();\n\n  if (loading) {\n    return (\n      <div className={cn(\"w-full\", className)}>\n        {title && <div className=\"mb-4\">{title()}</div>}\n        <div className=\"border border-gray-200 rounded-lg overflow-hidden\">\n          <div className=\"p-4 space-y-3\">\n            {Array.from({ length: 5 }).map((_, i) => (\n              <div key={i} className=\"flex space-x-4\">\n                <Skeleton className=\"h-4 w-8\" />\n                <Skeleton className=\"h-4 flex-1\" />\n                <Skeleton className=\"h-4 w-24\" />\n                <Skeleton className=\"h-4 w-16\" />\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"w-full\", className)}>\n      {title && <div className=\"mb-4\">{title()}</div>}\n\n      <div className=\"border border-gray-200 rounded-lg overflow-hidden\">\n        {/* Card layout for mobile */}\n        {isBelow('md') ? (\n          <div className=\"space-y-4 p-2\">\n            {paginatedData.length === 0 ? (\n              <div className=\"text-gray-500 text-center py-8\">\n                <div className=\"text-4xl mb-2\">📋</div>\n                <div>No data available</div>\n              </div>\n            ) : (\n              paginatedData.map((record, index) => {\n                const key = getRowKey(record, index);\n                const isSelected = selectedRowKeys.includes(key);\n\n                return (\n                  <Card\n                    key={key}\n                    variant={isSelected ? \"elevated\" : \"default\"}\n                    padding=\"sm\"\n                    className={cn(\n                      \"transition-shadow\",\n                      isSelected && \"border-primary-600 shadow-lg\"\n                    )}\n                  >\n                    <CardContent className=\"space-y-2\">\n                      {rowSelection && (\n                        <div className=\"flex items-center mb-2\">\n                          <Checkbox\n                            checked={isSelected}\n                            onChange={(e) => handleRowSelect(record, e.target.checked)}\n                            {...rowSelection.getCheckboxProps?.(record)}\n                          />\n                          <span className=\"ml-2 text-xs text-gray-500\">Select</span>\n                        </div>\n                      )}\n                      {columns.map((column) => (\n                        <div key={column.key} className=\"flex justify-between items-center py-1 border-b last:border-b-0\">\n                          <span className=\"font-medium text-gray-700\">{column.title}</span>\n                          <span className=\"text-gray-900\">\n                            {column.render\n                              ? column.render(record[column.dataIndex], record, index)\n                              : String(record[column.dataIndex] || '')\n                            }\n                          </span>\n                        </div>\n                      ))}\n                    </CardContent>\n                  </Card>\n                );\n              })\n            )}\n          </div>\n        ) : (\n          // Table layout for desktop/tablet\n          <div className=\"overflow-x-auto\">\n            <table className={cn(tableVariants({ size, bordered }))}>\n              {showHeader && (\n                <thead>\n                  <tr>\n                    {rowSelection && (\n                      <th className={cn(cellVariants({ size, type: \"header\" }), \"w-12\")}>\n                        {rowSelection.type !== 'radio' && (\n                          <Checkbox\n                            checked={isAllSelected}\n                            onChange={(e) => handleSelectAll(e.target.checked)}\n                            className={cn(isIndeterminate && \"indeterminate\")}\n                          />\n                        )}\n                      </th>\n                    )}\n                    \n                    {columns.map((column) => (\n                      <th\n                        key={column.key}\n                        className={cn(\n                          cellVariants({\n                            size,\n                            align: column.align,\n                            type: \"header\"\n                          }),\n                          column.width && `w-[${column.width}]`\n                        )}\n                      >\n                        <div className=\"flex items-center justify-between\">\n                          <div className=\"flex items-center space-x-2\">\n                            <span>{column.title}</span>\n                            {column.sortable && (\n                              <button\n                                onClick={() => handleSort(column.key)}\n                                className=\"flex flex-col items-center hover:text-primary-600\"\n                              >\n                                <ChevronUp\n                                  className={cn(\n                                    \"h-3 w-3\",\n                                    sortConfig.key === column.key && sortConfig.direction === 'asc'\n                                      ? \"text-primary-600\"\n                                      : \"text-gray-400\"\n                                  )}\n                                />\n                                <ChevronDown\n                                  className={cn(\n                                    \"h-3 w-3 -mt-1\",\n                                    sortConfig.key === column.key && sortConfig.direction === 'desc'\n                                      ? \"text-primary-600\"\n                                      : \"text-gray-400\"\n                                  )}\n                                />\n                              </button>\n                            )}\n                          </div>\n                          \n                          <ColumnFilter\n                            column={column}\n                            value={filters[column.key]}\n                            onChange={(value) => handleFilter(column.key, value)}\n                          />\n                        </div>\n                      </th>\n                    ))}\n                  </tr>\n                </thead>\n              )}\n              \n              <tbody>\n                {paginatedData.length === 0 ? (\n                  <tr>\n                    <td\n                      colSpan={columns.length + (rowSelection ? 1 : 0)}\n                      className={cn(cellVariants({ size, align: \"center\" }), \"py-8\")}\n                    >\n                      <div className=\"text-gray-500\">\n                        <div className=\"text-4xl mb-2\">📋</div>\n                        <div>No data available</div>\n                      </div>\n                    </td>\n                  </tr>\n                ) : (\n                  paginatedData.map((record, index) => {\n                    const key = getRowKey(record, index);\n                    const isSelected = selectedRowKeys.includes(key);\n                    \n                    return (\n                      <tr\n                        key={key}\n                        className={cn(\n                          \"hover:bg-gray-50 transition-colors\",\n                          isSelected && \"bg-primary-50\"\n                        )}\n                        {...(props.onRow?.(record, index) ?? {})}\n                      >\n                        {rowSelection && (\n                          <td className={cn(cellVariants({ size }))}>\n                            <Checkbox\n                              checked={isSelected}\n                              onChange={(e) => handleRowSelect(record, e.target.checked)}\n                              {...rowSelection.getCheckboxProps?.(record)}\n                            />\n                          </td>\n                        )}\n                        \n                        {columns.map((column) => (\n                          <td\n                            key={column.key}\n                            className={cn(cellVariants({\n                              size,\n                              align: column.align\n                            }))}\n                          >\n                            {column.render\n                              ? column.render(record[column.dataIndex], record, index)\n                              : String(record[column.dataIndex] || '')\n                            }\n                          </td>\n                        ))}\n                      </tr>\n                    );\n                  })\n                )}\n              </tbody>\n            </table>\n          </div>\n        )}\n        {/* Always show pagination controls below data */}\n        {currentPagination && (\n          <div className=\"pt-2\">\n            <TablePagination\n              pagination={currentPagination}\n              onChange={(page, pageSize) => {\n                const newPagination = { ...currentPagination, current: page, pageSize };\n                onChange?.(newPagination, filters, sortConfig);\n              }}\n            />\n          </div>\n        )}\n      </div>\n\n      {footer && <div className=\"mt-4\">{footer()}</div>}\n    </div>\n  );\n};\n\nDataTable.displayName = \"DataTable\";"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/components/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../../../src/components/Image/Image.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport { Skeleton } from \"../Skeleton\";\r\nimport { Spinner } from \"../Spinner\";\r\nimport { useIntersectionObserver } from \"../../hooks/useIntersectionObserver\";\r\n\r\nexport interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\r\n  src: string;\r\n  alt: string;\r\n  className?: string;\r\n  fallbackSrc?: string;\r\n  skeletonClassName?: string;\r\n}\r\n\r\nconst DEFAULT_PLACEHOLDER =\r\n  \"https://res.cloudinary.com/dmpposta9/image/upload/v1759505259/beyond/beyond%20ui/beyond-ui-logo-part-with-bg_1_wydfry.png\";\r\nexport const Image: React.FC<ImageProps> = ({\r\n  src,\r\n  alt,\r\n  className = \"\",\r\n  fallbackSrc = DEFAULT_PLACEHOLDER,\r\n  skeletonClassName = \"w-full h-full\",\r\n  ...imgProps\r\n}) => {\r\n  const [loaded, setLoaded] = useState(false);\r\n  const [error, setError] = useState(false);\r\n  const [containerRef, inView] = useIntersectionObserver<HTMLDivElement>({ threshold: 0.1, freezeOnceVisible: true });\r\n\r\n  // Only load image if inView (or fallback if IntersectionObserver unsupported)\r\n  const shouldLoad = inView;\r\n\r\n  return (\r\n    <div ref={containerRef} className={`relative ${className}`}>\r\n      {!loaded && !error && (\r\n        <div className={`absolute inset-0 flex items-center justify-center ${skeletonClassName}`}>\r\n          <Skeleton className=\"w-full h-full absolute inset-0\" />\r\n          <Spinner className=\"relative z-10 w-8 h-8 text-primary-500\" />\r\n        </div>\r\n      )}\r\n      {shouldLoad && (\r\n        <img\r\n          src={error ? fallbackSrc : src}\r\n          alt={alt}\r\n          // loading=\"lazy\"\r\n          style={loaded ? {} : { display: \"none\" }}\r\n          onLoad={() => setLoaded(true)}\r\n          onError={() => setError(true)}\r\n          draggable={imgProps.draggable ?? false}\r\n          {...imgProps}\r\n          className={`absolute inset-0 w-full h-full object-cover transition-transform duration-300 ${loaded ? \"\" : \"hidden\"}`}\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n};"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAaA,MAAM,mBAAmB,GACvB,2HAA2H;AACtH,MAAM,KAAK,GAAyB,CAAC,EAC1C,GAAG,EACH,GAAG,EACH,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,mBAAmB,EACjC,iBAAiB,GAAG,eAAe,EACnC,GAAG,QAAQ,EACZ,KAAI;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACzC,IAAA,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,uBAAuB,CAAiB,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC;;IAGnH,MAAM,UAAU,GAAG,MAAM;AAEzB,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,CAAA,SAAA,EAAY,SAAS,CAAA,CAAE,EAAA,QAAA,EAAA,CACvD,CAAC,MAAM,IAAI,CAAC,KAAK,KAChBA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAA,kDAAA,EAAqD,iBAAiB,CAAA,CAAE,EAAA,QAAA,EAAA,CACtFC,GAAA,CAAC,QAAQ,IAAC,SAAS,EAAC,gCAAgC,EAAA,CAAG,EACvDA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,wCAAwC,EAAA,CAAG,CAAA,EAAA,CAC1D,CACP,EACA,UAAU,KACTA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,KAAK,GAAG,WAAW,GAAG,GAAG,EAC9B,GAAG,EAAE,GAAG;;AAER,gBAAA,KAAK,EAAE,MAAM,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,EACxC,MAAM,EAAE,MAAM,SAAS,CAAC,IAAI,CAAC,EAC7B,OAAO,EAAE,MAAM,QAAQ,CAAC,IAAI,CAAC,EAC7B,SAAS,EAAE,QAAQ,CAAC,SAAS,IAAI,KAAK,EAAA,GAClC,QAAQ,EACZ,SAAS,EAAE,CAAA,8EAAA,EAAiF,MAAM,GAAG,EAAE,GAAG,QAAQ,CAAA,CAAE,EAAA,CACpH,CACH,CAAA,EAAA,CACG;AAEV;;;;"}
+{"version":3,"file":"Image.js","sources":["../../../src/components/Image/Image.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Skeleton } from \"../Skeleton\";\nimport { Spinner } from \"../Spinner\";\nimport { useIntersectionObserver } from \"../../hooks/useIntersectionObserver\";\n\nexport interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  src: string;\n  alt: string;\n  className?: string;\n  fallbackSrc?: string;\n  skeletonClassName?: string;\n}\n\nconst DEFAULT_PLACEHOLDER =\n  \"https://res.cloudinary.com/dmpposta9/image/upload/v1759505259/beyond/beyond%20ui/beyond-ui-logo-part-with-bg_1_wydfry.png\";\nexport const Image: React.FC<ImageProps> = ({\n  src,\n  alt,\n  className = \"\",\n  fallbackSrc = DEFAULT_PLACEHOLDER,\n  skeletonClassName = \"w-full h-full\",\n  ...imgProps\n}) => {\n  const [loaded, setLoaded] = useState(false);\n  const [error, setError] = useState(false);\n  const [containerRef, inView] = useIntersectionObserver<HTMLDivElement>({ threshold: 0.1, freezeOnceVisible: true });\n\n  // Only load image if inView (or fallback if IntersectionObserver unsupported)\n  const shouldLoad = inView;\n\n  return (\n    <div ref={containerRef} className={`relative ${className}`}>\n      {!loaded && !error && (\n        <div className={`absolute inset-0 flex items-center justify-center ${skeletonClassName}`}>\n          <Skeleton className=\"w-full h-full absolute inset-0\" />\n          <Spinner className=\"relative z-10 w-8 h-8 text-primary-500\" />\n        </div>\n      )}\n      {shouldLoad && (\n        <img\n          src={error ? fallbackSrc : src}\n          alt={alt}\n          // loading=\"lazy\"\n          style={loaded ? {} : { display: \"none\" }}\n          onLoad={() => setLoaded(true)}\n          onError={() => setError(true)}\n          draggable={imgProps.draggable ?? false}\n          {...imgProps}\n          className={`absolute inset-0 w-full h-full object-cover transition-transform duration-300 ${loaded ? \"\" : \"hidden\"}`}\n        />\n      )}\n    </div>\n  );\n};"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAaA,MAAM,mBAAmB,GACvB,2HAA2H;AACtH,MAAM,KAAK,GAAyB,CAAC,EAC1C,GAAG,EACH,GAAG,EACH,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,mBAAmB,EACjC,iBAAiB,GAAG,eAAe,EACnC,GAAG,QAAQ,EACZ,KAAI;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACzC,IAAA,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,uBAAuB,CAAiB,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC;;IAGnH,MAAM,UAAU,GAAG,MAAM;AAEzB,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,CAAA,SAAA,EAAY,SAAS,CAAA,CAAE,EAAA,QAAA,EAAA,CACvD,CAAC,MAAM,IAAI,CAAC,KAAK,KAChBA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAA,kDAAA,EAAqD,iBAAiB,CAAA,CAAE,EAAA,QAAA,EAAA,CACtFC,GAAA,CAAC,QAAQ,IAAC,SAAS,EAAC,gCAAgC,EAAA,CAAG,EACvDA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,wCAAwC,EAAA,CAAG,CAAA,EAAA,CAC1D,CACP,EACA,UAAU,KACTA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,KAAK,GAAG,WAAW,GAAG,GAAG,EAC9B,GAAG,EAAE,GAAG;;AAER,gBAAA,KAAK,EAAE,MAAM,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,EACxC,MAAM,EAAE,MAAM,SAAS,CAAC,IAAI,CAAC,EAC7B,OAAO,EAAE,MAAM,QAAQ,CAAC,IAAI,CAAC,EAC7B,SAAS,EAAE,QAAQ,CAAC,SAAS,IAAI,KAAK,EAAA,GAClC,QAAQ,EACZ,SAAS,EAAE,CAAA,8EAAA,EAAiF,MAAM,GAAG,EAAE,GAAG,QAAQ,CAAA,CAAE,EAAA,CACpH,CACH,CAAA,EAAA,CACG;AAEV;;;;"}

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

@@ -1 +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;;;;"}
+{"version":3,"file":"Input.example.js","sources":["../../../src/components/Input/Input.example.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Input } from \"./Input\";\n\nexport const InputExample: React.FC = () => (\n  <div className=\"space-y-4 max-w-md\">\n    <Input placeholder=\"Default input\" />\n    <Input placeholder=\"Success state\" variant=\"success\" />\n    <Input placeholder=\"Error state\" variant=\"error\" />\n    <div className=\"space-y-2\">\n      <Input placeholder=\"Small\" inputSize=\"sm\" />\n      <Input placeholder=\"Medium\" inputSize=\"md\" />\n      <Input placeholder=\"Large\" inputSize=\"lg\" />\n    </div>\n  </div>\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;;;;"}