ui-lab-registry 0.3.45 → 0.3.46

package/dist/components/Menu/examples/03-toolbar-dropdown.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Menu, Button } from "ui-lab-components";
-import { FaChevronDown } from "react-icons/fa6";
-export const metadata = {
-    title: "Toolbar Dropdown",
-    description: "Dropdown menu of actions with keyboard shortcuts and a disabled item.",
-};
-export default function Example() {
-    return (_jsxs(Menu, { type: "pop-over", children: [_jsx(Menu.Trigger, { children: _jsxs(Button, { variant: "ghost", children: ["File ", _jsx(FaChevronDown, { className: "w-3 h-3 ml-1" })] }) }), _jsxs(Menu.Content, { align: "start", children: [_jsxs(Menu.Item, { onSelect: () => { }, children: ["New file", _jsx(Menu.Shortcut, { children: "\u2318N" })] }), _jsxs(Menu.Item, { onSelect: () => { }, children: ["Open\u2026", _jsx(Menu.Shortcut, { children: "\u2318O" })] }), _jsxs(Menu.Item, { onSelect: () => { }, children: ["Save", _jsx(Menu.Shortcut, { children: "\u2318S" })] }), _jsx(Menu.Separator, {}), _jsx(Menu.Item, { disabled: true, children: "Recent files" })] })] }));
-}
-//# sourceMappingURL=03-toolbar-dropdown.js.map

package/dist/components/Menu/examples/03-toolbar-dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-toolbar-dropdown.js","sourceRoot":"","sources":["../../../../src/components/Menu/examples/03-toolbar-dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,kBAAkB;IACzB,WAAW,EAAE,uEAAuE;CACrF,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,IAAI,EAAC,UAAU,aACnB,KAAC,IAAI,CAAC,OAAO,cACX,MAAC,MAAM,IAAC,OAAO,EAAC,OAAO,sBAChB,KAAC,aAAa,IAAC,SAAS,EAAC,cAAc,GAAG,IACxC,GACI,EACf,MAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,OAAO,aACzB,MAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,yBAE3B,KAAC,IAAI,CAAC,QAAQ,0BAAmB,IACvB,EACZ,MAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,2BAE3B,KAAC,IAAI,CAAC,QAAQ,0BAAmB,IACvB,EACZ,MAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,qBAE3B,KAAC,IAAI,CAAC,QAAQ,0BAAmB,IACvB,EACZ,KAAC,IAAI,CAAC,SAAS,KAAG,EAClB,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,mCAAyB,IAC/B,IACV,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Menu/examples/04-table-row-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-table-row-actions.d.ts.map

package/dist/components/Menu/examples/04-table-row-actions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-table-row-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/examples/04-table-row-actions.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAQF,MAAM,CAAC,OAAO,UAAU,OAAO,4CA6C9B"}

package/dist/components/Menu/examples/04-table-row-actions.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Menu, Button } from "ui-lab-components";
-import { FaEllipsis } from "react-icons/fa6";
-export const metadata = {
-    title: "Table Row Actions",
-    description: "Per-row overflow menu in a table, with a destructive action separated from neutral ones.",
-};
-const rows = [
-    { id: "doc_1", name: "Q3 roadmap", updated: "2h ago" },
-    { id: "doc_2", name: "Pricing review", updated: "yesterday" },
-    { id: "doc_3", name: "Hiring plan", updated: "3 days ago" },
-];
-export default function Example() {
-    return (_jsxs("table", { className: "w-full text-sm border-collapse", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-b border-background-700", children: [_jsx("th", { className: "text-left py-2 px-3 font-medium text-foreground-200", children: "Document" }), _jsx("th", { className: "text-left py-2 px-3 font-medium text-foreground-200", children: "Updated" }), _jsx("th", { className: "py-2 px-3" })] }) }), _jsx("tbody", { children: rows.map((row) => (_jsxs("tr", { className: "border-b border-background-700 last:border-0", children: [_jsx("td", { className: "py-2 px-3", children: row.name }), _jsx("td", { className: "py-2 px-3 text-foreground-400", children: row.updated }), _jsx("td", { className: "py-2 px-3 text-right", children: _jsxs(Menu, { type: "pop-over", children: [_jsx(Menu.Trigger, { children: _jsx(Button, { icon: _jsx(FaEllipsis, {}), size: "icon", variant: "ghost", styles: "p-2", "aria-label": `Actions for ${row.name}` }) }), _jsxs(Menu.Content, { align: "end", children: [_jsx(Menu.Item, { onSelect: () => { }, children: "Open" }), _jsx(Menu.Item, { onSelect: () => { }, children: "Rename" }), _jsx(Menu.Item, { onSelect: () => { }, children: "Duplicate" }), _jsx(Menu.Separator, {}), _jsx(Menu.Item, { onSelect: () => { }, styles: { root: "text-destructive" }, children: "Delete" })] })] }) })] }, row.id))) })] }));
-}
-//# sourceMappingURL=04-table-row-actions.js.map

package/dist/components/Menu/examples/04-table-row-actions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-table-row-actions.js","sourceRoot":"","sources":["../../../../src/components/Menu/examples/04-table-row-actions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,0FAA0F;CACxG,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE;IACtD,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,OAAO,EAAE,WAAW,EAAE;IAC7D,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,EAAE;CAC5D,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,iBAAO,SAAS,EAAC,gCAAgC,aAC/C,0BACE,cAAI,SAAS,EAAC,gCAAgC,aAC5C,aAAI,SAAS,EAAC,qDAAqD,yBAAc,EACjF,aAAI,SAAS,EAAC,qDAAqD,wBAAa,EAChF,aAAI,SAAS,EAAC,WAAW,GAAG,IACzB,GACC,EACR,0BACG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,cAAiB,SAAS,EAAC,8CAA8C,aACvE,aAAI,SAAS,EAAC,WAAW,YAAE,GAAG,CAAC,IAAI,GAAM,EACzC,aAAI,SAAS,EAAC,+BAA+B,YAAE,GAAG,CAAC,OAAO,GAAM,EAChE,aAAI,SAAS,EAAC,sBAAsB,YAClC,MAAC,IAAI,IAAC,IAAI,EAAC,UAAU,aACnB,KAAC,IAAI,CAAC,OAAO,cACX,KAAC,MAAM,IACL,IAAI,EAAE,KAAC,UAAU,KAAG,EACpB,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,OAAO,EACf,MAAM,EAAC,KAAK,gBACA,eAAe,GAAG,CAAC,IAAI,EAAE,GACrC,GACW,EACf,MAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,KAAK,aACvB,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,qBAAkB,EAC/C,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,uBAAoB,EACjD,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,0BAAuB,EACpD,KAAC,IAAI,CAAC,SAAS,KAAG,EAClB,KAAC,IAAI,CAAC,IAAI,IACR,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAClB,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,uBAG1B,IACC,IACV,GACJ,KA3BE,GAAG,CAAC,EAAE,CA4BV,CACN,CAAC,GACI,IACF,CACT,CAAC;AACJ,CAAC"}

package/dist/components/Menu/examples/05-context-menu.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-context-menu.d.ts.map

package/dist/components/Menu/examples/05-context-menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-context-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/examples/05-context-menu.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CA4B9B"}

package/dist/components/Menu/examples/05-context-menu.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Menu } from "ui-lab-components";
-export const metadata = {
-    title: "Context Menu",
-    description: "Right-click anywhere in the surface to open the menu at the cursor position.",
-};
-export default function Example() {
-    return (_jsxs(Menu, { type: "context-menu", children: [_jsx(Menu.Trigger, { children: _jsx("div", { className: "flex items-center justify-center w-80 h-32 border border-dashed border-background-700 rounded-sm text-sm text-foreground-400 select-none", children: "Right-click anywhere in this area" }) }), _jsxs(Menu.Content, { children: [_jsxs(Menu.Item, { onSelect: () => { }, children: ["Cut", _jsx(Menu.Shortcut, { children: "\u2318X" })] }), _jsxs(Menu.Item, { onSelect: () => { }, children: ["Copy", _jsx(Menu.Shortcut, { children: "\u2318C" })] }), _jsxs(Menu.Item, { onSelect: () => { }, children: ["Paste", _jsx(Menu.Shortcut, { children: "\u2318V" })] }), _jsx(Menu.Separator, {}), _jsx(Menu.Item, { onSelect: () => { }, styles: { root: "text-destructive" }, children: "Delete" })] })] }));
-}
-//# sourceMappingURL=05-context-menu.js.map

package/dist/components/Menu/examples/05-context-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-context-menu.js","sourceRoot":"","sources":["../../../../src/components/Menu/examples/05-context-menu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,8EAA8E;CAC5F,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,IAAI,EAAC,cAAc,aACvB,KAAC,IAAI,CAAC,OAAO,cACX,cAAK,SAAS,EAAC,0IAA0I,kDAEnJ,GACO,EACf,MAAC,IAAI,CAAC,OAAO,eACX,MAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,oBAE3B,KAAC,IAAI,CAAC,QAAQ,0BAAmB,IACvB,EACZ,MAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,qBAE3B,KAAC,IAAI,CAAC,QAAQ,0BAAmB,IACvB,EACZ,MAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,sBAE3B,KAAC,IAAI,CAAC,QAAQ,0BAAmB,IACvB,EACZ,KAAC,IAAI,CAAC,SAAS,KAAG,EAClB,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,uBAEvD,IACC,IACV,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Menu/examples/06-view-options.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=06-view-options.d.ts.map

package/dist/components/Menu/examples/06-view-options.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"06-view-options.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/examples/06-view-options.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CA4B9B"}

package/dist/components/Menu/examples/06-view-options.js

@@ -1,15 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Menu, Button } from "ui-lab-components";
-export const metadata = {
-    title: "View Options",
-    description: "Mixed checkbox and radio items for toggling display state and selecting a single density.",
-};
-export default function Example() {
-    const [showGrid, setShowGrid] = useState(true);
-    const [showRulers, setShowRulers] = useState(false);
-    const [density, setDensity] = useState("comfortable");
-    return (_jsxs(Menu, { type: "pop-over", children: [_jsx(Menu.Trigger, { children: _jsx(Button, { children: "View" }) }), _jsxs(Menu.Content, { align: "start", children: [_jsx(Menu.Label, { children: "Display" }), _jsx(Menu.CheckboxItem, { checked: showGrid, onCheckedChange: setShowGrid, children: "Show grid" }), _jsx(Menu.CheckboxItem, { checked: showRulers, onCheckedChange: setShowRulers, children: "Show rulers" }), _jsx(Menu.Separator, {}), _jsx(Menu.Label, { children: "Density" }), _jsxs(Menu.RadioGroup, { value: density, onValueChange: setDensity, children: [_jsx(Menu.RadioItem, { value: "compact", children: "Compact" }), _jsx(Menu.RadioItem, { value: "comfortable", children: "Comfortable" }), _jsx(Menu.RadioItem, { value: "spacious", children: "Spacious" })] })] })] }));
-}
-//# sourceMappingURL=06-view-options.js.map

package/dist/components/Menu/examples/06-view-options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"06-view-options.js","sourceRoot":"","sources":["../../../../src/components/Menu/examples/06-view-options.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,2FAA2F;CACzG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEtD,OAAO,CACL,MAAC,IAAI,IAAC,IAAI,EAAC,UAAU,aACnB,KAAC,IAAI,CAAC,OAAO,cACX,KAAC,MAAM,uBAAc,GACR,EACf,MAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,OAAO,aACzB,KAAC,IAAI,CAAC,KAAK,0BAAqB,EAChC,KAAC,IAAI,CAAC,YAAY,IAAC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,0BAE9C,EACpB,KAAC,IAAI,CAAC,YAAY,IAAC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,aAAa,4BAElD,EACpB,KAAC,IAAI,CAAC,SAAS,KAAG,EAClB,KAAC,IAAI,CAAC,KAAK,0BAAqB,EAChC,MAAC,IAAI,CAAC,UAAU,IAAC,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,aACxD,KAAC,IAAI,CAAC,SAAS,IAAC,KAAK,EAAC,SAAS,wBAAyB,EACxD,KAAC,IAAI,CAAC,SAAS,IAAC,KAAK,EAAC,aAAa,4BAA6B,EAChE,KAAC,IAAI,CAAC,SAAS,IAAC,KAAK,EAAC,UAAU,yBAA0B,IAC1C,IACL,IACV,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Menu/examples.json

@@ -1,32 +0,0 @@
-{
-    "01-basic-menu": {
-        "title": "Basic Menu",
-        "description": "A simple context menu triggered by right-click. Use this to provide quick access to common actions and context-specific commands.",
-        "code": "import React from 'react';\nimport { Menu } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Menu>\n      <Menu.Trigger className=\"flex items-center justify-center rounded-md border-2 border-dashed border-background-600 p-12 w-full cursor-context-menu select-none text-foreground-300 hover:border-background-500 transition-colors\">\n        Right click here\n      </Menu.Trigger>\n      <Menu.Content>\n        <Menu.Item>Copy</Menu.Item>\n        <Menu.Item>Paste</Menu.Item>\n        <Menu.Item disabled>Cut</Menu.Item>\n      </Menu.Content>\n    </Menu>\n  );\n}"
-    },
-    "02-nested-menu": {
-        "title": "Nested Menu",
-        "description": "Context menu with submenus for organizing related actions. Hover over items with arrows to reveal nested options.",
-        "code": "import { Menu } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Menu>\n      <Menu.Trigger className=\"flex items-center justify-center rounded-md border-2 border-dashed border-background-600 p-12 w-full cursor-context-menu select-none text-foreground-300 hover:border-background-500 transition-colors\">\n        Right click here\n      </Menu.Trigger>\n      <Menu.Content>\n        <Menu.Item>New File</Menu.Item>\n        <Menu.Item>New Folder</Menu.Item>\n        <Menu.Separator />\n        <Menu.Sub>\n          <Menu.SubTrigger>Open with...</Menu.SubTrigger>\n          <Menu.SubContent>\n            <Menu.Item>VS Code</Menu.Item>\n            <Menu.Item>Sublime Text</Menu.Item>\n            <Menu.Item>Vim</Menu.Item>\n            <Menu.Separator />\n            <Menu.Item>Other Application...</Menu.Item>\n          </Menu.SubContent>\n        </Menu.Sub>\n        <Menu.Sub>\n          <Menu.SubTrigger>Share</Menu.SubTrigger>\n          <Menu.SubContent>\n            <Menu.Item>Copy Link</Menu.Item>\n            <Menu.Item>Email</Menu.Item>\n            <Menu.Sub>\n              <Menu.SubTrigger>Social Media</Menu.SubTrigger>\n              <Menu.SubContent>\n                <Menu.Item>Twitter</Menu.Item>\n                <Menu.Item>LinkedIn</Menu.Item>\n                <Menu.Item>Facebook</Menu.Item>\n              </Menu.SubContent>\n            </Menu.Sub>\n          </Menu.SubContent>\n        </Menu.Sub>\n        <Menu.Separator />\n        <Menu.Item>Rename</Menu.Item>\n        <Menu.Item disabled>Delete</Menu.Item>\n      </Menu.Content>\n    </Menu>\n  );\n}"
-    },
-    "03-toolbar-dropdown": {
-        "title": "Toolbar Dropdown",
-        "description": "Dropdown menu of actions with keyboard shortcuts and a disabled item.",
-        "code": "import { Menu, Button } from \"ui-lab-components\";\nimport { FaChevronDown } from \"react-icons/fa6\";\n\nexport default function Example() {\n  return (\n    <Menu type=\"pop-over\">\n      <Menu.Trigger>\n        <Button variant=\"ghost\">\n          File <FaChevronDown className=\"w-3 h-3 ml-1\" />\n        </Button>\n      </Menu.Trigger>\n      <Menu.Content align=\"start\">\n        <Menu.Item onSelect={() => {}}>\n          New file\n          <Menu.Shortcut>⌘N</Menu.Shortcut>\n        </Menu.Item>\n        <Menu.Item onSelect={() => {}}>\n          Open…\n          <Menu.Shortcut>⌘O</Menu.Shortcut>\n        </Menu.Item>\n        <Menu.Item onSelect={() => {}}>\n          Save\n          <Menu.Shortcut>⌘S</Menu.Shortcut>\n        </Menu.Item>\n        <Menu.Separator />\n        <Menu.Item disabled>Recent files</Menu.Item>\n      </Menu.Content>\n    </Menu>\n  );\n}"
-    },
-    "04-table-row-actions": {
-        "title": "Table Row Actions",
-        "description": "Per-row overflow menu in a table, with a destructive action separated from neutral ones.",
-        "code": "import { Menu, Button } from \"ui-lab-components\";\nimport { FaEllipsis } from \"react-icons/fa6\";\n\nconst rows = [\n  { id: \"doc_1\", name: \"Q3 roadmap\", updated: \"2h ago\" },\n  { id: \"doc_2\", name: \"Pricing review\", updated: \"yesterday\" },\n  { id: \"doc_3\", name: \"Hiring plan\", updated: \"3 days ago\" },\n];\n\nexport default function Example() {\n  return (\n    <table className=\"w-full text-sm border-collapse\">\n      <thead>\n        <tr className=\"border-b border-background-700\">\n          <th className=\"text-left py-2 px-3 font-medium text-foreground-200\">Document</th>\n          <th className=\"text-left py-2 px-3 font-medium text-foreground-200\">Updated</th>\n          <th className=\"py-2 px-3\" />\n        </tr>\n      </thead>\n      <tbody>\n        {rows.map((row) => (\n          <tr key={row.id} className=\"border-b border-background-700 last:border-0\">\n            <td className=\"py-2 px-3\">{row.name}</td>\n            <td className=\"py-2 px-3 text-foreground-400\">{row.updated}</td>\n            <td className=\"py-2 px-3 text-right\">\n              <Menu type=\"pop-over\">\n                <Menu.Trigger>\n                  <Button\n                    icon={<FaEllipsis />}\n                    size=\"icon\"\n                    variant=\"ghost\"\n                    styles=\"p-2\"\n                    aria-label={`Actions for ${row.name}`}\n                  />\n                </Menu.Trigger>\n                <Menu.Content align=\"end\">\n                  <Menu.Item onSelect={() => {}}>Open</Menu.Item>\n                  <Menu.Item onSelect={() => {}}>Rename</Menu.Item>\n                  <Menu.Item onSelect={() => {}}>Duplicate</Menu.Item>\n                  <Menu.Separator />\n                  <Menu.Item\n                    onSelect={() => {}}\n                    styles={{ root: \"text-destructive\" }}\n                  >\n                    Delete\n                  </Menu.Item>\n                </Menu.Content>\n              </Menu>\n            </td>\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}"
-    },
-    "05-context-menu": {
-        "title": "Context Menu",
-        "description": "Right-click anywhere in the surface to open the menu at the cursor position.",
-        "code": "import { Menu } from \"ui-lab-components\";\n\nexport default function Example() {\n  return (\n    <Menu type=\"context-menu\">\n      <Menu.Trigger>\n        <div className=\"flex items-center justify-center w-80 h-32 border border-dashed border-background-700 rounded-sm text-sm text-foreground-400 select-none\">\n          Right-click anywhere in this area\n        </div>\n      </Menu.Trigger>\n      <Menu.Content>\n        <Menu.Item onSelect={() => {}}>\n          Cut\n          <Menu.Shortcut>⌘X</Menu.Shortcut>\n        </Menu.Item>\n        <Menu.Item onSelect={() => {}}>\n          Copy\n          <Menu.Shortcut>⌘C</Menu.Shortcut>\n        </Menu.Item>\n        <Menu.Item onSelect={() => {}}>\n          Paste\n          <Menu.Shortcut>⌘V</Menu.Shortcut>\n        </Menu.Item>\n        <Menu.Separator />\n        <Menu.Item onSelect={() => {}} styles={{ root: \"text-destructive\" }}>\n          Delete\n        </Menu.Item>\n      </Menu.Content>\n    </Menu>\n  );\n}"
-    },
-    "06-view-options": {
-        "title": "View Options",
-        "description": "Mixed checkbox and radio items for toggling display state and selecting a single density.",
-        "code": "\"use client\";\n\nimport { useState } from \"react\";\nimport { Menu, Button } from \"ui-lab-components\";\n\nexport default function Example() {\n  const [showGrid, setShowGrid] = useState(true);\n  const [showRulers, setShowRulers] = useState(false);\n  const [density, setDensity] = useState(\"comfortable\");\n\n  return (\n    <Menu type=\"pop-over\">\n      <Menu.Trigger>\n        <Button>View</Button>\n      </Menu.Trigger>\n      <Menu.Content align=\"start\">\n        <Menu.Label>Display</Menu.Label>\n        <Menu.CheckboxItem checked={showGrid} onCheckedChange={setShowGrid}>\n          Show grid\n        </Menu.CheckboxItem>\n        <Menu.CheckboxItem checked={showRulers} onCheckedChange={setShowRulers}>\n          Show rulers\n        </Menu.CheckboxItem>\n        <Menu.Separator />\n        <Menu.Label>Density</Menu.Label>\n        <Menu.RadioGroup value={density} onValueChange={setDensity}>\n          <Menu.RadioItem value=\"compact\">Compact</Menu.RadioItem>\n          <Menu.RadioItem value=\"comfortable\">Comfortable</Menu.RadioItem>\n          <Menu.RadioItem value=\"spacious\">Spacious</Menu.RadioItem>\n        </Menu.RadioGroup>\n      </Menu.Content>\n    </Menu>\n  );\n}"
-    }
-}

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

package/dist/components/Modal/examples/01-basic-modal.d.ts.map

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

package/dist/components/Modal/examples/01-basic-modal.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import { Modal, Button } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Modal',
-    description: 'A simple modal dialog with a trigger button. Use this for important user interactions that require focused attention.'
-};
-export default function Example() {
-    const [isOpen, setIsOpen] = React.useState(false);
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => setIsOpen(true), children: "Open Modal" }), _jsxs(Modal, { isOpen: isOpen, onOpenChange: setIsOpen, children: [_jsx(Modal.Header, { children: "Modal Title" }), _jsx(Modal.Body, { children: "This is the modal content. It displays important information or actions." }), _jsx(Modal.Footer, { children: "Modal Footer" })] })] }));
-}
-//# sourceMappingURL=01-basic-modal.js.map

package/dist/components/Modal/examples/01-basic-modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/examples/01-basic-modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,uHAAuH;CACrI,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,2BAAqB,EAC3D,MAAC,KAAK,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,aAC5C,KAAC,KAAK,CAAC,MAAM,8BAA2B,EACxC,KAAC,KAAK,CAAC,IAAI,2FAAsF,EACjG,KAAC,KAAK,CAAC,MAAM,+BAA4B,IACnC,IACP,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/Modal/examples/02-form-modal.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-form-modal.d.ts.map

package/dist/components/Modal/examples/02-form-modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-form-modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/examples/02-form-modal.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CA6E9B"}

package/dist/components/Modal/examples/02-form-modal.js

@@ -1,23 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import { Modal, Button, Input, Label, TextArea, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Form Modal',
-    description: 'A modal dialog containing a form for editing user profile settings. Demonstrates using form inputs, labels, and action buttons within a modal.'
-};
-export default function Example() {
-    const [isOpen, setIsOpen] = React.useState(false);
-    const [formData, setFormData] = React.useState({
-        name: 'John Doe',
-        email: 'john.doe@example.com',
-        bio: 'Software developer passionate about building great user experiences.',
-    });
-    const handleSubmit = (e) => {
-        e.preventDefault();
-        // Handle form submission
-        setIsOpen(false);
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => setIsOpen(true), children: "Edit Profile" }), _jsxs(Modal, { isOpen: isOpen, onOpenChange: setIsOpen, size: "auto", children: [_jsx(Modal.Header, { children: "Edit Profile" }), _jsx(Modal.Body, { children: _jsx("form", { id: "profile-form", onSubmit: handleSubmit, children: _jsxs(Flex, { direction: "column", gap: "md", children: [_jsxs("div", { children: [_jsx(Label, { htmlFor: "name", required: true, children: "Full Name" }), _jsx(Input, { id: "name", value: formData.name, onChange: (e) => setFormData({ ...formData, name: e.target.value }), placeholder: "Enter your name" })] }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "email", required: true, children: "Email Address" }), _jsx(Input, { id: "email", type: "email", value: formData.email, onChange: (e) => setFormData({ ...formData, email: e.target.value }), placeholder: "Enter your email" })] }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "bio", children: "Bio" }), _jsx(TextArea, { id: "bio", value: formData.bio, onChange: (e) => setFormData({ ...formData, bio: e.target.value }), placeholder: "Tell us about yourself", rows: 3 })] })] }) }) }), _jsx(Modal.Footer, { children: _jsxs(Flex, { gap: "sm", justify: "end", children: [_jsx(Button, { variant: "ghost", onClick: () => setIsOpen(false), children: "Cancel" }), _jsx(Button, { type: "submit", form: "profile-form", children: "Save Changes" })] }) })] })] }));
-}
-//# sourceMappingURL=02-form-modal.js.map

package/dist/components/Modal/examples/02-form-modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-form-modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/examples/02-form-modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEhF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,gJAAgJ;CAC9J,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC;QAC7C,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,sBAAsB;QAC7B,GAAG,EAAE,sEAAsE;KAC5E,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,CAAkB,EAAE,EAAE;QAC1C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,yBAAyB;QACzB,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,6BAAuB,EAC7D,MAAC,KAAK,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,aACzD,KAAC,KAAK,CAAC,MAAM,+BAA4B,EACzC,KAAC,KAAK,CAAC,IAAI,cACT,eAAM,EAAE,EAAC,cAAc,EAAC,QAAQ,EAAE,YAAY,YAC5C,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,0BACE,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,gCAEtB,EACR,KAAC,KAAK,IACJ,EAAE,EAAC,MAAM,EACT,KAAK,EAAE,QAAQ,CAAC,IAAI,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,WAAW,CAAC,EAAE,GAAG,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAEpD,WAAW,EAAC,iBAAiB,GAC7B,IACE,EACN,0BACE,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,oCAEvB,EACR,KAAC,KAAK,IACJ,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,WAAW,CAAC,EAAE,GAAG,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAErD,WAAW,EAAC,kBAAkB,GAC9B,IACE,EACN,0BACE,KAAC,KAAK,IAAC,OAAO,EAAC,KAAK,oBAAY,EAChC,KAAC,QAAQ,IACP,EAAE,EAAC,KAAK,EACR,KAAK,EAAE,QAAQ,CAAC,GAAG,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,WAAW,CAAC,EAAE,GAAG,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAEnD,WAAW,EAAC,wBAAwB,EACpC,IAAI,EAAE,CAAC,GACP,IACE,IACD,GACF,GACI,EACb,KAAC,KAAK,CAAC,MAAM,cACX,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,aAC1B,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,uBAE9C,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,cAAc,6BAEhC,IACJ,GACM,IACT,IACP,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/Modal/examples/03-delete-confirmation.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-delete-confirmation.d.ts.map

package/dist/components/Modal/examples/03-delete-confirmation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-delete-confirmation.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/examples/03-delete-confirmation.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CA+B9B"}

package/dist/components/Modal/examples/03-delete-confirmation.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-import { Modal, Button } from "ui-lab-components";
-export const metadata = {
-    title: "Delete Confirmation",
-    description: "Destructive action dialog that blocks the user until they explicitly confirm or cancel.",
-};
-export default function Example() {
-    const [isOpen, setIsOpen] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "destructive", onClick: () => setIsOpen(true), children: "Delete workspace" }), _jsx(Modal, { isOpen: isOpen, onOpenChange: setIsOpen, title: "Delete workspace", footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", onClick: () => setIsOpen(false), children: "Cancel" }), _jsx(Button, { variant: "destructive", onClick: () => setIsOpen(false), children: "Delete" })] }), children: _jsxs("p", { className: "text-sm text-foreground-300", children: ["This will permanently delete ", _jsx("strong", { className: "text-foreground-100", children: "acme-corp" }), " and all its data. This action cannot be undone."] }) })] }));
-}
-//# sourceMappingURL=03-delete-confirmation.js.map

package/dist/components/Modal/examples/03-delete-confirmation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-delete-confirmation.js","sourceRoot":"","sources":["../../../../src/components/Modal/examples/03-delete-confirmation.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,qBAAqB;IAC5B,WAAW,EAAE,yFAAyF;CACvG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,OAAO,EAAC,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,iCAEnD,EAET,KAAC,KAAK,IACJ,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,SAAS,EACvB,KAAK,EAAC,kBAAkB,EACxB,MAAM,EACJ,8BACE,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,uBAE9C,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,uBAEpD,IACR,YAGL,aAAG,SAAS,EAAC,6BAA6B,8CACX,iBAAQ,SAAS,EAAC,qBAAqB,0BAAmB,wDAErF,GACE,IACP,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/Modal/examples/04-create-api-key.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-create-api-key.d.ts.map

package/dist/components/Modal/examples/04-create-api-key.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-create-api-key.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/examples/04-create-api-key.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CA2C9B"}

package/dist/components/Modal/examples/04-create-api-key.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-import { Modal, Button, Input, Label } from "ui-lab-components";
-export const metadata = {
-    title: "Create API Key",
-    description: "Form modal with a single required input. The primary action stays disabled until the field has a value.",
-};
-export default function Example() {
-    const [isOpen, setIsOpen] = useState(false);
-    const [name, setName] = useState("");
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: () => setIsOpen(true), children: "New API key" }), _jsx(Modal, { isOpen: isOpen, onOpenChange: setIsOpen, title: "New API key", footer: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", onClick: () => setIsOpen(false), children: "Cancel" }), _jsx(Button, { onClick: () => setIsOpen(false), isDisabled: !name.trim(), children: "Create" })] }), children: _jsxs("div", { className: "flex flex-col gap-4 px-6 py-4", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "key-name", children: "Name" }), _jsx(Input, { id: "key-name", placeholder: "e.g. CI deploy key", value: name, onChange: (e) => setName(e.target.value) })] }), _jsx("p", { className: "text-xs text-foreground-400", children: "The key will only be shown once after creation." })] }) })] }));
-}
-//# sourceMappingURL=04-create-api-key.js.map

package/dist/components/Modal/examples/04-create-api-key.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-create-api-key.js","sourceRoot":"","sources":["../../../../src/components/Modal/examples/04-create-api-key.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEhE,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,yGAAyG;CACvH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAErC,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,4BAAsB,EAE5D,KAAC,KAAK,IACJ,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,SAAS,EACvB,KAAK,EAAC,aAAa,EACnB,MAAM,EACJ,8BACE,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,uBAE9C,EACT,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,UAAU,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,uBAGjB,IACR,YAGL,eAAK,SAAS,EAAC,+BAA+B,aAC5C,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,qBAAa,EACtC,KAAC,KAAK,IACJ,EAAE,EAAC,UAAU,EACb,WAAW,EAAC,oBAAoB,EAChC,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACxC,IACE,EACN,YAAG,SAAS,EAAC,6BAA6B,gEAEtC,IACA,GACA,IACP,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/Modal/examples/05-notification-settings.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-notification-settings.d.ts.map

package/dist/components/Modal/examples/05-notification-settings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-notification-settings.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/examples/05-notification-settings.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CA+C9B"}

package/dist/components/Modal/examples/05-notification-settings.js

@@ -1,19 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from "react";
-import { Modal, Button, Switch } from "ui-lab-components";
-export const metadata = {
-    title: "Notification Settings",
-    description: "Settings panel using the compound Modal.Header / Modal.Body / Modal.Footer API with toggle rows.",
-};
-export default function Example() {
-    const [isOpen, setIsOpen] = useState(false);
-    const [prefs, setPrefs] = useState({ email: true, push: false, marketing: false });
-    const toggle = (key) => setPrefs((p) => ({ ...p, [key]: !p[key] }));
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "ghost", onClick: () => setIsOpen(true), children: "Notification settings" }), _jsxs(Modal, { isOpen: isOpen, onOpenChange: setIsOpen, children: [_jsx(Modal.Header, { children: _jsx("span", { className: "text-sm font-semibold text-foreground-100", children: "Notification preferences" }) }), _jsx(Modal.Body, { children: _jsx("div", { className: "flex flex-col divide-y divide-border px-6", children: [
-                                { key: "email", label: "Email notifications", description: "Receive updates and alerts by email" },
-                                { key: "push", label: "Push notifications", description: "Browser and mobile push alerts" },
-                                { key: "marketing", label: "Product updates", description: "New features and announcements" },
-                            ].map(({ key, label, description }) => (_jsxs("div", { className: "flex items-center justify-between py-4", children: [_jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("span", { className: "text-sm text-foreground-100", children: label }), _jsx("span", { className: "text-xs text-foreground-400", children: description })] }), _jsx(Switch, { isSelected: prefs[key], onChange: () => toggle(key) })] }, key))) }) }), _jsxs(Modal.Footer, { children: [_jsx(Button, { variant: "ghost", onClick: () => setIsOpen(false), children: "Cancel" }), _jsx(Button, { onClick: () => setIsOpen(false), children: "Save" })] })] })] }));
-}
-//# sourceMappingURL=05-notification-settings.js.map

package/dist/components/Modal/examples/05-notification-settings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-notification-settings.js","sourceRoot":"","sources":["../../../../src/components/Modal/examples/05-notification-settings.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE1D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,uBAAuB;IAC9B,WAAW,EAAE,kGAAkG;CAChH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;IAEnF,MAAM,MAAM,GAAG,CAAC,GAAuB,EAAE,EAAE,CACzC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAE9C,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,sCAE7C,EAET,MAAC,KAAK,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,aAC5C,KAAC,KAAK,CAAC,MAAM,cACX,eAAM,SAAS,EAAC,2CAA2C,yCAAgC,GAC9E,EAEf,KAAC,KAAK,CAAC,IAAI,cACT,cAAK,SAAS,EAAC,2CAA2C,YAEtD;gCACE,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,qCAAqC,EAAE;gCAClG,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,gCAAgC,EAAE;gCAC3F,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,gCAAgC,EAAE;6BAEhG,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACrC,eAAe,SAAS,EAAC,wCAAwC,aAC/D,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAM,SAAS,EAAC,6BAA6B,YAAE,KAAK,GAAQ,EAC5D,eAAM,SAAS,EAAC,6BAA6B,YAAE,WAAW,GAAQ,IAC9D,EACN,KAAC,MAAM,IAAC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GAAI,KALvD,GAAG,CAMP,CACP,CAAC,GACE,GACK,EAEb,MAAC,KAAK,CAAC,MAAM,eACX,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,uBAE9C,EACT,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,qBAAe,IACzC,IACT,IACP,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/Modal/examples.json

@@ -1,27 +0,0 @@
-{
-    "01-basic-modal": {
-        "title": "Basic Modal",
-        "description": "A simple modal dialog with a trigger button. Use this for important user interactions that require focused attention.",
-        "code": "'use client';\n\nimport React from 'react';\nimport { Modal, Button } from 'ui-lab-components';\n\nexport default function Example() {\n  const [isOpen, setIsOpen] = React.useState(false);\n\n  return (\n    <>\n      <Button onClick={() => setIsOpen(true)}>Open Modal</Button>\n      <Modal isOpen={isOpen} onOpenChange={setIsOpen}>\n        <Modal.Header>Modal Title</Modal.Header>\n        <Modal.Body>This is the modal content. It displays important information or actions.</Modal.Body>\n        <Modal.Footer>Modal Footer</Modal.Footer>\n      </Modal>\n    </>\n  );\n}"
-    },
-    "02-form-modal": {
-        "title": "Form Modal",
-        "description": "A modal dialog containing a form for editing user profile settings. Demonstrates using form inputs, labels, and action buttons within a modal.",
-        "code": "'use client';\n\nimport React from 'react';\nimport { Modal, Button, Input, Label, TextArea, Flex } from 'ui-lab-components';\n\nexport default function Example() {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [formData, setFormData] = React.useState({\n    name: 'John Doe',\n    email: 'john.doe@example.com',\n    bio: 'Software developer passionate about building great user experiences.',\n  });\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    // Handle form submission\n    setIsOpen(false);\n  };\n\n  return (\n    <>\n      <Button onClick={() => setIsOpen(true)}>Edit Profile</Button>\n      <Modal isOpen={isOpen} onOpenChange={setIsOpen} size=\"auto\">\n        <Modal.Header>Edit Profile</Modal.Header>\n        <Modal.Body>\n          <form id=\"profile-form\" onSubmit={handleSubmit}>\n            <Flex direction=\"column\" gap=\"md\">\n              <div>\n                <Label htmlFor=\"name\" required>\n                  Full Name\n                </Label>\n                <Input\n                  id=\"name\"\n                  value={formData.name}\n                  onChange={(e) =>\n                    setFormData({ ...formData, name: e.target.value })\n                  }\n                  placeholder=\"Enter your name\"\n                />\n              </div>\n              <div>\n                <Label htmlFor=\"email\" required>\n                  Email Address\n                </Label>\n                <Input\n                  id=\"email\"\n                  type=\"email\"\n                  value={formData.email}\n                  onChange={(e) =>\n                    setFormData({ ...formData, email: e.target.value })\n                  }\n                  placeholder=\"Enter your email\"\n                />\n              </div>\n              <div>\n                <Label htmlFor=\"bio\">Bio</Label>\n                <TextArea\n                  id=\"bio\"\n                  value={formData.bio}\n                  onChange={(e) =>\n                    setFormData({ ...formData, bio: e.target.value })\n                  }\n                  placeholder=\"Tell us about yourself\"\n                  rows={3}\n                />\n              </div>\n            </Flex>\n          </form>\n        </Modal.Body>\n        <Modal.Footer>\n          <Flex gap=\"sm\" justify=\"end\">\n            <Button variant=\"ghost\" onClick={() => setIsOpen(false)}>\n              Cancel\n            </Button>\n            <Button type=\"submit\" form=\"profile-form\">\n              Save Changes\n            </Button>\n          </Flex>\n        </Modal.Footer>\n      </Modal>\n    </>\n  );\n}"
-    },
-    "03-delete-confirmation": {
-        "title": "Delete Confirmation",
-        "description": "Destructive action dialog that blocks the user until they explicitly confirm or cancel.",
-        "code": "\"use client\";\n\nimport { useState } from \"react\";\nimport { Modal, Button } from \"ui-lab-components\";\n\nexport default function Example() {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <>\n      <Button variant=\"destructive\" onClick={() => setIsOpen(true)}>\n        Delete workspace\n      </Button>\n\n      <Modal\n        isOpen={isOpen}\n        onOpenChange={setIsOpen}\n        title=\"Delete workspace\"\n        footer={\n          <>\n            <Button variant=\"ghost\" onClick={() => setIsOpen(false)}>\n              Cancel\n            </Button>\n            <Button variant=\"destructive\" onClick={() => setIsOpen(false)}>\n              Delete\n            </Button>\n          </>\n        }\n      >\n        <p className=\"text-sm text-foreground-300\">\n          This will permanently delete <strong className=\"text-foreground-100\">acme-corp</strong> and all\n          its data. This action cannot be undone.\n        </p>\n      </Modal>\n    </>\n  );\n}"
-    },
-    "04-create-api-key": {
-        "title": "Create API Key",
-        "description": "Form modal with a single required input. The primary action stays disabled until the field has a value.",
-        "code": "\"use client\";\n\nimport { useState } from \"react\";\nimport { Modal, Button, Input, Label } from \"ui-lab-components\";\n\nexport default function Example() {\n  const [isOpen, setIsOpen] = useState(false);\n  const [name, setName] = useState(\"\");\n\n  return (\n    <>\n      <Button onClick={() => setIsOpen(true)}>New API key</Button>\n\n      <Modal\n        isOpen={isOpen}\n        onOpenChange={setIsOpen}\n        title=\"New API key\"\n        footer={\n          <>\n            <Button variant=\"ghost\" onClick={() => setIsOpen(false)}>\n              Cancel\n            </Button>\n            <Button\n              onClick={() => setIsOpen(false)}\n              isDisabled={!name.trim()}\n            >\n              Create\n            </Button>\n          </>\n        }\n      >\n        <div className=\"flex flex-col gap-4 px-6 py-4\">\n          <div className=\"flex flex-col gap-1.5\">\n            <Label htmlFor=\"key-name\">Name</Label>\n            <Input\n              id=\"key-name\"\n              placeholder=\"e.g. CI deploy key\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n            />\n          </div>\n          <p className=\"text-xs text-foreground-400\">\n            The key will only be shown once after creation.\n          </p>\n        </div>\n      </Modal>\n    </>\n  );\n}"
-    },
-    "05-notification-settings": {
-        "title": "Notification Settings",
-        "description": "Settings panel using the compound Modal.Header / Modal.Body / Modal.Footer API with toggle rows.",
-        "code": "\"use client\";\n\nimport { useState } from \"react\";\nimport { Modal, Button, Switch } from \"ui-lab-components\";\n\nexport default function Example() {\n  const [isOpen, setIsOpen] = useState(false);\n  const [prefs, setPrefs] = useState({ email: true, push: false, marketing: false });\n\n  const toggle = (key: keyof typeof prefs) =>\n    setPrefs((p) => ({ ...p, [key]: !p[key] }));\n\n  return (\n    <>\n      <Button variant=\"ghost\" onClick={() => setIsOpen(true)}>\n        Notification settings\n      </Button>\n\n      <Modal isOpen={isOpen} onOpenChange={setIsOpen}>\n        <Modal.Header>\n          <span className=\"text-sm font-semibold text-foreground-100\">Notification preferences</span>\n        </Modal.Header>\n\n        <Modal.Body>\n          <div className=\"flex flex-col divide-y divide-border px-6\">\n            {(\n              [\n                { key: \"email\", label: \"Email notifications\", description: \"Receive updates and alerts by email\" },\n                { key: \"push\", label: \"Push notifications\", description: \"Browser and mobile push alerts\" },\n                { key: \"marketing\", label: \"Product updates\", description: \"New features and announcements\" },\n              ] as const\n            ).map(({ key, label, description }) => (\n              <div key={key} className=\"flex items-center justify-between py-4\">\n                <div className=\"flex flex-col gap-0.5\">\n                  <span className=\"text-sm text-foreground-100\">{label}</span>\n                  <span className=\"text-xs text-foreground-400\">{description}</span>\n                </div>\n                <Switch isSelected={prefs[key]} onChange={() => toggle(key)} />\n              </div>\n            ))}\n          </div>\n        </Modal.Body>\n\n        <Modal.Footer>\n          <Button variant=\"ghost\" onClick={() => setIsOpen(false)}>\n            Cancel\n          </Button>\n          <Button onClick={() => setIsOpen(false)}>Save</Button>\n        </Modal.Footer>\n      </Modal>\n    </>\n  );\n}"
-    }
-}

package/dist/components/Panel/examples/01-sidebar-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=01-sidebar-toggle.d.ts.map

package/dist/components/Panel/examples/01-sidebar-toggle.d.ts.map

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

package/dist/components/Panel/examples/01-sidebar-toggle.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Panel } from "ui-lab-components";
-export const metadata = {
-    title: "Sidebar with Toggle",
-    description: "Left sidebar that collapses and expands via a toggle button in the content area.",
-};
-export default function Example() {
-    return (_jsxs(Panel, { style: { height: "400px" }, className: "w-full border border-background-700 rounded-lg bg-background-900", children: [_jsx(Panel.Sidebar, { side: "left", defaultOpen: true, width: "200px", collapsedWidth: "0" }), _jsx(Panel.Content, { children: _jsx(Panel.Toggle, { children: _jsx("button", { children: "\u2630" }) }) })] }));
-}
-//# sourceMappingURL=01-sidebar-toggle.js.map

package/dist/components/Panel/examples/01-sidebar-toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-sidebar-toggle.js","sourceRoot":"","sources":["../../../../src/components/Panel/examples/01-sidebar-toggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,qBAAqB;IAC5B,WAAW,EAAE,kFAAkF;CAChG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,KAAK,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,SAAS,EAAC,kEAAkE,aAC7G,KAAC,KAAK,CAAC,OAAO,IAAC,IAAI,EAAC,MAAM,EAAC,WAAW,QAAC,KAAK,EAAC,OAAO,EAAC,cAAc,EAAC,GAAG,GACvD,EAChB,KAAC,KAAK,CAAC,OAAO,cACZ,KAAC,KAAK,CAAC,MAAM,cACX,sCAAkB,GACL,GACD,IACV,CACT,CAAC;AACJ,CAAC"}

package/dist/components/Panel/examples.json

@@ -1,7 +0,0 @@
-{
-    "01-sidebar-toggle": {
-        "title": "Sidebar with Toggle",
-        "description": "Left sidebar that collapses and expands via a toggle button in the content area.",
-        "code": "import { Panel } from \"ui-lab-components\";\n\nexport default function Example() {\n  return (\n    <Panel style={{ height: \"400px\" }} className=\"w-full border border-background-700 rounded-lg bg-background-900\">\n      <Panel.Sidebar side=\"left\" defaultOpen width=\"200px\" collapsedWidth=\"0\">\n      </Panel.Sidebar>\n      <Panel.Content>\n        <Panel.Toggle>\n          <button>☰</button>\n        </Panel.Toggle>\n      </Panel.Content>\n    </Panel>\n  );\n}"
-    }
-}

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

package/dist/components/Path/examples/01-basic-breadcrumbs.d.ts.map

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

package/dist/components/Path/examples/01-basic-breadcrumbs.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PathItem, Path } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Path',
-    description: 'A simple path navigation showing the current page location. Use this to help users understand their position in the site hierarchy.'
-};
-export default function Example() {
-    return (_jsxs(Path, { children: [_jsx(PathItem, { href: "/", children: "Home" }), _jsx(PathItem, { href: "/products", children: "Products" }), _jsx(PathItem, { href: "/products/electronics", children: "Electronics" }), _jsx(PathItem, { children: "Laptop" })] }));
-}
-//# sourceMappingURL=01-basic-breadcrumbs.js.map

package/dist/components/Path/examples/01-basic-breadcrumbs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/Path/examples/01-basic-breadcrumbs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,qIAAqI;CACnJ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,eACH,KAAC,QAAQ,IAAC,IAAI,EAAC,GAAG,qBAAgB,EAClC,KAAC,QAAQ,IAAC,IAAI,EAAC,WAAW,yBAAoB,EAC9C,KAAC,QAAQ,IAAC,IAAI,EAAC,uBAAuB,4BAAuB,EAC7D,KAAC,QAAQ,yBAAkB,IACtB,CACR,CAAC;AACJ,CAAC"}

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

package/dist/components/Path/examples/01-basic-path.d.ts.map

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

package/dist/components/Path/examples/01-basic-path.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Path } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Path',
-    description: 'A simple path navigation showing the current page location. Use this to help users understand their position in the site hierarchy.'
-};
-export default function Example() {
-    return (_jsxs(Path, { children: [_jsx(Path.Item, { href: "/", children: "Home" }), _jsx(Path.Item, { href: "/products", children: "Products" }), _jsx(Path.Item, { href: "/products/electronics", children: "Electronics" }), _jsx(Path.Item, { children: "Laptop" })] }));
-}
-//# sourceMappingURL=01-basic-path.js.map

package/dist/components/Path/examples/01-basic-path.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-path.js","sourceRoot":"","sources":["../../../../src/components/Path/examples/01-basic-path.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,qIAAqI;CACnJ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,qBAAiB,EACpC,KAAC,IAAI,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,yBAAqB,EAChD,KAAC,IAAI,CAAC,IAAI,IAAC,IAAI,EAAC,uBAAuB,4BAAwB,EAC/D,KAAC,IAAI,CAAC,IAAI,yBAAmB,IACxB,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Path/examples/02-custom-separator.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-custom-separator.d.ts.map

package/dist/components/Path/examples/02-custom-separator.d.ts.map

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

package/dist/components/Path/examples/02-custom-separator.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Path } from "ui-lab-components";
-import { FaChevronRight } from "react-icons/fa6";
-export const metadata = {
-    title: "Custom Separator",
-    description: "Pass any node via the separator prop to replace the default slash.",
-};
-export default function Example() {
-    return (_jsxs(Path, { separator: _jsx(FaChevronRight, { className: "w-3 h-3 text-foreground-400" }), children: [_jsx(Path.Item, { href: "/projects", children: "Projects" }), _jsx(Path.Item, { href: "/projects/ui-lab", children: "ui-lab" }), _jsx(Path.Item, { children: "components" })] }));
-}
-//# sourceMappingURL=02-custom-separator.js.map

package/dist/components/Path/examples/02-custom-separator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-custom-separator.js","sourceRoot":"","sources":["../../../../src/components/Path/examples/02-custom-separator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,kBAAkB;IACzB,WAAW,EAAE,oEAAoE;CAClF,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,KAAC,cAAc,IAAC,SAAS,EAAC,6BAA6B,GAAG,aACzE,KAAC,IAAI,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,yBAAqB,EAChD,KAAC,IAAI,CAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,uBAAmB,EACrD,KAAC,IAAI,CAAC,IAAI,6BAAuB,IAC5B,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Path/examples/03-collapsed-breadcrumb.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-collapsed-breadcrumb.d.ts.map

package/dist/components/Path/examples/03-collapsed-breadcrumb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-collapsed-breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/Path/examples/03-collapsed-breadcrumb.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAQF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAsB9B"}

package/dist/components/Path/examples/03-collapsed-breadcrumb.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Path, Menu, Button } from "ui-lab-components";
-import { FaEllipsis } from "react-icons/fa6";
-export const metadata = {
-    title: "Collapsed Breadcrumb",
-    description: "Deep paths collapse intermediate crumbs into an ellipsis menu — Path.Item wraps the Menu trigger directly.",
-};
-const collapsed = [
-    { label: "Projects", href: "/projects" },
-    { label: "ui-lab", href: "/projects/ui-lab" },
-    { label: "packages", href: "/projects/ui-lab/packages" },
-];
-export default function Example() {
-    return (_jsxs(Path, { children: [_jsx(Path.Item, { href: "/", children: "Home" }), _jsx(Path.Item, { children: _jsxs(Menu, { type: "pop-over", children: [_jsx(Menu.Trigger, { children: _jsx(Button, { icon: _jsx(FaEllipsis, {}), styles: "p-2", size: "icon", variant: "ghost", "aria-label": "Show collapsed path" }) }), _jsx(Menu.Content, { align: "start", children: collapsed.map((crumb) => (_jsx(Menu.Item, { onSelect: () => { }, children: crumb.label }, crumb.href))) })] }) }), _jsx(Path.Item, { href: "/projects/ui-lab/packages/@ui", children: "@ui" }), _jsx(Path.Item, { children: "Path.tsx" })] }));
-}
-//# sourceMappingURL=03-collapsed-breadcrumb.js.map

package/dist/components/Path/examples/03-collapsed-breadcrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-collapsed-breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/Path/examples/03-collapsed-breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,sBAAsB;IAC7B,WAAW,EAAE,4GAA4G;CAC1H,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE;IACxC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,kBAAkB,EAAE;IAC7C,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,2BAA2B,EAAE;CACzD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,eACH,KAAC,IAAI,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,qBAAiB,EACpC,KAAC,IAAI,CAAC,IAAI,cACR,MAAC,IAAI,IAAC,IAAI,EAAC,UAAU,aACnB,KAAC,IAAI,CAAC,OAAO,cACX,KAAC,MAAM,IAAC,IAAI,EAAE,KAAC,UAAU,KAAG,EAAE,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,gBAAY,qBAAqB,GAAG,GAC7F,EACf,KAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,OAAO,YACxB,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,IAAI,CAAC,IAAI,IAAkB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,YAC3C,KAAK,CAAC,KAAK,IADE,KAAK,CAAC,IAAI,CAEd,CACb,CAAC,GACW,IACV,GACG,EACZ,KAAC,IAAI,CAAC,IAAI,IAAC,IAAI,EAAC,+BAA+B,oBAAgB,EAC/D,KAAC,IAAI,CAAC,IAAI,2BAAqB,IAC1B,CACR,CAAC;AACJ,CAAC"}