@kala-ui/react 0.0.1-beta.1

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

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { fn } from "@storybook/test";
+import { Mail, Search, User } from "lucide-react";
+import { Skeleton } from "../skeleton/skeleton";
+import { Input } from "./input";
+const meta = {
+    title: "Forms/Input",
+    component: Input,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+    args: {
+        onChange: fn(),
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        placeholder: "Enter text...",
+    },
+};
+export const WithValue = {
+    args: {
+        value: "Hello World",
+        placeholder: "Enter text...",
+    },
+};
+/**
+ * Password input with visibility toggle button.
+ * Click the eye icon to show/hide the password.
+ */
+export const Password = {
+    args: {
+        type: "password",
+        placeholder: "Enter password...",
+        showPasswordToggle: true,
+    },
+};
+/**
+ * Password input without visibility toggle.
+ */
+export const PasswordNoToggle = {
+    args: {
+        type: "password",
+        placeholder: "Enter password...",
+        showPasswordToggle: false,
+    },
+};
+export const Email = {
+    args: {
+        type: "email",
+        placeholder: "Enter email...",
+    },
+};
+/**
+ * Input with a prefix icon.
+ */
+export const WithPrefixIcon = {
+    args: {
+        placeholder: "Search...",
+        prefixIcon: _jsx(Search, { className: "h-4 w-4" }),
+    },
+};
+/**
+ * Input with a suffix icon.
+ */
+export const WithSuffixIcon = {
+    args: {
+        type: "email",
+        placeholder: "Enter email...",
+        suffixIcon: _jsx(Mail, { className: "h-4 w-4" }),
+    },
+};
+/**
+ * Input with both prefix and password toggle.
+ */
+export const PasswordWithIcon = {
+    args: {
+        type: "password",
+        placeholder: "Enter password...",
+        showPasswordToggle: true,
+        prefixIcon: _jsx(User, { className: "h-4 w-4" }),
+    },
+};
+/**
+ * Input with error state styling.
+ */
+export const WithError = {
+    args: {
+        placeholder: "Enter text...",
+        hasError: true,
+        value: "Invalid value",
+    },
+};
+/**
+ * Input with success state styling.
+ */
+export const WithSuccess = {
+    args: {
+        placeholder: "Enter text...",
+        hasSuccess: true,
+        value: "Valid value",
+    },
+};
+export const Disabled = {
+    args: {
+        disabled: true,
+        placeholder: "Disabled input",
+    },
+};
+export const ReadOnly = {
+    args: {
+        readOnly: true,
+        value: "Read-only value",
+    },
+};
+export const File = {
+    args: {
+        type: "file",
+    },
+};
+export const LoadingSkeleton = {
+    render: () => (_jsxs("div", { className: "w-full max-w-sm space-y-2", children: [_jsx(Skeleton, { className: "h-10 w-full rounded-md" }), _jsx(Skeleton, { className: "h-10 w-full rounded-md" }), _jsx(Skeleton, { className: "h-10 w-full rounded-md" })] })),
+    parameters: {
+        docs: {
+            description: {
+                story: "Loading skeleton placeholders for input fields while form is loading.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=input.stories.js.map

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

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

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

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

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

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

package/dist/src/components/input/input.test.js

@@ -0,0 +1,191 @@
+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 { Mail, Search } from "lucide-react";
+import { describe, expect, it, vi } from "vitest";
+import { Button } from "../button";
+import { Input } from "./input";
+describe("Input", () => {
+    describe("Basic Rendering", () => {
+        it("renders with placeholder", () => {
+            render(_jsx(Input, { placeholder: "Enter text" }));
+            expect(screen.getByPlaceholderText("Enter text")).toBeInTheDocument();
+        });
+        it("displays value correctly", () => {
+            render(_jsx(Input, { value: "test value", onChange: vi.fn() }));
+            expect(screen.getByDisplayValue("test value")).toBeInTheDocument();
+        });
+        it("accepts custom className", () => {
+            render(_jsx(Input, { className: "custom-class" }));
+            expect(screen.getByRole("textbox")).toHaveClass("custom-class");
+        });
+        it("forwards ref correctly", () => {
+            const ref = vi.fn();
+            render(_jsx(Input, { ref: ref }));
+            expect(ref).toHaveBeenCalled();
+        });
+    });
+    describe("Input Types", () => {
+        it("supports text input (default)", () => {
+            render(_jsx(Input, {}));
+            expect(screen.getByRole("textbox")).toHaveAttribute("type", "text");
+        });
+        it("supports password input", () => {
+            const { container } = render(_jsx(Input, { type: "password" }));
+            const passwordInput = container.querySelector('input[type="password"]');
+            expect(passwordInput).toBeInTheDocument();
+        });
+        it("supports email input", () => {
+            render(_jsx(Input, { type: "email" }));
+            expect(screen.getByRole("textbox")).toHaveAttribute("type", "email");
+        });
+        it("supports number input", () => {
+            render(_jsx(Input, { type: "number" }));
+            expect(screen.getByRole("spinbutton")).toHaveAttribute("type", "number");
+        });
+    });
+    describe("User Interactions", () => {
+        it("handles change events", async () => {
+            const handleChange = vi.fn();
+            const user = userEvent.setup();
+            render(_jsx(Input, { onChange: handleChange }));
+            await user.type(screen.getByRole("textbox"), "hello");
+            expect(handleChange).toHaveBeenCalled();
+        });
+        it("handles focus events", async () => {
+            const handleFocus = vi.fn();
+            const user = userEvent.setup();
+            render(_jsx(Input, { onFocus: handleFocus }));
+            await user.click(screen.getByRole("textbox"));
+            expect(handleFocus).toHaveBeenCalled();
+        });
+        it("handles blur events", async () => {
+            const handleBlur = vi.fn();
+            const user = userEvent.setup();
+            render(_jsx(Input, { onBlur: handleBlur }));
+            const input = screen.getByRole("textbox");
+            await user.click(input);
+            await user.tab();
+            expect(handleBlur).toHaveBeenCalled();
+        });
+    });
+    describe("States", () => {
+        it("respects disabled prop", () => {
+            render(_jsx(Input, { disabled: true }));
+            expect(screen.getByRole("textbox")).toBeDisabled();
+        });
+        it("respects readOnly prop", () => {
+            render(_jsx(Input, { readOnly: true, value: "read only", onChange: vi.fn() }));
+            const input = screen.getByRole("textbox");
+            expect(input).toHaveAttribute("readonly");
+        });
+        it("applies error state styles", () => {
+            render(_jsx(Input, { hasError: true }));
+            expect(screen.getByRole("textbox")).toHaveClass("border-destructive");
+        });
+        it("applies success state styles", () => {
+            render(_jsx(Input, { hasSuccess: true }));
+            expect(screen.getByRole("textbox")).toHaveClass("border-success");
+        });
+    });
+    describe("Password Toggle", () => {
+        it("shows password toggle button when enabled", () => {
+            render(_jsx(Input, { type: "password", showPasswordToggle: true }));
+            expect(screen.getByLabelText("Show password")).toBeInTheDocument();
+        });
+        it("does not show toggle button when disabled", () => {
+            render(_jsx(Input, { type: "password", showPasswordToggle: false }));
+            expect(screen.queryByLabelText("Show password")).not.toBeInTheDocument();
+        });
+        it("does not show toggle for non-password inputs", () => {
+            render(_jsx(Input, { type: "text", showPasswordToggle: true }));
+            expect(screen.queryByLabelText("Show password")).not.toBeInTheDocument();
+        });
+        it("toggles password visibility on button click", async () => {
+            const user = userEvent.setup();
+            const { container } = render(_jsx(Input, { type: "password", showPasswordToggle: true }));
+            const toggleButton = screen.getByLabelText("Show password");
+            const passwordInput = container.querySelector("input");
+            // Initially password type
+            expect(passwordInput).toHaveAttribute("type", "password");
+            // Click to show
+            await user.click(toggleButton);
+            expect(passwordInput).toHaveAttribute("type", "text");
+            expect(screen.getByLabelText("Hide password")).toBeInTheDocument();
+            // Click to hide again
+            await user.click(screen.getByLabelText("Hide password"));
+            expect(passwordInput).toHaveAttribute("type", "password");
+            expect(screen.getByLabelText("Show password")).toBeInTheDocument();
+        });
+        it("prevents toggle button from submitting forms", async () => {
+            const handleSubmit = vi.fn((e) => e.preventDefault());
+            const user = userEvent.setup();
+            render(_jsxs("form", { onSubmit: handleSubmit, children: [_jsx(Input, { type: "password", showPasswordToggle: true }), _jsx(Button, { type: "submit", children: "Submit" })] }));
+            const toggleButton = screen.getByLabelText("Show password");
+            await user.click(toggleButton);
+            expect(handleSubmit).not.toHaveBeenCalled();
+        });
+    });
+    describe("Icons", () => {
+        it("renders prefix icon", () => {
+            render(_jsx(Input, { prefixIcon: _jsx(Search, { "data-testid": "search-icon" }) }));
+            expect(screen.getByTestId("search-icon")).toBeInTheDocument();
+        });
+        it("renders suffix icon", () => {
+            render(_jsx(Input, { suffixIcon: _jsx(Mail, { "data-testid": "mail-icon" }) }));
+            expect(screen.getByTestId("mail-icon")).toBeInTheDocument();
+        });
+        it("renders both prefix and suffix icons", () => {
+            render(_jsx(Input, { prefixIcon: _jsx(Search, { "data-testid": "search-icon" }), suffixIcon: _jsx(Mail, { "data-testid": "mail-icon" }) }));
+            expect(screen.getByTestId("search-icon")).toBeInTheDocument();
+            expect(screen.getByTestId("mail-icon")).toBeInTheDocument();
+        });
+        it("adjusts padding when prefix icon is present", () => {
+            render(_jsx(Input, { prefixIcon: _jsx(Search, {}) }));
+            expect(screen.getByRole("textbox")).toHaveClass("pl-10");
+        });
+        it("adjusts padding when suffix icon is present", () => {
+            render(_jsx(Input, { suffixIcon: _jsx(Mail, {}) }));
+            expect(screen.getByRole("textbox")).toHaveClass("pr-10");
+        });
+        it("renders suffix icon alongside password toggle", () => {
+            render(_jsx(Input, { type: "password", showPasswordToggle: true, suffixIcon: _jsx(Mail, { "data-testid": "mail-icon" }) }));
+            expect(screen.getByTestId("mail-icon")).toBeInTheDocument();
+            expect(screen.getByLabelText("Show password")).toBeInTheDocument();
+        });
+    });
+    describe("HTML Attributes", () => {
+        it("accepts standard input attributes", () => {
+            render(_jsx(Input, { name: "test", id: "test-input", maxLength: 10, pattern: "[A-Za-z]+", required: true, autoComplete: "off" }));
+            const input = screen.getByRole("textbox");
+            expect(input).toHaveAttribute("name", "test");
+            expect(input).toHaveAttribute("id", "test-input");
+            expect(input).toHaveAttribute("maxlength", "10");
+            expect(input).toHaveAttribute("pattern", "[A-Za-z]+");
+            expect(input).toHaveAttribute("required");
+            expect(input).toHaveAttribute("autocomplete", "off");
+        });
+        it("accepts aria attributes", () => {
+            render(_jsx(Input, { "aria-label": "Test input", "aria-describedby": "helper-text" }));
+            const input = screen.getByRole("textbox");
+            expect(input).toHaveAttribute("aria-label", "Test input");
+            expect(input).toHaveAttribute("aria-describedby", "helper-text");
+        });
+    });
+    describe("Accessibility", () => {
+        it("has proper role for text input", () => {
+            render(_jsx(Input, {}));
+            expect(screen.getByRole("textbox")).toBeInTheDocument();
+        });
+        it("password toggle has accessible label", () => {
+            render(_jsx(Input, { type: "password", showPasswordToggle: true }));
+            expect(screen.getByLabelText("Show password")).toBeInTheDocument();
+        });
+        it("password toggle is excluded from tab order", () => {
+            render(_jsx(Input, { type: "password", showPasswordToggle: true }));
+            const toggleButton = screen.getByLabelText("Show password");
+            expect(toggleButton).toHaveAttribute("tabindex", "-1");
+        });
+    });
+});
+//# sourceMappingURL=input.test.js.map

package/dist/src/components/input/input.test.js.map

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

package/dist/src/components/input/input.types.d.ts

@@ -0,0 +1,18 @@
+import type * as React from "react";
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    /** Show password visibility toggle button (only for type="password") */
+    showPasswordToggle?: boolean;
+    /** Prefix icon element */
+    prefixIcon?: React.ReactNode;
+    /** Suffix icon element */
+    suffixIcon?: React.ReactNode;
+    /** Error state styling */
+    hasError?: boolean;
+    /** Success state styling */
+    hasSuccess?: boolean;
+    /** Disable wrapper div (use when inside InputGroup) */
+    unstyled?: boolean;
+    /** Show loading skeleton */
+    isLoading?: boolean;
+}
+//# sourceMappingURL=input.types.d.ts.map

package/dist/src/components/input/input.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../../src/components/input/input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,UAChB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/src/components/input/input.types.js

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

package/dist/src/components/input/input.types.js.map

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

package/dist/src/components/input-group/index.d.ts

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

package/dist/src/components/input-group/index.d.ts.map

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

package/dist/src/components/input-group/index.js

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

package/dist/src/components/input-group/index.js.map

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

package/dist/src/components/input-group/input-group.d.ts

@@ -0,0 +1,11 @@
+/**
+ * InputGroup - Group inputs and addons together
+ *
+ * Note: Input components with icons or password toggle should not use wrapper divs.
+ * For best compatibility, use simple inputs without additional features inside InputGroup.
+ */
+import * as React from "react";
+declare const InputGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const InputGroupText: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { InputGroup, InputGroupText };
+//# sourceMappingURL=input-group.d.ts.map

package/dist/src/components/input-group/input-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../../src/components/input-group/input-group.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,UAAU,6GAwBd,CAAC;AAGH,QAAA,MAAM,cAAc,6GAclB,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

package/dist/src/components/input-group/input-group.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * InputGroup - Group inputs and addons together
+ *
+ * Note: Input components with icons or password toggle should not use wrapper divs.
+ * For best compatibility, use simple inputs without additional features inside InputGroup.
+ */
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const InputGroup = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn("flex w-full items-stretch", 
+        // Reset rounded corners for children - focus on direct children that are not headers/labels
+        "[&>*:not(:first-child)]:rounded-l-none", "[&>*:not(:last-child)]:rounded-r-none", 
+        // Handle borders to avoid double borders
+        "[&>*:not(:first-child)]:border-l-0", 
+        // Ensure focus ring appears on top
+        "[&>*:focus-within]:z-10", "[&>*:focus]:z-10", className), ...props, children: children }));
+});
+InputGroup.displayName = "InputGroup";
+const InputGroupText = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx("div", { ref: ref, className: cn("flex items-center justify-center whitespace-nowrap rounded-md border bg-muted px-3 text-sm text-muted-foreground theme-card", className), ...props }));
+});
+InputGroupText.displayName = "InputGroupText";
+export { InputGroup, InputGroupText };
+//# sourceMappingURL=input-group.js.map

package/dist/src/components/input-group/input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../../../src/components/input-group/input-group.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5C,OAAO,CACN,cACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACZ,2BAA2B;QAC3B,4FAA4F;QAC5F,wCAAwC,EACxC,uCAAuC;QACvC,yCAAyC;QACzC,oCAAoC;QACpC,mCAAmC;QACnC,yBAAyB,EACzB,kBAAkB,EAClB,SAAS,CACT,KACG,KAAK,YAER,QAAQ,GACJ,CACN,CAAC;AACH,CAAC,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClC,OAAO,CACN,cACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACZ,6HAA6H,EAC7H,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

package/dist/src/components/input-group/input-group.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { InputGroup } from "./input-group";
+declare const meta: Meta<typeof InputGroup>;
+export default meta;
+type Story = StoryObj<typeof InputGroup>;
+export declare const Default: Story;
+export declare const WithIcons: Story;
+export declare const WithControls: Story;
+export declare const WithButtons: Story;
+export declare const WithSelect: Story;
+export declare const WithDropdown: Story;
+export declare const WithTextarea: Story;
+export declare const LoadingSkeleton: Story;
+//# sourceMappingURL=input-group.stories.d.ts.map

package/dist/src/components/input-group/input-group.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/input-group/input-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAqBvD,OAAO,EAAE,UAAU,EAAkB,MAAM,eAAe,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAOjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAoCrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA0B1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAmCzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA4B1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAsB1B,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAC"}

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

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown, Copy, Search, User } from "lucide-react";
+import { Button } from "../button";
+import { Checkbox } from "../checkbox";
+import { Skeleton } from "../skeleton/skeleton";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../dropdown-menu";
+import { Input } from "../input";
+import { RadioGroup, RadioGroupItem } from "../radio-group";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../select";
+import { Textarea } from "../textarea";
+import { InputGroup, InputGroupText } from "./input-group";
+const meta = {
+    title: "Forms/InputGroup",
+    component: InputGroup,
+    tags: ["autodocs"],
+    argTypes: {
+        className: { control: "text" },
+    },
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs("div", { className: "space-y-4 p-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx("h3", { className: "text-sm font-medium text-muted-foreground", children: "Text Addons" }), _jsxs(InputGroup, { children: [_jsx(InputGroupText, { children: "@" }), _jsx(Input, { placeholder: "Username" })] }), _jsxs(InputGroup, { children: [_jsx(Input, { placeholder: "Recipient's username" }), _jsx(InputGroupText, { children: "@example.com" })] }), _jsxs(InputGroup, { children: [_jsx(InputGroupText, { children: "$" }), _jsx(Input, { placeholder: "Amount", type: "number" }), _jsx(InputGroupText, { children: ".00" })] })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx("h3", { className: "text-sm font-medium text-muted-foreground", children: "Multiple Inputs" }), _jsxs(InputGroup, { children: [_jsx(InputGroupText, { children: "Name" }), _jsx(Input, { placeholder: "First Name" }), _jsx(Input, { placeholder: "Last Name" })] })] })] })),
+};
+export const WithIcons = {
+    render: () => (_jsxs("div", { className: "space-y-4 p-4", children: [_jsxs(InputGroup, { children: [_jsx(InputGroupText, { children: _jsx(User, { className: "h-4 w-4" }) }), _jsx(Input, { placeholder: "Username" })] }), _jsxs(InputGroup, { children: [_jsx(Input, { placeholder: "Search..." }), _jsx(InputGroupText, { className: "cursor-pointer hover:bg-accent hover:text-accent-foreground", children: _jsx(Search, { className: "h-4 w-4" }) })] })] })),
+};
+export const WithControls = {
+    render: () => (_jsxs("div", { className: "space-y-4 p-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx("h3", { className: "text-sm font-medium text-muted-foreground", children: "Checkbox" }), _jsxs(InputGroup, { children: [_jsx(InputGroupText, { children: _jsx(Checkbox, { id: "terms" }) }), _jsx(Input, { placeholder: "Input with checkbox" })] })] }), _jsxs("div", { className: "grid gap-2", children: [_jsx("h3", { className: "text-sm font-medium text-muted-foreground", children: "Radio" }), _jsxs(InputGroup, { children: [_jsx(InputGroupText, { children: _jsx(RadioGroup, { defaultValue: "radio-example", name: "radio-example", children: _jsx(RadioGroupItem, { value: "radio-example" }) }) }), _jsx(Input, { placeholder: "Input with radio" })] })] })] })),
+};
+export const WithButtons = {
+    render: () => (_jsx("div", { className: "space-y-4 p-4", children: _jsxs("div", { className: "grid gap-2", children: [_jsx("h3", { className: "text-sm font-medium text-muted-foreground", children: "Button Addons" }), _jsxs(InputGroup, { children: [_jsx(Input, { placeholder: "Search..." }), _jsx(Button, { variant: "outline", className: "rounded-l-none border-l-0", children: _jsx(Search, { className: "h-4 w-4" }) })] }), _jsxs(InputGroup, { children: [_jsx(Input, { placeholder: "Copy this text", defaultValue: "https://example.com", readOnly: true }), _jsxs(Button, { variant: "outline", className: "rounded-l-none border-l-0", children: [_jsx(Copy, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Copy" })] })] }), _jsxs(InputGroup, { children: [_jsx(Button, { variant: "outline", className: "rounded-r-none border-r-0", children: "Action" }), _jsx(Input, { placeholder: "Input with button start" })] })] }) })),
+};
+export const WithSelect = {
+    render: () => (_jsx("div", { className: "space-y-4 p-4", children: _jsxs("div", { className: "grid gap-2", children: [_jsx("h3", { className: "text-sm font-medium text-muted-foreground", children: "Select Addon" }), _jsxs(InputGroup, { children: [_jsxs(Select, { defaultValue: "http", children: [_jsx(SelectTrigger, { className: "w-[100px] rounded-r-none border-r-0 focus:ring-0 focus:ring-offset-0", children: _jsx(SelectValue, { placeholder: "Protocol" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "http", children: "http://" }), _jsx(SelectItem, { value: "https", children: "https://" }), _jsx(SelectItem, { value: "ftp", children: "ftp://" })] })] }), _jsx(Input, { placeholder: "example.com" })] })] }) })),
+};
+export const WithDropdown = {
+    render: () => (_jsx("div", { className: "space-y-4 p-4", children: _jsxs("div", { className: "grid gap-2", children: [_jsx("h3", { className: "text-sm font-medium text-muted-foreground", children: "Dropdown Addon" }), _jsxs(InputGroup, { children: [_jsx(Input, { placeholder: "Search in..." }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", className: "rounded-l-none border-l-0 px-3", children: _jsx(ChevronDown, { className: "h-4 w-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuItem, { children: "All" }), _jsx(DropdownMenuItem, { children: "Products" }), _jsx(DropdownMenuItem, { children: "Users" })] })] })] })] }) })),
+};
+export const WithTextarea = {
+    render: () => (_jsx("div", { className: "space-y-4 p-4", children: _jsxs("div", { className: "grid gap-2", children: [_jsx("h3", { className: "text-sm font-medium text-muted-foreground", children: "Textarea with Actions" }), _jsxs("div", { className: "flex flex-col rounded-md border focus-within:border-primary focus-within:ring-1 focus-within:ring-primary theme-input", children: [_jsx(Textarea, { placeholder: "Type your message...", className: "min-h-[100px] resize-none border-0 focus:ring-0 focus:ring-offset-0" }), _jsxs("div", { className: "flex items-center justify-between border-t border bg-muted/50 p-2", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: "0/500" }), _jsx(Button, { size: "sm", className: "h-8", children: "Send" })] })] })] }) })),
+};
+export const LoadingSkeleton = {
+    render: () => (_jsxs("div", { className: "w-full max-w-sm space-y-2", children: [_jsx(Skeleton, { className: "h-10 w-full rounded-md" }), _jsx(Skeleton, { className: "h-10 w-full rounded-md" })] })),
+    parameters: {
+        docs: {
+            description: {
+                story: "Loading skeleton placeholders for input groups while loading.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=input-group.stories.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { Input } from "../input";
+import { InputGroup, InputGroupText } from "./input-group";
+describe("InputGroup", () => {
+    it("renders correctly", () => {
+        render(_jsxs(InputGroup, { "data-testid": "input-group", children: [_jsx(InputGroupText, { children: "@" }), _jsx(Input, { placeholder: "Username" })] }));
+        const group = screen.getByTestId("input-group");
+        expect(group).toBeInTheDocument();
+        expect(group).toHaveClass("flex", "w-full", "items-stretch");
+        expect(screen.getByText("@")).toBeInTheDocument();
+        expect(screen.getByPlaceholderText("Username")).toBeInTheDocument();
+    });
+    it("applies custom className", () => {
+        render(_jsx(InputGroup, { "data-testid": "input-group", className: "custom-class", children: _jsx(Input, {}) }));
+        expect(screen.getByTestId("input-group")).toHaveClass("custom-class");
+    });
+    it("renders InputGroupText correctly", () => {
+        render(_jsx(InputGroupText, { "data-testid": "addon", children: "Addon" }));
+        const addon = screen.getByTestId("addon");
+        expect(addon).toBeInTheDocument();
+        expect(addon).toHaveClass("flex", "items-center", "justify-center", "bg-muted");
+    });
+});
+//# sourceMappingURL=input-group.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.test.js","sourceRoot":"","sources":["../../../../src/components/input-group/input-group.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,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,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC5B,MAAM,CACL,MAAC,UAAU,mBAAa,aAAa,aACpC,KAAC,cAAc,oBAAmB,EAClC,KAAC,KAAK,IAAC,WAAW,EAAC,UAAU,GAAG,IACpB,CACb,CAAC;QAEF,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;QAChD,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClC,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,MAAM,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;QAE7D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClD,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACnC,MAAM,CACL,KAAC,UAAU,mBAAa,aAAa,EAAC,SAAS,EAAC,cAAc,YAC7D,KAAC,KAAK,KAAG,GACG,CACb,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,KAAC,cAAc,mBAAa,OAAO,sBAAuB,CAAC,CAAC;QAEnE,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC1C,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClC,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CACxB,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,UAAU,CACV,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/src/components/input-otp/index.d.ts

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

package/dist/src/components/input-otp/index.d.ts.map

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

package/dist/src/components/input-otp/index.js

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

package/dist/src/components/input-otp/index.js.map

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

package/dist/src/components/input-otp/input-otp.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare const InputOTP: React.ForwardRefExoticComponent<Omit<import("input-otp").OTPInputProps & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const InputOTPGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSlot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    index: number;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & React.RefAttributes<HTMLHRElement>>;
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
+//# sourceMappingURL=input-otp.d.ts.map

package/dist/src/components/input-otp/input-otp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../../../src/components/input-otp/input-otp.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,QAAQ,iKAcZ,CAAC;AAGH,QAAA,MAAM,aAAa,mKAKjB,CAAC;AAGH,QAAA,MAAM,YAAY;WAEmC,MAAM;wCA4BzD,CAAC;AAGH,QAAA,MAAM,iBAAiB,gKAKrB,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}