ui-lab-registry 0.3.45 → 0.3.46

package/dist/components/Badge/examples.json

@@ -1,27 +0,0 @@
-{
-    "01-status-badges": {
-        "title": "Status Labels",
-        "description": "Inline status labels alongside text content, such as document or workflow states.",
-        "code": "import { Badge, Flex } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Flex gap=\"sm\" align=\"center\" justify=\"center\" wrap=\"wrap\">\n      <Badge variant=\"default\">Draft</Badge>\n      <Badge variant=\"default\">In Review</Badge>\n      <Badge variant=\"default\">Published</Badge>\n      <Badge variant=\"default\">Archived</Badge>\n    </Flex>\n  );\n}"
-    },
-    "02-icon-position": {
-        "title": "Icon Position",
-        "description": "Icons placed on the left or right of the label — left for status/type indicators, right for directional cues.",
-        "code": "import { Badge, Flex } from 'ui-lab-components';\nimport { FaCircleCheck, FaTriangleExclamation, FaArrowRight, FaStar } from 'react-icons/fa6';\n\nexport default function Example() {\n  return (\n    <Flex gap=\"xs\" align=\"center\" justify=\"center\" wrap=\"wrap\">\n      <Badge icon={{ left: <FaCircleCheck size={10} /> }}>Verified</Badge>\n      <Badge icon={{ left: <FaTriangleExclamation size={10} /> }}>Warning</Badge>\n      <Badge icon={{ right: <FaArrowRight size={10} /> }}>Continue</Badge>\n      <Badge icon={{ right: <FaStar size={10} /> }}>Featured</Badge>\n    </Flex>\n  );\n}"
-    },
-    "03-selectable-tags": {
-        "title": "Selectable Tags",
-        "description": "Icon-prefixed tags that toggle active state, e.g. for filtering or labeling.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Badge, Flex } from 'ui-lab-components';\nimport { FaTag } from 'react-icons/fa6';\n\nconst tags = ['design', 'frontend', 'api', 'docs'];\n\nexport default function Example() {\n  const [active, setActive] = useState<string[]>(['design']);\n\n  function toggle(tag: string) {\n    setActive((prev) =>\n      prev.includes(tag) ? prev.filter((t) => t !== tag) : [...prev, tag]\n    );\n  }\n\n  return (\n    <Flex gap=\"xs\" align=\"center\" justify=\"center\" wrap=\"wrap\">\n      {tags.map((tag) => (\n        <Badge\n          key={tag}\n          icon={<FaTag size={10} />}\n          onClick={() => toggle(tag)}\n          style={{\n            cursor: 'pointer',\n            opacity: active.includes(tag) ? 1 : 0.45,\n          }}\n        >\n          {tag}\n        </Badge>\n      ))}\n    </Flex>\n  );\n}"
-    },
-    "04-dismissible": {
-        "title": "Dismissible Tags",
-        "description": "Applied label chips in a multi-select input or filter bar that can be individually removed.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Badge, Flex } from 'ui-lab-components';\n\nconst initial = ['React', 'TypeScript', 'CSS Modules', 'Next.js', 'Radix UI'];\n\nexport default function Example() {\n  const [tags, setTags] = useState(initial);\n\n  return (\n    <Flex gap=\"xs\" align=\"center\" justify=\"center\" wrap=\"wrap\">\n      {tags.map((tag) => (\n        <Badge\n          key={tag}\n          dismissible\n          onDismiss={() => setTags((prev) => prev.filter((t) => t !== tag))}\n        >\n          {tag}\n        </Badge>\n      ))}\n      {tags.length === 0 && (\n        <span\n          className=\"text-sm text-foreground-400 cursor-pointer\"\n          onClick={() => setTags(initial)}\n        >\n          All dismissed — click to reset\n        </span>\n      )}\n    </Flex>\n  );\n}"
-    },
-    "05-semantic-colors": {
-        "title": "Semantic Colors",
-        "description": "Badges styled with design system semantic color tokens for success, warning, danger, info, and accent states.",
-        "code": "import { Badge, Flex } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Flex gap=\"sm\" align=\"center\" justify=\"center\" wrap=\"wrap\">\n      <Badge className=\"bg-success-500/20 text-success-500 border-none\">Success</Badge>\n      <Badge className=\"bg-warning-500/20 text-warning-500 border-none\">Warning</Badge>\n      <Badge className=\"bg-danger-500/20 text-danger-500 border-none\">Danger</Badge>\n      <Badge className=\"bg-info-500/20 text-info-500 border-none\">Info</Badge>\n      <Badge className=\"bg-accent-500/20 text-accent-500 border-none\">Accent</Badge>\n    </Flex>\n  );\n}"
-    }
-}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Banner, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Variants',
-    description: 'All five semantic variants: note, info, success, warning, and danger.',
-};
-export default function Example() {
-    return (_jsxs(Flex, { direction: "column", gap: "md", style: { width: 480 }, children: [_jsxs(Banner, { variant: "note", children: [_jsx(Banner.Title, { children: "Note" }), _jsx(Banner.Body, { children: "This is a general note with supplementary context." })] }), _jsxs(Banner, { variant: "info", children: [_jsx(Banner.Title, { children: "Info" }), _jsx(Banner.Body, { children: "Your workspace is on the free plan. Upgrade to unlock more seats." })] }), _jsxs(Banner, { variant: "success", children: [_jsx(Banner.Title, { children: "Success" }), _jsx(Banner.Body, { children: "Your changes have been saved and are now live." })] }), _jsxs(Banner, { variant: "warning", children: [_jsx(Banner.Title, { children: "Warning" }), _jsx(Banner.Body, { children: "This action cannot be undone. Proceed with caution." })] }), _jsxs(Banner, { variant: "danger", children: [_jsx(Banner.Title, { children: "Danger" }), _jsx(Banner.Body, { children: "Your account has exceeded its storage limit." })] })] }));
-}
-//# sourceMappingURL=01-variants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"01-variants.js","sourceRoot":"","sources":["../../../../src/components/Banner/examples/01-variants.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,UAAU;IACjB,WAAW,EAAE,uEAAuE;CACrF,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACrD,MAAC,MAAM,IAAC,OAAO,EAAC,MAAM,aACpB,KAAC,MAAM,CAAC,KAAK,uBAAoB,EACjC,KAAC,MAAM,CAAC,IAAI,qEAAiE,IACtE,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,MAAM,aACpB,KAAC,MAAM,CAAC,KAAK,uBAAoB,EACjC,KAAC,MAAM,CAAC,IAAI,oFAAgF,IACrF,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,aACvB,KAAC,MAAM,CAAC,KAAK,0BAAuB,EACpC,KAAC,MAAM,CAAC,IAAI,iEAA6D,IAClE,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,aACvB,KAAC,MAAM,CAAC,KAAK,0BAAuB,EACpC,KAAC,MAAM,CAAC,IAAI,sEAAkE,IACvE,EACT,MAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,aACtB,KAAC,MAAM,CAAC,KAAK,yBAAsB,EACnC,KAAC,MAAM,CAAC,IAAI,+DAA2D,IAChE,IACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Banner/examples/02-dismissible.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-dismissible.d.ts.map

package/dist/components/Banner/examples/02-dismissible.d.ts.map

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

package/dist/components/Banner/examples/02-dismissible.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Banner, Button, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Dismissible',
-    description: 'A banner with a dismiss button. The caller controls what happens after dismissal.',
-};
-export default function Example() {
-    const [dismissed, setDismissed] = useState(false);
-    return (_jsx(Flex, { direction: "column", gap: "md", style: { width: 480 }, children: !dismissed ? (_jsxs(Banner, { variant: "info", isDismissible: true, onDismiss: () => setDismissed(true), children: [_jsx(Banner.Title, { children: "Scheduled maintenance" }), _jsx(Banner.Body, { children: "The system will be unavailable on Saturday from 2\u20134 AM UTC." })] })) : (_jsxs(Flex, { gap: "sm", style: { alignItems: 'center' }, children: [_jsx("span", { className: "text-sm text-foreground-400", children: "Banner dismissed." }), _jsx(Button, { variant: "ghost", onClick: () => setDismissed(false), children: "Restore" })] })) }));
-}
-//# sourceMappingURL=02-dismissible.js.map

package/dist/components/Banner/examples/02-dismissible.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-dismissible.js","sourceRoot":"","sources":["../../../../src/components/Banner/examples/02-dismissible.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,mFAAmF;CACjG,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YACpD,CAAC,SAAS,CAAC,CAAC,CAAC,CACZ,MAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,aAAa,QAAC,SAAS,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,aACtE,KAAC,MAAM,CAAC,KAAK,wCAAqC,EAClD,KAAC,MAAM,CAAC,IAAI,mFAA0E,IAC/E,CACV,CAAC,CAAC,CAAC,CACF,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC5C,eAAM,SAAS,EAAC,6BAA6B,kCAAyB,EACtE,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,wBAEjD,IACJ,CACR,GACI,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Banner/examples/03-form-feedback.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-form-feedback.d.ts.map

package/dist/components/Banner/examples/03-form-feedback.d.ts.map

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

package/dist/components/Banner/examples/03-form-feedback.js

@@ -1,21 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Banner, Button, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Form Feedback',
-    description: 'Banners shown conditionally after a form action to relay success or failure.',
-};
-export default function Example() {
-    const [submitted, setSubmitted] = useState(false);
-    const [error, setError] = useState(false);
-    const handleSubmit = () => {
-        if (!submitted) {
-            setError(true);
-            return;
-        }
-        setError(false);
-    };
-    return (_jsxs(Flex, { direction: "column", gap: "md", style: { width: 400 }, children: [error && (_jsxs(Banner, { variant: "danger", isDismissible: true, onDismiss: () => setError(false), children: [_jsx(Banner.Title, { children: "Submission failed" }), _jsx(Banner.Body, { children: "Please review the form and correct any errors before retrying." })] })), submitted && !error && (_jsxs(Banner, { variant: "success", children: [_jsx(Banner.Title, { children: "Profile updated" }), _jsx(Banner.Body, { children: "Your changes have been saved successfully." })] })), _jsxs(Flex, { gap: "sm", children: [_jsx(Button, { variant: "primary", onClick: () => { setSubmitted(true); setError(false); }, children: "Save changes" }), _jsx(Button, { variant: "secondary", onClick: () => { setSubmitted(false); handleSubmit(); }, children: "Trigger error" })] })] }));
-}
-//# sourceMappingURL=03-form-feedback.js.map

package/dist/components/Banner/examples/03-form-feedback.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-form-feedback.js","sourceRoot":"","sources":["../../../../src/components/Banner/examples/03-form-feedback.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,8EAA8E;CAC5F,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,OAAO;QACT,CAAC;QACD,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACpD,KAAK,IAAI,CACR,MAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,EAAC,aAAa,QAAC,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,aACrE,KAAC,MAAM,CAAC,KAAK,oCAAiC,EAC9C,KAAC,MAAM,CAAC,IAAI,iFAA6E,IAClF,CACV,EACA,SAAS,IAAI,CAAC,KAAK,IAAI,CACtB,MAAC,MAAM,IAAC,OAAO,EAAC,SAAS,aACvB,KAAC,MAAM,CAAC,KAAK,kCAA+B,EAC5C,KAAC,MAAM,CAAC,IAAI,6DAAyD,IAC9D,CACV,EACD,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,aACZ,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,6BAExE,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,8BAE1E,IACJ,IACF,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Banner/examples/04-settings-panel.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-settings-panel.d.ts.map

package/dist/components/Banner/examples/04-settings-panel.d.ts.map

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

package/dist/components/Banner/examples/04-settings-panel.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Banner, Button, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Settings Panel',
-    description: 'A small warning banner inline with a destructive settings action.',
-};
-export default function Example() {
-    return (_jsxs(Flex, { direction: "column", gap: "md", style: { width: 420 }, children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-semibold text-foreground-100", children: "API Access" }), _jsx("p", { className: "text-xs text-foreground-400", children: "Manage keys for external integrations." })] }), _jsx(Banner, { variant: "warning", children: _jsx(Banner.Body, { children: "Regenerating your key will revoke all existing integrations immediately." }) }), _jsx(Button, { variant: "secondary", children: "Regenerate API key" })] }));
-}
-//# sourceMappingURL=04-settings-panel.js.map

package/dist/components/Banner/examples/04-settings-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-settings-panel.js","sourceRoot":"","sources":["../../../../src/components/Banner/examples/04-settings-panel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,mEAAmE;CACjF,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACrD,0BACE,YAAG,SAAS,EAAC,2CAA2C,2BAAe,EACvE,YAAG,SAAS,EAAC,6BAA6B,uDAA2C,IACjF,EACN,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,YACvB,KAAC,MAAM,CAAC,IAAI,2FAAuF,GAC5F,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,mCAA4B,IAClD,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Banner/examples/05-body-only.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-body-only.d.ts.map

package/dist/components/Banner/examples/05-body-only.d.ts.map

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

package/dist/components/Banner/examples/05-body-only.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Banner, Flex } from 'ui-lab-components';
-export const metadata = {
-    title: 'Body Only',
-    description: 'Single-line banners without a title for compact inline notifications.',
-};
-export default function Example() {
-    return (_jsxs(Flex, { direction: "column", gap: "md", style: { width: 480 }, children: [_jsx(Banner, { variant: "info", isDismissible: true, children: _jsxs(Banner.Body, { children: ["Two-factor authentication is not enabled on your account.", ' ', _jsx("a", { href: "#", className: "underline", children: "Enable now" })] }) }), _jsx(Banner, { variant: "success", isDismissible: true, children: _jsx(Banner.Body, { children: "Deployment #142 completed in 38 seconds." }) })] }));
-}
-//# sourceMappingURL=05-body-only.js.map

package/dist/components/Banner/examples/05-body-only.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-body-only.js","sourceRoot":"","sources":["../../../../src/components/Banner/examples/05-body-only.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,WAAW;IAClB,WAAW,EAAE,uEAAuE;CACrF,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,aACrD,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,aAAa,kBAClC,MAAC,MAAM,CAAC,IAAI,4EACgD,GAAG,EAC7D,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,WAAW,2BAAe,IACpC,GACP,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,aAAa,kBACrC,KAAC,MAAM,CAAC,IAAI,2DAAuD,GAC5D,IACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Banner/examples.json

@@ -1,27 +0,0 @@
-{
-    "01-variants": {
-        "title": "Variants",
-        "description": "All five semantic variants: note, info, success, warning, and danger.",
-        "code": "import { Banner, Flex } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Flex direction=\"column\" gap=\"md\" style={{ width: 480 }}>\n      <Banner variant=\"note\">\n        <Banner.Title>Note</Banner.Title>\n        <Banner.Body>This is a general note with supplementary context.</Banner.Body>\n      </Banner>\n      <Banner variant=\"info\">\n        <Banner.Title>Info</Banner.Title>\n        <Banner.Body>Your workspace is on the free plan. Upgrade to unlock more seats.</Banner.Body>\n      </Banner>\n      <Banner variant=\"success\">\n        <Banner.Title>Success</Banner.Title>\n        <Banner.Body>Your changes have been saved and are now live.</Banner.Body>\n      </Banner>\n      <Banner variant=\"warning\">\n        <Banner.Title>Warning</Banner.Title>\n        <Banner.Body>This action cannot be undone. Proceed with caution.</Banner.Body>\n      </Banner>\n      <Banner variant=\"danger\">\n        <Banner.Title>Danger</Banner.Title>\n        <Banner.Body>Your account has exceeded its storage limit.</Banner.Body>\n      </Banner>\n    </Flex>\n  );\n}"
-    },
-    "02-dismissible": {
-        "title": "Dismissible",
-        "description": "A banner with a dismiss button. The caller controls what happens after dismissal.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Banner, Button, Flex } from 'ui-lab-components';\n\nexport default function Example() {\n  const [dismissed, setDismissed] = useState(false);\n\n  return (\n    <Flex direction=\"column\" gap=\"md\" style={{ width: 480 }}>\n      {!dismissed ? (\n        <Banner variant=\"info\" isDismissible onDismiss={() => setDismissed(true)}>\n          <Banner.Title>Scheduled maintenance</Banner.Title>\n          <Banner.Body>The system will be unavailable on Saturday from 2–4 AM UTC.</Banner.Body>\n        </Banner>\n      ) : (\n        <Flex gap=\"sm\" style={{ alignItems: 'center' }}>\n          <span className=\"text-sm text-foreground-400\">Banner dismissed.</span>\n          <Button variant=\"ghost\" onClick={() => setDismissed(false)}>\n            Restore\n          </Button>\n        </Flex>\n      )}\n    </Flex>\n  );\n}"
-    },
-    "03-form-feedback": {
-        "title": "Form Feedback",
-        "description": "Banners shown conditionally after a form action to relay success or failure.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Banner, Button, Flex } from 'ui-lab-components';\n\nexport default function Example() {\n  const [submitted, setSubmitted] = useState(false);\n  const [error, setError] = useState(false);\n\n  const handleSubmit = () => {\n    if (!submitted) {\n      setError(true);\n      return;\n    }\n    setError(false);\n  };\n\n  return (\n    <Flex direction=\"column\" gap=\"md\" style={{ width: 400 }}>\n      {error && (\n        <Banner variant=\"danger\" isDismissible onDismiss={() => setError(false)}>\n          <Banner.Title>Submission failed</Banner.Title>\n          <Banner.Body>Please review the form and correct any errors before retrying.</Banner.Body>\n        </Banner>\n      )}\n      {submitted && !error && (\n        <Banner variant=\"success\">\n          <Banner.Title>Profile updated</Banner.Title>\n          <Banner.Body>Your changes have been saved successfully.</Banner.Body>\n        </Banner>\n      )}\n      <Flex gap=\"sm\">\n        <Button variant=\"primary\" onClick={() => { setSubmitted(true); setError(false); }}>\n          Save changes\n        </Button>\n        <Button variant=\"secondary\" onClick={() => { setSubmitted(false); handleSubmit(); }}>\n          Trigger error\n        </Button>\n      </Flex>\n    </Flex>\n  );\n}"
-    },
-    "04-settings-panel": {
-        "title": "Settings Panel",
-        "description": "A small warning banner inline with a destructive settings action.",
-        "code": "import { Banner, Button, Flex } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Flex direction=\"column\" gap=\"md\" style={{ width: 420 }}>\n      <div>\n        <p className=\"text-sm font-semibold text-foreground-100\">API Access</p>\n        <p className=\"text-xs text-foreground-400\">Manage keys for external integrations.</p>\n      </div>\n      <Banner variant=\"warning\">\n        <Banner.Body>Regenerating your key will revoke all existing integrations immediately.</Banner.Body>\n      </Banner>\n      <Button variant=\"secondary\">Regenerate API key</Button>\n    </Flex>\n  );\n}"
-    },
-    "05-body-only": {
-        "title": "Body Only",
-        "description": "Single-line banners without a title for compact inline notifications.",
-        "code": "import { Banner, Flex } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Flex direction=\"column\" gap=\"md\" style={{ width: 480 }}>\n      <Banner variant=\"info\" isDismissible>\n        <Banner.Body>\n          Two-factor authentication is not enabled on your account.{' '}\n          <a href=\"#\" className=\"underline\">Enable now</a>\n        </Banner.Body>\n      </Banner>\n      <Banner variant=\"success\" isDismissible>\n        <Banner.Body>Deployment #142 completed in 38 seconds.</Banner.Body>\n      </Banner>\n    </Flex>\n  );\n}"
-    }
-}

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

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

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

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

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

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button, Flex } from 'ui-lab-components';
-const buttonVariants = [
-    { label: "Primary", variant: "primary" },
-    { label: "Default", variant: "default" },
-    { label: "Secondary", variant: "secondary" },
-    { label: "Outline", variant: "outline" },
-    { label: "Ghost", variant: "ghost" },
-    { label: "Danger", variant: "danger" },
-];
-export const metadata = {
-    title: 'Button Variants',
-    description: 'All available button variants side by side in a single row.'
-};
-export default function Example() {
-    return (_jsx(Flex, { gap: "xs", align: "center", justify: "center", wrap: "nowrap", children: buttonVariants.map((button) => (_jsx(Button, { variant: button.variant, children: button.label }, button.variant))) }));
-}
-//# sourceMappingURL=01-variants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"01-variants.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/01-variants.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,cAAc,GAAG;IACrB,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE;IACxC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE;IACxC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE;IAC5C,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE;IACxC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE;IACpC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE;CAC9B,CAAC;AAEX,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,6DAA6D;CAC3E,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,KAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,YACzD,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC9B,KAAC,MAAM,IAAsB,OAAO,EAAE,MAAM,CAAC,OAAO,YACjD,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,OAAO,CAElB,CACV,CAAC,GACG,CACR,CAAA;AACH,CAAC"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/Button/examples/06-icons.d.ts

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

package/dist/components/Button/examples/06-icons.d.ts.map

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

package/dist/components/Button/examples/06-icons.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Flex } from 'ui-lab-components';
-import { FaArrowRight, FaDownload, FaEllipsisVertical, FaPlus } from 'react-icons/fa6';
-export const metadata = {
-    title: 'Icons',
-    description: 'Left, right, and icon-only button patterns.'
-};
-export default function Example() {
-    return (_jsxs(Flex, { gap: "xs", align: "center", justify: "center", wrap: "wrap", children: [_jsx(Button, { variant: "primary", icon: { left: _jsx(FaPlus, {}) }, children: "New Project" }), _jsx(Button, { variant: "outline", icon: { right: _jsx(FaArrowRight, {}) }, children: "Continue" }), _jsx(Button, { variant: "secondary", icon: _jsx(FaDownload, {}), children: "Download" }), _jsx(Button, { size: "icon", variant: "ghost", "aria-label": "More actions", icon: _jsx(FaEllipsisVertical, {}) })] }));
-}
-//# sourceMappingURL=06-icons.js.map

package/dist/components/Button/examples/06-icons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"06-icons.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/06-icons.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAEtF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,6CAA6C;CAC3D,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,aACxD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,IAAI,EAAE,KAAC,MAAM,KAAG,EAAE,4BAE3C,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,KAAK,EAAE,KAAC,YAAY,KAAG,EAAE,yBAElD,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,KAAC,UAAU,KAAG,yBAEvC,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,gBAAY,cAAc,EAAC,IAAI,EAAE,KAAC,kBAAkB,KAAG,GAAI,IACzF,CACR,CAAA;AACH,CAAC"}

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

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

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

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

package/dist/components/Button/examples/07-split-button.js

@@ -1,20 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Button, Divider, Flex, Group, Select } from 'ui-lab-components';
-import { FaChevronDown } from 'react-icons/fa6';
-const splitActions = [
-    { value: "publish", label: "Publish now" },
-    { value: "schedule", label: "Schedule publish" },
-    { value: "save", label: "Save draft" },
-];
-export const metadata = {
-    title: 'Split Button',
-    description: 'Group + Select primitives for a classic split button with a primary action and a separate menu trigger.'
-};
-export default function Example() {
-    const [action, setAction] = useState(splitActions[0].value);
-    const selectedAction = splitActions.find((item) => item.value === action) ?? splitActions[0];
-    return (_jsx(Flex, { direction: "column", gap: "sm", align: "center", children: _jsx(Group, { orientation: "horizontal", children: _jsxs(Group.Select, { className: "w-full", selectedKey: action, onSelectionChange: setAction, children: [_jsx(Select.Value, { children: _jsx(Button, { variant: "primary", children: selectedAction.label }) }), _jsx(Divider, {}), _jsx(Select.Trigger, { chevron: _jsx(FaChevronDown, { className: "h-3.5 w-3.5" }), "aria-label": "Choose split action" }), _jsx(Select.Content, { children: _jsx(Select.List, { children: splitActions.map((item) => (_jsx(Select.Item, { value: item.value, textValue: item.label, children: item.label }, item.value))) }) })] }) }) }));
-}
-//# sourceMappingURL=07-split-button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"07-split-button.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/07-split-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,YAAY,GAAG;IACnB,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE;IAC1C,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,kBAAkB,EAAE;IAChD,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE;CAC9B,CAAC;AAEX,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,yGAAyG;CACvH,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAyB,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACpF,MAAM,cAAc,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;IAE7F,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,YAC9C,KAAC,KAAK,IAAC,WAAW,EAAC,YAAY,YAC7B,MAAC,KAAK,CAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAE,MAAM,EAAE,iBAAiB,EAAE,SAAS,aAChF,KAAC,MAAM,CAAC,KAAK,cACX,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,YAAE,cAAc,CAAC,KAAK,GAAU,GAC5C,EACf,KAAC,OAAO,KAAG,EACX,KAAC,MAAM,CAAC,OAAO,IACb,OAAO,EAAE,KAAC,aAAa,IAAC,SAAS,EAAC,aAAa,GAAG,gBACvC,qBAAqB,GAChC,EACF,KAAC,MAAM,CAAC,OAAO,cACb,KAAC,MAAM,CAAC,IAAI,cACT,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,KAAC,MAAM,CAAC,IAAI,IAAkB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,YACnE,IAAI,CAAC,KAAK,IADK,IAAI,CAAC,KAAK,CAEd,CACf,CAAC,GACU,GACC,IACJ,GACT,GACH,CACR,CAAA;AACH,CAAC"}

package/dist/components/Button/examples/08-button-group.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=08-button-group.d.ts.map

package/dist/components/Button/examples/08-button-group.d.ts.map

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

package/dist/components/Button/examples/08-button-group.js

@@ -1,14 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Divider, Group } from 'ui-lab-components';
-import { FaGrip, FaList, FaTable } from 'react-icons/fa6';
-export const metadata = {
-    title: 'Button Group',
-    description: 'Joined view switcher using the Group compound component with active state.'
-};
-export default function Example() {
-    const [viewMode, setViewMode] = useState("list");
-    return (_jsxs(Group, { orientation: "horizontal", spacing: "xs", children: [_jsxs(Group.Button, { active: viewMode === "list", onPress: () => setViewMode("list"), children: [_jsx(FaList, { className: "mr-1.5 text-foreground-400" }), " List"] }), _jsx(Divider, { orientation: "vertical" }), _jsxs(Group.Button, { active: viewMode === "grid", onPress: () => setViewMode("grid"), children: [_jsx(FaGrip, { className: "mr-1.5 text-foreground-400" }), " Grid"] }), _jsx(Divider, { orientation: "vertical" }), _jsxs(Group.Button, { active: viewMode === "table", onPress: () => setViewMode("table"), children: [_jsx(FaTable, { className: "mr-1.5 text-foreground-400" }), " Table"] })] }));
-}
-//# sourceMappingURL=08-button-group.js.map

package/dist/components/Button/examples/08-button-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"08-button-group.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/08-button-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAU,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,4EAA4E;CAC1F,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjD,OAAO,CACL,MAAC,KAAK,IAAC,WAAW,EAAC,YAAY,EAAC,OAAO,EAAC,IAAI,aAC1C,MAAC,KAAK,CAAC,MAAM,IAAC,MAAM,EAAE,QAAQ,KAAK,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,aAC3E,KAAC,MAAM,IAAC,SAAS,EAAC,4BAA4B,GAAG,aACpC,EACf,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,GAAG,EAClC,MAAC,KAAK,CAAC,MAAM,IAAC,MAAM,EAAE,QAAQ,KAAK,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,aAC3E,KAAC,MAAM,IAAC,SAAS,EAAC,4BAA4B,GAAG,aACpC,EACf,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,GAAG,EAClC,MAAC,KAAK,CAAC,MAAM,IAAC,MAAM,EAAE,QAAQ,KAAK,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,aAC7E,KAAC,OAAO,IAAC,SAAS,EAAC,4BAA4B,GAAG,cACrC,IACT,CACT,CAAA;AACH,CAAC"}