ui-lab-registry 0.3.44 → 0.3.45

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1 @@
+{"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"}

package/dist/components/Path/examples/index.d.ts

@@ -1,3 +1,7 @@
 export { default as Example1 } from './01-basic-path.js';
 export { metadata as metadata1 } from './01-basic-path.js';
+export { default as Example2 } from './02-custom-separator.js';
+export { metadata as metadata2 } from './02-custom-separator.js';
+export { default as Example3 } from './03-collapsed-breadcrumb.js';
+export { metadata as metadata3 } from './03-collapsed-breadcrumb.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Path/examples/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Path/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Path/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/components/Path/examples/index.js

@@ -1,3 +1,7 @@
 export { default as Example1 } from './01-basic-path.js';
 export { metadata as metadata1 } from './01-basic-path.js';
+export { default as Example2 } from './02-custom-separator.js';
+export { metadata as metadata2 } from './02-custom-separator.js';
+export { default as Example3 } from './03-collapsed-breadcrumb.js';
+export { metadata as metadata3 } from './03-collapsed-breadcrumb.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Path/examples/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Path/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Path/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/components/Path/examples.json

@@ -2,6 +2,16 @@
     "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, PathItem } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Path>\n      <PathItem href=\"/\">Home</PathItem>\n      <PathItem href=\"/products\">Products</PathItem>\n      <PathItem href=\"/products/electronics\">Electronics</PathItem>\n      <PathItem>Laptop</PathItem>\n    </Path>\n  );\n}"
+        "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/Path/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Path/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAqB1C,eAAO,MAAM,UAAU,EAAE,eA6CxB,CAAC;AAEF,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Path/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAyB1C,eAAO,MAAM,UAAU,EAAE,eA6CxB,CAAC;AAEF,cAAc,qBAAqB,CAAC"}

package/dist/components/Path/index.js

@@ -1,19 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Path, PathItem } from 'ui-lab-components';
+import { Path } from 'ui-lab-components';
 import Example1, { metadata as metadata1 } from './examples/01-basic-path.js';
+import Example2, { metadata as metadata2 } from './examples/02-custom-separator.js';
+import Example3, { metadata as metadata3 } from './examples/03-collapsed-breadcrumb.js';
 import examplesJson from './examples.json' with { type: 'json' };
 import { loadComponentExamples } from '../../utils/load-component-examples.js';
 const examplesData = [
     { id: '01-basic-path', Component: Example1, metadata: metadata1 },
+    { id: '02-custom-separator', Component: Example2, metadata: metadata2 },
+    { id: '03-collapsed-breadcrumb', Component: Example3, metadata: metadata3 },
 ];
-const pathBasicCode = `import { Path, PathItem } from "ui-lab-components";
+const pathBasicCode = `import { Path } from "ui-lab-components";
 
 export function Example() {
   return (
     <Path>
-      <PathItem href="/">Home</PathItem>
-      <PathItem href="/products">Products</PathItem>
-      <PathItem>Electronics</PathItem>
+      <Path.Item href="/">Home</Path.Item>
+      <Path.Item href="/products">Products</Path.Item>
+      <Path.Item>Electronics</Path.Item>
     </Path>
   );
 }`;
@@ -28,7 +32,7 @@ export const pathDetail = {
             title: 'Preview',
             description: 'Adjust props to customize the component',
             code: pathBasicCode,
-            preview: (_jsxs(Path, { children: [_jsx(PathItem, { href: "/", children: "Home" }), _jsx(PathItem, { href: "/products", children: "Products" }), _jsx(PathItem, { children: "Electronics" })] })),
+            preview: (_jsxs(Path, { children: [_jsx(Path.Item, { href: "/", children: "Home" }), _jsx(Path.Item, { href: "/products", children: "Products" }), _jsx(Path.Item, { children: "Electronics" })] })),
         },
         ...loadComponentExamples(examplesData, examplesJson),
     ],
@@ -38,7 +42,7 @@ export const pathDetail = {
             name: 'Default',
             description: 'Standard path navigation with links',
             code: pathBasicCode,
-            preview: (_jsxs(Path, { children: [_jsx(PathItem, { href: "/", children: "Home" }), _jsx(PathItem, { href: "/products", children: "Products" }), _jsx(PathItem, { children: "Electronics" })] })),
+            preview: (_jsxs(Path, { children: [_jsx(Path.Item, { href: "/", children: "Home" }), _jsx(Path.Item, { href: "/products", children: "Products" }), _jsx(Path.Item, { children: "Electronics" })] })),
         },
     ],
 };

package/dist/components/Path/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Path/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,YAAY,MAAM,iBAAiB,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CAClE,CAAC;AAEF,MAAM,aAAa,GAAG;;;;;;;;;;EAUpB,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAoB;IACzC,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,qFAAqF;IAClG,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,0NAEI,EACJ,2JAEI,IACA,CACP;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,yCAAyC;YACtD,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,CACP,MAAC,IAAI,eACH,KAAC,QAAQ,IAAC,IAAI,EAAC,GAAG,qBAAgB,EAClC,KAAC,QAAQ,IAAC,IAAI,EAAC,WAAW,yBAAoB,EAC9C,KAAC,QAAQ,8BAAuB,IAC3B,CACR;SACF;QACD,GAAG,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC;KACrD;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,qCAAqC;YAClD,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,CACP,MAAC,IAAI,eACH,KAAC,QAAQ,IAAC,IAAI,EAAC,GAAG,qBAAgB,EAClC,KAAC,QAAQ,IAAC,IAAI,EAAC,WAAW,yBAAoB,EAC9C,KAAC,QAAQ,8BAAuB,IAC3B,CACR;SACF;KACF;CACF,CAAC;AAEF,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Path/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uCAAuC,CAAC;AACxF,OAAO,YAAY,MAAM,iBAAiB,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAE/E,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;IACjE,EAAE,EAAE,EAAE,qBAAqB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;IACvE,EAAE,EAAE,EAAE,yBAAyB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CAC5E,CAAC;AAEF,MAAM,aAAa,GAAG;;;;;;;;;;EAUpB,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAoB;IACzC,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,WAAW,EAAE,qFAAqF;IAClG,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,0NAEI,EACJ,2JAEI,IACA,CACP;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,yCAAyC;YACtD,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,CACP,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,8BAAwB,IAC7B,CACR;SACF;QACD,GAAG,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC;KACrD;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,qCAAqC;YAClD,IAAI,EAAE,aAAa;YACnB,OAAO,EAAE,CACP,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,8BAAwB,IAC7B,CACR;SACF;KACF;CACF,CAAC;AAEF,cAAc,qBAAqB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"01-basic-popover.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/examples/01-basic-popover.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAM9B"}
+{"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,10 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"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 Popover',
-    description: 'A simple popover with a trigger button. Use this to display contextual content or actions.'
+    title: 'Basic',
+    description: 'Default popover with a short note and two clear actions.'
 };
 export default function Example() {
-    return (_jsx(Popover, { content: _jsx("p", { className: "text-sm", children: "This is popover content. It appears when you click the button." }), children: _jsx(Button, { children: "Click me" }) }));
+    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 +1 @@
-{"version":3,"file":"01-basic-popover.js","sourceRoot":"","sources":["../../../../src/components/Popover/examples/01-basic-popover.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,4FAA4F;CAC1G,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,EAAE,YAAG,SAAS,EAAC,SAAS,+EAAmE,YACzG,KAAC,MAAM,2BAAkB,GACjB,CACX,CAAC;AACJ,CAAC"}
+{"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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,23 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,17 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+"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

@@ -0,0 +1 @@
+{"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/index.d.ts

@@ -1,3 +1,11 @@
 export { default as Example1 } from './01-basic-popover.js';
 export { metadata as metadata1 } from './01-basic-popover.js';
+export { default as Example2 } from './02-toggleable-options.js';
+export { metadata as metadata2 } from './02-toggleable-options.js';
+export { default as Example3 } from './03-table-row-actions.js';
+export { metadata as metadata3 } from './03-table-row-actions.js';
+export { default as Example4 } from './04-input-form.js';
+export { metadata as metadata4 } from './04-input-form.js';
+export { default as Example5 } from './05-arrow-positions.js';
+export { metadata as metadata5 } from './05-arrow-positions.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Popover/examples/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/Popover/examples/index.js

@@ -1,3 +1,11 @@
 export { default as Example1 } from './01-basic-popover.js';
 export { metadata as metadata1 } from './01-basic-popover.js';
+export { default as Example2 } from './02-toggleable-options.js';
+export { metadata as metadata2 } from './02-toggleable-options.js';
+export { default as Example3 } from './03-table-row-actions.js';
+export { metadata as metadata3 } from './03-table-row-actions.js';
+export { default as Example4 } from './04-input-form.js';
+export { metadata as metadata4 } from './04-input-form.js';
+export { default as Example5 } from './05-arrow-positions.js';
+export { metadata as metadata5 } from './05-arrow-positions.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Popover/examples/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Popover/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Popover/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/Popover/examples.json

@@ -1,7 +1,27 @@
 {
     "01-basic-popover": {
-        "title": "Basic Popover",
-        "description": "A simple popover with a trigger button. Use this to display contextual content or actions.",
-        "code": "import React from 'react';\nimport { Popover, Button } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Popover content={<p className=\"text-sm\">This is popover content. It appears when you click the button.</p>}>\n      <Button>Click me</Button>\n    </Popover>\n  );\n}"
+        "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/Popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAatD,QAAA,MAAM,eAAe,EAAE,UAAU,EAahC,CAAC;AAYF,eAAO,MAAM,aAAa,EAAE,eA+E3B,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAqBtD,QAAA,MAAM,eAAe,EAAE,UAAU,EAahC,CAAC;AAYF,eAAO,MAAM,aAAa,EAAE,eA+E3B,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,cAAc,qBAAqB,CAAC"}

package/dist/components/Popover/index.js

@@ -1,12 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Popover } from 'ui-lab-components';
 import Example1, { metadata as metadata1 } from './examples/01-basic-popover.js';
+import Example2, { metadata as metadata2 } from './examples/02-toggleable-options.js';
+import Example3, { metadata as metadata3 } from './examples/03-table-row-actions.js';
+import Example4, { metadata as metadata4 } from './examples/04-input-form.js';
+import Example5, { metadata as metadata5 } from './examples/05-arrow-positions.js';
 import examplesJson from './examples.json' with { type: 'json' };
 import { loadComponentExamples } from '../../utils/load-component-examples.js';
 const TAIL_WIDTH = 18;
 const TAIL_PATH = "M 0.00 0.00 C 3.00 0.00 7.50 -6.00 9.00 -6.00 C 10.50 -6.00 13.50 0.00 18.00 0.00";
 const examplesData = [
     { id: '01-basic-popover', Component: Example1, metadata: metadata1 },
+    { id: '02-toggleable-options', Component: Example2, metadata: metadata2 },
+    { id: '03-table-row-actions', Component: Example3, metadata: metadata3 },
+    { id: '04-input-form', Component: Example4, metadata: metadata4 },
+    { id: '05-arrow-positions', Component: Example5, metadata: metadata5 },
 ];
 const popoverControls = [
     {

package/dist/components/Popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"01-basic-progress.d.ts","sourceRoot":"","sources":["../../../../src/components/Progress/examples/01-basic-progress.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAE9B"}
+{"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,10 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Progress } from 'ui-lab-components';
+"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: 'Basic Progress',
-    description: 'A simple progress bar showing completion at 65%. Use this to display task or loading progress in your interface.'
+    title: 'File Upload',
+    description: 'Simulated upload progress with a label and live percentage — starts on button click.'
 };
 export default function Example() {
-    return _jsx(Progress, { value: 65 });
+    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 +1 @@
-{"version":3,"file":"01-basic-progress.js","sourceRoot":"","sources":["../../../../src/components/Progress/examples/01-basic-progress.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,kHAAkH;CAChI,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,GAAI,CAAC;AACjC,CAAC"}
+{"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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+"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

@@ -0,0 +1 @@
+{"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

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