@kala-ui/react 0.0.1-beta.1

package/dist/src/components/radio-group/radio-group.stories.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "../button";
+import { Label } from "../label";
+import { Skeleton } from "../skeleton/skeleton";
+import { RadioGroup, RadioGroupItem } from "./radio-group";
+const meta = {
+    title: "Forms/RadioGroup",
+    component: RadioGroup,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+    argTypes: {
+        variant: {
+            control: "select",
+            options: ["default", "cards", "buttons"],
+            description: "Visual style variant",
+        },
+        size: {
+            control: "select",
+            options: ["sm", "md", "lg"],
+            description: "Size of radio buttons",
+        },
+        disabled: {
+            control: "boolean",
+            description: "Disable all radio items",
+        },
+    },
+    args: {
+        variant: "default",
+        size: "md",
+    },
+};
+export default meta;
+/**
+ * Basic radio group with default styling
+ */
+export const Default = {
+    render: (args) => (_jsxs(RadioGroup, { ...args, defaultValue: "option-one", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "option-one", id: "option-one" }), _jsx(Label, { htmlFor: "option-one", children: "Option One" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "option-two", id: "option-two" }), _jsx(Label, { htmlFor: "option-two", children: "Option Two" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "option-three", id: "option-three" }), _jsx(Label, { htmlFor: "option-three", children: "Option Three" })] })] })),
+};
+/**
+ * Radio group with labels and descriptions
+ */
+export const WithLabelsAndDescriptions = {
+    render: () => (_jsxs(RadioGroup, { defaultValue: "comfortable", className: "w-96", children: [_jsx(RadioGroupItem, { value: "default", id: "r1", label: "Default", description: "This is the default option with standard spacing" }), _jsx(RadioGroupItem, { value: "comfortable", id: "r2", label: "Comfortable", description: "Increased padding for better readability" }), _jsx(RadioGroupItem, { value: "compact", id: "r3", label: "Compact", description: "Reduced spacing to fit more content" })] })),
+};
+/**
+ * Different size variants
+ */
+export const Sizes = {
+    render: () => (_jsxs("div", { className: "space-y-8", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium mb-3", children: "Small" }), _jsxs(RadioGroup, { size: "sm", defaultValue: "sm-1", className: "w-80", children: [_jsx(RadioGroupItem, { value: "sm-1", id: "sm-1", label: "Small option 1" }), _jsx(RadioGroupItem, { value: "sm-2", id: "sm-2", label: "Small option 2" })] })] }), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium mb-3", children: "Medium (Default)" }), _jsxs(RadioGroup, { size: "md", defaultValue: "md-1", className: "w-80", children: [_jsx(RadioGroupItem, { value: "md-1", id: "md-1", label: "Medium option 1" }), _jsx(RadioGroupItem, { value: "md-2", id: "md-2", label: "Medium option 2" })] })] }), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium mb-3", children: "Large" }), _jsxs(RadioGroup, { size: "lg", defaultValue: "lg-1", className: "w-80", children: [_jsx(RadioGroupItem, { value: "lg-1", id: "lg-1", label: "Large option 1" }), _jsx(RadioGroupItem, { value: "lg-2", id: "lg-2", label: "Large option 2" })] })] })] })),
+};
+/**
+ * Cards variant for more prominent options
+ */
+export const CardsVariant = {
+    render: () => (_jsxs(RadioGroup, { variant: "cards", defaultValue: "starter", className: "w-96", children: [_jsx(RadioGroupItem, { value: "starter", id: "starter", label: "Starter Plan", description: "Perfect for individuals and small projects" }), _jsx(RadioGroupItem, { value: "pro", id: "pro", label: "Pro Plan", description: "Best for growing teams and businesses" }), _jsx(RadioGroupItem, { value: "enterprise", id: "enterprise", label: "Enterprise Plan", description: "Advanced features for large organizations" })] })),
+};
+/**
+ * Buttons variant for compact horizontal layout
+ */
+export const ButtonsVariant = {
+    render: () => (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium mb-3", children: "Select Size" }), _jsxs(RadioGroup, { variant: "buttons", defaultValue: "medium", children: [_jsx(RadioGroupItem, { value: "small", id: "size-sm", label: "S" }), _jsx(RadioGroupItem, { value: "medium", id: "size-md", label: "M" }), _jsx(RadioGroupItem, { value: "large", id: "size-lg", label: "L" }), _jsx(RadioGroupItem, { value: "xlarge", id: "size-xl", label: "XL" })] })] }), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium mb-3", children: "Choose Color" }), _jsxs(RadioGroup, { variant: "buttons", defaultValue: "blue", children: [_jsx(RadioGroupItem, { value: "blue", id: "color-blue", label: "Blue" }), _jsx(RadioGroupItem, { value: "red", id: "color-red", label: "Red" }), _jsx(RadioGroupItem, { value: "green", id: "color-green", label: "Green" }), _jsx(RadioGroupItem, { value: "yellow", id: "color-yellow", label: "Yellow" }), _jsx(RadioGroupItem, { value: "purple", id: "color-purple", label: "Purple" })] })] })] })),
+};
+/**
+ * Radio group with disabled state
+ */
+export const WithDisabled = {
+    render: () => (_jsxs(RadioGroup, { defaultValue: "option-one", className: "w-80", children: [_jsx(RadioGroupItem, { value: "option-one", id: "d1", label: "Available", description: "This option is available" }), _jsx(RadioGroupItem, { value: "option-two", id: "d2", label: "Disabled", description: "This option is disabled", disabled: true }), _jsx(RadioGroupItem, { value: "option-three", id: "d3", label: "Also Available", description: "This option is also available" })] })),
+};
+/**
+ * Radio group with error state
+ */
+export const WithError = {
+    render: () => (_jsxs("div", { className: "w-96 space-y-3", children: [_jsxs(RadioGroup, { defaultValue: "", children: [_jsx(RadioGroupItem, { value: "option-one", id: "e1", label: "Option One", description: "First option", error: true }), _jsx(RadioGroupItem, { value: "option-two", id: "e2", label: "Option Two", description: "Second option", error: true })] }), _jsx("p", { className: "text-sm text-destructive", children: "Please select an option to continue" })] })),
+};
+/**
+ * Form example with notification preferences
+ */
+export const FormExample = {
+    render: () => (_jsxs("form", { className: "w-96 space-y-6", children: [_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-base font-semibold", children: "Email Notifications" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Choose when to receive email updates" })] }), _jsxs(RadioGroup, { defaultValue: "all", children: [_jsx(RadioGroupItem, { value: "all", id: "notify-all", label: "All new messages", description: "Receive an email for every new message" }), _jsx(RadioGroupItem, { value: "mentions", id: "notify-mentions", label: "Direct messages and mentions", description: "Only get notified when someone mentions you" }), _jsx(RadioGroupItem, { value: "none", id: "notify-none", label: "Nothing", description: "Don't send any email notifications" })] })] }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-base font-semibold", children: "Privacy Settings" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Control who can see your profile" })] }), _jsxs(RadioGroup, { defaultValue: "everyone", variant: "cards", children: [_jsx(RadioGroupItem, { value: "everyone", id: "privacy-public", label: "Public", description: "Anyone can view your profile" }), _jsx(RadioGroupItem, { value: "friends", id: "privacy-friends", label: "Friends Only", description: "Only your friends can see your profile" }), _jsx(RadioGroupItem, { value: "private", id: "privacy-private", label: "Private", description: "Only you can view your profile" })] })] })] })),
+};
+/**
+ * Interactive controlled example
+ */
+export const Interactive = {
+    render: () => {
+        const [value, setValue] = React.useState("comfortable");
+        return (_jsxs("div", { className: "w-96 space-y-4", children: [_jsxs(RadioGroup, { value: value, onValueChange: setValue, children: [_jsx(RadioGroupItem, { value: "default", id: "int-1", label: "Default", description: "Standard spacing and padding" }), _jsx(RadioGroupItem, { value: "comfortable", id: "int-2", label: "Comfortable", description: "Extra padding for readability" }), _jsx(RadioGroupItem, { value: "compact", id: "int-3", label: "Compact", description: "Minimal spacing to save space" })] }), _jsxs("div", { className: "p-4 bg-muted rounded-lg", children: [_jsx("div", { className: "text-sm font-medium", children: "Selected value:" }), _jsx("div", { className: "text-sm text-muted-foreground mt-1", children: value })] }), _jsx(Button, { type: "button", onClick: () => setValue("default"), className: "w-full", children: "Reset to Default" })] }));
+    },
+};
+export const LoadingSkeleton = {
+    render: () => (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-4 w-4 rounded-full" }), _jsx(Skeleton, { className: "h-4 w-32" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-4 w-4 rounded-full" }), _jsx(Skeleton, { className: "h-4 w-40" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-4 w-4 rounded-full" }), _jsx(Skeleton, { className: "h-4 w-36" })] })] })),
+    parameters: {
+        docs: {
+            description: {
+                story: "Loading skeleton placeholders for radio group options while loading.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=radio-group.stories.js.map

package/dist/src/components/radio-group/radio-group.stories.js.map

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

package/dist/src/components/radio-group/radio-group.test.d.ts

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

package/dist/src/components/radio-group/radio-group.test.d.ts.map

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

package/dist/src/components/radio-group/radio-group.test.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+import { Label } from "../label";
+import { RadioGroup, RadioGroupItem } from "./radio-group";
+describe("RadioGroup", () => {
+    describe("Basic Functionality", () => {
+        it("should render radio group", () => {
+            render(_jsx(RadioGroup, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "option1", id: "option1" }), _jsx(Label, { htmlFor: "option1", children: "Option 1" })] }) }));
+            const radioGroup = screen.getByRole("radiogroup");
+            expect(radioGroup).toBeInTheDocument();
+        });
+        it("should render multiple radio items", () => {
+            render(_jsxs(RadioGroup, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "option1", id: "option1" }), _jsx(Label, { htmlFor: "option1", children: "Option 1" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "option2", id: "option2" }), _jsx(Label, { htmlFor: "option2", children: "Option 2" })] })] }));
+            expect(screen.getByLabelText("Option 1")).toBeInTheDocument();
+            expect(screen.getByLabelText("Option 2")).toBeInTheDocument();
+        });
+        it("should select radio item when clicked", async () => {
+            const user = userEvent.setup();
+            const handleChange = vi.fn();
+            render(_jsxs(RadioGroup, { onValueChange: handleChange, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "option1", id: "option1" }), _jsx(Label, { htmlFor: "option1", children: "Option 1" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "option2", id: "option2" }), _jsx(Label, { htmlFor: "option2", children: "Option 2" })] })] }));
+            await user.click(screen.getByLabelText("Option 1"));
+            expect(handleChange).toHaveBeenCalledWith("option1");
+        });
+        it("should render with default value", () => {
+            render(_jsxs(RadioGroup, { defaultValue: "option2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "option1", id: "option1" }), _jsx(Label, { htmlFor: "option1", children: "Option 1" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "option2", id: "option2" }), _jsx(Label, { htmlFor: "option2", children: "Option 2" })] })] }));
+            const option2 = screen.getByLabelText("Option 2");
+            expect(option2).toBeChecked();
+        });
+        it("should disable radio item when disabled prop is true", () => {
+            render(_jsx(RadioGroup, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "option1", id: "option1", disabled: true }), _jsx(Label, { htmlFor: "option1", children: "Option 1" })] }) }));
+            const option1 = screen.getByLabelText("Option 1");
+            expect(option1).toBeDisabled();
+        });
+    });
+    describe("Labels and Descriptions", () => {
+        it("should render with label prop", () => {
+            render(_jsx(RadioGroup, { children: _jsx(RadioGroupItem, { value: "option1", id: "option1", label: "Test Label" }) }));
+            expect(screen.getByText("Test Label")).toBeInTheDocument();
+        });
+        it("should render with description prop", () => {
+            render(_jsx(RadioGroup, { children: _jsx(RadioGroupItem, { value: "option1", id: "option1", label: "Test Label", description: "Test description" }) }));
+            expect(screen.getByText("Test description")).toBeInTheDocument();
+        });
+        it("should render label without description", () => {
+            render(_jsx(RadioGroup, { children: _jsx(RadioGroupItem, { value: "option1", id: "option1", label: "Only Label" }) }));
+            expect(screen.getByText("Only Label")).toBeInTheDocument();
+        });
+    });
+    describe("Variants", () => {
+        it("should apply default variant", () => {
+            const { container } = render(_jsx(RadioGroup, { variant: "default", children: _jsx(RadioGroupItem, { value: "option1", id: "option1" }) }));
+            const radioGroup = container.querySelector('[data-slot="radio-group"]');
+            expect(radioGroup).toHaveClass("grid");
+        });
+        it("should apply cards variant", () => {
+            const { container } = render(_jsx(RadioGroup, { variant: "cards", children: _jsx(RadioGroupItem, { value: "option1", id: "option1", label: "Card Option" }) }));
+            const radioGroup = container.querySelector('[data-slot="radio-group"]');
+            expect(radioGroup).toHaveClass("grid");
+        });
+        it("should apply buttons variant", () => {
+            const { container } = render(_jsx(RadioGroup, { variant: "buttons", children: _jsx(RadioGroupItem, { value: "option1", id: "option1", label: "Button Option" }) }));
+            const radioGroup = container.querySelector('[data-slot="radio-group"]');
+            expect(radioGroup).toHaveClass("flex");
+        });
+    });
+    describe("Sizes", () => {
+        it("should apply small size", () => {
+            const { container } = render(_jsx(RadioGroup, { size: "sm", children: _jsx(RadioGroupItem, { value: "option1", id: "option1" }) }));
+            const radioItem = container.querySelector('[data-slot="radio-group-item"]');
+            expect(radioItem).toHaveClass("size-3");
+        });
+        it("should apply medium size", () => {
+            const { container } = render(_jsx(RadioGroup, { size: "md", children: _jsx(RadioGroupItem, { value: "option1", id: "option1" }) }));
+            const radioItem = container.querySelector('[data-slot="radio-group-item"]');
+            expect(radioItem).toHaveClass("size-4");
+        });
+        it("should apply large size", () => {
+            const { container } = render(_jsx(RadioGroup, { size: "lg", children: _jsx(RadioGroupItem, { value: "option1", id: "option1" }) }));
+            const radioItem = container.querySelector('[data-slot="radio-group-item"]');
+            expect(radioItem).toHaveClass("size-5");
+        });
+    });
+    describe("Error State", () => {
+        it("should apply error styling when error prop is true", () => {
+            render(_jsx(RadioGroup, { children: _jsx(RadioGroupItem, { value: "option1", id: "option1", label: "Error Option", error: true }) }));
+            const label = screen.getByText("Error Option");
+            expect(label).toHaveClass("text-destructive");
+        });
+        it("should apply error styling to description", () => {
+            render(_jsx(RadioGroup, { children: _jsx(RadioGroupItem, { value: "option1", id: "option1", label: "Error Option", description: "Error description", error: true }) }));
+            const description = screen.getByText("Error description");
+            expect(description).toHaveClass("text-destructive/80");
+        });
+    });
+    describe("Custom className", () => {
+        it("should apply custom className to radio group", () => {
+            const { container } = render(_jsx(RadioGroup, { className: "custom-radio-group", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "option1", id: "option1" }), _jsx(Label, { htmlFor: "option1", children: "Option 1" })] }) }));
+            const radioGroup = container.querySelector('[data-slot="radio-group"]');
+            expect(radioGroup).toHaveClass("custom-radio-group");
+        });
+        it("should apply custom className to radio item with label", () => {
+            const { container } = render(_jsx(RadioGroup, { children: _jsx(RadioGroupItem, { value: "option1", id: "option1", label: "Option", className: "custom-item" }) }));
+            expect(container.querySelector(".custom-item")).toBeInTheDocument();
+        });
+    });
+    describe("Accessibility", () => {
+        it("should have proper ARIA attributes", () => {
+            render(_jsx(RadioGroup, { children: _jsx(RadioGroupItem, { value: "option1", id: "option1" }) }));
+            const radioGroup = screen.getByRole("radiogroup");
+            expect(radioGroup).toBeInTheDocument();
+        });
+        it("should render indicator SVG with title", () => {
+            const { container } = render(_jsx(RadioGroup, { defaultValue: "option1", children: _jsx(RadioGroupItem, { value: "option1", id: "option1" }) }));
+            const svg = container.querySelector("svg");
+            expect(svg).toBeInTheDocument();
+            expect(svg?.querySelector("title")).toHaveTextContent("Selected");
+        });
+    });
+});
+//# sourceMappingURL=radio-group.test.js.map

package/dist/src/components/radio-group/radio-group.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.test.js","sourceRoot":"","sources":["../../../../src/components/radio-group/radio-group.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE3D,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;QACpC,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;YACpC,MAAM,CACL,KAAC,UAAU,cACV,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,GAAG,EAC/C,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,yBAAiB,IACpC,GACM,CACb,CAAC;YACF,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAClD,MAAM,CAAC,UAAU,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;YAC7C,MAAM,CACL,MAAC,UAAU,eACV,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,GAAG,EAC/C,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,yBAAiB,IACpC,EACN,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,GAAG,EAC/C,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,yBAAiB,IACpC,IACM,CACb,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAC9D,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC/D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;YACtD,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,YAAY,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;YAE7B,MAAM,CACL,MAAC,UAAU,IAAC,aAAa,EAAE,YAAY,aACtC,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,GAAG,EAC/C,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,yBAAiB,IACpC,EACN,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,GAAG,EAC/C,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,yBAAiB,IACpC,IACM,CACb,CAAC;YAEF,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;YACpD,MAAM,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;YAC3C,MAAM,CACL,MAAC,UAAU,IAAC,YAAY,EAAC,SAAS,aACjC,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,GAAG,EAC/C,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,yBAAiB,IACpC,EACN,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,GAAG,EAC/C,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,yBAAiB,IACpC,IACM,CACb,CAAC;YACF,MAAM,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;YAClD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;QAC/B,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;YAC/D,MAAM,CACL,KAAC,UAAU,cACV,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,QAAQ,SAAG,EACxD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,yBAAiB,IACpC,GACM,CACb,CAAC;YACF,MAAM,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;YAClD,MAAM,CAAC,OAAO,CAAC,CAAC,YAAY,EAAE,CAAC;QAChC,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;YACxC,MAAM,CACL,KAAC,UAAU,cACV,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,KAAK,EAAC,YAAY,GAAG,GACtD,CACb,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC5D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;YAC9C,MAAM,CACL,KAAC,UAAU,cACV,KAAC,cAAc,IACd,KAAK,EAAC,SAAS,EACf,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,YAAY,EAClB,WAAW,EAAC,kBAAkB,GAC7B,GACU,CACb,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClE,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;YAClD,MAAM,CACL,KAAC,UAAU,cACV,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,KAAK,EAAC,YAAY,GAAG,GACtD,CACb,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC5D,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;QACzB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;YACvC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,YAC5B,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,GAAG,GACnC,CACb,CAAC;YACF,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;YACxE,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACrC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,YAC1B,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,KAAK,EAAC,aAAa,GAAG,GACvD,CACb,CAAC;YACF,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;YACxE,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;YACvC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,YAC5B,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,EAAC,KAAK,EAAC,eAAe,GAAG,GACzD,CACb,CAAC;YACF,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;YACxE,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;QACtB,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;YAClC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,UAAU,IAAC,IAAI,EAAC,IAAI,YACpB,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,GAAG,GACnC,CACb,CAAC;YACF,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CACxC,gCAAgC,CAChC,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;YACnC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,UAAU,IAAC,IAAI,EAAC,IAAI,YACpB,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,GAAG,GACnC,CACb,CAAC;YACF,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CACxC,gCAAgC,CAChC,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;YAClC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,UAAU,IAAC,IAAI,EAAC,IAAI,YACpB,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,GAAG,GACnC,CACb,CAAC;YACF,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CACxC,gCAAgC,CAChC,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;QAC5B,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;YAC7D,MAAM,CACL,KAAC,UAAU,cACV,KAAC,cAAc,IACd,KAAK,EAAC,SAAS,EACf,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,cAAc,EACpB,KAAK,SACJ,GACU,CACb,CAAC;YACF,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;YAC/C,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;YACpD,MAAM,CACL,KAAC,UAAU,cACV,KAAC,cAAc,IACd,KAAK,EAAC,SAAS,EACf,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,mBAAmB,EAC/B,KAAK,SACJ,GACU,CACb,CAAC;YACF,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC;YAC1D,MAAM,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;QACjC,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;YACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,UAAU,IAAC,SAAS,EAAC,oBAAoB,YACzC,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,GAAG,EAC/C,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,yBAAiB,IACpC,GACM,CACb,CAAC;YACF,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;YACxE,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;QACtD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;YACjE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,UAAU,cACV,KAAC,cAAc,IACd,KAAK,EAAC,SAAS,EACf,EAAE,EAAC,SAAS,EACZ,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,aAAa,GACtB,GACU,CACb,CAAC;YACF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACrE,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;QAC9B,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;YAC7C,MAAM,CACL,KAAC,UAAU,cACV,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,GAAG,GACnC,CACb,CAAC;YACF,MAAM,UAAU,GAAG,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;YAClD,MAAM,CAAC,UAAU,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxC,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;YACjD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,UAAU,IAAC,YAAY,EAAC,SAAS,YACjC,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,SAAS,GAAG,GACnC,CACb,CAAC;YACF,MAAM,GAAG,GAAG,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,iBAAiB,EAAE,CAAC;YAChC,MAAM,CAAC,GAAG,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC;QACnE,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/src/components/radio-group/radio-group.types.d.ts

@@ -0,0 +1,29 @@
+import type * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import type * as React from "react";
+export interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+    /**
+     * Visual variant of the radio group
+     * @default "default"
+     */
+    variant?: "default" | "cards" | "buttons";
+    /**
+     * Size of radio buttons
+     * @default "md"
+     */
+    size?: "sm" | "md" | "lg";
+}
+export interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
+    /**
+     * Label text for the radio item
+     */
+    label?: string;
+    /**
+     * Description text displayed below the label
+     */
+    description?: string;
+    /**
+     * Show error state
+     */
+    error?: boolean;
+}
+//# sourceMappingURL=radio-group.types.d.ts.map

package/dist/src/components/radio-group/radio-group.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.types.d.ts","sourceRoot":"","sources":["../../../../src/components/radio-group/radio-group.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,eAChB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACvE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,mBAChB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IACvE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB"}

package/dist/src/components/radio-group/radio-group.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=radio-group.types.js.map

package/dist/src/components/radio-group/radio-group.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.types.js","sourceRoot":"","sources":["../../../../src/components/radio-group/radio-group.types.ts"],"names":[],"mappings":""}

package/dist/src/components/resizable/index.d.ts

@@ -0,0 +1,2 @@
+export { type ImperativePanelGroupHandle, type ImperativePanelHandle, type PanelGroupProps, type PanelProps, type PanelResizeHandleProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, } from "./resizable";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/resizable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/resizable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,0BAA0B,EAC/B,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,sBAAsB,EAC3B,eAAe,EACf,KAAK,oBAAoB,EACzB,cAAc,EACd,mBAAmB,GACnB,MAAM,aAAa,CAAC"}

package/dist/src/components/resizable/index.js

@@ -0,0 +1,2 @@
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup, } from "./resizable";
+//# sourceMappingURL=index.js.map

package/dist/src/components/resizable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/resizable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAMN,eAAe,EAEf,cAAc,EACd,mBAAmB,GACnB,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,12 @@
+import type * as React from "react";
+import * as ResizablePrimitive from "react-resizable-panels";
+declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
+declare const ResizablePanel: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.Panel>) => import("react/jsx-runtime").JSX.Element;
+interface ResizableHandleProps extends React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> {
+    withHandle?: boolean;
+}
+declare const ResizableHandle: ({ withHandle, className, ...props }: ResizableHandleProps) => import("react/jsx-runtime").JSX.Element;
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
+export type { ResizableHandleProps };
+export type { ImperativePanelGroupHandle, ImperativePanelHandle, PanelGroupProps, PanelProps, PanelResizeHandleProps, } from "react-resizable-panels";
+//# sourceMappingURL=resizable.d.ts.map

package/dist/src/components/resizable/resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../../src/components/resizable/resizable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAI7D,QAAA,MAAM,mBAAmB,GAAI,yBAG1B,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,4CAS5D,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,yBAGrB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,4CAMvD,CAAC;AAEF,UAAU,oBACT,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,iBAAiB,CAAC;IACzE,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,eAAe,GAAI,qCAItB,oBAAoB,4CA2CtB,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAChE,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAGrC,YAAY,EACX,0BAA0B,EAC1B,qBAAqB,EACrB,eAAe,EACf,UAAU,EACV,sBAAsB,GACtB,MAAM,wBAAwB,CAAC"}

package/dist/src/components/resizable/resizable.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as ResizablePrimitive from "react-resizable-panels";
+import { cn } from "../../lib/utils";
+const ResizablePanelGroup = ({ className, ...props }) => (_jsx(ResizablePrimitive.PanelGroup, { "data-slot": "resizable-panel-group", className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className), ...props }));
+const ResizablePanel = ({ className, ...props }) => (_jsx(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", className: cn("relative", className), ...props }));
+const ResizableHandle = ({ withHandle, className, ...props }) => (_jsx(ResizablePrimitive.PanelResizeHandle, { "data-slot": "resizable-handle", className: cn("bg-separator relative flex items-center justify-center focus-ring", "after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2", "data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0", "data-[panel-group-direction=horizontal]:w-px data-[panel-group-direction=horizontal]:after:h-full", "transition-colors hover:bg-primary/50", "data-[resize-handle-state=drag]:bg-primary", "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-separator", className), ...props, children: withHandle && (_jsx("div", { className: cn("bg-separator z-10 flex items-center justify-center rounded-sm border transition-colors", "data-[panel-group-direction=vertical]:h-2 data-[panel-group-direction=vertical]:w-8 data-[panel-group-direction=horizontal]:h-8 data-[panel-group-direction=horizontal]:w-2", "hover:bg-primary/50 data-[resize-handle-state=drag]:bg-primary"), children: _jsxs("svg", { className: cn("text-muted-foreground size-2.5", "data-[panel-group-direction=vertical]:rotate-90"), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("title", { children: "Resize handle" }), _jsx("circle", { cx: "9", cy: "12", r: "1" }), _jsx("circle", { cx: "15", cy: "12", r: "1" })] }) })) }));
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
+//# sourceMappingURL=resizable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.js","sourceRoot":"","sources":["../../../../src/components/resizable/resizable.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,mBAAmB,GAAG,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACoD,EAAE,EAAE,CAAC,CACjE,KAAC,kBAAkB,CAAC,UAAU,iBACnB,uBAAuB,EACjC,SAAS,EAAE,EAAE,CACZ,mEAAmE,EACnE,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EAC+C,EAAE,EAAE,CAAC,CAC5D,KAAC,kBAAkB,CAAC,KAAK,iBACd,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAChC,KAAK,GACR,CACF,CAAC;AAOF,MAAM,eAAe,GAAG,CAAC,EACxB,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACc,EAAE,EAAE,CAAC,CAC3B,KAAC,kBAAkB,CAAC,iBAAiB,iBAC1B,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CACZ,mEAAmE,EACnE,gFAAgF,EAChF,sWAAsW,EACtW,mGAAmG,EACnG,uCAAuC,EACvC,4CAA4C,EAC5C,6EAA6E,EAC7E,SAAS,CACT,KACG,KAAK,YAER,UAAU,IAAI,CACd,cACC,SAAS,EAAE,EAAE,CACZ,wFAAwF,EACxF,6KAA6K,EAC7K,gEAAgE,CAChE,YAED,eACC,SAAS,EAAE,EAAE,CACZ,gCAAgC,EAChC,iDAAiD,CACjD,EACD,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,aAElB,4CAA4B,EAC5B,iBAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,EAC/B,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAG,IAC3B,GACD,CACN,GACqC,CACvC,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

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

@@ -0,0 +1,72 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Basic horizontal resizable panel layout with two panels.
+ * Click and drag the handle to resize the panels.
+ */
+export declare const Horizontal: Story;
+/**
+ * Vertical resizable panel layout.
+ * Use direction="vertical" to create top/bottom panels.
+ */
+export declare const Vertical: Story;
+/**
+ * Resizable handle with visual grip indicator.
+ * Set withHandle={true} to show the drag handle.
+ */
+export declare const WithHandle: Story;
+/**
+ * Nested panel groups for complex layouts.
+ * Combine horizontal and vertical panels to create sophisticated layouts.
+ */
+export declare const NestedPanels: Story;
+/**
+ * Three-panel layout with multiple handles.
+ * Useful for applications with sidebar, content, and details panels.
+ */
+export declare const ThreePanels: Story;
+/**
+ * Panels with size constraints.
+ * Use minSize and maxSize to limit panel dimensions.
+ */
+export declare const WithConstraints: Story;
+/**
+ * Collapsible panel with imperative controls.
+ * Use the collapse() and expand() API to control panels programmatically.
+ */
+export declare const CollapsiblePanel: Story;
+/**
+ * Imperative panel group controls.
+ * Use getLayout() and setLayout() to manage panel sizes programmatically.
+ */
+export declare const ImperativeControls: Story;
+/**
+ * Disabled resize handle.
+ * Use the disabled prop to prevent users from resizing panels.
+ */
+export declare const DisabledHandle: Story;
+/**
+ * Real-world IDE-like layout.
+ * Demonstrates a practical use case for resizable panels.
+ */
+export declare const IDELayout: Story;
+/**
+ * Keyboard navigation support.
+ * Use arrow keys to resize panels (default: 10% increments).
+ * Use keyboardResizeBy prop to customize the increment.
+ */
+export declare const KeyboardResize: Story;
+/**
+ * Persistent layout with localStorage.
+ * Panel sizes are automatically saved and restored across sessions.
+ */
+export declare const PersistentLayout: Story;
+//# sourceMappingURL=resizable.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/resizable/resizable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAavD,QAAA,MAAM,IAAI;;;;;;CAMkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KA8B1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAkD9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,KA+DhC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAiC5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KA4GvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,KA+B5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KA+B9B,CAAC"}