ui-lab-registry 0.3.45 → 0.3.46

package/dist/components/Path/examples.json

@@ -1,17 +0,0 @@
-{
-    "01-basic-path": {
-        "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.",
-        "code": "import { Path } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Path>\n      <Path.Item href=\"/\">Home</Path.Item>\n      <Path.Item href=\"/products\">Products</Path.Item>\n      <Path.Item href=\"/products/electronics\">Electronics</Path.Item>\n      <Path.Item>Laptop</Path.Item>\n    </Path>\n  );\n}"
-    },
-    "02-custom-separator": {
-        "title": "Custom Separator",
-        "description": "Pass any node via the separator prop to replace the default slash.",
-        "code": "import { Path } from \"ui-lab-components\";\nimport { FaChevronRight } from \"react-icons/fa6\";\n\nexport default function Example() {\n  return (\n    <Path separator={<FaChevronRight className=\"w-3 h-3 text-foreground-400\" />}>\n      <Path.Item href=\"/projects\">Projects</Path.Item>\n      <Path.Item href=\"/projects/ui-lab\">ui-lab</Path.Item>\n      <Path.Item>components</Path.Item>\n    </Path>\n  );\n}"
-    },
-    "03-collapsed-breadcrumb": {
-        "title": "Collapsed Breadcrumb",
-        "description": "Deep paths collapse intermediate crumbs into an ellipsis menu — Path.Item wraps the Menu trigger directly.",
-        "code": "import { Path, Menu, Button } from \"ui-lab-components\";\nimport { FaEllipsis } from \"react-icons/fa6\";\n\nconst collapsed = [\n  { label: \"Projects\", href: \"/projects\" },\n  { label: \"ui-lab\", href: \"/projects/ui-lab\" },\n  { label: \"packages\", href: \"/projects/ui-lab/packages\" },\n];\n\nexport default function Example() {\n  return (\n    <Path>\n      <Path.Item href=\"/\">Home</Path.Item>\n      <Path.Item>\n        <Menu type=\"pop-over\">\n          <Menu.Trigger>\n            <Button icon={<FaEllipsis />} styles=\"p-2\" size=\"icon\" variant=\"ghost\" aria-label=\"Show collapsed path\" />\n          </Menu.Trigger>\n          <Menu.Content align=\"start\">\n            {collapsed.map((crumb) => (\n              <Menu.Item key={crumb.href} onSelect={() => {}}>\n                {crumb.label}\n              </Menu.Item>\n            ))}\n          </Menu.Content>\n        </Menu>\n      </Path.Item>\n      <Path.Item href=\"/projects/ui-lab/packages/@ui\">@ui</Path.Item>\n      <Path.Item>Path.tsx</Path.Item>\n    </Path>\n  );\n}"
-    }
-}

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

package/dist/components/Popover/examples/01-basic-popover.d.ts.map

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

package/dist/components/Popover/examples/01-basic-popover.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Popover, Button } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic',
-    description: 'Default popover with a short note and two clear actions.'
-};
-export default function Example() {
-    return (_jsx(Popover, { content: _jsxs("div", { className: "w-64 space-y-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-sm font-medium", children: "Quick note" }), _jsx("p", { children: "A popover works best when it adds one small piece of context, one simple choice, or one short action." })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", children: "Dismiss" }), _jsx(Button, { size: "sm", children: "Continue" })] })] }), children: _jsx(Button, { children: "Show info" }) }));
-}
-//# sourceMappingURL=01-basic-popover.js.map

package/dist/components/Popover/examples/01-basic-popover.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-popover.js","sourceRoot":"","sources":["../../../../src/components/Popover/examples/01-basic-popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,0DAA0D;CACxE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,KAAC,OAAO,IACN,OAAO,EACL,eAAK,SAAS,EAAC,gBAAgB,aAC7B,eAAK,SAAS,EAAC,WAAW,aACxB,cAAK,SAAS,EAAC,qBAAqB,2BAAiB,EACrD,gIAA4G,IACxG,EAEN,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,wBAExB,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,yBAER,IACL,IACF,YAGR,KAAC,MAAM,4BAAmB,GAClB,CACX,CAAC;AACJ,CAAC"}

package/dist/components/Popover/examples/02-toggleable-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=02-toggleable-options.d.ts.map

package/dist/components/Popover/examples/02-toggleable-options.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-toggleable-options.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/examples/02-toggleable-options.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAQF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAyC9B"}

package/dist/components/Popover/examples/02-toggleable-options.js

@@ -1,23 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Popover, Button, List } from 'ui-lab-components';
-export const metadata = {
-    title: 'Toggleable Options',
-    description: 'Popover containing a list of toggleable options using List.Item and List.Switch.'
-};
-const toggleableItems = [
-    { id: "notifications", label: "Notifications", desc: "Push and email alerts" },
-    { id: "autoSave", label: "Auto-save", desc: "Save changes automatically" },
-    { id: "darkMode", label: "Dark mode", desc: "Use dark color scheme" },
-];
-export default function Example() {
-    const [enabled, setEnabled] = useState(() => new Set(["notifications", "darkMode"]));
-    const toggle = (id) => setEnabled((prev) => {
-        const next = new Set(prev);
-        next.has(id) ? next.delete(id) : next.add(id);
-        return next;
-    });
-    return (_jsx(Popover, { position: "bottom", content: _jsx(List, { items: toggleableItems, spacing: "sm", style: { width: 280 }, children: toggleableItems.map((item) => (_jsxs(List.Item, { value: item.id, interactive: true, onClick: () => toggle(item.id), children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(List.Title, { children: item.label }), _jsx(List.Desc, { children: item.desc })] }), _jsx(List.Switch, { isSelected: enabled.has(item.id), onChange: () => toggle(item.id), "aria-label": item.label })] }, item.id))) }), children: _jsx(Button, { children: "Options" }) }));
-}
-//# sourceMappingURL=02-toggleable-options.js.map

package/dist/components/Popover/examples/02-toggleable-options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-toggleable-options.js","sourceRoot":"","sources":["../../../../src/components/Popover/examples/02-toggleable-options.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE1D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,oBAAoB;IAC3B,WAAW,EAAE,kFAAkF;CAChG,CAAC;AAEF,MAAM,eAAe,GAAG;IACtB,EAAE,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,uBAAuB,EAAE;IAC9E,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,4BAA4B,EAAE;IAC1E,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,uBAAuB,EAAE;CACtE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CACpC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,CAC7C,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,EAAU,EAAE,EAAE,CAC5B,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE;QAClB,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;QAC3B,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEL,OAAO,CACL,KAAC,OAAO,IACN,QAAQ,EAAC,QAAQ,EACjB,OAAO,EACL,KAAC,IAAI,IAAC,KAAK,EAAE,eAAe,EAAE,OAAO,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YAC7D,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC7B,MAAC,IAAI,CAAC,IAAI,IAER,KAAK,EAAE,IAAI,CAAC,EAAE,EACd,WAAW,QACX,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,aAE9B,eAAK,SAAS,EAAC,gBAAgB,aAC7B,KAAC,IAAI,CAAC,KAAK,cAAE,IAAI,CAAC,KAAK,GAAc,EACrC,KAAC,IAAI,CAAC,IAAI,cAAE,IAAI,CAAC,IAAI,GAAa,IAC9B,EACN,KAAC,IAAI,CAAC,MAAM,IACV,UAAU,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,gBACnB,IAAI,CAAC,KAAK,GACtB,KAbG,IAAI,CAAC,EAAE,CAcF,CACb,CAAC,GACG,YAGT,KAAC,MAAM,0BAAiB,GAChB,CACX,CAAC;AACJ,CAAC"}

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

package/dist/components/Popover/examples/03-table-row-actions.d.ts.map

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

package/dist/components/Popover/examples/03-table-row-actions.js

@@ -1,17 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Popover, Button, List } from 'ui-lab-components';
-import { FaEllipsis } from 'react-icons/fa6';
-export const metadata = {
-    title: 'Table Row Actions',
-    description: 'Per-row action menu in a data table, anchored to the overflow button.'
-};
-const rows = [
-    { id: "usr_1", name: "Alice", role: "Admin", status: "Active" },
-    { id: "usr_2", name: "Bob", role: "Member", status: "Invited" },
-    { id: "usr_3", name: "Carol", role: "Viewer", status: "Active" },
-];
-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: "Name" }), _jsx("th", { className: "text-left py-2 px-3 font-medium text-foreground-200", children: "Role" }), _jsx("th", { className: "text-left py-2 px-3 font-medium text-foreground-200", children: "Status" }), _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-200", children: row.role }), _jsx("td", { className: "py-2 px-3 text-foreground-200", children: row.status }), _jsx("td", { className: "py-2 px-3 text-right", children: _jsx(Popover, { position: "left", content: _jsxs(List, { gap: "sm", styles: { root: "w-full" }, children: [_jsxs(Button, { variant: "ghost", size: "sm", styles: { root: "justify-start" }, children: ["Edit ", row.name] }), _jsxs(Button, { variant: "danger", size: "sm", styles: { root: "justify-start" }, children: ["Remove ", row.name] })] }), children: _jsx(Button, { icon: _jsx(FaEllipsis, {}), styles: "p-2", size: "icon", variant: "ghost", "aria-label": `Row actions for ${row.name}` }) }) })] }, row.id))) })] }));
-}
-//# sourceMappingURL=03-table-row-actions.js.map

package/dist/components/Popover/examples/03-table-row-actions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-table-row-actions.js","sourceRoot":"","sources":["../../../../src/components/Popover/examples/03-table-row-actions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,uEAAuE;CACrF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE;IAC/D,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE;IAC/D,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE;CACjE,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,qBAAU,EAC7E,aAAI,SAAS,EAAC,qDAAqD,qBAAU,EAC7E,aAAI,SAAS,EAAC,qDAAqD,uBAAY,EAC/E,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,IAAI,GAAM,EAC7D,aAAI,SAAS,EAAC,+BAA+B,YAAE,GAAG,CAAC,MAAM,GAAM,EAC/D,aAAI,SAAS,EAAC,sBAAsB,YAClC,KAAC,OAAO,IACN,QAAQ,EAAC,MAAM,EACf,OAAO,EACL,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,aACvC,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,sBAE3B,GAAG,CAAC,IAAI,IACP,EACT,MAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,IAAI,EACT,MAAM,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,wBAEzB,GAAG,CAAC,IAAI,IACT,IACJ,YAGT,KAAC,MAAM,IAAC,IAAI,EAAE,KAAC,UAAU,KAAG,EAAE,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,gBAAa,mBAAmB,GAAG,CAAC,IAAI,EAAE,GAAI,GAC5G,GACP,KA5BE,GAAG,CAAC,EAAE,CA6BV,CACN,CAAC,GACI,IACF,CACT,CAAC;AACJ,CAAC"}

package/dist/components/Popover/examples/04-input-form.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-input-form.d.ts.map

package/dist/components/Popover/examples/04-input-form.d.ts.map

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

package/dist/components/Popover/examples/04-input-form.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Popover, Button, Flex, Label, Input } from 'ui-lab-components';
-export const metadata = {
-    title: 'Input Form',
-    description: 'Popover containing a small form with labeled input fields and save/cancel actions.'
-};
-export default function Example() {
-    const [name, setName] = useState("");
-    const [email, setEmail] = useState("");
-    return (_jsx(Popover, { position: "bottom", content: _jsxs(Flex, { direction: "column", gap: "sm", styles: { root: "w-80" }, children: [_jsxs(Flex, { direction: "column", gap: "xs", children: [_jsx(Label, { htmlFor: "contact-name", children: "Name" }), _jsx(Input, { id: "contact-name", type: "text", value: name, onChange: (e) => setName(e.target.value), placeholder: "Full name" })] }), _jsxs(Flex, { direction: "column", gap: "xs", children: [_jsx(Label, { htmlFor: "contact-email", children: "Email" }), _jsx(Input, { id: "contact-email", type: "email", value: email, onChange: (e) => setEmail(e.target.value), placeholder: "name@example.com" })] })] }), children: _jsx(Button, { children: "Edit contact" }) }));
-}
-//# sourceMappingURL=04-input-form.js.map

package/dist/components/Popover/examples/04-input-form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-input-form.js","sourceRoot":"","sources":["../../../../src/components/Popover/examples/04-input-form.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAExE,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,oFAAoF;CAClG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,OAAO,CACL,KAAC,OAAO,IACN,QAAQ,EAAC,QAAQ,EACjB,OAAO,EACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,aACxD,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,KAAC,KAAK,IAAC,OAAO,EAAC,cAAc,qBAAa,EAC1C,KAAC,KAAK,IACJ,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAC9D,WAAW,EAAC,WAAW,GACvB,IACG,EACP,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,KAAC,KAAK,IAAC,OAAO,EAAC,eAAe,sBAAc,EAC5C,KAAC,KAAK,IACJ,EAAE,EAAC,eAAe,EAClB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,EAC/D,WAAW,EAAC,kBAAkB,GAC9B,IACG,IACF,YAGT,KAAC,MAAM,+BAAsB,GACrB,CACX,CAAC;AACJ,CAAC"}

package/dist/components/Popover/examples/05-arrow-positions.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-arrow-positions.d.ts.map

package/dist/components/Popover/examples/05-arrow-positions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-arrow-positions.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/examples/05-arrow-positions.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAiB9B"}

package/dist/components/Popover/examples/05-arrow-positions.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Popover, Button, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Arrow & Positions',
-    description: 'Directional arrow enabled across all four placement options.'
-};
-export default function Example() {
-    return (_jsx(Flex, { align: "center", children: ["top", "bottom", "left", "right"].map((position) => (_jsx(Popover, { position: position, showArrow: true, content: _jsx("span", { className: "text-sm capitalize", children: position }), children: _jsx(Button, { variant: "ghost", children: _jsx("span", { className: "capitalize", children: position }) }) }, position))) }));
-}
-//# sourceMappingURL=05-arrow-positions.js.map

package/dist/components/Popover/examples/05-arrow-positions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-arrow-positions.js","sourceRoot":"","sources":["../../../../src/components/Popover/examples/05-arrow-positions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE1D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,8DAA8D;CAC5E,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,YAChB,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC/D,KAAC,OAAO,IAEN,QAAQ,EAAE,QAAQ,EAClB,SAAS,QACT,OAAO,EAAE,eAAM,SAAS,EAAC,oBAAoB,YAAE,QAAQ,GAAQ,YAE/D,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,YACrB,eAAM,SAAS,EAAC,YAAY,YAAE,QAAQ,GAAQ,GACvC,IAPJ,QAAQ,CAQL,CACX,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Popover/examples.json

@@ -1,27 +0,0 @@
-{
-    "01-basic-popover": {
-        "title": "Basic",
-        "description": "Default popover with a short note and two clear actions.",
-        "code": "\"use client\";\n\nimport { Popover, Button } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Popover\n      content={\n        <div className=\"w-64 space-y-3\">\n          <div className=\"space-y-1\">\n            <div className=\"text-sm font-medium\">Quick note</div>\n            <p>A popover works best when it adds one small piece of context, one simple choice, or one short action.</p>\n          </div>\n\n          <div className=\"flex items-center gap-2\">\n            <Button variant=\"ghost\" size=\"sm\">\n              Dismiss\n            </Button>\n            <Button size=\"sm\">\n              Continue\n            </Button>\n          </div>\n        </div>\n      }\n    >\n      <Button>Show info</Button>\n    </Popover>\n  );\n}"
-    },
-    "02-toggleable-options": {
-        "title": "Toggleable Options",
-        "description": "Popover containing a list of toggleable options using List.Item and List.Switch.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Popover, Button, List } from 'ui-lab-components';\n\nconst toggleableItems = [\n  { id: \"notifications\", label: \"Notifications\", desc: \"Push and email alerts\" },\n  { id: \"autoSave\", label: \"Auto-save\", desc: \"Save changes automatically\" },\n  { id: \"darkMode\", label: \"Dark mode\", desc: \"Use dark color scheme\" },\n];\n\nexport default function Example() {\n  const [enabled, setEnabled] = useState<Set<string>>(\n    () => new Set([\"notifications\", \"darkMode\"])\n  );\n\n  const toggle = (id: string) =>\n    setEnabled((prev) => {\n      const next = new Set(prev);\n      next.has(id) ? next.delete(id) : next.add(id);\n      return next;\n    });\n\n  return (\n    <Popover\n      position=\"bottom\"\n      content={\n        <List items={toggleableItems} spacing=\"sm\" style={{ width: 280 }}>\n          {toggleableItems.map((item) => (\n            <List.Item\n              key={item.id}\n              value={item.id}\n              interactive\n              onClick={() => toggle(item.id)}\n            >\n              <div className=\"min-w-0 flex-1\">\n                <List.Title>{item.label}</List.Title>\n                <List.Desc>{item.desc}</List.Desc>\n              </div>\n              <List.Switch\n                isSelected={enabled.has(item.id)}\n                onChange={() => toggle(item.id)}\n                aria-label={item.label}\n              />\n            </List.Item>\n          ))}\n        </List>\n      }\n    >\n      <Button>Options</Button>\n    </Popover>\n  );\n}"
-    },
-    "03-table-row-actions": {
-        "title": "Table Row Actions",
-        "description": "Per-row action menu in a data table, anchored to the overflow button.",
-        "code": "\"use client\";\n\nimport { Popover, Button, List } from 'ui-lab-components';\nimport { FaEllipsis } from 'react-icons/fa6';\n\nconst rows = [\n  { id: \"usr_1\", name: \"Alice\", role: \"Admin\", status: \"Active\" },\n  { id: \"usr_2\", name: \"Bob\", role: \"Member\", status: \"Invited\" },\n  { id: \"usr_3\", name: \"Carol\", role: \"Viewer\", status: \"Active\" },\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\">Name</th>\n          <th className=\"text-left py-2 px-3 font-medium text-foreground-200\">Role</th>\n          <th className=\"text-left py-2 px-3 font-medium text-foreground-200\">Status</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-200\">{row.role}</td>\n            <td className=\"py-2 px-3 text-foreground-200\">{row.status}</td>\n            <td className=\"py-2 px-3 text-right\">\n              <Popover\n                position=\"left\"\n                content={\n                  <List gap=\"sm\" styles={{ root: \"w-full\" }}>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      styles={{ root: \"justify-start\" }}\n                    >\n                      Edit {row.name}\n                    </Button>\n                    <Button\n                      variant=\"danger\"\n                      size=\"sm\"\n                      styles={{ root: \"justify-start\" }}\n                    >\n                      Remove {row.name}\n                    </Button>\n                  </List>\n                }\n              >\n                <Button icon={<FaEllipsis />} styles=\"p-2\" size=\"icon\" variant=\"ghost\" aria-label={`Row actions for ${row.name}`} />\n              </Popover>\n            </td>\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}"
-    },
-    "04-input-form": {
-        "title": "Input Form",
-        "description": "Popover containing a small form with labeled input fields and save/cancel actions.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Popover, Button, Flex, Label, Input } from 'ui-lab-components';\n\nexport default function Example() {\n  const [name, setName] = useState(\"\");\n  const [email, setEmail] = useState(\"\");\n\n  return (\n    <Popover\n      position=\"bottom\"\n      content={\n        <Flex direction=\"column\" gap=\"sm\" styles={{ root: \"w-80\" }}>\n          <Flex direction=\"column\" gap=\"xs\">\n            <Label htmlFor=\"contact-name\">Name</Label>\n            <Input\n              id=\"contact-name\"\n              type=\"text\"\n              value={name}\n              onChange={(e) => setName((e.target as HTMLInputElement).value)}\n              placeholder=\"Full name\"\n            />\n          </Flex>\n          <Flex direction=\"column\" gap=\"xs\">\n            <Label htmlFor=\"contact-email\">Email</Label>\n            <Input\n              id=\"contact-email\"\n              type=\"email\"\n              value={email}\n              onChange={(e) => setEmail((e.target as HTMLInputElement).value)}\n              placeholder=\"name@example.com\"\n            />\n          </Flex>\n        </Flex>\n      }\n    >\n      <Button>Edit contact</Button>\n    </Popover>\n  );\n}"
-    },
-    "05-arrow-positions": {
-        "title": "Arrow & Positions",
-        "description": "Directional arrow enabled across all four placement options.",
-        "code": "\"use client\";\n\nimport { Popover, Button, Flex } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Flex align=\"center\">\n      {([\"top\", \"bottom\", \"left\", \"right\"] as const).map((position) => (\n        <Popover\n          key={position}\n          position={position}\n          showArrow\n          content={<span className=\"text-sm capitalize\">{position}</span>}\n        >\n          <Button variant=\"ghost\">\n            <span className=\"capitalize\">{position}</span>\n          </Button>\n        </Popover>\n      ))}\n    </Flex>\n  );\n}"
-    }
-}

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

package/dist/components/Progress/examples/01-basic-progress.d.ts.map

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

package/dist/components/Progress/examples/01-basic-progress.js

@@ -1,25 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { Progress, Flex, Button } from 'ui-lab-components';
-export const metadata = {
-    title: 'File Upload',
-    description: 'Simulated upload progress with a label and live percentage — starts on button click.'
-};
-export default function Example() {
-    const [progress, setProgress] = useState(0);
-    const [running, setRunning] = useState(false);
-    useEffect(() => {
-        if (!running)
-            return;
-        if (progress >= 100) {
-            setRunning(false);
-            return;
-        }
-        const t = setTimeout(() => setProgress((p) => Math.min(p + Math.random() * 12, 100)), 200);
-        return () => clearTimeout(t);
-    }, [running, progress]);
-    const reset = () => { setProgress(0); setRunning(false); };
-    return (_jsxs(Flex, { direction: "column", gap: "md", style: { width: 340 }, children: [_jsxs(Flex, { direction: "column", gap: "xs", children: [_jsx("span", { style: { fontSize: "var(--text-sm)", color: "var(--foreground-muted)" }, children: "report-q4-2025.pdf" }), _jsx(Progress, { value: progress, label: "Uploading", showValue: true })] }), _jsxs(Flex, { gap: "sm", children: [_jsx(Button, { variant: "primary", onClick: () => setRunning(true), disabled: running || progress === 100, children: progress === 100 ? "Done" : "Upload" }), _jsx(Button, { variant: "ghost", onClick: reset, children: "Reset" })] })] }));
-}
-//# sourceMappingURL=01-basic-progress.js.map

package/dist/components/Progress/examples/01-basic-progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-progress.js","sourceRoot":"","sources":["../../../../src/components/Progress/examples/01-basic-progress.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,sFAAsF;CACpG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,IAAI,QAAQ,IAAI,GAAG,EAAE,CAAC;YAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAAC,OAAO;QAAC,CAAC;QACnD,MAAM,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAC3F,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,MAAM,KAAK,GAAG,GAAG,EAAE,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAE3D,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACrD,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,yBAAyB,EAAE,mCAEtE,EACP,KAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAC,WAAW,EAAC,SAAS,SAAG,IACpD,EACP,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,aACZ,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,IAAI,QAAQ,KAAK,GAAG,YAC7F,QAAQ,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,GAC9B,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,KAAK,sBAAgB,IACjD,IACF,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Progress/examples/02-storage-quota.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-storage-quota.d.ts.map

package/dist/components/Progress/examples/02-storage-quota.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-storage-quota.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/examples/02-storage-quota.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAKF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAW9B"}

package/dist/components/Progress/examples/02-storage-quota.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Progress, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Storage Quota',
-    description: 'Fixed progress bar showing disk usage relative to a custom max value.'
-};
-const used = 7.4;
-const total = 10;
-export default function Example() {
-    return (_jsx(Flex, { direction: "column", gap: "md", style: { width: 300 }, children: _jsxs(Flex, { direction: "column", gap: "xs", children: [_jsx(Progress, { value: used, max: total, label: "Storage", showValue: true }), _jsxs("span", { style: { fontSize: "var(--text-xs)", color: "var(--foreground-muted)" }, children: [used, " GB of ", total, " GB used"] })] }) }));
-}
-//# sourceMappingURL=02-storage-quota.js.map

package/dist/components/Progress/examples/02-storage-quota.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-storage-quota.js","sourceRoot":"","sources":["../../../../src/components/Progress/examples/02-storage-quota.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,uEAAuE;CACrF,CAAC;AAEF,MAAM,IAAI,GAAG,GAAG,CAAC;AACjB,MAAM,KAAK,GAAG,EAAE,CAAC;AAEjB,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YACrD,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAC,SAAS,EAAC,SAAS,SAAG,EAC/D,gBAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,yBAAyB,EAAE,aAC1E,IAAI,aAAS,KAAK,gBACd,IACF,GACF,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Progress/examples/03-onboarding-steps.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-onboarding-steps.d.ts.map

package/dist/components/Progress/examples/03-onboarding-steps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-onboarding-steps.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/examples/03-onboarding-steps.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAqB9B"}

package/dist/components/Progress/examples/03-onboarding-steps.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Progress, Flex, Button } from 'ui-lab-components';
-export const metadata = {
-    title: 'Onboarding Steps',
-    description: 'Step tracker using value/max to represent wizard completion.'
-};
-const steps = ["Profile", "Preferences", "Integrations", "Invite team"];
-export default function Example() {
-    const [step, setStep] = useState(1);
-    return (_jsxs(Flex, { direction: "column", gap: "md", style: { width: 340 }, children: [_jsxs(Flex, { direction: "column", gap: "xs", children: [_jsx(Progress, { value: step, max: steps.length }), _jsxs("span", { style: { fontSize: "var(--text-sm)", color: "var(--foreground-muted)" }, children: ["Step ", step, " of ", steps.length, " \u2014 ", steps[step - 1]] })] }), _jsxs(Flex, { gap: "sm", children: [_jsx(Button, { variant: "ghost", onClick: () => setStep((s) => Math.max(1, s - 1)), disabled: step === 1, children: "Back" }), _jsx(Button, { variant: "primary", onClick: () => setStep((s) => Math.min(steps.length, s + 1)), disabled: step === steps.length, children: "Next" })] })] }));
-}
-//# sourceMappingURL=03-onboarding-steps.js.map

package/dist/components/Progress/examples/03-onboarding-steps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-onboarding-steps.js","sourceRoot":"","sources":["../../../../src/components/Progress/examples/03-onboarding-steps.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,kBAAkB;IACzB,WAAW,EAAE,8DAA8D;CAC5E,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC;AAExE,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACrD,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,KAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,GAAI,EAC5C,gBAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,yBAAyB,EAAE,sBACrE,IAAI,UAAM,KAAK,CAAC,MAAM,cAAK,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,IAC3C,IACF,EACP,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,aACZ,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,KAAK,CAAC,qBAEtF,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,MAAM,qBAE9G,IACJ,IACF,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Progress/examples/04-indeterminate.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-indeterminate.d.ts.map

package/dist/components/Progress/examples/04-indeterminate.d.ts.map

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

package/dist/components/Progress/examples/04-indeterminate.js

@@ -1,19 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { Progress, Flex, Button } from 'ui-lab-components';
-export const metadata = {
-    title: 'Indeterminate Loading',
-    description: 'Animated bar for unknown-duration operations — switches to complete when done.'
-};
-export default function Example() {
-    const [loading, setLoading] = useState(true);
-    useEffect(() => {
-        if (!loading)
-            return;
-        const t = setTimeout(() => setLoading(false), 3000);
-        return () => clearTimeout(t);
-    }, [loading]);
-    return (_jsxs(Flex, { direction: "column", gap: "md", style: { width: 320 }, children: [_jsxs(Flex, { direction: "column", gap: "xs", children: [_jsx("span", { style: { fontSize: "var(--text-sm)", color: "var(--foreground-muted)" }, children: loading ? "Fetching results…" : "Results loaded" }), _jsx(Progress, { indeterminate: loading, value: loading ? 0 : 100 })] }), _jsx(Button, { variant: "ghost", onClick: () => setLoading(true), disabled: loading, children: "Reload" })] }));
-}
-//# sourceMappingURL=04-indeterminate.js.map

package/dist/components/Progress/examples/04-indeterminate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-indeterminate.js","sourceRoot":"","sources":["../../../../src/components/Progress/examples/04-indeterminate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3D,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,uBAAuB;IAC9B,WAAW,EAAE,gFAAgF;CAC9F,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,MAAM,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACrD,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC/B,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,yBAAyB,EAAE,YAC1E,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,gBAAgB,GAC5C,EACP,KAAC,QAAQ,IAAC,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAI,IACzD,EACP,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,uBAEjE,IACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Progress/examples/05-skill-levels.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-skill-levels.d.ts.map

package/dist/components/Progress/examples/05-skill-levels.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-skill-levels.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/examples/05-skill-levels.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAQF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAQ9B"}

package/dist/components/Progress/examples/05-skill-levels.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Progress, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Skill Levels',
-    description: 'Stacked progress bars in a profile or stats context with labels and values.'
-};
-const skills = [
-    { name: "TypeScript", value: 92 },
-    { name: "Rust", value: 54 },
-    { name: "Go", value: 38 },
-];
-export default function Example() {
-    return (_jsx(Flex, { direction: "column", gap: "sm", style: { width: 300 }, children: skills.map((s) => (_jsx(Progress, { value: s.value, label: s.name, showValue: true }, s.name))) }));
-}
-//# sourceMappingURL=05-skill-levels.js.map

package/dist/components/Progress/examples/05-skill-levels.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-skill-levels.js","sourceRoot":"","sources":["../../../../src/components/Progress/examples/05-skill-levels.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,6EAA6E;CAC3F,CAAC;AAEF,MAAM,MAAM,GAAG;IACb,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;IACjC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3B,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YACpD,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACjB,KAAC,QAAQ,IAAc,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,UAAhD,CAAC,CAAC,IAAI,CAA6C,CACnE,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Progress/examples.json

@@ -1,27 +0,0 @@
-{
-    "01-basic-progress": {
-        "title": "File Upload",
-        "description": "Simulated upload progress with a label and live percentage — starts on button click.",
-        "code": "\"use client\";\n\nimport { useState, useEffect } from 'react';\nimport { Progress, Flex, Button } from 'ui-lab-components';\n\nexport default function Example() {\n  const [progress, setProgress] = useState(0);\n  const [running, setRunning] = useState(false);\n\n  useEffect(() => {\n    if (!running) return;\n    if (progress >= 100) { setRunning(false); return; }\n    const t = setTimeout(() => setProgress((p) => Math.min(p + Math.random() * 12, 100)), 200);\n    return () => clearTimeout(t);\n  }, [running, progress]);\n\n  const reset = () => { setProgress(0); setRunning(false); };\n\n  return (\n    <Flex direction=\"column\" gap=\"md\" style={{ width: 340 }}>\n      <Flex direction=\"column\" gap=\"xs\">\n        <span style={{ fontSize: \"var(--text-sm)\", color: \"var(--foreground-muted)\" }}>\n          report-q4-2025.pdf\n        </span>\n        <Progress value={progress} label=\"Uploading\" showValue />\n      </Flex>\n      <Flex gap=\"sm\">\n        <Button variant=\"primary\" onClick={() => setRunning(true)} disabled={running || progress === 100}>\n          {progress === 100 ? \"Done\" : \"Upload\"}\n        </Button>\n        <Button variant=\"ghost\" onClick={reset}>Reset</Button>\n      </Flex>\n    </Flex>\n  );\n}"
-    },
-    "02-storage-quota": {
-        "title": "Storage Quota",
-        "description": "Fixed progress bar showing disk usage relative to a custom max value.",
-        "code": "import { Progress, Flex } from 'ui-lab-components';\n\nconst used = 7.4;\nconst total = 10;\n\nexport default function Example() {\n  return (\n    <Flex direction=\"column\" gap=\"md\" style={{ width: 300 }}>\n      <Flex direction=\"column\" gap=\"xs\">\n        <Progress value={used} max={total} label=\"Storage\" showValue />\n        <span style={{ fontSize: \"var(--text-xs)\", color: \"var(--foreground-muted)\" }}>\n          {used} GB of {total} GB used\n        </span>\n      </Flex>\n    </Flex>\n  );\n}"
-    },
-    "03-onboarding-steps": {
-        "title": "Onboarding Steps",
-        "description": "Step tracker using value/max to represent wizard completion.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Progress, Flex, Button } from 'ui-lab-components';\n\nconst steps = [\"Profile\", \"Preferences\", \"Integrations\", \"Invite team\"];\n\nexport default function Example() {\n  const [step, setStep] = useState(1);\n\n  return (\n    <Flex direction=\"column\" gap=\"md\" style={{ width: 340 }}>\n      <Flex direction=\"column\" gap=\"xs\">\n        <Progress value={step} max={steps.length} />\n        <span style={{ fontSize: \"var(--text-sm)\", color: \"var(--foreground-muted)\" }}>\n          Step {step} of {steps.length} — {steps[step - 1]}\n        </span>\n      </Flex>\n      <Flex gap=\"sm\">\n        <Button variant=\"ghost\" onClick={() => setStep((s) => Math.max(1, s - 1))} disabled={step === 1}>\n          Back\n        </Button>\n        <Button variant=\"primary\" onClick={() => setStep((s) => Math.min(steps.length, s + 1))} disabled={step === steps.length}>\n          Next\n        </Button>\n      </Flex>\n    </Flex>\n  );\n}"
-    },
-    "04-indeterminate": {
-        "title": "Indeterminate Loading",
-        "description": "Animated bar for unknown-duration operations — switches to complete when done.",
-        "code": "\"use client\";\n\nimport { useState, useEffect } from 'react';\nimport { Progress, Flex, Button } from 'ui-lab-components';\n\nexport default function Example() {\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    if (!loading) return;\n    const t = setTimeout(() => setLoading(false), 3000);\n    return () => clearTimeout(t);\n  }, [loading]);\n\n  return (\n    <Flex direction=\"column\" gap=\"md\" style={{ width: 320 }}>\n      <Flex direction=\"column\" gap=\"xs\">\n        <span style={{ fontSize: \"var(--text-sm)\", color: \"var(--foreground-muted)\" }}>\n          {loading ? \"Fetching results…\" : \"Results loaded\"}\n        </span>\n        <Progress indeterminate={loading} value={loading ? 0 : 100} />\n      </Flex>\n      <Button variant=\"ghost\" onClick={() => setLoading(true)} disabled={loading}>\n        Reload\n      </Button>\n    </Flex>\n  );\n}"
-    },
-    "05-skill-levels": {
-        "title": "Skill Levels",
-        "description": "Stacked progress bars in a profile or stats context with labels and values.",
-        "code": "import { Progress, Flex } from 'ui-lab-components';\n\nconst skills = [\n  { name: \"TypeScript\", value: 92 },\n  { name: \"Rust\", value: 54 },\n  { name: \"Go\", value: 38 },\n];\n\nexport default function Example() {\n  return (\n    <Flex direction=\"column\" gap=\"sm\" style={{ width: 300 }}>\n      {skills.map((s) => (\n        <Progress key={s.name} value={s.value} label={s.name} showValue />\n      ))}\n    </Flex>\n  );\n}"
-    }
-}

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

package/dist/components/Radio/examples/01-basic-radio.d.ts.map

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

package/dist/components/Radio/examples/01-basic-radio.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Radio } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Radio',
-    description: 'A simple radio button option with a label. Use this for single-choice selection in forms and settings.'
-};
-export default function Example() {
-    return (_jsx(Radio, { value: "option1", label: "Select this option" }));
-}
-//# sourceMappingURL=01-basic-radio.js.map

package/dist/components/Radio/examples/01-basic-radio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/examples/01-basic-radio.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,wGAAwG;CACtH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,KAAC,KAAK,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,oBAAoB,GAAG,CACrD,CAAC;AACJ,CAAC"}

package/dist/components/Radio/examples/02-radio-with-descriptions.d.ts

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

package/dist/components/Radio/examples/02-radio-with-descriptions.d.ts.map

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

package/dist/components/Radio/examples/02-radio-with-descriptions.js

@@ -1,11 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Radio } from 'ui-lab-components';
-export const metadata = {
-    title: 'Radio with Descriptions',
-    description: 'Radio buttons with titles and descriptive text. Useful for plan selection, settings, or any choice that benefits from additional context.'
-};
-export default function Example() {
-    return (_jsxs(Radio.Group, { defaultValue: "pro", className: "w-full max-w-md", children: [_jsx(Radio.Item, { value: "starter", label: "Starter Plan", description: "Perfect for individuals and small projects. Includes 5GB storage and basic support." }), _jsx(Radio.Item, { value: "pro", label: "Pro Plan", description: "Ideal for growing teams. Includes 50GB storage, priority support, and advanced analytics." }), _jsx(Radio.Item, { value: "enterprise", label: "Enterprise Plan", description: "For large organizations. Unlimited storage, dedicated support, and custom integrations." })] }));
-}
-//# sourceMappingURL=02-radio-with-descriptions.js.map

package/dist/components/Radio/examples/02-radio-with-descriptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-radio-with-descriptions.js","sourceRoot":"","sources":["../../../../src/components/Radio/examples/02-radio-with-descriptions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,yBAAyB;IAChC,WAAW,EAAE,2IAA2I;CACzJ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,KAAK,CAAC,KAAK,IAAC,YAAY,EAAC,KAAK,EAAC,SAAS,EAAC,iBAAiB,aACzD,KAAC,KAAK,CAAC,IAAI,IACT,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,qFAAqF,GACjG,EACF,KAAC,KAAK,CAAC,IAAI,IACT,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,2FAA2F,GACvG,EACF,KAAC,KAAK,CAAC,IAAI,IACT,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,iBAAiB,EACvB,WAAW,EAAC,yFAAyF,GACrG,IACU,CACf,CAAC;AACJ,CAAC"}

package/dist/components/Radio/examples.json

@@ -1,12 +0,0 @@
-{
-    "01-basic-radio": {
-        "title": "Basic Radio",
-        "description": "A simple radio button option with a label. Use this for single-choice selection in forms and settings.",
-        "code": "import React from 'react';\nimport { Radio } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Radio value=\"option1\" label=\"Select this option\" />\n  );\n}"
-    },
-    "02-radio-with-descriptions": {
-        "title": "Radio with Descriptions",
-        "description": "Radio buttons with titles and descriptive text. Useful for plan selection, settings, or any choice that benefits from additional context.",
-        "code": "'use client';\n\nimport React from 'react';\nimport { Radio } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Radio.Group defaultValue=\"pro\" className=\"w-full max-w-md\">\n      <Radio.Item\n        value=\"starter\"\n        label=\"Starter Plan\"\n        description=\"Perfect for individuals and small projects. Includes 5GB storage and basic support.\"\n      />\n      <Radio.Item\n        value=\"pro\"\n        label=\"Pro Plan\"\n        description=\"Ideal for growing teams. Includes 50GB storage, priority support, and advanced analytics.\"\n      />\n      <Radio.Item\n        value=\"enterprise\"\n        label=\"Enterprise Plan\"\n        description=\"For large organizations. Unlimited storage, dedicated support, and custom integrations.\"\n      />\n    </Radio.Group>\n  );\n}"
-    }
-}

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

package/dist/components/Scroll/examples/01-basic-scroll.d.ts.map

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

package/dist/components/Scroll/examples/01-basic-scroll.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Scroll } from 'ui-lab-components';
-export const metadata = {
-    title: 'Log Viewer',
-    description: 'Vertically scrollable log output with fade mask to hint at overflow content.'
-};
-const LOG_ENTRIES = [
-    { level: "info", msg: "Server started on port 3000" },
-    { level: "info", msg: "Connected to database" },
-    { level: "warn", msg: "Slow query detected: users.findAll (342ms)" },
-    { level: "error", msg: "Failed to send email: SMTP timeout" },
-    { level: "info", msg: "Cache warmed: 1,204 keys loaded" },
-    { level: "info", msg: "Background job 'sync-orders' started" },
-    { level: "warn", msg: "Memory usage at 78%" },
-    { level: "info", msg: "Background job 'sync-orders' completed" },
-    { level: "error", msg: "Unhandled rejection: Cannot read property 'id' of undefined" },
-    { level: "info", msg: "Health check passed" },
-    { level: "warn", msg: "Rate limit reached for IP 192.168.1.42" },
-    { level: "info", msg: "User #4821 logged in" },
-    { level: "info", msg: "Deployment complete: v2.14.0" },
-];
-export default function Example() {
-    return (_jsxs("div", { style: { width: 480, display: 'flex', flexDirection: 'column', gap: 4 }, children: [_jsx("span", { style: { fontSize: 11, color: 'var(--color-muted)', textTransform: 'uppercase', letterSpacing: '0.08em' }, children: "Application Logs" }), _jsx("div", { style: { border: '1px solid var(--color-border)', borderRadius: 6, background: 'var(--color-background-900)', overflow: 'hidden' }, children: _jsx(Scroll, { maxHeight: "200px", "fade-y": true, fadeDistance: 8, fadeSize: 5, children: _jsx("div", { style: { padding: '8px 0' }, children: LOG_ENTRIES.map((entry, i) => (_jsxs("div", { style: {
-                                display: 'flex',
-                                gap: 10,
-                                padding: '3px 12px',
-                                fontSize: 12,
-                                fontFamily: 'var(--font-mono, monospace)',
-                                color: entry.level === 'error'
-                                    ? 'var(--color-destructive)'
-                                    : entry.level === 'warn'
-                                        ? 'var(--color-warning, var(--color-muted))'
-                                        : 'var(--color-foreground)',
-                            }, children: [_jsx("span", { style: { color: 'var(--color-muted)', minWidth: 36 }, children: entry.level }), _jsx("span", { children: entry.msg })] }, i))) }) }) })] }));
-}
-//# sourceMappingURL=01-basic-scroll.js.map