ui-lab-registry 0.3.43 → 0.3.45

package/dist/components/Badge/index.js

@@ -1,10 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Badge } from 'ui-lab-components';
-import Example1, { metadata as metadata1 } from './examples/01-basic-badge.js';
+import Example1, { metadata as metadata1 } from './examples/01-status-badges.js';
+import Example2, { metadata as metadata2 } from './examples/02-icon-position.js';
+import Example3, { metadata as metadata3 } from './examples/03-selectable-tags.js';
+import Example4, { metadata as metadata4 } from './examples/04-dismissible.js';
+import Example5, { metadata as metadata5 } from './examples/05-semantic-colors.js';
 import examplesJson from './examples.json' with { type: 'json' };
 import { loadComponentExamples } from '../../utils/load-component-examples.js';
 const examplesData = [
-    { id: '01-basic-badge', Component: Example1, metadata: metadata1 },
+    { id: '01-status-badges', Component: Example1, metadata: metadata1 },
+    { id: '02-icon-position', Component: Example2, metadata: metadata2 },
+    { id: '03-selectable-tags', Component: Example3, metadata: metadata3 },
+    { id: '04-dismissible', Component: Example4, metadata: metadata4 },
+    { id: '05-semantic-colors', Component: Example5, metadata: metadata5 },
 ];
 const badgeControls = [
     {
@@ -20,17 +28,6 @@ const badgeControls = [
         ],
         defaultValue: 'default',
     },
-    {
-        name: 'size',
-        label: 'Size',
-        type: 'select',
-        options: [
-            { label: 'Small', value: 'sm' },
-            { label: 'Medium', value: 'md' },
-            { label: 'Large', value: 'lg' },
-        ],
-        defaultValue: 'md',
-    },
     {
         name: 'dismissible',
         label: 'Dismissible',
@@ -47,7 +44,7 @@ export const badgeDetail = {
     id: 'badge',
     name: 'Badge',
     description: 'A versatile badge component for status and tag indicators',
-    overview: (_jsxs("div", { className: "space-y-4 text-foreground-300", children: [_jsx("p", { children: "Badge components are compact elements used to display status indicators, tags, labels, and other small pieces of information. They support multiple variants for different semantic meanings, multiple sizes for different contexts, and optional icons and dismissal functionality." }), _jsx("p", { children: "Use badges to highlight key information, indicate status changes, or tag content categories." })] })),
+    overview: (_jsxs("div", { className: "space-y-4 text-foreground-300", children: [_jsx("p", { children: "Badge components are compact elements used to display status indicators, tags, labels, and other small pieces of information. They support multiple variants for different semantic meanings, optional icons, and dismissal functionality." }), _jsx("p", { children: "Use badges to highlight key information, indicate status changes, or tag content categories." })] })),
     examples: [
         {
             id: 'preview',
@@ -56,7 +53,7 @@ export const badgeDetail = {
             code: badgeBasicCode,
             preview: _jsx(Badge, { children: "Default" }),
             controls: badgeControls,
-            renderPreview: (props) => (_jsx(Badge, { variant: props.variant, size: props.size, dismissible: props.dismissible, children: "Badge Text" })),
+            renderPreview: (props) => (_jsx(Badge, { variant: props.variant, dismissible: props.dismissible, children: "Badge Text" })),
         },
         ...loadComponentExamples(examplesData, examplesJson),
     ],

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

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

package/dist/components/Banner/examples/01-variants.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=01-variants.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,11 @@
-export { default as Example1 } from './01-basic-banner.js';
-export { metadata as metadata1 } from './01-basic-banner.js';
+export { default as Example1 } from './01-variants.js';
+export { metadata as metadata1 } from './01-variants.js';
+export { default as Example2 } from './02-dismissible.js';
+export { metadata as metadata2 } from './02-dismissible.js';
+export { default as Example3 } from './03-form-feedback.js';
+export { metadata as metadata3 } from './03-form-feedback.js';
+export { default as Example4 } from './04-settings-panel.js';
+export { metadata as metadata4 } from './04-settings-panel.js';
+export { default as Example5 } from './05-body-only.js';
+export { metadata as metadata5 } from './05-body-only.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -1,3 +1,11 @@
-export { default as Example1 } from './01-basic-banner.js';
-export { metadata as metadata1 } from './01-basic-banner.js';
+export { default as Example1 } from './01-variants.js';
+export { metadata as metadata1 } from './01-variants.js';
+export { default as Example2 } from './02-dismissible.js';
+export { metadata as metadata2 } from './02-dismissible.js';
+export { default as Example3 } from './03-form-feedback.js';
+export { metadata as metadata3 } from './03-form-feedback.js';
+export { default as Example4 } from './04-settings-panel.js';
+export { metadata as metadata4 } from './04-settings-panel.js';
+export { default as Example5 } from './05-body-only.js';
+export { metadata as metadata5 } from './05-body-only.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Banner/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Banner/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/Banner/examples.json

@@ -1,7 +1,27 @@
 {
-    "01-basic-banner": {
-        "title": "Basic Banner",
-        "description": "A neutral note banner using background shades instead of semantic colors. The default banner variant for general-purpose messaging.",
-        "code": "import React from 'react';\nimport { Banner } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Banner variant=\"note\" size=\"md\">\n      This is a note banner. Use it for general-purpose messages and information without semantic intent.\n    </Banner>\n  );\n}"
+    "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/Banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAUtD,QAAA,MAAM,cAAc,EAAE,UAAU,EA+B/B,CAAC;AAYF,eAAO,MAAM,YAAY,EAAE,eAwC1B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkBtD,QAAA,MAAM,cAAc,EAAE,UAAU,EAoB/B,CAAC;AAYF,eAAO,MAAM,YAAY,EAAE,eAuC1B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,qBAAqB,CAAC"}

package/dist/components/Banner/index.js

@@ -1,10 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Banner } from 'ui-lab-components';
-import Example1, { metadata as metadata1 } from './examples/01-basic-banner.js';
+import Example1, { metadata as metadata1 } from './examples/01-variants.js';
+import Example2, { metadata as metadata2 } from './examples/02-dismissible.js';
+import Example3, { metadata as metadata3 } from './examples/03-form-feedback.js';
+import Example4, { metadata as metadata4 } from './examples/04-settings-panel.js';
+import Example5, { metadata as metadata5 } from './examples/05-body-only.js';
 import examplesJson from './examples.json' with { type: 'json' };
 import { loadComponentExamples } from '../../utils/load-component-examples.js';
 const examplesData = [
-    { id: '01-basic-banner', Component: Example1, metadata: metadata1 },
+    { id: '01-variants', Component: Example1, metadata: metadata1 },
+    { id: '02-dismissible', Component: Example2, metadata: metadata2 },
+    { id: '03-form-feedback', Component: Example3, metadata: metadata3 },
+    { id: '04-settings-panel', Component: Example4, metadata: metadata4 },
+    { id: '05-body-only', Component: Example5, metadata: metadata5 },
 ];
 const bannerControls = [
     {
@@ -20,17 +28,6 @@ const bannerControls = [
         ],
         defaultValue: 'note',
     },
-    {
-        name: 'size',
-        label: 'Size',
-        type: 'select',
-        options: [
-            { label: 'Small', value: 'sm' },
-            { label: 'Medium', value: 'md' },
-            { label: 'Large', value: 'lg' },
-        ],
-        defaultValue: 'md',
-    },
     {
         name: 'dismissible',
         label: 'Dismissible',
@@ -42,7 +39,7 @@ const bannerBasicCode = `import { Banner } from "ui-lab-components";
 
 export function Example() {
   return (
-    <Banner variant="note" size="md">
+    <Banner variant="note">
       This is an informational banner.
     </Banner>
   );
@@ -58,9 +55,9 @@ export const bannerDetail = {
             title: 'Preview',
             description: 'Adjust props to customize the banner',
             code: bannerBasicCode,
-            preview: (_jsx(Banner, { variant: "note", size: "md", children: "This is an informational banner." })),
+            preview: (_jsx(Banner, { variant: "note", children: "This is an informational banner." })),
             controls: bannerControls,
-            renderPreview: (props) => (_jsxs(Banner, { variant: props.variant, size: props.size, isDismissible: props.dismissible, children: ["This is a ", props.variant, " banner."] })),
+            renderPreview: (props) => (_jsxs(Banner, { variant: props.variant, isDismissible: props.dismissible, children: ["This is a ", props.variant, " banner."] })),
         },
         ...loadComponentExamples(examplesData, examplesJson),
     ],

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,YAAY,MAAM,iBAAiB,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAG/E,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CACpE,CAAC;AAEF,MAAM,cAAc,GAAiB;IACnC;QACE,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAChC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAChC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;SACrC;QACD,YAAY,EAAE,MAAM;KACrB;IACD;QACE,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;YAC/B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;YAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;SAChC;QACD,YAAY,EAAE,IAAI;KACnB;IACD;QACE,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,QAAQ;QACd,YAAY,EAAE,KAAK;KACpB;CACF,CAAC;AAEF,MAAM,eAAe,GAAG;;;;;;;;EAQtB,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAoB;IAC3C,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,oFAAoF;IACjG,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,qOAGI,EACJ,wOAGI,IACA,CACP;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,sCAAsC;YACnD,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,CACP,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,iDAEvB,CACV;YACD,QAAQ,EAAE,cAAc;YACxB,aAAa,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAC7B,MAAC,MAAM,IACL,OAAO,EAAE,KAAK,CAAC,OAAc,EAC7B,IAAI,EAAE,KAAK,CAAC,IAAW,EACvB,aAAa,EAAE,KAAK,CAAC,WAAW,2BAErB,KAAK,CAAC,OAAO,gBACjB,CACV;SACF;QACD,GAAG,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC;KACrD;CACF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"01-variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/examples/01-variants.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAqD9B"}
+{"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,10 +1,18 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from 'ui-lab-components';
+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 including primary, default, secondary, outline, and ghost styles.'
+    description: 'All available button variants side by side in a single row.'
 };
 export default function Example() {
-    return (_jsxs("div", { className: "p-4 space-y-8", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Primary Variant" }), _jsxs("div", { className: "flex gap-2 flex-wrap", children: [_jsx(Button, { variant: "primary", children: "Primary Button" }), _jsx(Button, { variant: "primary", disabled: true, children: "Disabled" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Default Variant" }), _jsxs("div", { className: "flex gap-2 flex-wrap", children: [_jsx(Button, { variant: "default", children: "Default Button" }), _jsx(Button, { variant: "default", disabled: true, children: "Disabled" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Secondary Variant" }), _jsxs("div", { className: "flex gap-2 flex-wrap", children: [_jsx(Button, { variant: "secondary", children: "Secondary Button" }), _jsx(Button, { variant: "secondary", disabled: true, children: "Disabled" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Outline Variant" }), _jsxs("div", { className: "flex gap-2 flex-wrap", children: [_jsx(Button, { variant: "outline", children: "Outline Button" }), _jsx(Button, { variant: "outline", disabled: true, children: "Disabled" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Ghost Variant" }), _jsxs("div", { className: "flex gap-2 flex-wrap", children: [_jsx(Button, { variant: "ghost", children: "Ghost Button" }), _jsx(Button, { variant: "ghost", disabled: true, children: "Disabled" })] })] }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground-200 mb-3", children: "Sizes" }), _jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Button, { size: "sm", children: "Small" }), _jsx(Button, { size: "md", children: "Medium" }), _jsx(Button, { size: "lg", children: "Large" })] })] })] }));
+    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 +1 @@
-{"version":3,"file":"01-variants.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/01-variants.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,iGAAiG;CAC/G,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,aAC5B,0BACE,aAAI,SAAS,EAAC,gDAAgD,gCAAqB,EACnF,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,+BAAwB,EACjD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,+BAAkB,IAChD,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,gCAAqB,EACnF,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,+BAAwB,EACjD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,+BAAkB,IAChD,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,kCAAuB,EACrF,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,iCAA0B,EACrD,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,QAAQ,+BAAkB,IAClD,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,gCAAqB,EACnF,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,+BAAwB,EACjD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,+BAAkB,IAChD,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,8BAAmB,EACjF,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,6BAAsB,EAC7C,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,QAAQ,+BAAkB,IAC9C,IACF,EAEN,0BACE,aAAI,SAAS,EAAC,gDAAgD,sBAAW,EACzE,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,sBAAe,EAChC,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,uBAAgB,EACjC,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,sBAAe,IAC5B,IACF,IACF,CACP,CAAA;AACH,CAAC"}
+{"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.map

@@ -1 +1 @@
-{"version":3,"file":"02-multi-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/examples/02-multi-actions.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAQ9B"}
+{"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.map

@@ -1 +1 @@
-{"version":3,"file":"02-multi-actions.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/02-multi-actions.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,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"}
+{"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/04-sub-stack-actions.js

@@ -10,6 +10,6 @@ export const metadata = {
 };
 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, { size: "sm", variant: "secondary", children: "Ctrl+K" }) }), _jsx(Button, { size: "sm", icon: { right: _jsx(FaPlus, { size: 12 }) }, children: "Upload" })] }));
+    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 +1 @@
-{"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,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,uBAAgB,GAC1D,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"}
+{"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/06-icons.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=06-icons.d.ts.map

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

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

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

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

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

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

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

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

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

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

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