@kala-ui/react 0.0.1-beta.1

package/dist/src/components/steps/steps-skeleton.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Steps Skeleton Component
+ *
+ * Loading placeholder for the Steps/Stepper component.
+ * Supports horizontal and vertical layouts with connectors.
+ */
+export interface StepsSkeletonConfig {
+    /**
+     * Number of steps
+     * @default 4
+     */
+    stepCount?: number;
+    /**
+     * Orientation of the stepper
+     * @default 'horizontal'
+     */
+    orientation?: "horizontal" | "vertical";
+    /**
+     * Show step labels and descriptions
+     * @default true
+     */
+    showLabels?: boolean;
+}
+export interface StepsSkeletonProps extends StepsSkeletonConfig {
+    /**
+     * Additional className for the skeleton container
+     */
+    className?: string;
+    /**
+     * Test ID for querying the element
+     */
+    "data-testid"?: string;
+}
+/**
+ * Steps skeleton component
+ *
+ * @example
+ * ```tsx
+ * <StepsSkeleton stepCount={4} orientation="horizontal" />
+ *
+ * <StepsSkeleton stepCount={3} orientation="vertical" showLabels />
+ * ```
+ */
+export declare function StepsSkeleton({ stepCount, orientation, showLabels, className, "data-testid": dataTestId, }: StepsSkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=steps-skeleton.d.ts.map

package/dist/src/components/steps/steps-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/steps/steps-skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,MAAM,WAAW,mBAAmB;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC9D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,EAC7B,SAAa,EACb,WAA0B,EAC1B,UAAiB,EACjB,SAAS,EACT,aAAa,EAAE,UAAU,GACzB,EAAE,kBAAkB,2CA8DpB"}

package/dist/src/components/steps/steps-skeleton.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Steps Skeleton Component
+ *
+ * Loading placeholder for the Steps/Stepper component.
+ * Supports horizontal and vertical layouts with connectors.
+ */
+import { Fragment } from "react";
+import { cn } from "../../lib/utils";
+import { Skeleton } from "../skeleton/skeleton";
+/**
+ * Steps skeleton component
+ *
+ * @example
+ * ```tsx
+ * <StepsSkeleton stepCount={4} orientation="horizontal" />
+ *
+ * <StepsSkeleton stepCount={3} orientation="vertical" showLabels />
+ * ```
+ */
+export function StepsSkeleton({ stepCount = 4, orientation = "horizontal", showLabels = true, className, "data-testid": dataTestId, }) {
+    return (_jsx("nav", { "data-testid": dataTestId || "steps-skeleton", className: cn("flex", orientation === "vertical" ? "flex-col" : "flex-row items-center", className), "aria-label": "Loading steps", "aria-busy": "true", children: Array.from({ length: stepCount }).map((_, i) => (_jsxs(Fragment, { children: [_jsxs("div", { className: cn("flex items-center", orientation === "vertical" ? "gap-3" : "flex-col gap-2"), children: [_jsx(Skeleton, { className: "h-10 w-10 rounded-full flex-shrink-0" }), showLabels && (_jsxs("div", { className: cn(orientation === "vertical" ? "flex-1" : "text-center"), children: [_jsx(Skeleton, { className: cn("h-4 mb-1", orientation === "vertical" ? "w-24" : "w-20 mx-auto") }), _jsx(Skeleton, { className: cn("h-3", orientation === "vertical" ? "w-32" : "w-24 mx-auto") })] }))] }), i < stepCount - 1 && (_jsx(Skeleton, { className: cn("flex-shrink-0", orientation === "vertical"
+                        ? "w-0.5 h-12 mx-5"
+                        : "h-0.5 w-16 mx-2") }))] }, `step-${i}`))) }));
+}
+//# sourceMappingURL=steps-skeleton.js.map

package/dist/src/components/steps/steps-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps-skeleton.js","sourceRoot":"","sources":["../../../../src/components/steps/steps-skeleton.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AA+BhD;;;;;;;;;GASG;AACH,MAAM,UAAU,aAAa,CAAC,EAC7B,SAAS,GAAG,CAAC,EACb,WAAW,GAAG,YAAY,EAC1B,UAAU,GAAG,IAAI,EACjB,SAAS,EACT,aAAa,EAAE,UAAU,GACL;IACpB,OAAO,CACN,6BACc,UAAU,IAAI,gBAAgB,EAC3C,SAAS,EAAE,EAAE,CACZ,MAAM,EACN,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,uBAAuB,EACjE,SAAS,CACT,gBACU,eAAe,eAChB,MAAM,YAEf,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAChD,MAAC,QAAQ,eAER,eACC,SAAS,EAAE,EAAE,CACZ,mBAAmB,EACnB,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CACvD,aAGD,KAAC,QAAQ,IAAC,SAAS,EAAC,sCAAsC,GAAG,EAG5D,UAAU,IAAI,CACd,eACC,SAAS,EAAE,EAAE,CACZ,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CACrD,aAED,KAAC,QAAQ,IACR,SAAS,EAAE,EAAE,CACZ,UAAU,EACV,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CACpD,GACA,EACF,KAAC,QAAQ,IACR,SAAS,EAAE,EAAE,CACZ,KAAK,EACL,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CACpD,GACA,IACG,CACN,IACI,EAGL,CAAC,GAAG,SAAS,GAAG,CAAC,IAAI,CACrB,KAAC,QAAQ,IACR,SAAS,EAAE,EAAE,CACZ,eAAe,EACf,WAAW,KAAK,UAAU;wBACzB,CAAC,CAAC,iBAAiB;wBACnB,CAAC,CAAC,iBAAiB,CACpB,GACA,CACF,KA5Ca,QAAQ,CAAC,EAAE,CA6Cf,CACX,CAAC,GACG,CACN,CAAC;AACH,CAAC"}

package/dist/src/components/steps/steps-skeleton.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=steps-skeleton.test.d.ts.map

package/dist/src/components/steps/steps-skeleton.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps-skeleton.test.d.ts","sourceRoot":"","sources":["../../../../src/components/steps/steps-skeleton.test.tsx"],"names":[],"mappings":""}

package/dist/src/components/steps/steps-skeleton.test.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { StepsSkeleton } from "./steps-skeleton";
+describe("StepsSkeleton", () => {
+    it("should render with default props", () => {
+        render(_jsx(StepsSkeleton, {}));
+        const steps = screen.getByTestId("steps-skeleton");
+        expect(steps).toBeInTheDocument();
+        expect(steps).toHaveAttribute("aria-busy", "true");
+        expect(steps).toHaveAttribute("aria-label", "Loading steps");
+    });
+    it("should render horizontal orientation by default", () => {
+        render(_jsx(StepsSkeleton, {}));
+        const steps = screen.getByTestId("steps-skeleton");
+        expect(steps.className).toContain("flex-row");
+    });
+    it("should render vertical orientation when specified", () => {
+        render(_jsx(StepsSkeleton, { orientation: "vertical" }));
+        const steps = screen.getByTestId("steps-skeleton");
+        expect(steps.className).toContain("flex-col");
+    });
+    it("should render default 4 steps", () => {
+        const { container } = render(_jsx(StepsSkeleton, {}));
+        const stepIndicators = container.querySelectorAll(".h-10.w-10.rounded-full");
+        expect(stepIndicators).toHaveLength(4);
+    });
+    it("should render correct number of steps", () => {
+        const { container } = render(_jsx(StepsSkeleton, { stepCount: 3 }));
+        const stepIndicators = container.querySelectorAll(".h-10.w-10.rounded-full");
+        expect(stepIndicators).toHaveLength(3);
+    });
+    it("should show labels by default", () => {
+        const { container } = render(_jsx(StepsSkeleton, { stepCount: 2 }));
+        // Each step should have 2 label skeletons
+        const labels = container.querySelectorAll(".h-4, .h-3");
+        expect(labels.length).toBeGreaterThanOrEqual(4); // 2 steps * 2 labels each
+    });
+    it("should hide labels when showLabels is false", () => {
+        const { container } = render(_jsx(StepsSkeleton, { showLabels: false }));
+        const stepContainers = container.querySelectorAll("[data-testid='steps-skeleton'] > *");
+        // Should only have steps and connectors, no label containers
+        stepContainers.forEach((step) => {
+            const labelContainer = step.querySelector("div:not(.h-10)");
+            expect(labelContainer).not.toBeInTheDocument();
+        });
+    });
+    it("should render connectors between steps", () => {
+        const { container } = render(_jsx(StepsSkeleton, { stepCount: 3 }));
+        // Should have stepCount - 1 connectors
+        const connectors = container.querySelectorAll(".h-0\\.5, .w-0\\.5");
+        expect(connectors.length).toBeGreaterThanOrEqual(2);
+    });
+    it("should apply custom className", () => {
+        render(_jsx(StepsSkeleton, { className: "custom-class" }));
+        const steps = screen.getByTestId("steps-skeleton");
+        expect(steps).toHaveClass("custom-class");
+    });
+    it("should accept custom data-testid", () => {
+        render(_jsx(StepsSkeleton, { "data-testid": "custom-steps-skeleton" }));
+        const steps = screen.getByTestId("custom-steps-skeleton");
+        expect(steps).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=steps-skeleton.test.js.map

package/dist/src/components/steps/steps-skeleton.test.js.map

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

package/dist/src/components/steps/steps.d.ts

@@ -0,0 +1,23 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const stepsVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface StepItem {
+    title: string;
+    description?: string;
+    icon?: React.ReactNode;
+}
+export interface StepsProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stepsVariants> {
+    currentStep: number;
+    items: StepItem[];
+    onStepClick?: (step: number) => void;
+    /**
+     * Show connecting lines between steps
+     * @default true
+     */
+    showLine?: boolean;
+}
+declare const Steps: React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLDivElement>>;
+export { Steps };
+//# sourceMappingURL=steps.d.ts.map

package/dist/src/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,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,aAAa;;8EAUjB,CAAC;AAEH,MAAM,WAAW,QAAQ;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,UAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC3C,YAAY,CAAC,OAAO,aAAa,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,KAAK,mFAuHV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/src/components/steps/steps.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Check } from "lucide-react";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const stepsVariants = cva("flex w-full", {
+    variants: {
+        orientation: {
+            horizontal: "flex-row items-start",
+            vertical: "flex-col",
+        },
+    },
+    defaultVariants: {
+        orientation: "horizontal",
+    },
+});
+const Steps = React.forwardRef(({ className, orientation, currentStep, items, onStepClick, showLine = true, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn(stepsVariants({ orientation }), className), ...props, children: items.map((step, index) => {
+            const stepNumber = index + 1;
+            const isCompleted = stepNumber < currentStep;
+            const isActive = stepNumber === currentStep;
+            const isLast = index === items.length - 1;
+            const isClickable = !!onStepClick;
+            return (_jsxs("div", { className: cn("group relative flex", orientation === "vertical"
+                    ? "flex-col pb-8 last:pb-0"
+                    : "flex-1 flex-col items-center"), children: [!isLast && showLine && (_jsxs(_Fragment, { children: [orientation === "horizontal" && (_jsx("div", { className: "absolute top-4 left-1/2 w-full h-[2px] -translate-y-1/2 bg-separator", children: _jsx("div", { className: cn("h-full bg-primary transition-all duration-500 ease-in-out", isCompleted ? "w-full" : "w-0") }) })), orientation === "vertical" && (_jsx("div", { className: "absolute top-8 left-4 h-[calc(100%-32px)] w-[2px] -translate-x-1/2 bg-separator", children: _jsx("div", { className: cn("w-full bg-primary transition-all duration-500 ease-in-out", isCompleted ? "h-full" : "h-0") }) }))] })), _jsxs("div", { className: cn("flex items-center", orientation === "vertical" ? "flex-row" : "flex-col w-full"), children: [_jsx("button", { type: "button", className: cn("relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-semibold transition-all duration-300", isActive
+                                    ? "border-primary bg-primary text-primary-foreground scale-110"
+                                    : isCompleted
+                                        ? "border-primary bg-primary text-primary-foreground"
+                                        : "border-border bg-background text-muted-foreground group-hover:border-primary/50", isClickable && !isActive ? "cursor-pointer" : ""), disabled: !isClickable, onClick: () => onStepClick?.(stepNumber), children: isCompleted ? (_jsx(Check, { className: "h-4 w-4" })) : (step.icon || stepNumber) }), _jsxs("div", { className: cn(orientation === "vertical"
+                                    ? "ml-4"
+                                    : "mt-2 text-center px-2"), children: [_jsx("div", { className: cn("text-sm font-medium", isActive ? "text-primary" : "text-foreground"), children: step.title }), step.description && (_jsx("div", { className: "text-xs text-muted-foreground mt-0.5", children: step.description }))] })] })] }, step.title));
+        }) }));
+});
+Steps.displayName = "Steps";
+export { Steps };
+//# sourceMappingURL=steps.js.map

package/dist/src/components/steps/steps.js.map

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

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

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Steps } from "./steps";
+declare const meta: Meta<typeof Steps>;
+export default meta;
+type Story = StoryObj<typeof Steps>;
+export declare const Default: Story;
+export declare const WithIcons: Story;
+export declare const Vertical: Story;
+export declare const Clickable: Story;
+export declare const Completed: Story;
+export declare const WithoutLines: Story;
+export declare const HorizontalWithLines: Story;
+export declare const FullFlow: () => import("react/jsx-runtime").JSX.Element;
+export declare const VerticalFullFlow: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=steps.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"steps.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/steps/steps.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAsBvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAO5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAyBpC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAuKpB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CA6K5B,CAAC"}

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

@@ -0,0 +1,172 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckCircle, ChevronLeft, ChevronRight, CreditCard, Settings, User, } from "lucide-react";
+import * as React from "react";
+import { Button } from "../button";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../card";
+import { Input } from "../input";
+import { Label } from "../label";
+import { RadioGroup, RadioGroupItem } from "../radio-group";
+import { Steps } from "./steps";
+const meta = {
+    title: "Data Display/Steps",
+    component: Steps,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+const items = [
+    {
+        title: "Account",
+        description: "Account details",
+        icon: _jsx(User, { className: "h-4 w-4" }),
+    },
+    {
+        title: "Profile",
+        description: "Profile information",
+        icon: _jsx(Settings, { className: "h-4 w-4" }),
+    },
+    {
+        title: "Payment",
+        description: "Payment details",
+        icon: _jsx(CreditCard, { className: "h-4 w-4" }),
+    },
+    {
+        title: "Confirm",
+        description: "Confirm order",
+        icon: _jsx(CheckCircle, { className: "h-4 w-4" }),
+    },
+];
+export const Default = {
+    args: {
+        currentStep: 2,
+        items: items.map(({ icon, ...rest }) => rest), // No icons by default
+    },
+};
+export const WithIcons = {
+    args: {
+        currentStep: 2,
+        items: items,
+    },
+};
+export const Vertical = {
+    args: {
+        currentStep: 2,
+        orientation: "vertical",
+        items: items,
+    },
+};
+export const Clickable = {
+    args: {
+        currentStep: 2,
+        items: items,
+        onStepClick: (step) => alert(`Clicked step ${step}`),
+    },
+};
+export const Completed = {
+    args: {
+        currentStep: 5,
+        items: items,
+    },
+};
+export const WithoutLines = {
+    args: {
+        currentStep: 2,
+        items: items,
+        showLine: false,
+    },
+};
+export const HorizontalWithLines = {
+    args: {
+        currentStep: 2,
+        orientation: "horizontal",
+        items: items,
+        showLine: true,
+    },
+};
+export const FullFlow = () => {
+    const [currentStep, setCurrentStep] = React.useState(1);
+    const [formData, setFormData] = React.useState({
+        name: "",
+        email: "",
+        plan: "free",
+        cardNumber: "",
+    });
+    const flowItems = [
+        {
+            title: "Account",
+            description: "Login details",
+            icon: _jsx(User, { className: "h-4 w-4" }),
+        },
+        {
+            title: "Plan",
+            description: "Choose plan",
+            icon: _jsx(Settings, { className: "h-4 w-4" }),
+        },
+        {
+            title: "Payment",
+            description: "Enter card",
+            icon: _jsx(CreditCard, { className: "h-4 w-4" }),
+        },
+        {
+            title: "Confirm",
+            description: "Review",
+            icon: _jsx(CheckCircle, { className: "h-4 w-4" }),
+        },
+    ];
+    const handleNext = () => {
+        if (currentStep < flowItems.length) {
+            setCurrentStep((prev) => prev + 1);
+        }
+    };
+    const handlePrev = () => {
+        if (currentStep > 1) {
+            setCurrentStep((prev) => prev - 1);
+        }
+    };
+    return (_jsxs("div", { className: "w-[600px] max-w-full", children: [_jsx(Steps, { currentStep: currentStep, items: flowItems, className: "mb-8" }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: flowItems[currentStep - 1]?.title }), _jsx(CardDescription, { children: flowItems[currentStep - 1]?.description })] }), _jsxs(CardContent, { children: [currentStep === 1 && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "name", children: "Name" }), _jsx(Input, { id: "name", placeholder: "John Doe", value: formData.name, onChange: (e) => setFormData({ ...formData, name: e.target.value }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "email", children: "Email" }), _jsx(Input, { id: "email", type: "email", placeholder: "john@example.com", value: formData.email, onChange: (e) => setFormData({ ...formData, email: e.target.value }) })] })] })), currentStep === 2 && (_jsxs(RadioGroup, { value: formData.plan, onValueChange: (val) => setFormData({ ...formData, plan: val }), variant: "cards", children: [_jsx(RadioGroupItem, { value: "free", id: "free", children: _jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Free Plan" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Basic features" })] }), _jsx("span", { className: "font-bold", children: "$0/mo" })] }) }), _jsx(RadioGroupItem, { value: "pro", id: "pro", children: _jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Pro Plan" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "All features included" })] }), _jsx("span", { className: "font-bold", children: "$20/mo" })] }) })] })), currentStep === 3 && (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "card", children: "Card Number" }), _jsx(Input, { id: "card", placeholder: "0000 0000 0000 0000", value: formData.cardNumber, onChange: (e) => setFormData({ ...formData, cardNumber: e.target.value }) })] }) })), currentStep === 4 && (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "rounded-md bg-muted p-4", children: [_jsxs("p", { children: [_jsx("strong", { children: "Name:" }), " ", formData.name || "Not set"] }), _jsxs("p", { children: [_jsx("strong", { children: "Email:" }), " ", formData.email || "Not set"] }), _jsxs("p", { children: [_jsx("strong", { children: "Plan:" }), " ", formData.plan] }), _jsxs("p", { children: [_jsx("strong", { children: "Card:" }), " **** **** ****", " ", formData.cardNumber.slice(-4) || "****"] })] }) }))] }), _jsxs(CardFooter, { className: "flex justify-between", children: [_jsxs(Button, { variant: "outline", onClick: handlePrev, disabled: currentStep === 1, children: [_jsx(ChevronLeft, { className: "mr-2 h-4 w-4" }), " Back"] }), _jsxs(Button, { onClick: handleNext, disabled: currentStep === flowItems.length, children: [currentStep === flowItems.length ? "Finish" : "Next", " ", _jsx(ChevronRight, { className: "ml-2 h-4 w-4" })] })] })] })] }));
+};
+export const VerticalFullFlow = () => {
+    const [currentStep, setCurrentStep] = React.useState(1);
+    const [formData, setFormData] = React.useState({
+        name: "",
+        email: "",
+        plan: "free",
+        cardNumber: "",
+    });
+    const flowItems = [
+        {
+            title: "Account",
+            description: "Login details",
+            icon: _jsx(User, { className: "h-4 w-4" }),
+        },
+        {
+            title: "Plan",
+            description: "Choose plan",
+            icon: _jsx(Settings, { className: "h-4 w-4" }),
+        },
+        {
+            title: "Payment",
+            description: "Enter card",
+            icon: _jsx(CreditCard, { className: "h-4 w-4" }),
+        },
+        {
+            title: "Confirm",
+            description: "Review",
+            icon: _jsx(CheckCircle, { className: "h-4 w-4" }),
+        },
+    ];
+    const handleNext = () => {
+        if (currentStep < flowItems.length) {
+            setCurrentStep((prev) => prev + 1);
+        }
+    };
+    const handlePrev = () => {
+        if (currentStep > 1) {
+            setCurrentStep((prev) => prev - 1);
+        }
+    };
+    return (_jsxs("div", { className: "flex w-[800px] max-w-full gap-8", children: [_jsx("div", { className: "w-64 shrink-0", children: _jsx(Steps, { currentStep: currentStep, items: flowItems, orientation: "vertical" }) }), _jsxs(Card, { className: "flex-1", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: flowItems[currentStep - 1]?.title }), _jsx(CardDescription, { children: flowItems[currentStep - 1]?.description })] }), _jsxs(CardContent, { children: [currentStep === 1 && (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "v-name", children: "Name" }), _jsx(Input, { id: "v-name", placeholder: "John Doe", value: formData.name, onChange: (e) => setFormData({ ...formData, name: e.target.value }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "v-email", children: "Email" }), _jsx(Input, { id: "v-email", type: "email", placeholder: "john@example.com", value: formData.email, onChange: (e) => setFormData({ ...formData, email: e.target.value }) })] })] })), currentStep === 2 && (_jsxs(RadioGroup, { value: formData.plan, onValueChange: (val) => setFormData({ ...formData, plan: val }), variant: "cards", children: [_jsx(RadioGroupItem, { value: "free", id: "v-free", children: _jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Free Plan" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Basic features" })] }), _jsx("span", { className: "font-bold", children: "$0/mo" })] }) }), _jsx(RadioGroupItem, { value: "pro", id: "v-pro", children: _jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium", children: "Pro Plan" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "All features included" })] }), _jsx("span", { className: "font-bold", children: "$20/mo" })] }) })] })), currentStep === 3 && (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "v-card", children: "Card Number" }), _jsx(Input, { id: "v-card", placeholder: "0000 0000 0000 0000", value: formData.cardNumber, onChange: (e) => setFormData({ ...formData, cardNumber: e.target.value }) })] }) })), currentStep === 4 && (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "rounded-md bg-muted p-4", children: [_jsxs("p", { children: [_jsx("strong", { children: "Name:" }), " ", formData.name || "Not set"] }), _jsxs("p", { children: [_jsx("strong", { children: "Email:" }), " ", formData.email || "Not set"] }), _jsxs("p", { children: [_jsx("strong", { children: "Plan:" }), " ", formData.plan] }), _jsxs("p", { children: [_jsx("strong", { children: "Card:" }), " **** **** ****", " ", formData.cardNumber.slice(-4) || "****"] })] }) }))] }), _jsxs(CardFooter, { className: "flex justify-between", children: [_jsxs(Button, { variant: "outline", onClick: handlePrev, disabled: currentStep === 1, children: [_jsx(ChevronLeft, { className: "mr-2 h-4 w-4" }), " Back"] }), _jsxs(Button, { onClick: handleNext, disabled: currentStep === flowItems.length, children: [currentStep === flowItems.length ? "Finish" : "Next", " ", _jsx(ChevronRight, { className: "ml-2 h-4 w-4" })] })] })] })] }));
+};
+//# sourceMappingURL=steps.stories.js.map

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

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

package/dist/src/components/steps/steps.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=steps.test.d.ts.map

package/dist/src/components/steps/steps.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.test.d.ts","sourceRoot":"","sources":["../../../../src/components/steps/steps.test.tsx"],"names":[],"mappings":""}