ui-lab-registry 0.3.44 → 0.3.45

package/dist/components/Select/index.js

@@ -2,11 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Select } from 'ui-lab-components';
 import Example1, { metadata as metadata1 } from './examples/01-basic-select.js';
 import Example2, { metadata as metadata2 } from './examples/02-searchable-select.js';
+import Example3, { metadata as metadata3 } from './examples/03-country-select.js';
 import examplesJson from './examples.json' with { type: 'json' };
 import { loadComponentExamples } from '../../utils/load-component-examples.js';
 const examplesData = [
     { id: '01-basic-select', Component: Example1, metadata: metadata1 },
     { id: '02-searchable-select', Component: Example2, metadata: metadata2 },
+    { id: '03-country-select', Component: Example3, metadata: metadata3 },
 ];
 const selectControls = [
     { name: "placeholder", label: "Placeholder", type: "text", defaultValue: "Select an option" },

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"01-basic-slider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/examples/01-basic-slider.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAE9B"}
+{"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,10 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"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: 'Basic Slider',
-    description: 'A simple range slider with a default value. Perfect for adjusting values within a range like volume or brightness.'
+    title: 'Volume Control',
+    description: 'Horizontal slider with a label and live numeric readout.'
 };
 export default function Example() {
-    return _jsx(Slider.Root, { min: 0, max: 100, defaultValue: [50] });
+    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 +1 @@
-{"version":3,"file":"01-basic-slider.js","sourceRoot":"","sources":["../../../../src/components/Slider/examples/01-basic-slider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,oHAAoH;CAClI,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,KAAC,MAAM,CAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,GAAI,CAAC;AAC/D,CAAC"}
+{"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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,13 @@
 export { default as Example1 } from './01-basic-slider.js';
 export { metadata as metadata1 } from './01-basic-slider.js';
+export { default as Example2 } from './02-settings-panel.js';
+export { metadata as metadata2 } from './02-settings-panel.js';
+export { default as Example3 } from './03-price-range.js';
+export { metadata as metadata3 } from './03-price-range.js';
+export { default as Example4 } from './04-step-slider.js';
+export { metadata as metadata4 } from './04-step-slider.js';
+export { default as Example5 } from './05-disabled-state.js';
+export { metadata as metadata5 } from './05-disabled-state.js';
+export { default as Example6 } from './06-vertical-mixer.js';
+export { metadata as metadata6 } from './06-vertical-mixer.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/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/Slider/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;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC"}

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

@@ -1,3 +1,13 @@
 export { default as Example1 } from './01-basic-slider.js';
 export { metadata as metadata1 } from './01-basic-slider.js';
+export { default as Example2 } from './02-settings-panel.js';
+export { metadata as metadata2 } from './02-settings-panel.js';
+export { default as Example3 } from './03-price-range.js';
+export { metadata as metadata3 } from './03-price-range.js';
+export { default as Example4 } from './04-step-slider.js';
+export { metadata as metadata4 } from './04-step-slider.js';
+export { default as Example5 } from './05-disabled-state.js';
+export { metadata as metadata5 } from './05-disabled-state.js';
+export { default as Example6 } from './06-vertical-mixer.js';
+export { metadata as metadata6 } from './06-vertical-mixer.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Slider/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/Slider/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;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/Slider/examples.json

@@ -1,7 +1,32 @@
 {
     "01-basic-slider": {
-        "title": "Basic Slider",
-        "description": "A simple range slider with a default value. Perfect for adjusting values within a range like volume or brightness.",
-        "code": "import React from 'react';\nimport { Slider } from 'ui-lab-components';\n\nexport default function Example() {\n  return <Slider.Root min={0} max={100} defaultValue={[50]} />;\n}"
+        "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/Slider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAStD,QAAA,MAAM,cAAc,EAAE,UAAU,EAO/B,CAAC;AAQF,eAAO,MAAM,YAAY,EAAE,eAiD1B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAmBtD,QAAA,MAAM,cAAc,EAAE,UAAU,EAO/B,CAAC;AAQF,eAAO,MAAM,YAAY,EAAE,eAiD1B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,qBAAqB,CAAC"}

package/dist/components/Slider/index.js

@@ -1,10 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slider } from 'ui-lab-components';
 import Example1, { metadata as metadata1 } from './examples/01-basic-slider.js';
+import Example2, { metadata as metadata2 } from './examples/02-settings-panel.js';
+import Example3, { metadata as metadata3 } from './examples/03-price-range.js';
+import Example4, { metadata as metadata4 } from './examples/04-step-slider.js';
+import Example5, { metadata as metadata5 } from './examples/05-disabled-state.js';
+import Example6, { metadata as metadata6 } from './examples/06-vertical-mixer.js';
 import examplesJson from './examples.json' with { type: 'json' };
 import { loadComponentExamples } from '../../utils/load-component-examples.js';
 const examplesData = [
     { id: '01-basic-slider', Component: Example1, metadata: metadata1 },
+    { id: '02-settings-panel', Component: Example2, metadata: metadata2 },
+    { id: '03-price-range', Component: Example3, metadata: metadata3 },
+    { id: '04-step-slider', Component: Example4, metadata: metadata4 },
+    { id: '05-disabled-state', Component: Example5, metadata: metadata5 },
+    { id: '06-vertical-mixer', Component: Example6, metadata: metadata6 },
 ];
 const sliderControls = [
     {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/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;AAE/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,UAAU;QAChB,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,QAAQ;QACd,YAAY,EAAE,KAAK;KACpB;CACF,CAAC;AAEF,MAAM,eAAe,GAAG;;;;EAItB,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAoB;IAC3C,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,oEAAoE;IACjF,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,6QAEI,EACJ,iIAEI,IACA,CACP;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,yCAAyC;YACtD,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,KAAC,MAAM,CAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,GAAI;YAC9D,QAAQ,EAAE,cAAc;YACxB,aAAa,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAC7B,KAAC,MAAM,CAAC,IAAI,IACV,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,CAAC,EAAE,CAAC,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACxB,CACH;SACF;QACD,GAAG,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC;KACrD;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,qCAAqC;YAClD,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,KAAC,MAAM,CAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,GAAI;SAC/D;QACD;YACE,EAAE,EAAE,OAAO;YACX,IAAI,EAAE,iBAAiB;YACvB,WAAW,EAAE,kDAAkD;YAC/D,IAAI,EAAE,2DAA2D;YACjE,OAAO,EAAE,KAAC,MAAM,CAAC,IAAI,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI;SACnE;KACF;CACF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"01-basic-switch.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/examples/01-basic-switch.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAE9B"}
+{"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,10 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"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: 'Basic Switch',
-    description: 'A simple toggle switch component. Use for binary on/off states like enabling features or toggling settings.'
+    title: 'Inline Form Field',
+    description: 'Switch paired with a label in a horizontal form row.'
 };
 export default function Example() {
-    return _jsx(Switch, {});
+    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 +1 @@
-{"version":3,"file":"01-basic-switch.js","sourceRoot":"","sources":["../../../../src/components/Switch/examples/01-basic-switch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,6GAA6G;CAC3H,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,KAAC,MAAM,KAAG,CAAC;AACpB,CAAC"}
+{"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

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

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

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

@@ -0,0 +1,20 @@
+"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: 'Settings Panel',
+    description: 'A list of toggleable settings with dividers.'
+};
+export default function Example() {
+    const [notifications, setNotifications] = useState(true);
+    const [sounds, setSounds] = useState(false);
+    const [badge, setBadge] = useState(true);
+    const settings = [
+        { id: "notifications", label: "Push notifications", value: notifications, onChange: setNotifications },
+        { id: "sounds", label: "Sound effects", value: sounds, onChange: setSounds },
+        { id: "badge", label: "App badge", value: badge, onChange: setBadge },
+    ];
+    return (_jsx("div", { className: "w-72 divide-y divide-border", children: settings.map(({ id, label, value, onChange }) => (_jsxs("div", { className: "flex items-center justify-between py-3", children: [_jsx("span", { className: "text-sm", children: label }), _jsx(Switch, { "aria-label": label, isSelected: value, onChange: onChange })] }, id))) }));
+}
+//# sourceMappingURL=02-settings-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"02-settings-panel.js","sourceRoot":"","sources":["../../../../src/components/Switch/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,8CAA8C;CAC5D,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEzC,MAAM,QAAQ,GAAG;QACf,EAAE,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,gBAAgB,EAAE;QACtG,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE;QAC5E,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE;KACtE,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,6BAA6B,YACzC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAChD,eAAc,SAAS,EAAC,wCAAwC,aAC9D,eAAM,SAAS,EAAC,SAAS,YAAE,KAAK,GAAQ,EACxC,KAAC,MAAM,kBAAa,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,KAF5D,EAAE,CAGN,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

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

package/dist/components/Switch/examples/03-disabled-state.d.ts.map

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

package/dist/components/Switch/examples/03-disabled-state.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Switch } from 'ui-lab-components';
+export const metadata = {
+    title: 'Disabled State',
+    description: 'Switch in both on and off disabled states.'
+};
+export default function Example() {
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Switch, { "aria-label": "Off disabled", isDisabled: true, defaultSelected: false }), _jsx("span", { className: "text-sm text-muted-foreground", children: "Disabled off" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Switch, { "aria-label": "On disabled", isDisabled: true, defaultSelected: true }), _jsx("span", { className: "text-sm text-muted-foreground", children: "Disabled on" })] })] }));
+}
+//# sourceMappingURL=03-disabled-state.js.map

package/dist/components/Switch/examples/03-disabled-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"03-disabled-state.js","sourceRoot":"","sources":["../../../../src/components/Switch/examples/03-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,4CAA4C;CAC1D,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,MAAM,kBAAY,cAAc,EAAC,UAAU,QAAC,eAAe,EAAE,KAAK,GAAI,EACvE,eAAM,SAAS,EAAC,+BAA+B,6BAAoB,IAC/D,EACN,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,MAAM,kBAAY,aAAa,EAAC,UAAU,QAAC,eAAe,EAAE,IAAI,GAAI,EACrE,eAAM,SAAS,EAAC,+BAA+B,4BAAmB,IAC9D,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Switch/examples/04-small-size.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-small-size.d.ts.map

package/dist/components/Switch/examples/04-small-size.d.ts.map

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

package/dist/components/Switch/examples/04-small-size.js

@@ -0,0 +1,13 @@
+"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: 'Small Size',
+    description: 'Compact switch for dense UIs.'
+};
+export default function Example() {
+    const [dense, setDense] = useState(false);
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { size: "sm", "aria-label": "Dense mode", isSelected: dense, onChange: setDense }), _jsx("span", { className: "text-sm text-muted-foreground", children: "Dense mode" })] }));
+}
+//# sourceMappingURL=04-small-size.js.map

package/dist/components/Switch/examples/04-small-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"04-small-size.js","sourceRoot":"","sources":["../../../../src/components/Switch/examples/04-small-size.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,YAAY;IACnB,WAAW,EAAE,+BAA+B;CAC7C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,gBACE,YAAY,EACvB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,QAAQ,GAClB,EACF,eAAM,SAAS,EAAC,+BAA+B,2BAAkB,IAC7D,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Switch/examples/05-controlled-toggle.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-controlled-toggle.d.ts.map

package/dist/components/Switch/examples/05-controlled-toggle.d.ts.map

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

package/dist/components/Switch/examples/05-controlled-toggle.js

@@ -0,0 +1,13 @@
+"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: 'Controlled Toggle',
+    description: 'Fully controlled switch with external state and reset.'
+};
+export default function Example() {
+    const [active, setActive] = useState(false);
+    return (_jsxs("div", { className: "flex flex-col items-center gap-4", children: [_jsx(Switch, { "aria-label": "Feature flag", isSelected: active, onChange: setActive }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Feature is ", _jsx("strong", { children: active ? "enabled" : "disabled" })] }), _jsx("button", { className: "text-xs underline text-muted-foreground", onClick: () => setActive(false), children: "Reset" })] }));
+}
+//# sourceMappingURL=05-controlled-toggle.js.map

package/dist/components/Switch/examples/05-controlled-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"05-controlled-toggle.js","sourceRoot":"","sources":["../../../../src/components/Switch/examples/05-controlled-toggle.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,wDAAwD;CACtE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,MAAM,kBACM,cAAc,EACzB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,SAAS,GACnB,EACF,aAAG,SAAS,EAAC,+BAA+B,4BAC/B,2BAAS,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,GAAU,IAC3D,EACJ,iBACE,SAAS,EAAC,yCAAyC,EACnD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,sBAGxB,IACL,CACP,CAAC;AACJ,CAAC"}

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

@@ -1,3 +1,11 @@
 export { default as Example1 } from './01-basic-switch.js';
 export { metadata as metadata1 } from './01-basic-switch.js';
+export { default as Example2 } from './02-settings-panel.js';
+export { metadata as metadata2 } from './02-settings-panel.js';
+export { default as Example3 } from './03-disabled-state.js';
+export { metadata as metadata3 } from './03-disabled-state.js';
+export { default as Example4 } from './04-small-size.js';
+export { metadata as metadata4 } from './04-small-size.js';
+export { default as Example5 } from './05-controlled-toggle.js';
+export { metadata as metadata5 } from './05-controlled-toggle.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Switch/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/Switch/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;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC"}

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

@@ -1,3 +1,11 @@
 export { default as Example1 } from './01-basic-switch.js';
 export { metadata as metadata1 } from './01-basic-switch.js';
+export { default as Example2 } from './02-settings-panel.js';
+export { metadata as metadata2 } from './02-settings-panel.js';
+export { default as Example3 } from './03-disabled-state.js';
+export { metadata as metadata3 } from './03-disabled-state.js';
+export { default as Example4 } from './04-small-size.js';
+export { metadata as metadata4 } from './04-small-size.js';
+export { default as Example5 } from './05-controlled-toggle.js';
+export { metadata as metadata5 } from './05-controlled-toggle.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Switch/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/Switch/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;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC"}