@openuidev/react-ui 0.9.16

package/dist/components/Slider/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/dependencies.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,UAAa,CAAC;AAChC,eAAe,YAAY,CAAC"}

package/dist/components/Slider/dependencies.js

@@ -0,0 +1,3 @@
+const dependencies = ["Slider"];
+export default dependencies;
+//# sourceMappingURL=dependencies.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/components/Slider/dependencies.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,QAAQ,CAAC,CAAC;AAChC,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./Slider";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/Slider/index.js

@@ -0,0 +1,2 @@
+export * from "./Slider";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/Slider/slider.css

@@ -0,0 +1 @@
+.openui-slider-wrapper{display:flex;align-items:center;gap:var(--openui-space-s, 8px);width:100%}.openui-slider-left-content,.openui-slider-right-content{display:flex;align-items:center;min-width:fit-content;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing)}.openui-slider-left-content svg,.openui-slider-right-content svg{width:16px;height:16px}.openui-slider-container{padding:0 10px;background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));height:10px;width:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--openui-radius-s, 6px)}.openui-slider-root{position:relative;display:flex;height:20px;width:100%;min-width:100px;max-width:100%;touch-action:none;user-select:none;align-items:center}.openui-slider-track{position:relative;height:10px;flex-grow:1;border-radius:var(--openui-radius-full, 9999px)}.openui-slider-range{position:absolute;height:100%;border-radius:var(--openui-radius-s, 6px);background-color:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));margin-left:-10px;margin-right:-8px}.openui-slider-range--at-min{background-color:rgba(0,0,0,0)}.openui-slider-thumb{outline:none}.openui-slider-thumb-handle{display:block;width:20px;height:20px;border-radius:var(--openui-radius-s, 6px);outline:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));overflow:hidden;box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04))}.openui-slider-thumb-handle-inner{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));transition:background-color .2s}.openui-slider-thumb-handle-inner:hover{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-slider-thumb-handle-inner-dot{width:6px;height:6px;border-radius:var(--openui-radius-3xs, 1px);background-color:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg))}.openui-slider-thumb-value{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);position:absolute;top:-35px;left:50%;border-radius:var(--openui-radius-2xs, 2px);transform:translateX(-50%);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));padding:var(--openui-space-2xs, 4px);border-radius:var(--openui-radius-s, 6px);box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05));opacity:0;transition:opacity .2s;border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04))}.openui-slider-thumb-handle:hover .openui-slider-thumb-value,.openui-slider-thumb-handle:focus .openui-slider-thumb-value{opacity:1}.openui-slider-dots-dot{position:absolute;top:50%;transform:translate(-50%, -50%);width:4px;height:4px;border-radius:var(--openui-radius-full, 9999px);background-color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-slider-dots-dot--active{background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-slider-container-wrapper{width:100%}.openui-slider-labels{display:flex;justify-content:space-between;margin-top:var(--openui-space-s, 8px);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);padding:0 var(--openui-space-2xs, 4px)}.openui-slider--disabled{opacity:.5;pointer-events:none}

package/dist/components/Slider/stories/slider.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SliderProps } from "../Slider";
+declare const meta: Meta<SliderProps>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Continuous: Story;
+export declare const Discrete: Story;
+export declare const Range: Story;
+export declare const DiscreteRange: Story;
+export declare const Controlled: Story;
+export declare const UncontrolledWithoutDefault: Story;
+export declare const WithIcons: Story;
+//# sourceMappingURL=slider.stories.d.ts.map

package/dist/components/Slider/stories/slider.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/stories/slider.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAmIG,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAcnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAiBxC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC"}

package/dist/components/Slider/stories/slider.stories.js

@@ -0,0 +1,240 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Volume1Icon, Volume2Icon } from "lucide-react";
+import { useState } from "react";
+import { Slider } from "../Slider";
+const meta = {
+    title: "Components/Slider",
+    component: Slider,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { Slider } from '@openui-ui/react-ui';\n```",
+            },
+        },
+    },
+    tags: ["!dev", "autodocs"],
+    argTypes: {
+        variant: {
+            control: false,
+            options: ["continuous", "discrete"],
+            description: "The type of slider - continuous for smooth sliding, or discrete for stepped values. Range functionality is enabled by passing an array with multiple values to `value` or `defaultValue`.",
+            defaultValue: "continuous",
+            table: {
+                category: "Appearance",
+                type: { summary: "'continuous' | 'discrete'" },
+                required: true,
+            },
+        },
+        min: {
+            control: "number",
+            description: "Minimum value of the slider",
+            defaultValue: 0,
+            table: {
+                category: "Value",
+                type: { summary: "number" },
+                required: true,
+            },
+        },
+        max: {
+            control: "number",
+            description: "Maximum value of the slider",
+            defaultValue: 100,
+            table: {
+                category: "Value",
+                type: { summary: "number" },
+                required: true,
+            },
+        },
+        step: {
+            control: "number",
+            description: "Step increment (required for discrete variant)",
+            defaultValue: 1,
+            table: {
+                category: "Value",
+                type: { summary: "number" },
+            },
+        },
+        disabled: {
+            control: "boolean",
+            description: "Whether the slider is disabled",
+            table: {
+                type: { summary: "boolean" },
+                defaultValue: { summary: "true" },
+                category: "State",
+            },
+        },
+        value: {
+            control: false,
+            description: "Controlled value(s) of the slider. Single number for continuous/discrete, array of two numbers for range",
+            table: {
+                category: "Value",
+                type: { summary: "number[]" },
+            },
+        },
+        defaultValue: {
+            description: "Default value(s) of the slider. Single number for continuous/discrete, array of two numbers for range",
+            control: false,
+            table: {
+                category: "Value",
+                type: { summary: "number[]" },
+            },
+        },
+        onValueChange: {
+            control: false,
+            description: "Callback when the value changes",
+            table: {
+                category: "Events",
+                type: { summary: "(value: number[]) => void" },
+            },
+        },
+        className: {
+            control: "text",
+            description: "Additional CSS class names",
+            table: {
+                category: "Appearance",
+                type: { summary: "string" },
+            },
+        },
+        style: {
+            control: "object",
+            description: "Additional inline styles",
+            table: {
+                category: "Appearance",
+                type: { summary: "React.CSSProperties" },
+            },
+        },
+        leftContent: {
+            control: "text",
+            description: "Content to display on the left side of the slider",
+            table: {
+                category: "Appearance",
+                type: { summary: "React.ReactNode" },
+            },
+        },
+        rightContent: {
+            control: "text",
+            description: "Content to display on the right side of the slider",
+            table: {
+                category: "Appearance",
+                type: { summary: "React.ReactNode" },
+            },
+        },
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { width: "400px", padding: "2rem" }, children: _jsx(Story, {}) })),
+    ],
+};
+export default meta;
+export const Continuous = {
+    args: {
+        variant: "continuous",
+        min: 0,
+        max: 100,
+        defaultValue: [25],
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "A continuous slider allows smooth, precise value selection across its range.",
+            },
+        },
+    },
+};
+export const Discrete = {
+    args: {
+        variant: "discrete",
+        min: 0,
+        max: 100,
+        step: 10,
+        defaultValue: [50],
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "A discrete slider shows step markers and snaps to specific values. Useful for selecting from predefined options.",
+            },
+        },
+    },
+};
+export const Range = {
+    args: {
+        variant: "continuous",
+        min: 0,
+        max: 100,
+        defaultValue: [20, 80],
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "A range slider allows selection of a value range using two handles.",
+            },
+        },
+    },
+};
+export const DiscreteRange = {
+    args: {
+        variant: "discrete",
+        min: 0,
+        max: 100,
+        step: 10,
+        defaultValue: [20, 80],
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "A discrete range slider combines the features of a discrete slider and a range slider.",
+            },
+        },
+    },
+};
+export const Controlled = {
+    render: () => {
+        const [value, setValue] = useState([50]);
+        return (_jsx(Slider, { variant: "continuous", min: 0, max: 100, step: 1, value: value, onValueChange: setValue, disabled: false }));
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "A controlled slider where the value is managed by component state via the `value` prop.",
+            },
+        },
+    },
+    name: "Controlled (with value prop)",
+};
+export const UncontrolledWithoutDefault = {
+    name: "Without Value or DefaultValue",
+    args: {
+        variant: "continuous",
+        min: 0,
+        max: 100,
+        step: 1,
+        disabled: false,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "A slider without an initial `value` or `defaultValue` prop. It defaults to the minimum value.",
+            },
+        },
+    },
+};
+export const WithIcons = {
+    name: "With Icons",
+    args: {
+        variant: "continuous",
+        min: 0,
+        max: 100,
+        defaultValue: [40],
+        leftContent: _jsx(Volume1Icon, {}),
+        rightContent: _jsx(Volume2Icon, {}),
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "A slider can have icons or other content on either side.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=slider.stories.js.map

package/dist/components/Slider/stories/slider.stories.js.map

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

package/dist/components/Steps/Steps.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface StepsItemProps {
+    title: React.ReactNode;
+    details: React.ReactNode;
+    number?: number;
+}
+export interface StepsProps {
+    children: React.ReactNode;
+}
+export declare const Steps: React.FC<StepsProps>;
+export declare const StepsItem: React.FC<StepsItemProps>;
+//# sourceMappingURL=Steps.d.ts.map

package/dist/components/Steps/Steps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/Steps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAID,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAUtC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmB9C,CAAC"}

package/dist/components/Steps/Steps.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { createContext, useContext } from "react";
+const StepNumberContext = createContext(0);
+export const Steps = ({ children }) => {
+    return (_jsx("div", { className: `openui-steps-container`, children: _jsx("div", { className: "openui-steps", children: React.Children.map(children, (child, index) => (_jsx(StepNumberContext.Provider, { value: index + 1, children: child }))) }) }));
+};
+export const StepsItem = ({ title, details, number }) => {
+    const stepNumber = useContext(StepNumberContext);
+    return (_jsxs("div", { className: "openui-step-item", children: [_jsxs("div", { className: "openui-step-connector", children: [_jsx("div", { className: "openui-step-number", children: _jsx("div", { className: "openui-step-number-inner", children: Number.isInteger(number) ? number : stepNumber }) }), _jsx("div", { className: "openui-connector-line" })] }), _jsxs("div", { className: "openui-step-content", children: [_jsx("span", { className: "openui-step-title", children: title }), _jsx("div", { className: "openui-step-details", children: details })] })] }));
+};
+//# sourceMappingURL=Steps.js.map

package/dist/components/Steps/Steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.js","sourceRoot":"","sources":["../../../src/components/Steps/Steps.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAYzD,MAAM,iBAAiB,GAAG,aAAa,CAAS,CAAC,CAAC,CAAC;AAEnD,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1D,OAAO,CACL,cAAK,SAAS,EAAE,wBAAwB,YACtC,cAAK,SAAS,EAAC,cAAc,YAC1B,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9C,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAG,CAAC,YAAG,KAAK,GAA8B,CACnF,CAAC,GACE,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IAChF,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,eAAK,SAAS,EAAC,uBAAuB,aACpC,cAAK,SAAS,EAAC,oBAAoB,YACjC,cAAK,SAAS,EAAC,0BAA0B,YACtC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,GAC3C,GACF,EACN,cAAK,SAAS,EAAC,uBAAuB,GAAG,IACrC,EACN,eAAK,SAAS,EAAC,qBAAqB,aAClC,eAAM,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAQ,EAClD,cAAK,SAAS,EAAC,qBAAqB,YAAE,OAAO,GAAO,IAChD,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Steps/dependencies.d.ts

@@ -0,0 +1,3 @@
+declare const dependencies: string[];
+export default dependencies;
+//# sourceMappingURL=dependencies.d.ts.map

package/dist/components/Steps/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/dependencies.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,UAAY,CAAC;AAC/B,eAAe,YAAY,CAAC"}

package/dist/components/Steps/dependencies.js

@@ -0,0 +1,3 @@
+const dependencies = ["Steps"];
+export default dependencies;
+//# sourceMappingURL=dependencies.js.map

package/dist/components/Steps/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/components/Steps/dependencies.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,CAAC;AAC/B,eAAe,YAAY,CAAC"}

package/dist/components/Steps/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Steps";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Steps/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/components/Steps/index.js

@@ -0,0 +1,2 @@
+export * from "./Steps";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Steps/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/components/Steps/steps.css

@@ -0,0 +1 @@
+.openui-steps-container{min-width:280px;width:100%;margin:0 auto}.openui-steps{display:flex;flex-direction:column}.openui-step-item{display:flex;position:relative;gap:var(--openui-space-m, 12px)}.openui-step-connector{display:flex;flex-direction:column;align-items:center}.openui-step-number{padding:var(--openui-space-2xs, 4px) 0px var(--openui-space-2xs, 4px) 0px;display:flex;align-items:center;justify-content:center;z-index:2}.openui-step-number-inner{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:var(--openui-elevated, oklch(9.7% 0 0deg / 0.08));color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));box-sizing:border-box;font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing)}.openui-connector-line{width:1px;flex-grow:1;z-index:1;background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-step-item:last-child .openui-connector-line{display:none}.openui-step-content{padding-top:var(--openui-space-2xs, 4px);display:flex;flex-direction:column;gap:var(--openui-space-3xs, 2px);margin-bottom:var(--openui-space-l, 18px)}.openui-step-item:last-child .openui-step-content{margin-bottom:0}.openui-step-title{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-step-details{display:flex;flex-direction:column;align-items:center;gap:calc(var(--openui-space-m, 12px) + 2px);font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing)}

package/dist/components/Steps/stories/steps.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { StepsProps } from "../Steps";
+declare const meta: Meta<StepsProps>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const StepsStory: Story;
+//# sourceMappingURL=steps.stories.d.ts.map

package/dist/components/Steps/stories/steps.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Steps/stories/steps.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAoB,UAAU,EAAE,MAAM,UAAU,CAAC;AAyBxD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,UAAU,CAwBG,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KA4CxB,CAAC"}

package/dist/components/Steps/stories/steps.stories.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Card } from "../../Card";
+import { Steps, StepsItem } from "../Steps";
+const stepsData = [
+    {
+        title: "Calorie Surplus",
+        details: "Explore effective methods for gaining weight in a healthy way, such as creating balanced meal plans, incorporating resistance exercises, and focusing on nutrient-rich foods.",
+    },
+    {
+        title: "Protein Intake",
+        details: "Uncover effective approaches to achieve healthy weight gain, including designing nutritious meal schedules, engaging in strength workouts, and utilizing dietary supplements.",
+    },
+    {
+        title: "Resistance Training",
+        details: "Learn about optimal techniques for healthy weight gain, featuring personalized meal strategies, weightlifting routines, and essential vitamins and minerals.",
+    },
+    {
+        title: "Rest and Recovery",
+        details: "Find out the top tips for gaining weight healthily, like meal prepping, doing strength training exercises, and choosing high-calorie, nutritious snacks.",
+    },
+];
+const meta = {
+    title: "Components/Steps",
+    component: Steps,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { Steps, StepsItem } from '@openui-ui/react-ui';\n```",
+            },
+        },
+    },
+    tags: ["!dev", "autodocs"],
+    argTypes: {
+        children: {
+            control: false,
+            description: "StepsItem components to be rendered",
+            table: {
+                category: "Content",
+                type: { summary: "React.ReactNode" },
+                defaultValue: { summary: "undefined" },
+                required: true,
+            },
+        },
+    },
+};
+export default meta;
+export const StepsStory = {
+    name: "Steps",
+    render: () => (_jsx(Card, { style: { width: "500px" }, children: _jsx(Steps, { children: stepsData.map((step, index) => (_jsx(StepsItem, { ...step }, index))) }) })),
+    parameters: {
+        docs: {
+            source: {
+                code: `
+const steps = [
+  {
+    title: "Calorie Surplus",
+    details: "Explore effective methods for gaining weight in a healthy way...",
+  },
+  {
+    title: "Protein Intake",
+    details: "Uncover effective approaches to achieve healthy weight gain...",
+  },
+  {
+    title: "Resistance Training",
+    details: "Learn about optimal techniques for healthy weight gain...",
+  },
+  {
+    title: "Rest and Recovery",
+    details: "Find out the top tips for gaining weight healthily...",
+  },
+];
+
+<Card style={{ width: "500px" }}>
+  <Steps>
+    {steps.map((step, index) => (
+      <StepsItem key={index} title={step.title} details={step.details} />
+    ))}
+  </Steps>
+</Card>`,
+            },
+        },
+    },
+};
+//# sourceMappingURL=steps.stories.js.map

package/dist/components/Steps/stories/steps.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.stories.js","sourceRoot":"","sources":["../../../../src/components/Steps/stories/steps.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAc,MAAM,UAAU,CAAC;AAExD,MAAM,SAAS,GAAG;IAChB;QACE,KAAK,EAAE,iBAAiB;QACxB,OAAO,EACL,+KAA+K;KAClL;IACD;QACE,KAAK,EAAE,gBAAgB;QACvB,OAAO,EACL,+KAA+K;KAClL;IACD;QACE,KAAK,EAAE,qBAAqB;QAC5B,OAAO,EACL,8JAA8J;KACjK;IACD;QACE,KAAK,EAAE,mBAAmB;QAC1B,OAAO,EACL,0JAA0J;KAC7J;CACF,CAAC;AAEF,MAAM,IAAI,GAAqB;IAC7B,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,sEAAsE;aAClF;SACF;KACF;IACD,IAAI,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;IAC1B,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,qCAAqC;YAClD,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE;gBACpC,YAAY,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;gBACtC,QAAQ,EAAE,IAAI;aACf;SACF;KACF;CAC2B,CAAC;AAE/B,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE,OAAO;IACb,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAC7B,KAAC,KAAK,cACH,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,SAAS,OAAiB,IAAI,IAAf,KAAK,CAAc,CACpC,CAAC,GACI,GACH,CACR;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;QA0BN;aACD;SACF;KACF;CACF,CAAC"}

package/dist/components/SwitchGroup/SwitchGroup.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties, ReactElement } from "react";
+import { SwitchItemProps } from "../SwitchItem";
+type SwitchGroupVariant = "clear" | "card" | "sunk";
+export interface SwitchGroupProps {
+    children: ReactElement<SwitchItemProps> | ReactElement<SwitchItemProps>[];
+    className?: string;
+    style?: CSSProperties;
+    variant?: SwitchGroupVariant;
+}
+declare const SwitchGroup: import("react").ForwardRefExoticComponent<SwitchGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export { SwitchGroup };
+//# sourceMappingURL=SwitchGroup.d.ts.map

package/dist/components/SwitchGroup/SwitchGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchGroup.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchGroup/SwitchGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,KAAK,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AACpD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,YAAY,CAAC,eAAe,CAAC,GAAG,YAAY,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B;AAQD,QAAA,MAAM,WAAW,6GAWf,CAAC;AAIH,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/SwitchGroup/SwitchGroup.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+const variants = {
+    clear: "openui-switch-group-clear",
+    card: "openui-switch-group-card",
+    sunk: "openui-switch-group-sunk",
+};
+const SwitchGroup = forwardRef((props, ref) => {
+    const { children, className, style, variant = "clear" } = props;
+    return (_jsx("div", { ref: ref, className: clsx("openui-switch-group", variants[variant], className), style: style, children: children }));
+});
+SwitchGroup.displayName = "SwitchGroup";
+export { SwitchGroup };
+//# sourceMappingURL=SwitchGroup.js.map

package/dist/components/SwitchGroup/SwitchGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchGroup.js","sourceRoot":"","sources":["../../../src/components/SwitchGroup/SwitchGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAiB,UAAU,EAAgB,MAAM,OAAO,CAAC;AAWhE,MAAM,QAAQ,GAAuC;IACnD,KAAK,EAAE,2BAA2B;IAClC,IAAI,EAAE,0BAA0B;IAChC,IAAI,EAAE,0BAA0B;CACjC,CAAC;AAEF,MAAM,WAAW,GAAG,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,KAAK,CAAC;IAChE,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,EACpE,KAAK,EAAE,KAAK,YAEX,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/SwitchGroup/dependencies.d.ts

@@ -0,0 +1,3 @@
+declare const dependencies: string[];
+export default dependencies;
+//# sourceMappingURL=dependencies.d.ts.map

package/dist/components/SwitchGroup/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchGroup/dependencies.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,UAAkB,CAAC;AACrC,eAAe,YAAY,CAAC"}

package/dist/components/SwitchGroup/dependencies.js

@@ -0,0 +1,3 @@
+const dependencies = ["SwitchGroup"];
+export default dependencies;
+//# sourceMappingURL=dependencies.js.map

package/dist/components/SwitchGroup/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/components/SwitchGroup/dependencies.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,aAAa,CAAC,CAAC;AACrC,eAAe,YAAY,CAAC"}

package/dist/components/SwitchGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SwitchGroup";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SwitchGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SwitchGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/components/SwitchGroup/index.js

@@ -0,0 +1,2 @@
+export * from "./SwitchGroup";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SwitchGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/components/SwitchGroup/stories/SwitchGroup.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { SwitchGroup } from "../SwitchGroup";
+declare const meta: Meta<typeof SwitchGroup>;
+export default meta;
+type Story = StoryObj<typeof SwitchGroup>;
+export declare const SwitchGroupStory: Story;
+export declare const WithLongDescription: Story;
+//# sourceMappingURL=SwitchGroup.stories.d.ts.map

package/dist/components/SwitchGroup/stories/SwitchGroup.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchGroup.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/SwitchGroup/stories/SwitchGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAkDlC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAuBjC,CAAC"}