ui-lab-registry 0.3.44 → 0.3.46

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

@@ -1,21 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Checkbox, Card, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Checkbox Group with Descriptions',
-    description: 'Multiple checkboxes grouped together as a settings panel. Each checkbox includes a label and helper text for context.'
-};
-export default function Example() {
-    const [notifications, setNotifications] = React.useState({
-        email: true,
-        push: false,
-        sms: false,
-        marketing: false,
-    });
-    const handleChange = (key) => (e) => {
-        setNotifications(prev => ({ ...prev, [key]: e.target.checked }));
-    };
-    return (_jsxs(Card, { children: [_jsxs(Card.Header, { children: [_jsx("h3", { className: "text-lg font-medium text-foreground-100", children: "Notification Preferences" }), _jsx("p", { className: "text-sm text-foreground-400", children: "Choose how you want to be notified." })] }), _jsx(Card.Body, { children: _jsxs(Flex, { direction: "column", gap: "lg", children: [_jsx(Checkbox, { checked: notifications.email, onChange: handleChange('email'), label: "Email notifications", helperText: "Receive updates about your account activity via email." }), _jsx(Checkbox, { checked: notifications.push, onChange: handleChange('push'), label: "Push notifications", helperText: "Get instant alerts on your device for important updates." }), _jsx(Checkbox, { checked: notifications.sms, onChange: handleChange('sms'), label: "SMS notifications", helperText: "Receive text messages for critical alerts and reminders." }), _jsx(Checkbox, { checked: notifications.marketing, onChange: handleChange('marketing'), label: "Marketing emails", helperText: "Stay informed about new features, tips, and special offers." })] }) })] }));
-}
-//# sourceMappingURL=02-checkbox-group-with-descriptions.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"02-checkbox-group-with-descriptions.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/examples/02-checkbox-group-with-descriptions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,kCAAkC;IACzC,WAAW,EAAE,uHAAuH;CACrI,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC;QACvD,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,KAAK;QACX,GAAG,EAAE,KAAK;QACV,SAAS,EAAE,KAAK;KACjB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,GAA+B,EAAE,EAAE,CAAC,CAAC,CAAsC,EAAE,EAAE;QACnG,gBAAgB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;IACnE,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,eACH,MAAC,IAAI,CAAC,MAAM,eACV,aAAI,SAAS,EAAC,yCAAyC,yCAA8B,EACrF,YAAG,SAAS,EAAC,6BAA6B,oDAAwC,IACtE,EACd,KAAC,IAAI,CAAC,IAAI,cACR,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,KAAC,QAAQ,IACP,OAAO,EAAE,aAAa,CAAC,KAAK,EAC5B,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC,EAC/B,KAAK,EAAC,qBAAqB,EAC3B,UAAU,EAAC,wDAAwD,GACnE,EACF,KAAC,QAAQ,IACP,OAAO,EAAE,aAAa,CAAC,IAAI,EAC3B,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC,EAC9B,KAAK,EAAC,oBAAoB,EAC1B,UAAU,EAAC,0DAA0D,GACrE,EACF,KAAC,QAAQ,IACP,OAAO,EAAE,aAAa,CAAC,GAAG,EAC1B,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,EAC7B,KAAK,EAAC,mBAAmB,EACzB,UAAU,EAAC,0DAA0D,GACrE,EACF,KAAC,QAAQ,IACP,OAAO,EAAE,aAAa,CAAC,SAAS,EAChC,QAAQ,EAAE,YAAY,CAAC,WAAW,CAAC,EACnC,KAAK,EAAC,kBAAkB,EACxB,UAAU,EAAC,6DAA6D,GACxE,IACG,GACG,IACP,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Checkbox/examples.json

@@ -1,12 +0,0 @@
-{
-    "01-basic-checkbox": {
-        "title": "Basic Checkbox",
-        "description": "A simple checkbox with a label. Use this as the standard checkbox input in your forms.",
-        "code": "'use client';\n\nimport React from 'react';\nimport { Checkbox } from 'ui-lab-components';\n\nexport default function Example() {\n  const [checked, setChecked] = React.useState(false);\n\n  return (\n    <Checkbox\n      checked={checked}\n      onChange={(e) => setChecked(e.target.checked)}\n      label=\"Accept terms and conditions\"\n    />\n  );\n}"
-    },
-    "02-checkbox-group-with-descriptions": {
-        "title": "Checkbox Group with Descriptions",
-        "description": "Multiple checkboxes grouped together as a settings panel. Each checkbox includes a label and helper text for context.",
-        "code": "'use client';\n\nimport React from 'react';\nimport { Checkbox, Card, Flex } from 'ui-lab-components';\n\nexport default function Example() {\n  const [notifications, setNotifications] = React.useState({\n    email: true,\n    push: false,\n    sms: false,\n    marketing: false,\n  });\n\n  const handleChange = (key: keyof typeof notifications) => (e: React.ChangeEvent<HTMLInputElement>) => {\n    setNotifications(prev => ({ ...prev, [key]: e.target.checked }));\n  };\n\n  return (\n    <Card>\n      <Card.Header>\n        <h3 className=\"text-lg font-medium text-foreground-100\">Notification Preferences</h3>\n        <p className=\"text-sm text-foreground-400\">Choose how you want to be notified.</p>\n      </Card.Header>\n      <Card.Body>\n        <Flex direction=\"column\" gap=\"lg\">\n          <Checkbox\n            checked={notifications.email}\n            onChange={handleChange('email')}\n            label=\"Email notifications\"\n            helperText=\"Receive updates about your account activity via email.\"\n          />\n          <Checkbox\n            checked={notifications.push}\n            onChange={handleChange('push')}\n            label=\"Push notifications\"\n            helperText=\"Get instant alerts on your device for important updates.\"\n          />\n          <Checkbox\n            checked={notifications.sms}\n            onChange={handleChange('sms')}\n            label=\"SMS notifications\"\n            helperText=\"Receive text messages for critical alerts and reminders.\"\n          />\n          <Checkbox\n            checked={notifications.marketing}\n            onChange={handleChange('marketing')}\n            label=\"Marketing emails\"\n            helperText=\"Stay informed about new features, tips, and special offers.\"\n          />\n        </Flex>\n      </Card.Body>\n    </Card>\n  );\n}"
-    }
-}

package/dist/components/Color/examples/01-basic-color.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-color.d.ts.map

package/dist/components/Color/examples/01-basic-color.d.ts.map

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

package/dist/components/Color/examples/01-basic-color.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Color } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Color',
-    description: 'A simple color component with default configuration showing hex format.'
-};
-export default function Example() {
-    const [color, setColor] = useState('#FF6B6B');
-    return (_jsx("div", { className: "p-4 space-y-4", children: _jsxs("div", { children: [_jsxs("p", { className: "text-sm text-foreground-300 mb-3", children: ["Selected color: ", _jsx("code", { className: "text-accent-500 font-mono", children: color })] }), _jsx(Color, { value: color, onChange: setColor, format: "hex", defaultValue: "#FF6B6B" })] }) }));
-}
-//# sourceMappingURL=01-basic-color.js.map

package/dist/components/Color/examples/01-basic-color.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-color.js","sourceRoot":"","sources":["../../../../src/components/Color/examples/01-basic-color.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,yEAAyE;CACvF,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,YAC5B,0BACE,aAAG,SAAS,EAAC,kCAAkC,iCAAiB,eAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAQ,IAAI,EAC9H,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAC,KAAK,EACZ,YAAY,EAAC,SAAS,GACtB,IACE,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Color/examples/02-opacity-slider.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-opacity-slider.d.ts.map

package/dist/components/Color/examples/02-opacity-slider.d.ts.map

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

package/dist/components/Color/examples/02-opacity-slider.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Color } from 'ui-lab-components';
-export const metadata = {
-    title: 'Opacity Slider',
-    description: 'Color picker with opacity/alpha slider enabled for transparent color selection.'
-};
-export default function Example() {
-    const [color, setColor] = useState('rgba(106, 90, 205, 0.75)');
-    return (_jsx("div", { className: "p-4 space-y-4", children: _jsxs("div", { children: [_jsxs("p", { className: "text-sm text-foreground-300 mb-3", children: ["Selected color: ", _jsx("code", { className: "text-accent-500 font-mono", children: color })] }), _jsx(Color, { value: color, onChange: setColor, showOpacity: true, format: "rgb", defaultValue: "rgba(106, 90, 205, 0.75)" })] }) }));
-}
-//# sourceMappingURL=02-opacity-slider.js.map

package/dist/components/Color/examples/02-opacity-slider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-opacity-slider.js","sourceRoot":"","sources":["../../../../src/components/Color/examples/02-opacity-slider.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,iFAAiF;CAC/F,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,0BAA0B,CAAC,CAAC;IAE/D,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,YAC5B,0BACE,aAAG,SAAS,EAAC,kCAAkC,iCAAiB,eAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAQ,IAAI,EAC9H,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,QACX,MAAM,EAAC,KAAK,EACZ,YAAY,EAAC,0BAA0B,GACvC,IACE,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Color/examples/03-format-switching.d.ts

@@ -1,2 +0,0 @@
-export default function Example(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=03-format-switching.d.ts.map

package/dist/components/Color/examples/03-format-switching.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-format-switching.d.ts","sourceRoot":"","sources":["../../../../src/components/Color/examples/03-format-switching.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,OAAO,4CAqC9B"}

package/dist/components/Color/examples/03-format-switching.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Color } from 'ui-lab-components';
-const metadata = {
-    title: 'Format Switching',
-    description: 'Color picker with format toggle between hex and RGB to copy colors in different formats.'
-};
-export default function Example() {
-    const [color, setColor] = useState('#3B82F6');
-    const [format, setFormat] = useState('hex');
-    const handleFormatChange = () => {
-        setFormat(format === 'hex' ? 'rgb' : 'hex');
-    };
-    return (_jsxs("div", { className: "p-4 space-y-4", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsxs("p", { className: "text-sm text-foreground-300", children: ["Selected color: ", _jsx("code", { className: "text-accent-500 font-mono", children: color })] }), _jsxs("button", { onClick: handleFormatChange, className: "px-3 py-1 text-sm bg-foreground-400 hover:bg-foreground-400 text-foreground-100 rounded transition-colors", children: ["Format: ", format.toUpperCase()] })] }), _jsx(Color, { value: color, onChange: setColor, format: format, defaultValue: "#3B82F6" })] }), _jsx("div", { className: "mt-4 p-3 bg-foreground-400 rounded border border-foreground-400", children: _jsxs("p", { className: "text-sm text-foreground-300", children: [_jsx("strong", { children: "Tip:" }), " Click the format button to switch between hex and RGB output formats. This is useful when you need to copy colors in different formats for different contexts."] }) })] }));
-}
-//# sourceMappingURL=03-format-switching.js.map

package/dist/components/Color/examples/03-format-switching.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-format-switching.js","sourceRoot":"","sources":["../../../../src/components/Color/examples/03-format-switching.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,kBAAkB;IACzB,WAAW,EAAE,0FAA0F;CACxG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,KAAK,CAAC,CAAC;IAE3D,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,SAAS,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,0BACE,eAAK,SAAS,EAAC,wCAAwC,aACrD,aAAG,SAAS,EAAC,6BAA6B,iCACxB,eAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAQ,IACxE,EACJ,kBACE,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAC,2GAA2G,yBAE5G,MAAM,CAAC,WAAW,EAAE,IACtB,IACL,EACN,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,YAAY,EAAC,SAAS,GACtB,IACE,EACN,cAAK,SAAS,EAAC,iEAAiE,YAC9E,aAAG,SAAS,EAAC,6BAA6B,aACxC,oCAAqB,uKAEnB,GACA,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Color/examples.json

@@ -1,12 +0,0 @@
-{
-    "01-basic-color": {
-        "title": "Basic Color",
-        "description": "A simple color component with default configuration showing hex format.",
-        "code": "import React, { useState } from 'react';\nimport { Color } from 'ui-lab-components';\n\nexport default function Example() {\n  const [color, setColor] = useState('#FF6B6B');\n\n  return (\n    <div className=\"p-4 space-y-4\">\n      <div>\n        <p className=\"text-sm text-foreground-300 mb-3\">Selected color: <code className=\"text-accent-500 font-mono\">{color}</code></p>\n        <Color\n          value={color}\n          onChange={setColor}\n          format=\"hex\"\n          defaultValue=\"#FF6B6B\"\n        />\n      </div>\n    </div>\n  );\n}"
-    },
-    "02-opacity-slider": {
-        "title": "Opacity Slider",
-        "description": "Color picker with opacity/alpha slider enabled for transparent color selection.",
-        "code": "import React, { useState } from 'react';\nimport { Color } from 'ui-lab-components';\n\nexport default function Example() {\n  const [color, setColor] = useState('rgba(106, 90, 205, 0.75)');\n\n  return (\n    <div className=\"p-4 space-y-4\">\n      <div>\n        <p className=\"text-sm text-foreground-300 mb-3\">Selected color: <code className=\"text-accent-500 font-mono\">{color}</code></p>\n        <Color\n          value={color}\n          onChange={setColor}\n          showOpacity\n          format=\"rgb\"\n          defaultValue=\"rgba(106, 90, 205, 0.75)\"\n        />\n      </div>\n    </div>\n  );\n}"
-    }
-}

package/dist/components/Command/examples/01-basic-command.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-command.d.ts.map

package/dist/components/Command/examples/01-basic-command.d.ts.map

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

package/dist/components/Command/examples/01-basic-command.js

@@ -1,36 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import { Command, Button } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Command Palette',
-    description: 'A searchable command palette with keyboard shortcuts. Use Cmd+K (or Ctrl+K) to open.'
-};
-export default function Example() {
-    const [open, setOpen] = React.useState(false);
-    const commands = [
-        {
-            id: 'search',
-            label: 'Search',
-            description: 'Search documents',
-            shortcut: '⌘F',
-            action: () => console.log('Search'),
-        },
-        {
-            id: 'create',
-            label: 'Create new',
-            description: 'Create a new document',
-            shortcut: '⌘N',
-            action: () => console.log('Create'),
-        },
-        {
-            id: 'settings',
-            label: 'Settings',
-            description: 'Open application settings',
-            shortcut: '⌘,',
-            action: () => console.log('Settings'),
-        },
-    ];
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => setOpen(true), children: "Open Palette (\u2318K)" }), _jsxs(Command, { open: open, onOpenChange: setOpen, items: commands, children: [_jsx(Command.Input, { placeholder: "Search commands..." }), _jsx(Command.List, { children: _jsx(Command.Groups, { renderCategory: (category) => category ? _jsx(Command.Category, { children: category }) : null, renderItem: (cmd) => (_jsx(Command.Item, { value: cmd.id, textValue: cmd.label, action: cmd.action, hint: cmd.shortcut, children: _jsx("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' }, children: _jsxs("div", { children: [_jsx("div", { style: { fontWeight: 500 }, children: cmd.label }), cmd.description && (_jsx("div", { style: { fontSize: '0.875em', opacity: 0.7 }, children: cmd.description }))] }) }) }, cmd.id)) }) })] })] }));
-}
-//# sourceMappingURL=01-basic-command.js.map

package/dist/components/Command/examples/01-basic-command.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-command.js","sourceRoot":"","sources":["../../../../src/components/Command/examples/01-basic-command.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAS,MAAM,mBAAmB,CAAC;AAE3D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,uBAAuB;IAC9B,WAAW,EAAE,sFAAsF;CACpG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG;QACf;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,QAAQ;YACf,WAAW,EAAE,kBAAkB;YAC/B,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;SACpC;QACD;YACE,EAAE,EAAE,QAAQ;YACZ,KAAK,EAAE,YAAY;YACnB,WAAW,EAAE,uBAAuB;YACpC,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC;SACpC;QACD;YACE,EAAE,EAAE,UAAU;YACd,KAAK,EAAE,UAAU;YACjB,WAAW,EAAE,2BAA2B;YACxC,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC;SACtC;KACF,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,uCAE3B,EACT,MAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,OAAO,EACrB,KAAK,EAAE,QAAQ,aAEf,KAAC,OAAO,CAAC,KAAK,IAAC,WAAW,EAAC,oBAAoB,GAAG,EAClD,KAAC,OAAO,CAAC,IAAI,cACX,KAAC,OAAO,CAAC,MAAM,IACb,cAAc,EAAE,CAAC,QAAQ,EAAE,EAAE,CAC3B,QAAQ,CAAC,CAAC,CAAC,KAAC,OAAO,CAAC,QAAQ,cAAE,QAAQ,GAAoB,CAAC,CAAC,CAAC,IAAI,EAEnE,UAAU,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CACnB,KAAC,OAAO,CAAC,IAAI,IAEX,KAAK,EAAE,GAAG,CAAC,EAAE,EACb,SAAS,EAAE,GAAG,CAAC,KAAK,EACpB,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,IAAI,EAAE,GAAG,CAAC,QAAQ,YAElB,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE,YACpF,0BACE,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,GAAG,CAAC,KAAK,GAAO,EACjD,GAAG,CAAC,WAAW,IAAI,CAClB,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,YAC9C,GAAG,CAAC,WAAW,GACZ,CACP,IACG,GACF,IAfD,GAAG,CAAC,EAAE,CAgBE,CAChB,GACD,GACW,IACP,IACT,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/Command/examples.json

@@ -1,7 +0,0 @@
-{
-    "01-basic-command": {
-        "title": "Basic Command Palette",
-        "description": "A searchable command palette with keyboard shortcuts. Use Cmd+K (or Ctrl+K) to open.",
-        "code": "'use client';\n\nimport React from 'react';\nimport { Command, Button, Badge } from 'ui-lab-components';\n\nexport default function Example() {\n  const [open, setOpen] = React.useState(false);\n\n  const commands = [\n    {\n      id: 'search',\n      label: 'Search',\n      description: 'Search documents',\n      shortcut: '⌘F',\n      action: () => console.log('Search'),\n    },\n    {\n      id: 'create',\n      label: 'Create new',\n      description: 'Create a new document',\n      shortcut: '⌘N',\n      action: () => console.log('Create'),\n    },\n    {\n      id: 'settings',\n      label: 'Settings',\n      description: 'Open application settings',\n      shortcut: '⌘,',\n      action: () => console.log('Settings'),\n    },\n  ];\n\n  return (\n    <>\n      <Button onClick={() => setOpen(true)}>\n        Open Palette (⌘K)\n      </Button>\n      <Command\n        open={open}\n        onOpenChange={setOpen}\n        items={commands}\n      >\n        <Command.Input placeholder=\"Search commands...\" />\n        <Command.List>\n          <Command.Groups\n            renderCategory={(category) =>\n              category ? <Command.Category>{category}</Command.Category> : null\n            }\n            renderItem={(cmd) => (\n              <Command.Item\n                key={cmd.id}\n                value={cmd.id}\n                textValue={cmd.label}\n                action={cmd.action}\n                hint={cmd.shortcut}\n              >\n                <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n                  <div>\n                    <div style={{ fontWeight: 500 }}>{cmd.label}</div>\n                    {cmd.description && (\n                      <div style={{ fontSize: '0.875em', opacity: 0.7 }}>\n                        {cmd.description}\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </Command.Item>\n            )}\n          />\n        </Command.List>\n      </Command>\n    </>\n  );\n}"
-    }
-}

package/dist/components/Confirm/examples/01-basic-confirm.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-confirm.d.ts.map

package/dist/components/Confirm/examples/01-basic-confirm.d.ts.map

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

package/dist/components/Confirm/examples/01-basic-confirm.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Confirm } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Confirm',
-    description: 'A confirmation dialog for critical actions. Use this to prevent accidental deletions or destructive operations.'
-};
-export default function Example() {
-    return (_jsx(Confirm, { triggerLabel: "Delete Account", title: "Are you sure?", description: "This action cannot be undone. All your data will be permanently deleted.", confirmLabel: "Delete", cancelLabel: "Cancel", onConfirm: () => console.log('Account deleted'), onCancel: () => console.log('Cancelled') }));
-}
-//# sourceMappingURL=01-basic-confirm.js.map

package/dist/components/Confirm/examples/01-basic-confirm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-confirm.js","sourceRoot":"","sources":["../../../../src/components/Confirm/examples/01-basic-confirm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,iHAAiH;CAC/H,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,KAAC,OAAO,IACN,YAAY,EAAC,gBAAgB,EAC7B,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,0EAA0E,EACtF,YAAY,EAAC,QAAQ,EACrB,WAAW,EAAC,QAAQ,EACpB,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAC/C,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,GACxC,CACH,CAAC;AACJ,CAAC"}

package/dist/components/Confirm/examples.json

@@ -1,7 +0,0 @@
-{
-    "01-basic-confirm": {
-        "title": "Basic Confirm",
-        "description": "A confirmation dialog for critical actions. Use this to prevent accidental deletions or destructive operations.",
-        "code": "import { Confirm } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Confirm\n      triggerLabel=\"Delete Account\"\n      title=\"Are you sure?\"\n      description=\"This action cannot be undone. All your data will be permanently deleted.\"\n      confirmLabel=\"Delete\"\n      cancelLabel=\"Cancel\"\n      onConfirm={() => console.log('Account deleted')}\n      onCancel={() => console.log('Cancelled')}\n    />\n  );\n}"
-    }
-}

package/dist/components/Date/examples/01-basic-date.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-date.d.ts.map

package/dist/components/Date/examples/01-basic-date.d.ts.map

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

package/dist/components/Date/examples/01-basic-date.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { Date as DatePicker } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Date',
-    description: 'A simple date component for date selection with today indicator and week numbers. Click a date to select it.'
-};
-export default function Example() {
-    const [date, setDate] = React.useState(null);
-    return _jsx(DatePicker, { value: date, onChange: setDate });
-}
-//# sourceMappingURL=01-basic-date.js.map

package/dist/components/Date/examples/01-basic-date.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-date.js","sourceRoot":"","sources":["../../../../src/components/Date/examples/01-basic-date.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAEtD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,8GAA8G;CAC5H,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IACzD,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAI,CAAA;AACvD,CAAC"}

package/dist/components/Date/examples/02-with-disabled-dates.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-with-disabled-dates.d.ts.map

package/dist/components/Date/examples/02-with-disabled-dates.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-with-disabled-dates.d.ts","sourceRoot":"","sources":["../../../../src/components/Date/examples/02-with-disabled-dates.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,4CAY9B"}

package/dist/components/Date/examples/02-with-disabled-dates.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { Date as DatePicker } from 'ui-lab-components';
-export const metadata = {
-    title: 'Date with Disabled Dates',
-    description: 'Date component with certain dates disabled (weekends). Disabled dates cannot be selected.'
-};
-export default function Example() {
-    const [date, setDate] = React.useState(null);
-    const isDisabled = React.useCallback((dateToCompare) => {
-        const day = dateToCompare.getDay();
-        return day === 0 || day === 6; // Disable weekends only
-    }, []);
-    return _jsx(DatePicker, { value: date, onChange: setDate, disabled: isDisabled });
-}
-//# sourceMappingURL=02-with-disabled-dates.js.map

package/dist/components/Date/examples/02-with-disabled-dates.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-with-disabled-dates.js","sourceRoot":"","sources":["../../../../src/components/Date/examples/02-with-disabled-dates.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAEtD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,0BAA0B;IACjC,WAAW,EAAE,2FAA2F;CACzG,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IAEzD,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,aAAmB,EAAE,EAAE;QACtB,MAAM,GAAG,GAAG,aAAa,CAAC,MAAM,EAAE,CAAA;QAClC,OAAO,GAAG,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,CAAA,CAAC,wBAAwB;IACxD,CAAC,EACD,EAAE,CACH,CAAA;IAED,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,GAAI,CAAA;AAC7E,CAAC"}

package/dist/components/Date/examples/03-controlled-mode.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-controlled-mode.d.ts.map

package/dist/components/Date/examples/03-controlled-mode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-controlled-mode.d.ts","sourceRoot":"","sources":["../../../../src/components/Date/examples/03-controlled-mode.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,4CAqC9B"}

package/dist/components/Date/examples/03-controlled-mode.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Date as DatePicker, Button, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Controlled Mode',
-    description: 'Date picker with controlled value and external state management. Includes a "Today" button to programmatically set the current date.'
-};
-export default function Example() {
-    const [date, setDate] = React.useState(null);
-    const handleSetToday = () => {
-        setDate(new Date());
-    };
-    const handleClear = () => {
-        setDate(null);
-    };
-    const formatDate = (d) => {
-        if (!d)
-            return 'No date selected';
-        return d.toLocaleDateString('en-US', {
-            weekday: 'long',
-            year: 'numeric',
-            month: 'long',
-            day: 'numeric'
-        });
-    };
-    return (_jsxs(Flex, { direction: "column", gap: "md", children: [_jsxs(Flex, { gap: "sm", children: [_jsx(Button, { variant: "primary", onClick: handleSetToday, children: "Today" }), _jsx(Button, { variant: "outline", onClick: handleClear, children: "Clear" })] }), _jsxs("div", { className: "text-sm text-foreground-400", children: ["Selected: ", formatDate(date)] }), _jsx(DatePicker, { value: date, onChange: setDate })] }));
-}
-//# sourceMappingURL=03-controlled-mode.js.map

package/dist/components/Date/examples/03-controlled-mode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-controlled-mode.js","sourceRoot":"","sources":["../../../../src/components/Date/examples/03-controlled-mode.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAEpE,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,sIAAsI;CACpJ,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IAEzD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,CAAC,IAAI,CAAC,CAAA;IACf,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,CAAc,EAAE,EAAE;QACpC,IAAI,CAAC,CAAC;YAAE,OAAO,kBAAkB,CAAA;QACjC,OAAO,CAAC,CAAC,kBAAkB,CAAC,OAAO,EAAE;YACnC,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,MAAM;YACb,GAAG,EAAE,SAAS;SACf,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,aACZ,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,cAAc,sBAExC,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,WAAW,sBAErC,IACJ,EACP,eAAK,SAAS,EAAC,6BAA6B,2BAC/B,UAAU,CAAC,IAAI,CAAC,IACvB,EACN,KAAC,UAAU,IAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,GAAI,IACzC,CACR,CAAA;AACH,CAAC"}

package/dist/components/Date/examples/04-date-range.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-date-range.d.ts.map

package/dist/components/Date/examples/04-date-range.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-date-range.d.ts","sourceRoot":"","sources":["../../../../src/components/Date/examples/04-date-range.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,4CAyE9B"}

package/dist/components/Date/examples/04-date-range.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Date as DatePicker, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Date Range Selection',
-    description: 'Two date pickers for selecting start and end dates. Useful for booking, event scheduling, or filtering data by date range. The start date is locked once selected until both dates are set.'
-};
-export default function Example() {
-    const [startDate, setStartDate] = React.useState(null);
-    const [endDate, setEndDate] = React.useState(null);
-    const handleStartDateChange = (date) => {
-        setStartDate(date);
-        // Reset end date if it's before the new start date
-        if (endDate && date > endDate) {
-            setEndDate(null);
-        }
-    };
-    const handleEndDateChange = (date) => {
-        if (startDate && date >= startDate) {
-            setEndDate(date);
-        }
-    };
-    const formatDate = (date) => {
-        if (!date)
-            return 'Select date';
-        return date.toLocaleDateString('en-US', {
-            month: 'short',
-            day: 'numeric',
-            year: 'numeric'
-        });
-    };
-    const daysDifference = startDate && endDate
-        ? Math.floor((endDate.getTime() - startDate.getTime()) / (1000 * 60 * 60 * 24)) + 1
-        : null;
-    const isEndDateDisabled = (date) => {
-        return !startDate || date < startDate;
-    };
-    return (_jsxs(Flex, { direction: "column", gap: "lg", children: [_jsxs(Flex, { direction: "column", gap: "md", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground-400 mb-2", children: "Check-in Date" }), _jsx(DatePicker, { value: startDate, onChange: handleStartDateChange })] }), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground-400 mb-2", children: "Check-out Date" }), _jsx(DatePicker, { value: endDate, onChange: handleEndDateChange, disabled: isEndDateDisabled })] })] }), _jsxs("div", { className: "p-3 bg-background-300 rounded-md", children: [_jsx("div", { className: "text-sm text-foreground-400 mb-1", children: "Selected Range" }), _jsxs("div", { className: "text-foreground-400 font-medium", children: [formatDate(startDate), " \u2192 ", formatDate(endDate)] }), daysDifference !== null && (_jsxs("div", { className: "text-sm text-foreground-400 mt-2", children: ["Duration: ", daysDifference, " ", daysDifference === 1 ? 'day' : 'days'] }))] })] }));
-}
-//# sourceMappingURL=04-date-range.js.map

package/dist/components/Date/examples/04-date-range.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-date-range.js","sourceRoot":"","sources":["../../../../src/components/Date/examples/04-date-range.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAE5D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,sBAAsB;IAC7B,WAAW,EAAE,6LAA6L;CAC3M,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IACnE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IAE/D,MAAM,qBAAqB,GAAG,CAAC,IAAU,EAAE,EAAE;QAC3C,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,mDAAmD;QACnD,IAAI,OAAO,IAAI,IAAI,GAAG,OAAO,EAAE,CAAC;YAC9B,UAAU,CAAC,IAAI,CAAC,CAAA;QAClB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,mBAAmB,GAAG,CAAC,IAAU,EAAE,EAAE;QACzC,IAAI,SAAS,IAAI,IAAI,IAAI,SAAS,EAAE,CAAC;YACnC,UAAU,CAAC,IAAI,CAAC,CAAA;QAClB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,IAAiB,EAAE,EAAE;QACvC,IAAI,CAAC,IAAI;YAAE,OAAO,aAAa,CAAA;QAC/B,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;YACtC,KAAK,EAAE,OAAO;YACd,GAAG,EAAE,SAAS;YACd,IAAI,EAAE,SAAS;SAChB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,SAAS,IAAI,OAAO;QACzC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC;QACnF,CAAC,CAAC,IAAI,CAAA;IAER,MAAM,iBAAiB,GAAG,CAAC,IAAU,EAAE,EAAE;QACvC,OAAO,CAAC,SAAS,IAAI,IAAI,GAAG,SAAS,CAAA;IACvC,CAAC,CAAA;IAED,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,0BACE,cAAK,SAAS,EAAC,8CAA8C,8BAEvD,EACN,KAAC,UAAU,IAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,qBAAqB,GAAI,IAC7D,EAEN,0BACE,cAAK,SAAS,EAAC,8CAA8C,+BAEvD,EACN,KAAC,UAAU,IACT,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,mBAAmB,EAC7B,QAAQ,EAAE,iBAAiB,GAC3B,IACE,IACD,EAGP,eAAK,SAAS,EAAC,kCAAkC,aAC/C,cAAK,SAAS,EAAC,kCAAkC,+BAE3C,EACN,eAAK,SAAS,EAAC,iCAAiC,aAC7C,UAAU,CAAC,SAAS,CAAC,cAAK,UAAU,CAAC,OAAO,CAAC,IAC1C,EACL,cAAc,KAAK,IAAI,IAAI,CAC1B,eAAK,SAAS,EAAC,kCAAkC,2BACpC,cAAc,OAAG,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,IAC7D,CACP,IACG,IACD,CACR,CAAA;AACH,CAAC"}

package/dist/components/Date/examples.json

@@ -1 +0,0 @@
-{}

package/dist/components/Divider/examples/01-basic-divider.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-divider.d.ts.map

package/dist/components/Divider/examples/01-basic-divider.d.ts.map

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

package/dist/components/Divider/examples/01-basic-divider.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Divider } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Divider',
-    description: 'A simple horizontal divider separating content sections. Use this to create visual separation between different areas of your interface.'
-};
-export default function Example() {
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "text-foreground-300", children: "Content above" }), _jsx(Divider, {}), _jsx("div", { className: "text-foreground-300", children: "Content below" })] }));
-}
-//# sourceMappingURL=01-basic-divider.js.map

package/dist/components/Divider/examples/01-basic-divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-divider.js","sourceRoot":"","sources":["../../../../src/components/Divider/examples/01-basic-divider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,0IAA0I;CACxJ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAC,qBAAqB,8BAAoB,EACxD,KAAC,OAAO,KAAG,EACX,cAAK,SAAS,EAAC,qBAAqB,8BAAoB,IACpD,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Divider/examples/02-pattern-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=02-pattern-variants.d.ts.map

package/dist/components/Divider/examples/02-pattern-variants.d.ts.map

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

package/dist/components/Divider/examples/02-pattern-variants.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Divider } from 'ui-lab-components';
-export const metadata = {
-    title: 'Pattern Variants',
-    description: 'Dividers support three distinct pattern styles: solid for continuous lines, dashed for rectangular segments, and dotted for circular dots.'
-};
-export default function Example() {
-    return (_jsxs("div", { className: "space-y-6 w-full", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("span", { className: "text-sm text-foreground-400", children: "Solid" }), _jsx(Divider, { variant: "solid" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("span", { className: "text-sm text-foreground-400", children: "Dashed" }), _jsx(Divider, { variant: "dashed" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("span", { className: "text-sm text-foreground-400", children: "Dotted" }), _jsx(Divider, { variant: "dotted" })] })] }));
-}
-//# sourceMappingURL=02-pattern-variants.js.map

package/dist/components/Divider/examples/02-pattern-variants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-pattern-variants.js","sourceRoot":"","sources":["../../../../src/components/Divider/examples/02-pattern-variants.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,kBAAkB;IACzB,WAAW,EAAE,4IAA4I;CAC1J,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,eAAK,SAAS,EAAC,WAAW,aACxB,eAAM,SAAS,EAAC,6BAA6B,sBAAa,EAC1D,KAAC,OAAO,IAAC,OAAO,EAAC,OAAO,GAAG,IACvB,EACN,eAAK,SAAS,EAAC,WAAW,aACxB,eAAM,SAAS,EAAC,6BAA6B,uBAAc,EAC3D,KAAC,OAAO,IAAC,OAAO,EAAC,QAAQ,GAAG,IACxB,EACN,eAAK,SAAS,EAAC,WAAW,aACxB,eAAM,SAAS,EAAC,6BAA6B,uBAAc,EAC3D,KAAC,OAAO,IAAC,OAAO,EAAC,QAAQ,GAAG,IACxB,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Divider/examples/03-vertical-divider.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-vertical-divider.d.ts.map

package/dist/components/Divider/examples/03-vertical-divider.d.ts.map

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

package/dist/components/Divider/examples/03-vertical-divider.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Divider } from 'ui-lab-components';
-export const metadata = {
-    title: 'Vertical Orientation',
-    description: 'Vertical dividers separate side-by-side content. All pattern variants work in both horizontal and vertical orientations.'
-};
-export default function Example() {
-    return (_jsxs("div", { className: "flex items-center gap-4 h-16", children: [_jsx("span", { className: "text-foreground-300", children: "First" }), _jsx(Divider, { orientation: "vertical", variant: "solid", spacing: "none" }), _jsx("span", { className: "text-foreground-300", children: "Second" }), _jsx(Divider, { orientation: "vertical", variant: "dashed", spacing: "none" }), _jsx("span", { className: "text-foreground-300", children: "Third" }), _jsx(Divider, { orientation: "vertical", variant: "dotted", spacing: "none" }), _jsx("span", { className: "text-foreground-300", children: "Fourth" })] }));
-}
-//# sourceMappingURL=03-vertical-divider.js.map

package/dist/components/Divider/examples/03-vertical-divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-vertical-divider.js","sourceRoot":"","sources":["../../../../src/components/Divider/examples/03-vertical-divider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,sBAAsB;IAC7B,WAAW,EAAE,0HAA0H;CACxI,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,8BAA8B,aAC3C,eAAM,SAAS,EAAC,qBAAqB,sBAAa,EAClD,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,MAAM,GAAG,EACjE,eAAM,SAAS,EAAC,qBAAqB,uBAAc,EACnD,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,GAAG,EAClE,eAAM,SAAS,EAAC,qBAAqB,sBAAa,EAClD,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,GAAG,EAClE,eAAM,SAAS,EAAC,qBAAqB,uBAAc,IAC/C,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Divider/examples.json

@@ -1,17 +0,0 @@
-{
-    "01-basic-divider": {
-        "title": "Basic Divider",
-        "description": "A simple horizontal divider separating content sections. Use this to create visual separation between different areas of your interface.",
-        "code": "import React from 'react';\nimport { Divider } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"text-foreground-300\">Content above</div>\n      <Divider />\n      <div className=\"text-foreground-300\">Content below</div>\n    </div>\n  );\n}"
-    },
-    "02-pattern-variants": {
-        "title": "Pattern Variants",
-        "description": "Dividers support three distinct pattern styles: solid for continuous lines, dashed for rectangular segments, and dotted for circular dots.",
-        "code": "import { Divider } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <div className=\"space-y-6 w-full\">\n      <div className=\"space-y-2\">\n        <span className=\"text-sm text-foreground-400\">Solid</span>\n        <Divider variant=\"solid\" />\n      </div>\n      <div className=\"space-y-2\">\n        <span className=\"text-sm text-foreground-400\">Dashed</span>\n        <Divider variant=\"dashed\" />\n      </div>\n      <div className=\"space-y-2\">\n        <span className=\"text-sm text-foreground-400\">Dotted</span>\n        <Divider variant=\"dotted\" />\n      </div>\n    </div>\n  );\n}"
-    },
-    "03-vertical-divider": {
-        "title": "Vertical Orientation",
-        "description": "Vertical dividers separate side-by-side content. All pattern variants work in both horizontal and vertical orientations.",
-        "code": "import React from 'react';\nimport { Divider } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <div className=\"flex items-center gap-4 h-16\">\n      <span className=\"text-foreground-300\">First</span>\n      <Divider orientation=\"vertical\" variant=\"solid\" spacing=\"none\" />\n      <span className=\"text-foreground-300\">Second</span>\n      <Divider orientation=\"vertical\" variant=\"dashed\" spacing=\"none\" />\n      <span className=\"text-foreground-300\">Third</span>\n      <Divider orientation=\"vertical\" variant=\"dotted\" spacing=\"none\" />\n      <span className=\"text-foreground-300\">Fourth</span>\n    </div>\n  );\n}"
-    }
-}

package/dist/components/Expand/examples/01-basic-expand.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-expand.d.ts.map

package/dist/components/Expand/examples/01-basic-expand.d.ts.map

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

package/dist/components/Expand/examples/01-basic-expand.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Expand } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Expand',
-    description: 'An expandable/collapsible disclosure component. Use this to show and hide content sections while maintaining accessibility and keyboard support.'
-};
-export default function Example() {
-    return (_jsx(Expand, { title: "What is an Expand component?", children: _jsx("p", { className: "text-foreground-300", children: "An Expand component is a disclosure widget that expands and collapses content. It's built with React Aria for full accessibility support." }) }));
-}
-//# sourceMappingURL=01-basic-expand.js.map

package/dist/components/Expand/examples/01-basic-expand.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-expand.js","sourceRoot":"","sources":["../../../../src/components/Expand/examples/01-basic-expand.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,kJAAkJ;CAChK,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,KAAC,MAAM,IAAC,KAAK,EAAC,8BAA8B,YAC1C,YAAG,SAAS,EAAC,qBAAqB,0JAG9B,GACG,CACV,CAAC;AACJ,CAAC"}

package/dist/components/Expand/examples.json

@@ -1,7 +0,0 @@
-{
-    "01-basic-expand": {
-        "title": "Basic Expand",
-        "description": "An expandable/collapsible disclosure component. Use this to show and hide content sections while maintaining accessibility and keyboard support.",
-        "code": "import React from 'react';\nimport { Expand } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Expand title=\"What is an Expand component?\">\n      <p className=\"text-foreground-300\">\n        An Expand component is a disclosure widget that expands and collapses content.\n        It's built with React Aria for full accessibility support.\n      </p>\n    </Expand>\n  );\n}"
-    }
-}