ui-lab-registry 0.3.45 → 0.3.46

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

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-scroll.js","sourceRoot":"","sources":["../../../../src/components/Scroll/examples/01-basic-scroll.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,8EAA8E;CAC5F,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,6BAA6B,EAAE;IACrD,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,uBAAuB,EAAE;IAC/C,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,4CAA4C,EAAE;IACpE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,oCAAoC,EAAE;IAC7D,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,iCAAiC,EAAE;IACzD,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,sCAAsC,EAAE;IAC9D,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,qBAAqB,EAAE;IAC7C,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,wCAAwC,EAAE;IAChE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,6DAA6D,EAAE;IACtF,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,qBAAqB,EAAE;IAC7C,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,wCAAwC,EAAE;IAChE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,sBAAsB,EAAE;IAC9C,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,8BAA8B,EAAE;CACvD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC1E,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,iCAExG,EACP,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,+BAA+B,EAAE,YAAY,EAAE,CAAC,EAAE,UAAU,EAAE,6BAA6B,EAAE,QAAQ,EAAE,QAAQ,EAAE,YACrI,KAAC,MAAM,IAAC,SAAS,EAAC,OAAO,kBAAQ,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,YAC3D,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAC7B,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,eAAa,KAAK,EAAE;gCAClB,OAAO,EAAE,MAAM;gCACf,GAAG,EAAE,EAAE;gCACP,OAAO,EAAE,UAAU;gCACnB,QAAQ,EAAE,EAAE;gCACZ,UAAU,EAAE,6BAA6B;gCACzC,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,OAAO;oCAC5B,CAAC,CAAC,0BAA0B;oCAC5B,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;wCACtB,CAAC,CAAC,0CAA0C;wCAC5C,CAAC,CAAC,yBAAyB;6BAChC,aACC,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAG,KAAK,CAAC,KAAK,GAAQ,EAChF,yBAAO,KAAK,CAAC,GAAG,GAAQ,KAbhB,CAAC,CAcL,CACP,CAAC,GACE,GACC,GACL,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Scroll/examples/02-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=02-settings-panel.d.ts.map

package/dist/components/Scroll/examples/02-settings-panel.d.ts.map

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

package/dist/components/Scroll/examples/02-settings-panel.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Scroll } from 'ui-lab-components';
-export const metadata = {
-    title: 'Settings Panel',
-    description: 'Constrained-height settings list with a custom scrollbar shown on hover.'
-};
-const SETTINGS_ITEMS = Array.from({ length: 18 }, (_, i) => ({
-    label: `Option ${i + 1}`,
-    description: `Configure behavior for setting ${i + 1}`,
-}));
-export default function Example() {
-    return (_jsxs("div", { style: { width: 320, border: '1px solid var(--color-border)', borderRadius: 8, overflow: 'hidden', background: 'var(--color-background)' }, children: [_jsx("div", { style: { padding: '12px 16px', borderBottom: '1px solid var(--color-border)', fontSize: 13, fontWeight: 500 }, children: "Preferences" }), _jsx(Scroll, { maxHeight: "240px", children: _jsx("div", { style: { padding: '8px 0' }, children: SETTINGS_ITEMS.map((item, i) => (_jsx("div", { style: {
-                            display: 'flex',
-                            justifyContent: 'space-between',
-                            alignItems: 'center',
-                            padding: '8px 16px',
-                            fontSize: 13,
-                            borderBottom: i < SETTINGS_ITEMS.length - 1 ? '1px solid var(--color-border)' : undefined,
-                        }, children: _jsxs("div", { children: [_jsx("div", { style: { color: 'var(--color-foreground)' }, children: item.label }), _jsx("div", { style: { fontSize: 11, color: 'var(--color-muted)', marginTop: 1 }, children: item.description })] }) }, i))) }) })] }));
-}
-//# sourceMappingURL=02-settings-panel.js.map

package/dist/components/Scroll/examples/02-settings-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-settings-panel.js","sourceRoot":"","sources":["../../../../src/components/Scroll/examples/02-settings-panel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,0EAA0E;CACxF,CAAC;AAEF,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3D,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE;IACxB,WAAW,EAAE,kCAAkC,CAAC,GAAG,CAAC,EAAE;CACvD,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,+BAA+B,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,yBAAyB,EAAE,aAC7I,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,+BAA+B,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,4BAE5G,EACN,KAAC,MAAM,IAAC,SAAS,EAAC,OAAO,YACvB,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAC7B,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,cAAa,KAAK,EAAE;4BAClB,OAAO,EAAE,MAAM;4BACf,cAAc,EAAE,eAAe;4BAC/B,UAAU,EAAE,QAAQ;4BACpB,OAAO,EAAE,UAAU;4BACnB,QAAQ,EAAE,EAAE;4BACZ,YAAY,EAAE,CAAC,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,SAAS;yBAC1F,YACC,0BACE,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,YAAG,IAAI,CAAC,KAAK,GAAO,EACpE,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,CAAC,EAAE,YAAG,IAAI,CAAC,WAAW,GAAO,IAC7F,IAXE,CAAC,CAYL,CACP,CAAC,GACE,GACC,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Scroll/examples/03-horizontal-tags.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-horizontal-tags.d.ts.map

package/dist/components/Scroll/examples/03-horizontal-tags.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-horizontal-tags.d.ts","sourceRoot":"","sources":["../../../../src/components/Scroll/examples/03-horizontal-tags.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAQF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAwB9B"}

package/dist/components/Scroll/examples/03-horizontal-tags.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Scroll } from 'ui-lab-components';
-export const metadata = {
-    title: 'Horizontal Tag List',
-    description: 'Horizontally scrollable row of filter tags that overflow their container.'
-};
-const TAGS = [
-    "authentication", "payments", "webhooks", "analytics", "notifications",
-    "billing", "user-management", "api-keys", "rate-limiting", "audit-logs",
-    "exports", "integrations", "search", "permissions", "reports",
-];
-export default function Example() {
-    return (_jsxs("div", { style: { width: 420, display: 'flex', flexDirection: 'column', gap: 6 }, children: [_jsx("span", { style: { fontSize: 12, color: 'var(--color-muted)' }, children: "Filter by topic" }), _jsx(Scroll, { direction: "horizontal", maxWidth: "420px", hide: false, inline: true, children: _jsx("div", { style: { display: 'flex', gap: 6, padding: '2px 0' }, children: TAGS.map((tag) => (_jsx("span", { style: {
-                            whiteSpace: 'nowrap',
-                            padding: '3px 10px',
-                            border: '1px solid var(--color-border)',
-                            borderRadius: 4,
-                            fontSize: 12,
-                            color: 'var(--color-foreground)',
-                            cursor: 'default',
-                            background: 'var(--color-background-900)',
-                        }, children: tag }, tag))) }) })] }));
-}
-//# sourceMappingURL=03-horizontal-tags.js.map

package/dist/components/Scroll/examples/03-horizontal-tags.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-horizontal-tags.js","sourceRoot":"","sources":["../../../../src/components/Scroll/examples/03-horizontal-tags.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,qBAAqB;IAC5B,WAAW,EAAE,2EAA2E;CACzF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe;IACtE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY;IACvE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS;CAC9D,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC1E,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,gCAAwB,EAClF,KAAC,MAAM,IAAC,SAAS,EAAC,YAAY,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAE,KAAK,EAAE,MAAM,kBACjE,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,YACtD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,eAAgB,KAAK,EAAE;4BACrB,UAAU,EAAE,QAAQ;4BACpB,OAAO,EAAE,UAAU;4BACnB,MAAM,EAAE,+BAA+B;4BACvC,YAAY,EAAE,CAAC;4BACf,QAAQ,EAAE,EAAE;4BACZ,KAAK,EAAE,yBAAyB;4BAChC,MAAM,EAAE,SAAS;4BACjB,UAAU,EAAE,6BAA6B;yBAC1C,YACE,GAAG,IAVK,GAAG,CAWP,CACR,CAAC,GACE,GACC,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Scroll/examples.json

@@ -1,17 +0,0 @@
-{
-    "01-basic-scroll": {
-        "title": "Log Viewer",
-        "description": "Vertically scrollable log output with fade mask to hint at overflow content.",
-        "code": "import { Scroll } from 'ui-lab-components';\n\nconst LOG_ENTRIES = [\n  { level: \"info\", msg: \"Server started on port 3000\" },\n  { level: \"info\", msg: \"Connected to database\" },\n  { level: \"warn\", msg: \"Slow query detected: users.findAll (342ms)\" },\n  { level: \"error\", msg: \"Failed to send email: SMTP timeout\" },\n  { level: \"info\", msg: \"Cache warmed: 1,204 keys loaded\" },\n  { level: \"info\", msg: \"Background job 'sync-orders' started\" },\n  { level: \"warn\", msg: \"Memory usage at 78%\" },\n  { level: \"info\", msg: \"Background job 'sync-orders' completed\" },\n  { level: \"error\", msg: \"Unhandled rejection: Cannot read property 'id' of undefined\" },\n  { level: \"info\", msg: \"Health check passed\" },\n  { level: \"warn\", msg: \"Rate limit reached for IP 192.168.1.42\" },\n  { level: \"info\", msg: \"User #4821 logged in\" },\n  { level: \"info\", msg: \"Deployment complete: v2.14.0\" },\n];\n\nexport default function Example() {\n  return (\n    <div style={{ width: 480, display: 'flex', flexDirection: 'column', gap: 4 }}>\n      <span style={{ fontSize: 11, color: 'var(--color-muted)', textTransform: 'uppercase', letterSpacing: '0.08em' }}>\n        Application Logs\n      </span>\n      <div style={{ border: '1px solid var(--color-border)', borderRadius: 6, background: 'var(--color-background-900)', overflow: 'hidden' }}>\n        <Scroll maxHeight=\"200px\" fade-y fadeDistance={8} fadeSize={5}>\n          <div style={{ padding: '8px 0' }}>\n            {LOG_ENTRIES.map((entry, i) => (\n              <div key={i} style={{\n                display: 'flex',\n                gap: 10,\n                padding: '3px 12px',\n                fontSize: 12,\n                fontFamily: 'var(--font-mono, monospace)',\n                color: entry.level === 'error'\n                  ? 'var(--color-destructive)'\n                  : entry.level === 'warn'\n                    ? 'var(--color-warning, var(--color-muted))'\n                    : 'var(--color-foreground)',\n              }}>\n                <span style={{ color: 'var(--color-muted)', minWidth: 36 }}>{entry.level}</span>\n                <span>{entry.msg}</span>\n              </div>\n            ))}\n          </div>\n        </Scroll>\n      </div>\n    </div>\n  );\n}"
-    },
-    "02-settings-panel": {
-        "title": "Settings Panel",
-        "description": "Constrained-height settings list with a custom scrollbar shown on hover.",
-        "code": "import { Scroll } from 'ui-lab-components';\n\nconst SETTINGS_ITEMS = Array.from({ length: 18 }, (_, i) => ({\n  label: `Option ${i + 1}`,\n  description: `Configure behavior for setting ${i + 1}`,\n}));\n\nexport default function Example() {\n  return (\n    <div style={{ width: 320, border: '1px solid var(--color-border)', borderRadius: 8, overflow: 'hidden', background: 'var(--color-background)' }}>\n      <div style={{ padding: '12px 16px', borderBottom: '1px solid var(--color-border)', fontSize: 13, fontWeight: 500 }}>\n        Preferences\n      </div>\n      <Scroll maxHeight=\"240px\">\n        <div style={{ padding: '8px 0' }}>\n          {SETTINGS_ITEMS.map((item, i) => (\n            <div key={i} style={{\n              display: 'flex',\n              justifyContent: 'space-between',\n              alignItems: 'center',\n              padding: '8px 16px',\n              fontSize: 13,\n              borderBottom: i < SETTINGS_ITEMS.length - 1 ? '1px solid var(--color-border)' : undefined,\n            }}>\n              <div>\n                <div style={{ color: 'var(--color-foreground)' }}>{item.label}</div>\n                <div style={{ fontSize: 11, color: 'var(--color-muted)', marginTop: 1 }}>{item.description}</div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </Scroll>\n    </div>\n  );\n}"
-    },
-    "03-horizontal-tags": {
-        "title": "Horizontal Tag List",
-        "description": "Horizontally scrollable row of filter tags that overflow their container.",
-        "code": "import { Scroll } from 'ui-lab-components';\n\nconst TAGS = [\n  \"authentication\", \"payments\", \"webhooks\", \"analytics\", \"notifications\",\n  \"billing\", \"user-management\", \"api-keys\", \"rate-limiting\", \"audit-logs\",\n  \"exports\", \"integrations\", \"search\", \"permissions\", \"reports\",\n];\n\nexport default function Example() {\n  return (\n    <div style={{ width: 420, display: 'flex', flexDirection: 'column', gap: 6 }}>\n      <span style={{ fontSize: 12, color: 'var(--color-muted)' }}>Filter by topic</span>\n      <Scroll direction=\"horizontal\" maxWidth=\"420px\" hide={false} inline>\n        <div style={{ display: 'flex', gap: 6, padding: '2px 0' }}>\n          {TAGS.map((tag) => (\n            <span key={tag} style={{\n              whiteSpace: 'nowrap',\n              padding: '3px 10px',\n              border: '1px solid var(--color-border)',\n              borderRadius: 4,\n              fontSize: 12,\n              color: 'var(--color-foreground)',\n              cursor: 'default',\n              background: 'var(--color-background-900)',\n            }}>\n              {tag}\n            </span>\n          ))}\n        </div>\n      </Scroll>\n    </div>\n  );\n}"
-    }
-}

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

package/dist/components/Select/examples/01-basic-select.d.ts.map

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

package/dist/components/Select/examples/01-basic-select.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Select } from 'ui-lab-components';
-export const metadata = {
-    title: 'Basic Select',
-    description: 'A simple dropdown select component with options. Use this for form inputs and user choices.'
-};
-export default function Example() {
-    return (_jsxs(Select, { children: [_jsx(Select.Trigger, { children: _jsx(Select.Value, { placeholder: "Select an option" }) }), _jsxs(Select.Content, { children: [_jsx(Select.Item, { value: "option1", textValue: "Option 1", children: "Option 1" }), _jsx(Select.Item, { value: "option2", textValue: "Option 2", children: "Option 2" }), _jsx(Select.Item, { value: "option3", textValue: "Option 3", children: "Option 3" })] })] }));
-}
-//# sourceMappingURL=01-basic-select.js.map

package/dist/components/Select/examples/01-basic-select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-select.js","sourceRoot":"","sources":["../../../../src/components/Select/examples/01-basic-select.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,6FAA6F;CAC3G,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,MAAM,eACL,KAAC,MAAM,CAAC,OAAO,cACb,KAAC,MAAM,CAAC,KAAK,IAAC,WAAW,EAAC,kBAAkB,GAAG,GAChC,EACjB,MAAC,MAAM,CAAC,OAAO,eACb,KAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,UAAU,yBAAuB,EACxE,KAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,UAAU,yBAAuB,EACxE,KAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,UAAU,yBAAuB,IACzD,IACV,CACV,CAAC;AACJ,CAAC"}

package/dist/components/Select/examples/02-searchable-select.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-searchable-select.d.ts.map

package/dist/components/Select/examples/02-searchable-select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-searchable-select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/examples/02-searchable-select.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AA+BF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAa9B"}

package/dist/components/Select/examples/02-searchable-select.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Select, Searchable } from 'ui-lab-components';
-export const metadata = {
-    title: 'Searchable Select',
-    description: 'A filterable select component with search input. Type to filter through a large list of options.'
-};
-const countries = [
-    { value: 'us', label: 'United States' },
-    { value: 'ca', label: 'Canada' },
-    { value: 'mx', label: 'Mexico' },
-    { value: 'br', label: 'Brazil' },
-    { value: 'ar', label: 'Argentina' },
-    { value: 'uk', label: 'United Kingdom' },
-    { value: 'fr', label: 'France' },
-    { value: 'de', label: 'Germany' },
-    { value: 'it', label: 'Italy' },
-    { value: 'es', label: 'Spain' },
-    { value: 'pt', label: 'Portugal' },
-    { value: 'nl', label: 'Netherlands' },
-    { value: 'be', label: 'Belgium' },
-    { value: 'ch', label: 'Switzerland' },
-    { value: 'at', label: 'Austria' },
-    { value: 'se', label: 'Sweden' },
-    { value: 'no', label: 'Norway' },
-    { value: 'dk', label: 'Denmark' },
-    { value: 'fi', label: 'Finland' },
-    { value: 'pl', label: 'Poland' },
-    { value: 'jp', label: 'Japan' },
-    { value: 'cn', label: 'China' },
-    { value: 'kr', label: 'South Korea' },
-    { value: 'in', label: 'India' },
-    { value: 'au', label: 'Australia' },
-    { value: 'nz', label: 'New Zealand' },
-];
-export default function Example() {
-    return (_jsxs(Select, { children: [_jsx(Searchable.Input, { placeholder: "Search countries..." }), _jsx(Searchable.Content, { searchPlaceholder: "Type to filter...", children: countries.map((country) => (_jsx(Select.Item, { value: country.value, textValue: country.label, children: country.label }, country.value))) })] }));
-}
-//# sourceMappingURL=02-searchable-select.js.map

package/dist/components/Select/examples/02-searchable-select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-searchable-select.js","sourceRoot":"","sources":["../../../../src/components/Select/examples/02-searchable-select.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,kGAAkG;CAChH,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE;IACvC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE;IACnC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACxC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;IACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE;IAClC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;IACrC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;IACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;IACrC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;IACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;IACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE;IACjC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;IACrC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE;IACnC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE;CACtC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,MAAM,eACL,KAAC,UAAU,CAAC,KAAK,IAAC,WAAW,EAAC,qBAAqB,GAAG,EACtD,KAAC,UAAU,CAAC,OAAO,IAAC,iBAAiB,EAAC,mBAAmB,YACtD,SAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC1B,KAAC,MAAM,CAAC,IAAI,IAAqB,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,YAC5E,OAAO,CAAC,KAAK,IADE,OAAO,CAAC,KAAK,CAEjB,CACf,CAAC,GACiB,IACd,CACV,CAAC;AACJ,CAAC"}

package/dist/components/Select/examples/03-country-select.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-country-select.d.ts.map

package/dist/components/Select/examples/03-country-select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-country-select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/examples/03-country-select.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAiBF,MAAM,CAAC,OAAO,UAAU,OAAO,4CA6B9B"}

package/dist/components/Select/examples/03-country-select.js

@@ -1,28 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Select, Searchable } from 'ui-lab-components';
-export const metadata = {
-    title: 'Country Selector',
-    description: 'Button trigger reveals a searchable country list with flags and dial codes inside the dropdown content.'
-};
-const countries = [
-    { value: "us", label: "United States", flag: "🇺🇸", code: "+1" },
-    { value: "gb", label: "United Kingdom", flag: "🇬🇧", code: "+44" },
-    { value: "de", label: "Germany", flag: "🇩🇪", code: "+49" },
-    { value: "fr", label: "France", flag: "🇫🇷", code: "+33" },
-    { value: "jp", label: "Japan", flag: "🇯🇵", code: "+81" },
-    { value: "kr", label: "South Korea", flag: "🇰🇷", code: "+82" },
-    { value: "cn", label: "China", flag: "🇨🇳", code: "+86" },
-    { value: "in", label: "India", flag: "🇮🇳", code: "+91" },
-    { value: "br", label: "Brazil", flag: "🇧🇷", code: "+55" },
-    { value: "au", label: "Australia", flag: "🇦🇺", code: "+61" },
-    { value: "ca", label: "Canada", flag: "🇨🇦", code: "+1" },
-    { value: "mx", label: "Mexico", flag: "🇲🇽", code: "+52" },
-];
-export default function Example() {
-    const [country, setCountry] = useState("us");
-    const selected = countries.find(c => c.value === country);
-    return (_jsxs(Select, { selectedKey: country, valueLabel: selected?.label, onSelectionChange: setCountry, className: "w-72", children: [_jsx(Select.Trigger, { children: _jsx(Select.Value, { placeholder: "Choose a country...", icon: selected && _jsx("span", { className: "text-sm", children: selected.flag }) }) }), _jsx(Searchable.Content, { searchPlaceholder: "Search countries...", children: countries.map((c) => (_jsx(Select.Item, { value: c.value, textValue: c.label, icon: _jsx("span", { className: "text-md", children: c.flag }), children: _jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsx("span", { children: c.label }), _jsx("span", { className: "ml-2 text-sm text-foreground-400", children: c.code })] }) }, c.value))) })] }));
-}
-//# sourceMappingURL=03-country-select.js.map

package/dist/components/Select/examples/03-country-select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-country-select.js","sourceRoot":"","sources":["../../../../src/components/Select/examples/03-country-select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,kBAAkB;IACzB,WAAW,EAAE,yGAAyG;CACvH,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE;IACjE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE;IACnE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE;IAC5D,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE;IAC3D,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE;IAC1D,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE;IAChE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE;IAC1D,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE;IAC1D,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE;IAC3D,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE;IAC9D,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE;IAC1D,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE;CAC5D,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAC;IACrE,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC;IAE1D,OAAO,CACL,MAAC,MAAM,IACL,WAAW,EAAE,OAAO,EACpB,UAAU,EAAE,QAAQ,EAAE,KAAK,EAC3B,iBAAiB,EAAE,UAAU,EAC7B,SAAS,EAAC,MAAM,aAEhB,KAAC,MAAM,CAAC,OAAO,cACb,KAAC,MAAM,CAAC,KAAK,IACX,WAAW,EAAC,qBAAqB,EACjC,IAAI,EAAE,QAAQ,IAAI,eAAM,SAAS,EAAC,SAAS,YAAE,QAAQ,CAAC,IAAI,GAAQ,GAClE,GACa,EACjB,KAAC,UAAU,CAAC,OAAO,IAAC,iBAAiB,EAAC,qBAAqB,YACxD,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACpB,KAAC,MAAM,CAAC,IAAI,IAAe,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,eAAM,SAAS,EAAC,SAAS,YAAE,CAAC,CAAC,IAAI,GAAQ,YAC5G,eAAK,SAAS,EAAC,0CAA0C,aACvD,yBAAO,CAAC,CAAC,KAAK,GAAQ,EACtB,eAAM,SAAS,EAAC,kCAAkC,YAAE,CAAC,CAAC,IAAI,GAAQ,IAC9D,IAJU,CAAC,CAAC,KAAK,CAKX,CACf,CAAC,GACiB,IACd,CACV,CAAC;AACJ,CAAC"}

package/dist/components/Select/examples.json

@@ -1,17 +0,0 @@
-{
-    "01-basic-select": {
-        "title": "Basic Select",
-        "description": "A simple dropdown select component with options. Use this for form inputs and user choices.",
-        "code": "import React from 'react';\nimport { Select } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <Select>\n      <Select.Trigger>\n        <Select.Value placeholder=\"Select an option\" />\n      </Select.Trigger>\n      <Select.Content>\n        <Select.Item value=\"option1\" textValue=\"Option 1\">Option 1</Select.Item>\n        <Select.Item value=\"option2\" textValue=\"Option 2\">Option 2</Select.Item>\n        <Select.Item value=\"option3\" textValue=\"Option 3\">Option 3</Select.Item>\n      </Select.Content>\n    </Select>\n  );\n}"
-    },
-    "02-searchable-select": {
-        "title": "Searchable Select",
-        "description": "A filterable select component with search input. Type to filter through a large list of options.",
-        "code": "import React from 'react';\nimport { Select, Searchable } from 'ui-lab-components';\n\nconst countries = [\n  { value: 'us', label: 'United States' },\n  { value: 'ca', label: 'Canada' },\n  { value: 'mx', label: 'Mexico' },\n  { value: 'br', label: 'Brazil' },\n  { value: 'ar', label: 'Argentina' },\n  { value: 'uk', label: 'United Kingdom' },\n  { value: 'fr', label: 'France' },\n  { value: 'de', label: 'Germany' },\n  { value: 'it', label: 'Italy' },\n  { value: 'es', label: 'Spain' },\n  { value: 'pt', label: 'Portugal' },\n  { value: 'nl', label: 'Netherlands' },\n  { value: 'be', label: 'Belgium' },\n  { value: 'ch', label: 'Switzerland' },\n  { value: 'at', label: 'Austria' },\n  { value: 'se', label: 'Sweden' },\n  { value: 'no', label: 'Norway' },\n  { value: 'dk', label: 'Denmark' },\n  { value: 'fi', label: 'Finland' },\n  { value: 'pl', label: 'Poland' },\n  { value: 'jp', label: 'Japan' },\n  { value: 'cn', label: 'China' },\n  { value: 'kr', label: 'South Korea' },\n  { value: 'in', label: 'India' },\n  { value: 'au', label: 'Australia' },\n  { value: 'nz', label: 'New Zealand' },\n];\n\nexport default function Example() {\n  return (\n    <Select>\n      <Searchable.Input placeholder=\"Search countries...\" />\n      <Searchable.Content searchPlaceholder=\"Type to filter...\">\n        {countries.map((country) => (\n          <Select.Item key={country.value} value={country.value} textValue={country.label}>\n            {country.label}\n          </Select.Item>\n        ))}\n      </Searchable.Content>\n    </Select>\n  );\n}"
-    },
-    "03-country-select": {
-        "title": "Country Selector",
-        "description": "Button trigger reveals a searchable country list with flags and dial codes inside the dropdown content.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Select, Searchable } from 'ui-lab-components';\n\nconst countries = [\n  { value: \"us\", label: \"United States\", flag: \"🇺🇸\", code: \"+1\" },\n  { value: \"gb\", label: \"United Kingdom\", flag: \"🇬🇧\", code: \"+44\" },\n  { value: \"de\", label: \"Germany\", flag: \"🇩🇪\", code: \"+49\" },\n  { value: \"fr\", label: \"France\", flag: \"🇫🇷\", code: \"+33\" },\n  { value: \"jp\", label: \"Japan\", flag: \"🇯🇵\", code: \"+81\" },\n  { value: \"kr\", label: \"South Korea\", flag: \"🇰🇷\", code: \"+82\" },\n  { value: \"cn\", label: \"China\", flag: \"🇨🇳\", code: \"+86\" },\n  { value: \"in\", label: \"India\", flag: \"🇮🇳\", code: \"+91\" },\n  { value: \"br\", label: \"Brazil\", flag: \"🇧🇷\", code: \"+55\" },\n  { value: \"au\", label: \"Australia\", flag: \"🇦🇺\", code: \"+61\" },\n  { value: \"ca\", label: \"Canada\", flag: \"🇨🇦\", code: \"+1\" },\n  { value: \"mx\", label: \"Mexico\", flag: \"🇲🇽\", code: \"+52\" },\n];\n\nexport default function Example() {\n  const [country, setCountry] = useState<string | number | null>(\"us\");\n  const selected = countries.find(c => c.value === country);\n\n  return (\n    <Select\n      selectedKey={country}\n      valueLabel={selected?.label}\n      onSelectionChange={setCountry}\n      className=\"w-72\"\n    >\n      <Select.Trigger>\n        <Select.Value\n          placeholder=\"Choose a country...\"\n          icon={selected && <span className=\"text-sm\">{selected.flag}</span>}\n        />\n      </Select.Trigger>\n      <Searchable.Content searchPlaceholder=\"Search countries...\">\n        {countries.map((c) => (\n          <Select.Item key={c.value} value={c.value} textValue={c.label} icon={<span className=\"text-md\">{c.flag}</span>}>\n            <div className=\"flex items-center justify-between w-full\">\n              <span>{c.label}</span>\n              <span className=\"ml-2 text-sm text-foreground-400\">{c.code}</span>\n            </div>\n          </Select.Item>\n        ))}\n      </Searchable.Content>\n    </Select>\n  );\n}"
-    }
-}

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

package/dist/components/Slider/examples/01-basic-slider.d.ts.map

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

package/dist/components/Slider/examples/01-basic-slider.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Slider } from 'ui-lab-components';
-export const metadata = {
-    title: 'Volume Control',
-    description: 'Horizontal slider with a label and live numeric readout.'
-};
-export default function Example() {
-    const [volume, setVolume] = useState(60);
-    return (_jsxs("div", { className: "flex items-center gap-4 w-72", children: [_jsx("span", { className: "text-sm text-muted-foreground w-16", children: "Volume" }), _jsx(Slider, { "aria-label": "Volume", value: volume, onValueChange: ([v]) => setVolume(v), className: "flex-1" }), _jsx("span", { className: "text-sm tabular-nums w-8 text-right", children: volume })] }));
-}
-//# sourceMappingURL=01-basic-slider.js.map

package/dist/components/Slider/examples/01-basic-slider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-slider.js","sourceRoot":"","sources":["../../../../src/components/Slider/examples/01-basic-slider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,0DAA0D;CACxE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzC,OAAO,CACL,eAAK,SAAS,EAAC,8BAA8B,aAC3C,eAAM,SAAS,EAAC,oCAAoC,uBAAc,EAClE,KAAC,MAAM,kBACM,QAAQ,EACnB,KAAK,EAAE,MAAM,EACb,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EACpC,SAAS,EAAC,QAAQ,GAClB,EACF,eAAM,SAAS,EAAC,qCAAqC,YAAE,MAAM,GAAQ,IACjE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Slider/examples/02-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=02-settings-panel.d.ts.map

package/dist/components/Slider/examples/02-settings-panel.d.ts.map

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

package/dist/components/Slider/examples/02-settings-panel.js

@@ -1,20 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Slider } from 'ui-lab-components';
-export const metadata = {
-    title: 'Settings Panel',
-    description: 'Multiple sliders in a settings list with dividers.'
-};
-export default function Example() {
-    const [brightness, setBrightness] = useState(80);
-    const [contrast, setContrast] = useState(50);
-    const [saturation, setSaturation] = useState(40);
-    const settings = [
-        { id: "brightness", label: "Brightness", value: brightness, onChange: (v) => setBrightness(v[0]) },
-        { id: "contrast", label: "Contrast", value: contrast, onChange: (v) => setContrast(v[0]) },
-        { id: "saturation", label: "Saturation", value: saturation, onChange: (v) => setSaturation(v[0]) },
-    ];
-    return (_jsx("div", { className: "w-80 divide-y divide-border divide-background-700", children: settings.map(({ id, label, value, onChange }) => (_jsxs("div", { className: "flex items-center gap-4 py-3", children: [_jsx("span", { className: "text-sm w-24 shrink-0", children: label }), _jsx(Slider, { "aria-label": label, value: value, onValueChange: onChange, className: "flex-1" }), _jsx("span", { className: "text-sm tabular-nums w-8 text-right text-muted-foreground", children: value })] }, id))) }));
-}
-//# sourceMappingURL=02-settings-panel.js.map

package/dist/components/Slider/examples/02-settings-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"02-settings-panel.js","sourceRoot":"","sources":["../../../../src/components/Slider/examples/02-settings-panel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,oDAAoD;CAClE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEjD,MAAM,QAAQ,GAAG;QACf,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAW,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;QAC5G,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAW,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;QACpG,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAW,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;KAC7G,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,mDAAmD,YAC/D,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAChD,eAAc,SAAS,EAAC,8BAA8B,aACpD,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAQ,EACtD,KAAC,MAAM,kBAAa,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAC,QAAQ,GAAG,EACvF,eAAM,SAAS,EAAC,2DAA2D,YAAE,KAAK,GAAQ,KAHlF,EAAE,CAIN,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Slider/examples/03-price-range.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-price-range.d.ts.map

package/dist/components/Slider/examples/03-price-range.d.ts.map

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

package/dist/components/Slider/examples/03-price-range.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Slider } from 'ui-lab-components';
-export const metadata = {
-    title: 'Price Range',
-    description: 'Range slider with two thumbs for min/max filtering.'
-};
-export default function Example() {
-    const [range, setRange] = useState([200, 800]);
-    return (_jsxs("div", { className: "w-80 flex flex-col gap-4", children: [_jsxs("div", { className: "flex justify-between text-sm text-muted-foreground", children: [_jsx("span", { children: "Price range" }), _jsxs("span", { children: ["$", range[0], " \u2013 $", range[1]] })] }), _jsx(Slider, { "aria-label": "Price range", value: range, min: 0, max: 1000, step: 10, onValueChange: setRange }), _jsxs("div", { className: "flex justify-between text-xs text-muted-foreground", children: [_jsx("span", { children: "$0" }), _jsx("span", { children: "$1,000" })] })] }));
-}
-//# sourceMappingURL=03-price-range.js.map

package/dist/components/Slider/examples/03-price-range.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"03-price-range.js","sourceRoot":"","sources":["../../../../src/components/Slider/examples/03-price-range.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,qDAAqD;CACnE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAE/C,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,eAAK,SAAS,EAAC,oDAAoD,aACjE,yCAAwB,EACxB,gCAAQ,KAAK,CAAC,CAAC,CAAC,eAAM,KAAK,CAAC,CAAC,CAAC,IAAQ,IAClC,EACN,KAAC,MAAM,kBACM,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,EAAE,EACR,aAAa,EAAE,QAAQ,GACvB,EACF,eAAK,SAAS,EAAC,oDAAoD,aACjE,gCAAe,EACf,oCAAmB,IACf,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Slider/examples/04-step-slider.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-step-slider.d.ts.map

package/dist/components/Slider/examples/04-step-slider.d.ts.map

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

package/dist/components/Slider/examples/04-step-slider.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Slider } from 'ui-lab-components';
-export const metadata = {
-    title: 'Step Slider',
-    description: 'Slider constrained to discrete steps with tick labels.'
-};
-export default function Example() {
-    const [rating, setRating] = useState(3);
-    return (_jsxs("div", { className: "flex flex-col gap-3 w-64", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx("label", { className: "text-sm", children: "Quality rating" }), _jsxs("span", { className: "text-sm font-medium", children: [rating, " / 5"] })] }), _jsx(Slider, { "aria-label": "Quality rating", value: rating, min: 1, max: 5, step: 1, onValueChange: ([v]) => setRating(v) }), _jsx("div", { className: "flex justify-between text-xs text-muted-foreground", children: [1, 2, 3, 4, 5].map((n) => (_jsx("span", { children: n }, n))) })] }));
-}
-//# sourceMappingURL=04-step-slider.js.map

package/dist/components/Slider/examples/04-step-slider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"04-step-slider.js","sourceRoot":"","sources":["../../../../src/components/Slider/examples/04-step-slider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,wDAAwD;CACtE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAExC,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,eAAK,SAAS,EAAC,mCAAmC,aAChD,gBAAO,SAAS,EAAC,SAAS,+BAAuB,EACjD,gBAAM,SAAS,EAAC,qBAAqB,aAAE,MAAM,YAAY,IACrD,EACN,KAAC,MAAM,kBACM,gBAAgB,EAC3B,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,GACpC,EACF,cAAK,SAAS,EAAC,oDAAoD,YAChE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAC1B,yBAAe,CAAC,IAAL,CAAC,CAAY,CACzB,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Slider/examples/05-disabled-state.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-disabled-state.d.ts.map

package/dist/components/Slider/examples/05-disabled-state.d.ts.map

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

package/dist/components/Slider/examples/05-disabled-state.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Slider } from 'ui-lab-components';
-export const metadata = {
-    title: 'Disabled State',
-    description: 'Active and disabled sliders side by side.'
-};
-export default function Example() {
-    return (_jsxs("div", { className: "flex flex-col gap-4 w-64", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("span", { className: "text-sm text-muted-foreground w-20", children: "Active" }), _jsx(Slider, { "aria-label": "Active slider", defaultValue: 40, className: "flex-1" })] }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("span", { className: "text-sm text-muted-foreground w-20", children: "Disabled" }), _jsx(Slider, { "aria-label": "Disabled slider", defaultValue: 40, disabled: true, className: "flex-1" })] })] }));
-}
-//# sourceMappingURL=05-disabled-state.js.map

package/dist/components/Slider/examples/05-disabled-state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"05-disabled-state.js","sourceRoot":"","sources":["../../../../src/components/Slider/examples/05-disabled-state.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,2CAA2C;CACzD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,oCAAoC,uBAAc,EAClE,KAAC,MAAM,kBAAY,eAAe,EAAC,YAAY,EAAE,EAAE,EAAE,SAAS,EAAC,QAAQ,GAAG,IACtE,EACN,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAC,oCAAoC,yBAAgB,EACpE,KAAC,MAAM,kBAAY,iBAAiB,EAAC,YAAY,EAAE,EAAE,EAAE,QAAQ,QAAC,SAAS,EAAC,QAAQ,GAAG,IACjF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Slider/examples/06-vertical-mixer.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-vertical-mixer.d.ts.map

package/dist/components/Slider/examples/06-vertical-mixer.d.ts.map

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

package/dist/components/Slider/examples/06-vertical-mixer.js

@@ -1,17 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Slider } from 'ui-lab-components';
-export const metadata = {
-    title: 'Vertical Mixer',
-    description: 'Vertical orientation for audio-style channel controls.'
-};
-export default function Example() {
-    const [channels, setChannels] = useState([70, 50, 80, 40]);
-    return (_jsx("div", { className: "flex items-end gap-6 h-40", children: ["CH1", "CH2", "CH3", "CH4"].map((label, i) => (_jsxs("div", { className: "flex flex-col items-center gap-2", children: [_jsx(Slider, { "aria-label": label, value: channels[i], orientation: "vertical", onValueChange: ([v]) => {
-                        const next = [...channels];
-                        next[i] = v;
-                        setChannels(next);
-                    }, style: { height: 120 } }), _jsx("span", { className: "text-xs text-muted-foreground", children: label })] }, label))) }));
-}
-//# sourceMappingURL=06-vertical-mixer.js.map

package/dist/components/Slider/examples/06-vertical-mixer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"06-vertical-mixer.js","sourceRoot":"","sources":["../../../../src/components/Slider/examples/06-vertical-mixer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,wDAAwD;CACtE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAE3D,OAAO,CACL,cAAK,SAAS,EAAC,2BAA2B,YACvC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC9C,eAAiB,SAAS,EAAC,kCAAkC,aAC3D,KAAC,MAAM,kBACO,KAAK,EACjB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAClB,WAAW,EAAC,UAAU,EACtB,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;wBACrB,MAAM,IAAI,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;wBAC3B,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;wBACZ,WAAW,CAAC,IAAI,CAAC,CAAC;oBACpB,CAAC,EACD,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GACtB,EACF,eAAM,SAAS,EAAC,+BAA+B,YAAE,KAAK,GAAQ,KAZtD,KAAK,CAaT,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Slider/examples.json

@@ -1,32 +0,0 @@
-{
-    "01-basic-slider": {
-        "title": "Volume Control",
-        "description": "Horizontal slider with a label and live numeric readout.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Slider } from 'ui-lab-components';\n\nexport default function Example() {\n  const [volume, setVolume] = useState(60);\n\n  return (\n    <div className=\"flex items-center gap-4 w-72\">\n      <span className=\"text-sm text-muted-foreground w-16\">Volume</span>\n      <Slider\n        aria-label=\"Volume\"\n        value={volume}\n        onValueChange={([v]) => setVolume(v)}\n        className=\"flex-1\"\n      />\n      <span className=\"text-sm tabular-nums w-8 text-right\">{volume}</span>\n    </div>\n  );\n}"
-    },
-    "02-settings-panel": {
-        "title": "Settings Panel",
-        "description": "Multiple sliders in a settings list with dividers.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Slider } from 'ui-lab-components';\n\nexport default function Example() {\n  const [brightness, setBrightness] = useState(80);\n  const [contrast, setContrast] = useState(50);\n  const [saturation, setSaturation] = useState(40);\n\n  const settings = [\n    { id: \"brightness\", label: \"Brightness\", value: brightness, onChange: (v: number[]) => setBrightness(v[0]) },\n    { id: \"contrast\", label: \"Contrast\", value: contrast, onChange: (v: number[]) => setContrast(v[0]) },\n    { id: \"saturation\", label: \"Saturation\", value: saturation, onChange: (v: number[]) => setSaturation(v[0]) },\n  ];\n\n  return (\n    <div className=\"w-80 divide-y divide-border divide-background-700\">\n      {settings.map(({ id, label, value, onChange }) => (\n        <div key={id} className=\"flex items-center gap-4 py-3\">\n          <span className=\"text-sm w-24 shrink-0\">{label}</span>\n          <Slider aria-label={label} value={value} onValueChange={onChange} className=\"flex-1\" />\n          <span className=\"text-sm tabular-nums w-8 text-right text-muted-foreground\">{value}</span>\n        </div>\n      ))}\n    </div>\n  );\n}"
-    },
-    "03-price-range": {
-        "title": "Price Range",
-        "description": "Range slider with two thumbs for min/max filtering.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Slider } from 'ui-lab-components';\n\nexport default function Example() {\n  const [range, setRange] = useState([200, 800]);\n\n  return (\n    <div className=\"w-80 flex flex-col gap-4\">\n      <div className=\"flex justify-between text-sm text-muted-foreground\">\n        <span>Price range</span>\n        <span>${range[0]} – ${range[1]}</span>\n      </div>\n      <Slider\n        aria-label=\"Price range\"\n        value={range}\n        min={0}\n        max={1000}\n        step={10}\n        onValueChange={setRange}\n      />\n      <div className=\"flex justify-between text-xs text-muted-foreground\">\n        <span>$0</span>\n        <span>$1,000</span>\n      </div>\n    </div>\n  );\n}"
-    },
-    "04-step-slider": {
-        "title": "Step Slider",
-        "description": "Slider constrained to discrete steps with tick labels.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Slider } from 'ui-lab-components';\n\nexport default function Example() {\n  const [rating, setRating] = useState(3);\n\n  return (\n    <div className=\"flex flex-col gap-3 w-64\">\n      <div className=\"flex justify-between items-center\">\n        <label className=\"text-sm\">Quality rating</label>\n        <span className=\"text-sm font-medium\">{rating} / 5</span>\n      </div>\n      <Slider\n        aria-label=\"Quality rating\"\n        value={rating}\n        min={1}\n        max={5}\n        step={1}\n        onValueChange={([v]) => setRating(v)}\n      />\n      <div className=\"flex justify-between text-xs text-muted-foreground\">\n        {[1, 2, 3, 4, 5].map((n) => (\n          <span key={n}>{n}</span>\n        ))}\n      </div>\n    </div>\n  );\n}"
-    },
-    "05-disabled-state": {
-        "title": "Disabled State",
-        "description": "Active and disabled sliders side by side.",
-        "code": "import { Slider } from 'ui-lab-components';\n\nexport default function Example() {\n  return (\n    <div className=\"flex flex-col gap-4 w-64\">\n      <div className=\"flex items-center gap-4\">\n        <span className=\"text-sm text-muted-foreground w-20\">Active</span>\n        <Slider aria-label=\"Active slider\" defaultValue={40} className=\"flex-1\" />\n      </div>\n      <div className=\"flex items-center gap-4\">\n        <span className=\"text-sm text-muted-foreground w-20\">Disabled</span>\n        <Slider aria-label=\"Disabled slider\" defaultValue={40} disabled className=\"flex-1\" />\n      </div>\n    </div>\n  );\n}"
-    },
-    "06-vertical-mixer": {
-        "title": "Vertical Mixer",
-        "description": "Vertical orientation for audio-style channel controls.",
-        "code": "\"use client\";\n\nimport { useState } from 'react';\nimport { Slider } from 'ui-lab-components';\n\nexport default function Example() {\n  const [channels, setChannels] = useState([70, 50, 80, 40]);\n\n  return (\n    <div className=\"flex items-end gap-6 h-40\">\n      {[\"CH1\", \"CH2\", \"CH3\", \"CH4\"].map((label, i) => (\n        <div key={label} className=\"flex flex-col items-center gap-2\">\n          <Slider\n            aria-label={label}\n            value={channels[i]}\n            orientation=\"vertical\"\n            onValueChange={([v]) => {\n              const next = [...channels];\n              next[i] = v;\n              setChannels(next);\n            }}\n            style={{ height: 120 }}\n          />\n          <span className=\"text-xs text-muted-foreground\">{label}</span>\n        </div>\n      ))}\n    </div>\n  );\n}"
-    }
-}

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

package/dist/components/Switch/examples/01-basic-switch.d.ts.map

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

package/dist/components/Switch/examples/01-basic-switch.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Switch } from 'ui-lab-components';
-export const metadata = {
-    title: 'Inline Form Field',
-    description: 'Switch paired with a label in a horizontal form row.'
-};
-export default function Example() {
-    const [enabled, setEnabled] = useState(false);
-    return (_jsxs("div", { className: "flex items-center justify-between gap-4 w-64", children: [_jsx("label", { htmlFor: "marketing", className: "text-sm", children: "Marketing emails" }), _jsx(Switch, { id: "marketing", "aria-label": "Marketing emails", isSelected: enabled, onChange: setEnabled })] }));
-}
-//# sourceMappingURL=01-basic-switch.js.map

package/dist/components/Switch/examples/01-basic-switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"01-basic-switch.js","sourceRoot":"","sources":["../../../../src/components/Switch/examples/01-basic-switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,mBAAmB;IAC1B,WAAW,EAAE,sDAAsD;CACpE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL,eAAK,SAAS,EAAC,8CAA8C,aAC3D,gBAAO,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,SAAS,iCAEtC,EACR,KAAC,MAAM,IACL,EAAE,EAAC,WAAW,gBACH,kBAAkB,EAC7B,UAAU,EAAE,OAAO,EACnB,QAAQ,EAAE,UAAU,GACpB,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Switch/examples/02-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=02-settings-panel.d.ts.map

package/dist/components/Switch/examples/02-settings-panel.d.ts.map

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