ui-lab-registry 0.3.44 → 0.3.46

package/src/sections/Hero/index.tsx

@@ -41,5 +41,3 @@ export function getPreview(): React.ReactNode {
 export const metadata = baseMetadata;
 export default sectionMetadata;
 
-export { SimpleHero, HeroWithCTA } from './variations/index.js';
-export { DEMO_MAP } from './variations/index.js';

package/src/types.ts

@@ -35,6 +35,20 @@ export interface ComponentAPI {
   examples?: ComponentExample[];
 }
 
+export interface ComponentUsageRule {
+  type: 'do' | 'avoid' | 'prefer';
+  title: string;
+  description: string;
+  relatedComponents?: string[];
+}
+
+export interface ComponentUsage {
+  summary: string;
+  whenToUse?: string[];
+  whenNotToUse?: string[];
+  rules?: ComponentUsageRule[];
+}
+
 export interface StyleVariable {
   name: string;
   defaultValue?: string;
@@ -240,6 +254,7 @@ export interface ComponentMetadata {
   };
   reactAriaUrl?: string;
   api?: ComponentAPI;
+  usage?: ComponentUsage;
   styles?: ComponentStyles;
   examples?: ComponentExample[];
   example?: Example;
@@ -289,9 +304,12 @@ export interface ControlOption {
 export interface ControlDef {
   name: string;
   label: string;
-  type: 'select' | 'toggle' | 'text';
+  type: 'select' | 'toggle' | 'text' | 'stepper';
   options?: ControlOption[];
   defaultValue?: string | number | boolean;
+  min?: number;
+  max?: number;
+  step?: number;
 }
 
 // Component Detail for Site
@@ -318,6 +336,7 @@ export interface SiteComponentExample {
   controls?: ControlDef[];
   renderPreview?: (props: Record<string, any>) => React.ReactNode;
   previewLayout?: 'center' | 'start';
+  resizable?: boolean;
 }
 
 export interface ComponentDetail {

package/src/utils/load-component-examples.ts

@@ -8,6 +8,10 @@ interface ExampleData {
     title: string;
     description: string;
   };
+  controls?: SiteComponentExample['controls'];
+  renderPreview?: SiteComponentExample['renderPreview'];
+  previewLayout?: SiteComponentExample['previewLayout'];
+  resizable?: boolean;
 }
 
 interface ExamplesJsonEntry {
@@ -16,13 +20,6 @@ interface ExamplesJsonEntry {
   code: string;
 }
 
-/**
- * Loads component examples by merging examplesData with code from examples.json
- *
- * @param examplesData - Array of example data with id, Component, and metadata
- * @param examplesJson - Object with example codes keyed by example id
- * @returns Array of SiteComponentExample objects ready for rendering
- */
 export function loadComponentExamples(
   examplesData: ExampleData[],
   examplesJson: Record<string, ExamplesJsonEntry>
@@ -35,6 +32,10 @@ export function loadComponentExamples(
       description: example.metadata.description,
       code: jsonEntry?.code || '',
       preview: React.createElement(example.Component),
+      controls: example.controls,
+      renderPreview: example.renderPreview,
+      previewLayout: example.previewLayout,
+      resizable: example.resizable,
     };
   });
 }

package/dist/components/Anchor/examples/01-basic-anchor.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-basic-anchor.d.ts.map

package/dist/components/Anchor/examples/01-basic-anchor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-anchor.d.ts","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/01-basic-anchor.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAS9B"}

package/dist/components/Anchor/examples/01-basic-anchor.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Anchor } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Anchor',
-    description: 'A simple anchor component with custom underline. Hover to see the popover preview.'
-};
-export default function Example() {
-    return (_jsxs(Anchor, { children: ["Learn more about this topic", _jsx(Anchor.Preview, { children: _jsx("div", { className: "text-sm", children: "Preview content" }) })] }));
-}
-//# sourceMappingURL=01-basic-anchor.js.map

package/dist/components/Anchor/examples/01-basic-anchor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-anchor.js","sourceRoot":"","sources":["../../../../src/components/Anchor/examples/01-basic-anchor.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,oFAAoF;CAClG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,MAAM,8CAEL,KAAC,MAAM,CAAC,OAAO,cACb,cAAK,SAAS,EAAC,SAAS,gCAAsB,GAC/B,IACV,CACV,CAAC;AACJ,CAAC"}

package/dist/components/Anchor/examples.json

@@ -1,7 +0,0 @@
-{
-    "01-basic-anchor": {
-        "title": "Basic Anchor",
-        "description": "A simple anchor component with custom underline. Hover to see the popover preview.",
-        "code": "import React from 'react';\nimport { Anchor } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Anchor>\n      Learn more about this topic\n      <Anchor.Preview>\n        <div className=\"text-sm\">Preview content</div>\n      </Anchor.Preview>\n    </Anchor>\n  );\n}"
-    }
-}

package/dist/components/Badge/examples/01-basic-badge.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-basic-badge.d.ts.map

package/dist/components/Badge/examples/01-basic-badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/examples/01-basic-badge.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAE9B"}

package/dist/components/Badge/examples/01-basic-badge.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Badge } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Badge',
-    description: 'A simple badge with default styling. Use this to display labels, tags, or status indicators in your interface.'
-};
-export default function Example() {
-    return _jsx(Badge, { children: "New" });
-}
-//# sourceMappingURL=01-basic-badge.js.map

package/dist/components/Badge/examples/01-basic-badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/examples/01-basic-badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,gHAAgH;CAC9H,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,KAAC,KAAK,sBAAY,CAAC;AAC5B,CAAC"}

package/dist/components/Badge/examples/02-variants-and-sizes.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=02-variants-and-sizes.d.ts.map

package/dist/components/Badge/examples/02-variants-and-sizes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-variants-and-sizes.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/examples/02-variants-and-sizes.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CA8D9B"}

package/dist/components/Badge/examples/02-variants-and-sizes.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge } from 'ui-lab-components';
-export const metadata = {
-    title: 'Badge Variants and Sizes',
-    description: 'Showcases all available badge variants (default, success, warning, danger, info) and sizes (sm, md, lg). Also demonstrates pill-shaped badges.'
-};
-export default function Example() {
-    return (_jsxs("div", { className: "p-4 space-y-8", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Variants" }), _jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { variant: "default", children: "Default" }), _jsx(Badge, { variant: "success", children: "Success" }), _jsx(Badge, { variant: "warning", children: "Warning" }), _jsx(Badge, { variant: "danger", children: "Danger" }), _jsx(Badge, { variant: "info", children: "Info" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Sizes" }), _jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { size: "sm", children: "Small" }), _jsx(Badge, { size: "md", children: "Medium" }), _jsx(Badge, { size: "lg", children: "Large" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Pill Shape" }), _jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { pill: true, variant: "default", children: "Default Pill" }), _jsx(Badge, { pill: true, variant: "success", children: "Success Pill" }), _jsx(Badge, { pill: true, variant: "warning", children: "Warning Pill" }), _jsx(Badge, { pill: true, variant: "danger", children: "Danger Pill" }), _jsx(Badge, { pill: true, variant: "info", children: "Info Pill" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Variants with Sizes" }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { variant: "success", size: "sm", children: "Small Success" }), _jsx(Badge, { variant: "success", size: "md", children: "Medium Success" }), _jsx(Badge, { variant: "success", size: "lg", children: "Large Success" })] }), _jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { variant: "danger", size: "sm", children: "Small Danger" }), _jsx(Badge, { variant: "danger", size: "md", children: "Medium Danger" }), _jsx(Badge, { variant: "danger", size: "lg", children: "Large Danger" })] })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "With Count" }), _jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { variant: "default", count: 5 }), _jsx(Badge, { variant: "success", count: 12 }), _jsx(Badge, { variant: "warning", count: 99 }), _jsx(Badge, { variant: "danger", count: 3, pill: true }), _jsx(Badge, { variant: "info", count: 42, pill: true })] })] })] }));
-}
-//# sourceMappingURL=02-variants-and-sizes.js.map

package/dist/components/Badge/examples/02-variants-and-sizes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-variants-and-sizes.js","sourceRoot":"","sources":["../../../../src/components/Badge/examples/02-variants-and-sizes.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,0BAA0B;IACjC,WAAW,EAAE,gJAAgJ;CAC9J,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,0BACE,aAAI,SAAS,EAAC,gDAAgD,yBAAc,EAC5E,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,wBAAgB,EACxC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,wBAAgB,EACxC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,wBAAgB,EACxC,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,uBAAe,EACtC,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,qBAAa,IAC9B,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,sBAAW,EACzE,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,IAAI,EAAC,IAAI,sBAAc,EAC9B,KAAC,KAAK,IAAC,IAAI,EAAC,IAAI,uBAAe,EAC/B,KAAC,KAAK,IAAC,IAAI,EAAC,IAAI,sBAAc,IAC1B,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,2BAAgB,EAC9E,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,IAAI,QAAC,OAAO,EAAC,SAAS,6BAAqB,EAClD,KAAC,KAAK,IAAC,IAAI,QAAC,OAAO,EAAC,SAAS,6BAAqB,EAClD,KAAC,KAAK,IAAC,IAAI,QAAC,OAAO,EAAC,SAAS,6BAAqB,EAClD,KAAC,KAAK,IAAC,IAAI,QAAC,OAAO,EAAC,QAAQ,4BAAoB,EAChD,KAAC,KAAK,IAAC,IAAI,QAAC,OAAO,EAAC,MAAM,0BAAkB,IACxC,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,oCAAyB,EACvF,eAAK,SAAS,EAAC,WAAW,aACxB,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,8BAAsB,EACxD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,+BAAuB,EACzD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,8BAAsB,IACpD,EACN,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,6BAAqB,EACtD,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,8BAAsB,EACvD,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,6BAAqB,IAClD,IACF,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,2BAAgB,EAC9E,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,CAAC,GAAI,EACrC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,GAAI,EACtC,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,GAAI,EACtC,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,EAAE,IAAI,SAAG,EACzC,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,IAAI,SAAG,IACpC,IACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Badge/examples.json

@@ -1,12 +0,0 @@
-{
-    "01-basic-badge": {
-        "title": "Basic Badge",
-        "description": "A simple badge with default styling. Use this to display labels, tags, or status indicators in your interface.",
-        "code": "import React from 'react';\nimport { Badge } from 'ui-lab-components';\n\nexport default function Example() {\n  return <Badge>New</Badge>;\n}"
-    },
-    "02-variants-and-sizes": {
-        "title": "Badge Variants and Sizes",
-        "description": "Showcases all available badge variants (default, success, warning, danger, info) and sizes (sm, md, lg). Also demonstrates pill-shaped badges.",
-        "code": "import React from 'react';\nimport { Badge } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <div className=\"p-4 space-y-8\">\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Variants</h3>\n        <div className=\"flex gap-2 flex-wrap items-center\">\n          <Badge variant=\"default\">Default</Badge>\n          <Badge variant=\"success\">Success</Badge>\n          <Badge variant=\"warning\">Warning</Badge>\n          <Badge variant=\"danger\">Danger</Badge>\n          <Badge variant=\"info\">Info</Badge>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Sizes</h3>\n        <div className=\"flex gap-2 flex-wrap items-center\">\n          <Badge size=\"sm\">Small</Badge>\n          <Badge size=\"md\">Medium</Badge>\n          <Badge size=\"lg\">Large</Badge>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Pill Shape</h3>\n        <div className=\"flex gap-2 flex-wrap items-center\">\n          <Badge pill variant=\"default\">Default Pill</Badge>\n          <Badge pill variant=\"success\">Success Pill</Badge>\n          <Badge pill variant=\"warning\">Warning Pill</Badge>\n          <Badge pill variant=\"danger\">Danger Pill</Badge>\n          <Badge pill variant=\"info\">Info Pill</Badge>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Variants with Sizes</h3>\n        <div className=\"space-y-3\">\n          <div className=\"flex gap-2 flex-wrap items-center\">\n            <Badge variant=\"success\" size=\"sm\">Small Success</Badge>\n            <Badge variant=\"success\" size=\"md\">Medium Success</Badge>\n            <Badge variant=\"success\" size=\"lg\">Large Success</Badge>\n          </div>\n          <div className=\"flex gap-2 flex-wrap items-center\">\n            <Badge variant=\"danger\" size=\"sm\">Small Danger</Badge>\n            <Badge variant=\"danger\" size=\"md\">Medium Danger</Badge>\n            <Badge variant=\"danger\" size=\"lg\">Large Danger</Badge>\n          </div>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">With Count</h3>\n        <div className=\"flex gap-2 flex-wrap items-center\">\n          <Badge variant=\"default\" count={5} />\n          <Badge variant=\"success\" count={12} />\n          <Badge variant=\"warning\" count={99} />\n          <Badge variant=\"danger\" count={3} pill />\n          <Badge variant=\"info\" count={42} pill />\n        </div>\n      </div>\n    </div>\n  );\n}"
-    }
-}

package/dist/components/Banner/examples/01-basic-banner.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-basic-banner.d.ts.map

package/dist/components/Banner/examples/01-basic-banner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-banner.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/examples/01-basic-banner.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAM9B"}

package/dist/components/Banner/examples/01-basic-banner.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Banner } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Banner',
-    description: 'A neutral note banner using background shades instead of semantic colors. The default banner variant for general-purpose messaging.'
-};
-export default function Example() {
-    return (_jsx(Banner, { variant: "note", size: "md", children: "This is a note banner. Use it for general-purpose messages and information without semantic intent." }));
-}
-//# sourceMappingURL=01-basic-banner.js.map

package/dist/components/Banner/examples/01-basic-banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/examples/01-basic-banner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,qIAAqI;CACnJ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,oHAEvB,CACV,CAAC;AACJ,CAAC"}

package/dist/components/Banner/examples.json

@@ -1,7 +0,0 @@
-{
-    "01-basic-banner": {
-        "title": "Basic Banner",
-        "description": "A neutral note banner using background shades instead of semantic colors. The default banner variant for general-purpose messaging.",
-        "code": "import React from 'react';\nimport { Banner } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Banner variant=\"note\" size=\"md\">\n      This is a note banner. Use it for general-purpose messages and information without semantic intent.\n    </Banner>\n  );\n}"
-    }
-}

package/dist/components/Button/examples/01-variants.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-variants.d.ts.map

package/dist/components/Button/examples/01-variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/examples/01-variants.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAqD9B"}

package/dist/components/Button/examples/01-variants.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from 'ui-lab-components';
-export const metadata = {
-    title: 'Button Variants',
-    description: 'All available button variants including primary, default, secondary, outline, and ghost styles.'
-};
-export default function Example() {
-    return (_jsxs("div", { className: "p-4 space-y-8", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Primary Variant" }), _jsxs("div", { className: "flex gap-2 flex-wrap", children: [_jsx(Button, { variant: "primary", children: "Primary Button" }), _jsx(Button, { variant: "primary", disabled: true, children: "Disabled" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Default Variant" }), _jsxs("div", { className: "flex gap-2 flex-wrap", children: [_jsx(Button, { variant: "default", children: "Default Button" }), _jsx(Button, { variant: "default", disabled: true, children: "Disabled" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Secondary Variant" }), _jsxs("div", { className: "flex gap-2 flex-wrap", children: [_jsx(Button, { variant: "secondary", children: "Secondary Button" }), _jsx(Button, { variant: "secondary", disabled: true, children: "Disabled" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Outline Variant" }), _jsxs("div", { className: "flex gap-2 flex-wrap", children: [_jsx(Button, { variant: "outline", children: "Outline Button" }), _jsx(Button, { variant: "outline", disabled: true, children: "Disabled" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Ghost Variant" }), _jsxs("div", { className: "flex gap-2 flex-wrap", children: [_jsx(Button, { variant: "ghost", children: "Ghost Button" }), _jsx(Button, { variant: "ghost", disabled: true, children: "Disabled" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Sizes" }), _jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Button, { size: "sm", children: "Small" }), _jsx(Button, { size: "md", children: "Medium" }), _jsx(Button, { size: "lg", children: "Large" })] })] })] }));
-}
-//# sourceMappingURL=01-variants.js.map

package/dist/components/Button/examples/01-variants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-variants.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/01-variants.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,iGAAiG;CAC/G,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,0BACE,aAAI,SAAS,EAAC,gDAAgD,gCAAqB,EACnF,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,+BAAwB,EACjD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,+BAAkB,IAChD,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,gCAAqB,EACnF,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,+BAAwB,EACjD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,+BAAkB,IAChD,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,kCAAuB,EACrF,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,iCAA0B,EACrD,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,QAAQ,+BAAkB,IAClD,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,gCAAqB,EACnF,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,+BAAwB,EACjD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,+BAAkB,IAChD,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,8BAAmB,EACjF,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,6BAAsB,EAC7C,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,+BAAkB,IAC9C,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,sBAAW,EACzE,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,sBAAe,EAChC,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,uBAAgB,EACjC,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,sBAAe,IAC5B,IACF,IACF,CACP,CAAA;AACH,CAAC"}

package/dist/components/Button/examples/02-multi-actions.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=02-multi-actions.d.ts.map

package/dist/components/Button/examples/02-multi-actions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-multi-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/examples/02-multi-actions.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAQ9B"}

package/dist/components/Button/examples/02-multi-actions.js

@@ -1,12 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Flex } from 'ui-lab-components';
-import { FaEllipsisVertical } from "react-icons/fa6";
-export const metadata = {
-    title: 'Multiple Actions',
-    description: 'A primary action button grouped with secondary actions and an options menu.'
-};
-export default function Example() {
-    return (_jsxs(Flex, { gap: "xs", className: "w-110 *:not-last:flex-1", children: [_jsx(Button, { size: "sm", variant: "primary", children: "Subscribe" }), _jsx(Button, { size: "sm", children: "Message" }), _jsx(Button, { size: "icon", variant: "outline", icon: _jsx(FaEllipsisVertical, {}) })] }));
-}
-//# sourceMappingURL=02-multi-actions.js.map

package/dist/components/Button/examples/02-multi-actions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-multi-actions.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/02-multi-actions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,kBAAkB;IACzB,WAAW,EAAE,6EAA6E;CAC3F,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAC,yBAAyB,aAChD,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,0BAAoB,EACvD,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,wBAAkB,EACnC,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAE,KAAC,kBAAkB,KAAG,GAAI,IACjE,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Button/examples/03-joined-toggle.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=03-joined-toggle.d.ts.map

package/dist/components/Button/examples/03-joined-toggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-joined-toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/examples/03-joined-toggle.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAmB9B"}

package/dist/components/Button/examples/03-joined-toggle.js

@@ -1,15 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Button, Group, Divider, Input, Flex } from 'ui-lab-components';
-import { FaList, FaGrip, FaTable, FaPlus } from "react-icons/fa6";
-import { LuSearch } from "react-icons/lu";
-export const metadata = {
-    title: 'Joined Toggle Buttons',
-    description: 'Multiple buttons grouped together for view/mode selection with active state indication.'
-};
-export default function Example() {
-    const [viewMode, setViewMode] = useState("list");
-    return (_jsxs(Flex, { className: "w-110", gap: "xs", align: "center", children: [_jsx(Input, { placeholder: "Search items...", icon: _jsx(LuSearch, {}), className: "w-full" }), _jsxs(Group, { orientation: "horizontal", value: viewMode, onChange: setViewMode, children: [_jsx(Group.Button, { size: "icon", value: "list", children: _jsx(FaList, {}) }), _jsx(Divider, { orientation: "vertical" }), _jsx(Group.Button, { size: "icon", value: "grid", children: _jsx(FaGrip, {}) }), _jsx(Divider, { orientation: "vertical" }), _jsx(Group.Button, { size: "icon", value: "table", children: _jsx(FaTable, {}) })] }), _jsx(Button, { size: "sm", icon: { left: _jsx(FaPlus, { size: 12 }) }, children: "New" })] }));
-}
-//# sourceMappingURL=03-joined-toggle.js.map

package/dist/components/Button/examples/03-joined-toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-joined-toggle.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/03-joined-toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,uBAAuB;IAC9B,WAAW,EAAE,yFAAyF;CACvG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjD,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,OAAO,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,aAC7C,KAAC,KAAK,IACJ,WAAW,EAAC,iBAAiB,EAC7B,IAAI,EAAE,KAAC,QAAQ,KAAG,EAClB,SAAS,EAAC,QAAQ,GAClB,EACF,MAAC,KAAK,IAAC,WAAW,EAAC,YAAY,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,aACpE,KAAC,KAAK,CAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,YAAC,KAAC,MAAM,KAAG,GAAe,EAChE,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,GAAG,EAClC,KAAC,KAAK,CAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,YAAC,KAAC,MAAM,KAAG,GAAe,EAChE,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,GAAG,EAClC,KAAC,KAAK,CAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,YAAC,KAAC,OAAO,KAAG,GAAe,IAC5D,EACR,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,oBAAe,IAChE,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Button/examples/04-sub-stack-actions.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=04-sub-stack-actions.d.ts.map

package/dist/components/Button/examples/04-sub-stack-actions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-sub-stack-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/examples/04-sub-stack-actions.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAgB9B"}

package/dist/components/Button/examples/04-sub-stack-actions.js

@@ -1,15 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Button, Group, Input, Badge, Flex } from 'ui-lab-components';
-import { FaList, FaGrip, FaPlus } from "react-icons/fa6";
-import { LuSearch } from "react-icons/lu";
-export const metadata = {
-    title: 'Sub Stack Actions',
-    description: 'A collection of buttons and inputs arranged horizontally for grouped actions and filtering.'
-};
-export default function Example() {
-    const [viewMode, setViewMode] = useState("list");
-    return (_jsxs(Flex, { align: "center", gap: "xs", className: "w-110", children: [_jsxs(Group, { orientation: "horizontal", spacing: "xs", value: viewMode, onChange: setViewMode, children: [_jsx(Group.Button, { size: "icon", value: "list", children: _jsx(FaList, {}) }), _jsx(Group.Button, { size: "icon", value: "grid", children: _jsx(FaGrip, {}) })] }), _jsx(Input, { placeholder: "Search...", icon: _jsx(LuSearch, {}), hint: _jsx(Badge, { size: "sm", variant: "secondary", children: "Ctrl+K" }) }), _jsx(Button, { size: "sm", icon: { right: _jsx(FaPlus, { size: 12 }) }, children: "Upload" })] }));
-}
-//# sourceMappingURL=04-sub-stack-actions.js.map

package/dist/components/Button/examples/04-sub-stack-actions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-sub-stack-actions.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/04-sub-stack-actions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,6FAA6F;CAC3G,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjD,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAC,OAAO,aAC7C,MAAC,KAAK,IAAC,WAAW,EAAC,YAAY,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,aACjF,KAAC,KAAK,CAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,YAAC,KAAC,MAAM,KAAG,GAAe,EAChE,KAAC,KAAK,CAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,YAAC,KAAC,MAAM,KAAG,GAAe,IAC1D,EACR,KAAC,KAAK,IACJ,WAAW,EAAC,WAAW,EACvB,IAAI,EAAE,KAAC,QAAQ,KAAG,EAClB,IAAI,EAAE,KAAC,KAAK,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,uBAAgB,GAC1D,EACF,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,uBAAkB,IACpE,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Button/examples/05-split-action-button.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=05-split-action-button.d.ts.map

package/dist/components/Button/examples/05-split-action-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-split-action-button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/examples/05-split-action-button.tsx"],"names":[],"mappings":"AA+CA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CA2C9B"}

package/dist/components/Button/examples/05-split-action-button.js

@@ -1,57 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Button, Divider, Select, Badge, Flex } from 'ui-lab-components';
-import { FaBox, FaSpinner, FaCheck, FaEllipsisVertical, FaCopy, FaTags, FaTrash } from "react-icons/fa6";
-const selectedCount = 12;
-const bulkActions = {
-    archive: {
-        label: "Archive",
-        loadingLabel: "Archiving...",
-        successLabel: "Archived",
-        variant: "primary",
-        icon: _jsx(FaBox, {}),
-    },
-    duplicate: {
-        label: "Duplicate",
-        loadingLabel: "Duplicating...",
-        successLabel: "Duplicated",
-        variant: "outline",
-        icon: _jsx(FaCopy, {}),
-    },
-    tag: {
-        label: "Add Tags",
-        loadingLabel: "Applying tags...",
-        successLabel: "Tagged",
-        variant: "outline",
-        icon: _jsx(FaTags, {}),
-    },
-    delete: {
-        label: "Delete",
-        loadingLabel: "Deleting...",
-        successLabel: "Deleted",
-        variant: "danger",
-        icon: _jsx(FaTrash, {}),
-    },
-};
-export const metadata = {
-    title: 'Split Action Button',
-    description: 'A split button for bulk actions with dynamic icons, variants, and async feedback while keeping the primary action easy to repeat.'
-};
-export default function Example() {
-    const [action, setAction] = useState("archive");
-    const [status, setStatus] = useState("idle");
-    const cfg = bulkActions[action];
-    const itemsLabel = `${selectedCount} ${selectedCount === 1 ? "item" : "items"}`;
-    const handleExecute = () => {
-        setStatus("loading");
-        setTimeout(() => {
-            setStatus("done");
-            setTimeout(() => setStatus("idle"), 2000);
-        }, 1500);
-    };
-    const leftIcon = status === "loading" ? _jsx(FaSpinner, { className: "animate-spin" }) : status === "done" ? _jsx(FaCheck, {}) : cfg.icon;
-    const label = status === "loading" ? cfg.loadingLabel : status === "done" ? cfg.successLabel : `${cfg.label} ${itemsLabel}`;
-    return (_jsxs(Flex, { gap: "xs", className: "w-110", align: "center", children: [_jsxs(Badge, { variant: "secondary", children: [selectedCount, " selected"] }), _jsxs(Select, { className: "flex h-10", selectedKey: action, onSelectionChange: (key) => setAction(key), isDisabled: status !== "idle", children: [_jsx(Button, { onPress: handleExecute, variant: cfg.variant, size: "sm", className: "w-full rounded-none justify-start", isDisabled: status !== "idle" || selectedCount === 0, icon: leftIcon, children: label }), _jsx(Divider, { orientation: "vertical", spacing: "none" }), _jsx(Select.Trigger, { "aria-label": "Choose a bulk action" }), _jsxs(Select.Content, { children: [_jsx(Select.Item, { value: "archive", textValue: "Archive", icon: _jsx(FaBox, { className: "h-3 w-3" }), children: "Archive" }), _jsx(Select.Item, { value: "duplicate", textValue: "Duplicate", icon: _jsx(FaCopy, { className: "h-3 w-3" }), children: "Duplicate" }), _jsx(Select.Item, { value: "tag", textValue: "Add Tags", icon: _jsx(FaTags, { className: "h-3 w-3" }), children: "Add Tags" }), _jsx(Select.Item, { value: "delete", textValue: "Delete", icon: _jsx(FaTrash, { className: "h-3 w-3" }), children: "Delete" })] })] }), _jsx(Button, { size: "icon", variant: "outline", icon: _jsx(FaEllipsisVertical, {}), "aria-label": "More bulk actions" })] }));
-}
-//# sourceMappingURL=05-split-action-button.js.map

package/dist/components/Button/examples/05-split-action-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-split-action-button.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/05-split-action-button.tsx"],"names":[],"mappings":"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"}

package/dist/components/Button/examples.json

@@ -1,27 +0,0 @@
-{
-    "01-variants": {
-        "title": "Button Variants",
-        "description": "All available button variants including primary, default, secondary, outline, and ghost styles.",
-        "code": "import React from 'react'\nimport { Button } from 'ui-lab-components'\n\nexport default function Example() {\n  return (\n    <div className=\"p-4 space-y-8\">\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Primary Variant</h3>\n        <div className=\"flex gap-2 flex-wrap\">\n          <Button variant=\"primary\">Primary Button</Button>\n          <Button variant=\"primary\" disabled>Disabled</Button>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Default Variant</h3>\n        <div className=\"flex gap-2 flex-wrap\">\n          <Button variant=\"default\">Default Button</Button>\n          <Button variant=\"default\" disabled>Disabled</Button>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Secondary Variant</h3>\n        <div className=\"flex gap-2 flex-wrap\">\n          <Button variant=\"secondary\">Secondary Button</Button>\n          <Button variant=\"secondary\" disabled>Disabled</Button>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Outline Variant</h3>\n        <div className=\"flex gap-2 flex-wrap\">\n          <Button variant=\"outline\">Outline Button</Button>\n          <Button variant=\"outline\" disabled>Disabled</Button>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Ghost Variant</h3>\n        <div className=\"flex gap-2 flex-wrap\">\n          <Button variant=\"ghost\">Ghost Button</Button>\n          <Button variant=\"ghost\" disabled>Disabled</Button>\n        </div>\n      </div>\n\n      <div>\n        <h3 className=\"text-sm font-semibold text-foreground-200 mb-3\">Sizes</h3>\n        <div className=\"flex gap-2 flex-wrap items-center\">\n          <Button size=\"sm\">Small</Button>\n          <Button size=\"md\">Medium</Button>\n          <Button size=\"lg\">Large</Button>\n        </div>\n      </div>\n    </div>\n  )\n}"
-    },
-    "02-multi-actions": {
-        "title": "Multiple Actions",
-        "description": "A primary action button grouped with secondary actions and an options menu.",
-        "code": "\"use client\";\n\nimport React, { useState } from 'react'\nimport { Button, Flex } from 'ui-lab-components'\nimport { FaEllipsisVertical } from \"react-icons/fa6\";\n\nexport default function Example() {\n  return (\n    <Flex gap=\"xs\" className=\"w-110 *:not-last:flex-1\">\n      <Button size=\"sm\" variant=\"primary\" >Subscribe</Button>\n      <Button size=\"sm\" >Message</Button>\n      <Button size=\"icon\" variant=\"outline\" icon={<FaEllipsisVertical />} />\n    </Flex>\n  );\n}"
-    },
-    "03-joined-toggle": {
-        "title": "Joined Toggle Buttons",
-        "description": "Multiple buttons grouped together for view/mode selection with active state indication.",
-        "code": "\"use client\";\n\nimport React, { useState } from 'react'\nimport { Button, Group, Divider, Input, Flex } from 'ui-lab-components'\nimport { FaList, FaGrip, FaTable, FaPlus } from \"react-icons/fa6\";\nimport { LuSearch } from \"react-icons/lu\";\n\nexport default function Example() {\n  const [viewMode, setViewMode] = useState(\"list\");\n  return (\n    <Flex className=\"w-110\" gap=\"xs\" align=\"center\">\n      <Input\n        placeholder=\"Search items...\"\n        icon={<LuSearch />}\n        className=\"w-full\"\n      />\n      <Group orientation=\"horizontal\" value={viewMode} onChange={setViewMode}>\n        <Group.Button size=\"icon\" value=\"list\"><FaList /></Group.Button>\n        <Divider orientation=\"vertical\" />\n        <Group.Button size=\"icon\" value=\"grid\"><FaGrip /></Group.Button>\n        <Divider orientation=\"vertical\" />\n        <Group.Button size=\"icon\" value=\"table\"><FaTable /></Group.Button>\n      </Group>\n      <Button size=\"sm\" icon={{ left: <FaPlus size={12} /> }} >New</Button>\n    </Flex>\n  );\n}"
-    },
-    "04-sub-stack-actions": {
-        "title": "Sub Stack Actions",
-        "description": "A collection of buttons and inputs arranged horizontally for grouped actions and filtering.",
-        "code": "\"use client\";\n\nimport React, { useState } from 'react'\nimport { Button, Group, Input, Badge, Flex } from 'ui-lab-components'\nimport { FaList, FaGrip, FaPlus } from \"react-icons/fa6\";\nimport { LuSearch } from \"react-icons/lu\";\n\nexport default function Example() {\n  const [viewMode, setViewMode] = useState(\"list\");\n  return (\n    <Flex align=\"center\" gap=\"xs\" className=\"w-110\">\n      <Group orientation=\"horizontal\" spacing=\"xs\" value={viewMode} onChange={setViewMode}>\n        <Group.Button size=\"icon\" value=\"list\"><FaList /></Group.Button>\n        <Group.Button size=\"icon\" value=\"grid\"><FaGrip /></Group.Button>\n      </Group>\n      <Input\n        placeholder=\"Search...\"\n        icon={<LuSearch />}\n        hint={<Badge size=\"sm\" variant=\"secondary\" >Ctrl+K</Badge>}\n      />\n      <Button size=\"sm\" icon={{ right: <FaPlus size={12} /> }} >Upload</Button>\n    </Flex>\n  );\n}"
-    },
-    "05-split-action-button": {
-        "title": "Split Action Button",
-        "description": "A split button for bulk actions with dynamic icons, variants, and async feedback while keeping the primary action easy to repeat.",
-        "code": "\"use client\";\n\nimport React, { useState } from 'react'\nimport { Button, Divider, Select, Badge, Flex } from 'ui-lab-components'\nimport { FaBox, FaSpinner, FaCheck, FaEllipsisVertical, FaCopy, FaTags, FaTrash } from \"react-icons/fa6\";\n\ntype BulkAction = \"archive\" | \"duplicate\" | \"tag\" | \"delete\";\n\nconst selectedCount: number = 12;\n\nconst bulkActions: Record<BulkAction, {\n  label: string;\n  loadingLabel: string;\n  successLabel: string;\n  variant: \"primary\" | \"outline\" | \"danger\";\n  icon: React.ReactNode;\n}> = {\n  archive: {\n    label: \"Archive\",\n    loadingLabel: \"Archiving...\",\n    successLabel: \"Archived\",\n    variant: \"primary\",\n    icon: <FaBox />,\n  },\n  duplicate: {\n    label: \"Duplicate\",\n    loadingLabel: \"Duplicating...\",\n    successLabel: \"Duplicated\",\n    variant: \"outline\",\n    icon: <FaCopy />,\n  },\n  tag: {\n    label: \"Add Tags\",\n    loadingLabel: \"Applying tags...\",\n    successLabel: \"Tagged\",\n    variant: \"outline\",\n    icon: <FaTags />,\n  },\n  delete: {\n    label: \"Delete\",\n    loadingLabel: \"Deleting...\",\n    successLabel: \"Deleted\",\n    variant: \"danger\",\n    icon: <FaTrash />,\n  },\n};\n\nexport default function Example() {\n  const [action, setAction] = useState<BulkAction>(\"archive\");\n  const [status, setStatus] = useState<\"idle\" | \"loading\" | \"done\">(\"idle\");\n  const cfg = bulkActions[action];\n  const itemsLabel = `${selectedCount} ${selectedCount === 1 ? \"item\" : \"items\"}`;\n\n  const handleExecute = () => {\n    setStatus(\"loading\");\n    setTimeout(() => {\n      setStatus(\"done\");\n      setTimeout(() => setStatus(\"idle\"), 2000);\n    }, 1500);\n  };\n\n  const leftIcon = status === \"loading\" ? <FaSpinner className=\"animate-spin\" /> : status === \"done\" ? <FaCheck /> : cfg.icon;\n  const label = status === \"loading\" ? cfg.loadingLabel : status === \"done\" ? cfg.successLabel : `${cfg.label} ${itemsLabel}`;\n\n  return (\n    <Flex gap=\"xs\" className=\"w-110\" align=\"center\">\n      <Badge variant=\"secondary\">{selectedCount} selected</Badge>\n      <Select className=\"flex h-10\" selectedKey={action} onSelectionChange={(key) => setAction(key as BulkAction)} isDisabled={status !== \"idle\"}>\n        <Button\n          onPress={handleExecute}\n          variant={cfg.variant}\n          size=\"sm\"\n          className=\"w-full rounded-none justify-start\"\n          isDisabled={status !== \"idle\" || selectedCount === 0}\n          icon={leftIcon}\n        >\n          {label}\n        </Button>\n        <Divider orientation=\"vertical\" spacing=\"none\" />\n        <Select.Trigger aria-label=\"Choose a bulk action\" />\n        <Select.Content>\n          <Select.Item value=\"archive\" textValue=\"Archive\" icon={<FaBox className=\"h-3 w-3\" />}>Archive</Select.Item>\n          <Select.Item value=\"duplicate\" textValue=\"Duplicate\" icon={<FaCopy className=\"h-3 w-3\" />}>Duplicate</Select.Item>\n          <Select.Item value=\"tag\" textValue=\"Add Tags\" icon={<FaTags className=\"h-3 w-3\" />}>Add Tags</Select.Item>\n          <Select.Item value=\"delete\" textValue=\"Delete\" icon={<FaTrash className=\"h-3 w-3\" />}>Delete</Select.Item>\n        </Select.Content>\n      </Select>\n      <Button size=\"icon\" variant=\"outline\" icon={<FaEllipsisVertical />} aria-label=\"More bulk actions\" />\n    </Flex>\n  );\n}"
-    }
-}

package/dist/components/Card/examples/01-basic-card.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-basic-card.d.ts.map

package/dist/components/Card/examples/01-basic-card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/examples/01-basic-card.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAc9B"}

package/dist/components/Card/examples/01-basic-card.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Card',
-    description: 'A simple card container with header, body, and footer sections. Use this to group related content in your interface.'
-};
-export default function Example() {
-    return (_jsxs(Card, { children: [_jsx(Card.Header, { children: _jsx("h3", { children: "Card Title" }) }), _jsx(Card.Body, { children: _jsx("p", { children: "This is the card content area where you can place any information or components." }) }), _jsx(Card.Footer, { children: _jsx("p", { children: "Footer content" }) })] }));
-}
-//# sourceMappingURL=01-basic-card.js.map

package/dist/components/Card/examples/01-basic-card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-card.js","sourceRoot":"","sources":["../../../../src/components/Card/examples/01-basic-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,sHAAsH;CACpI,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,CAAC,MAAM,cACV,sCAAmB,GACP,EACd,KAAC,IAAI,CAAC,IAAI,cACR,2GAAuF,GAC7E,EACZ,KAAC,IAAI,CAAC,MAAM,cACV,yCAAqB,GACT,IACT,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Card/examples.json

@@ -1,7 +0,0 @@
-{
-    "01-basic-card": {
-        "title": "Basic Card",
-        "description": "A simple card container with header, body, and footer sections. Use this to group related content in your interface.",
-        "code": "import { Card } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Card>\n      <Card.Header>\n        <h3>Card Title</h3>\n      </Card.Header>\n      <Card.Body>\n        <p>This is the card content area where you can place any information or components.</p>\n      </Card.Body>\n      <Card.Footer>\n        <p>Footer content</p>\n      </Card.Footer>\n    </Card>\n  );\n}"
-    }
-}

package/dist/components/Checkbox/examples/01-basic-checkbox.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=01-basic-checkbox.d.ts.map

package/dist/components/Checkbox/examples/01-basic-checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/examples/01-basic-checkbox.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAU9B"}

package/dist/components/Checkbox/examples/01-basic-checkbox.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { Checkbox } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Checkbox',
-    description: 'A simple checkbox with a label. Use this as the standard checkbox input in your forms.'
-};
-export default function Example() {
-    const [checked, setChecked] = React.useState(false);
-    return (_jsx(Checkbox, { checked: checked, onChange: (e) => setChecked(e.target.checked), label: "Accept terms and conditions" }));
-}
-//# sourceMappingURL=01-basic-checkbox.js.map

package/dist/components/Checkbox/examples/01-basic-checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/examples/01-basic-checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,wFAAwF;CACtG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC7C,KAAK,EAAC,6BAA6B,GACnC,CACH,CAAC;AACJ,CAAC"}

package/dist/components/Checkbox/examples/02-checkbox-group-with-descriptions.d.ts

@@ -1,6 +0,0 @@
-export declare const metadata: {
-    title: string;
-    description: string;
-};
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=02-checkbox-group-with-descriptions.d.ts.map

package/dist/components/Checkbox/examples/02-checkbox-group-with-descriptions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-checkbox-group-with-descriptions.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/examples/02-checkbox-group-with-descriptions.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAgD9B"}