@kala-ui/react 0.0.1-beta.1

package/dist/src/components/field/field.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { useMemo } from "react";
+import { cn } from "../../lib/utils";
+import { Label } from "../label";
+import { Separator } from "../separator";
+function FieldSet({ className, ...props }) {
+    return (_jsx("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className), ...props }));
+}
+function FieldLegend({ className, variant = "legend", ...props }) {
+    return (_jsx("legend", { "data-slot": "field-legend", "data-variant": variant, className: cn("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className), ...props }));
+}
+function FieldGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-group", className: cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", className), ...props }));
+}
+const fieldVariants = cva("group/field flex w-full gap-2 data-[invalid=true]:text-destructive", {
+    variants: {
+        orientation: {
+            vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+            horizontal: [
+                "flex-row items-center",
+                "[&>[data-slot=field-label]]:flex-auto",
+                "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+            ],
+            responsive: [
+                "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
+                "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+                "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+            ],
+        },
+    },
+    defaultVariants: {
+        orientation: "vertical",
+    },
+});
+function Field({ className, orientation = "vertical", ...props }) {
+    return (_jsx("fieldset", { "data-slot": "field", "data-orientation": orientation, className: cn(fieldVariants({ orientation }), className), ...props }));
+}
+function FieldContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-content", className: cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className), ...props }));
+}
+function FieldLabel({ className, ...props }) {
+    return (_jsx(Label, { "data-slot": "field-label", className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4", "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary", className), ...props }));
+}
+function FieldTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-label", className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", className), ...props }));
+}
+function FieldDescription({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "field-description", className: cn("text-muted-foreground text-xs leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className), ...props }));
+}
+function FieldSeparator({ children, className, ...props }) {
+    return (_jsxs("div", { "data-slot": "field-separator", "data-content": !!children, className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className), ...props, children: [_jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && (_jsx("span", { className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2", "data-slot": "field-separator-content", children: children }))] }));
+}
+function FieldError({ className, children, errors, ...props }) {
+    const content = useMemo(() => {
+        if (children) {
+            return children;
+        }
+        if (!errors?.length) {
+            return null;
+        }
+        const uniqueErrors = [
+            ...new Map(errors.map((error) => [error?.message, error])).values(),
+        ];
+        if (uniqueErrors?.length === 1) {
+            return uniqueErrors[0]?.message;
+        }
+        return (_jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map((error) => error?.message && _jsx("li", { children: error.message }, error.message)) }));
+    }, [children, errors]);
+    if (!content) {
+        return null;
+    }
+    return (_jsx("div", { role: "alert", "data-slot": "field-error", className: cn("text-destructive text-xs font-medium", className), ...props, children: content }));
+}
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };
+//# sourceMappingURL=field.js.map

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

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

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

@@ -0,0 +1,19 @@
+import type { StoryObj } from "@storybook/react";
+import { Field } from "./field";
+declare const meta: {
+    title: string;
+    component: typeof Field;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithError: Story;
+export declare const WithMultipleErrors: Story;
+export declare const WithSeparator: Story;
+export declare const Horizontal: Story;
+export declare const LoadingSkeleton: Story;
+//# sourceMappingURL=field.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/field/field.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EACN,KAAK,EAKL,MAAM,SAAS,CAAC;AAEjB,QAAA,MAAM,IAAI;;;;;;;CAOoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAehC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAY3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC"}

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

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from "../input";
+import { Skeleton } from "../skeleton/skeleton";
+import { Textarea } from "../textarea";
+import { Field, FieldDescription, FieldError, FieldLabel, FieldSeparator, } from "./field";
+const meta = {
+    title: "Forms/Field",
+    component: Field,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+export const Default = {
+    args: {},
+    render: () => (_jsxs(Field, { className: "w-80", children: [_jsx(FieldLabel, { children: "Username" }), _jsx(Input, { placeholder: "Enter your username" }), _jsx(FieldDescription, { children: "This is your public display name." })] })),
+};
+export const WithError = {
+    args: {},
+    render: () => (_jsxs(Field, { className: "w-80", children: [_jsx(FieldLabel, { children: "Email" }), _jsx(Input, { type: "email", placeholder: "Enter your email", "aria-invalid": true }), _jsx(FieldError, { children: "Please enter a valid email address" })] })),
+};
+export const WithMultipleErrors = {
+    args: {},
+    render: () => (_jsxs(Field, { className: "w-80", children: [_jsx(FieldLabel, { children: "Password" }), _jsx(Input, { type: "password", placeholder: "Enter password", "aria-invalid": true }), _jsx(FieldError, { children: [
+                    "Password must be at least 8 characters",
+                    "Password must contain at least one number",
+                    "Password must contain at least one special character",
+                ] })] })),
+};
+export const WithSeparator = {
+    args: {},
+    render: () => (_jsxs(Field, { className: "w-80", children: [_jsx(FieldLabel, { children: "Bio" }), _jsx(FieldSeparator, {}), _jsx(Textarea, { placeholder: "Tell us about yourself" }), _jsx(FieldDescription, { children: "Brief description for your profile. Max 280 characters." })] })),
+};
+export const Horizontal = {
+    args: {},
+    render: () => (_jsxs(Field, { orientation: "horizontal", className: "w-full max-w-md", children: [_jsx(FieldLabel, { children: "Full Name" }), _jsxs("div", { className: "flex-1", children: [_jsx(Input, { placeholder: "John Doe" }), _jsx(FieldDescription, { children: "Enter your full legal name." })] })] })),
+};
+export const LoadingSkeleton = {
+    render: () => (_jsxs("div", { className: "w-full max-w-md space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: "h-10 w-full rounded-md" }), _jsx(Skeleton, { className: "h-3 w-48" })] })),
+    parameters: {
+        docs: {
+            description: {
+                story: "Loading skeleton placeholders for form fields while loading.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=field.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.stories.js","sourceRoot":"","sources":["../../../../src/components/field/field.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EACN,KAAK,EACL,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,cAAc,GACd,MAAM,SAAS,CAAC;AAEjB,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACX,MAAM,EAAE,UAAU;KAClB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACW,CAAC;AAE/B,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,KAAK,IAAC,SAAS,EAAC,MAAM,aACtB,KAAC,UAAU,2BAAsB,EACjC,KAAC,KAAK,IAAC,WAAW,EAAC,qBAAqB,GAAG,EAC3C,KAAC,gBAAgB,oDAAqD,IAC/D,CACR;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,KAAK,IAAC,SAAS,EAAC,MAAM,aACtB,KAAC,UAAU,wBAAmB,EAC9B,KAAC,KAAK,IAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,kBAAkB,yBAAgB,EAClE,KAAC,UAAU,qDAAgD,IACpD,CACR;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACxC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,KAAK,IAAC,SAAS,EAAC,MAAM,aACtB,KAAC,UAAU,2BAAsB,EACjC,KAAC,KAAK,IAAC,IAAI,EAAC,UAAU,EAAC,WAAW,EAAC,gBAAgB,yBAAgB,EACnE,KAAC,UAAU,cACT;oBACA,wCAAwC;oBACxC,2CAA2C;oBAC3C,sDAAsD;iBACtD,GACW,IACN,CACR;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IACnC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,KAAK,IAAC,SAAS,EAAC,MAAM,aACtB,KAAC,UAAU,sBAAiB,EAC5B,KAAC,cAAc,KAAG,EAClB,KAAC,QAAQ,IAAC,WAAW,EAAC,wBAAwB,GAAG,EACjD,KAAC,gBAAgB,0EAEE,IACZ,CACR;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,KAAK,IAAC,WAAW,EAAC,YAAY,EAAC,SAAS,EAAC,iBAAiB,aAC1D,KAAC,UAAU,4BAAuB,EAClC,eAAK,SAAS,EAAC,QAAQ,aACtB,KAAC,KAAK,IAAC,WAAW,EAAC,UAAU,GAAG,EAChC,KAAC,gBAAgB,8CAA+C,IAC3D,IACC,CACR;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACrC,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,eAAK,SAAS,EAAC,2BAA2B,aACzC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,wBAAwB,GAAG,EAC/C,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,IAC5B,CACN;IACD,UAAU,EAAE;QACX,IAAI,EAAE;YACL,WAAW,EAAE;gBACZ,KAAK,EAAE,8DAA8D;aACrE;SACD;KACD;CACD,CAAC"}

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

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

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

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

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

@@ -0,0 +1,42 @@
+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 { Field, FieldDescription, FieldError, FieldLabel, FieldSeparator, } from "./field";
+describe("Field", () => {
+    it("should render field with label", () => {
+        render(_jsxs(Field, { children: [_jsx(FieldLabel, { children: "Username" }), _jsx(Input, {})] }));
+        expect(screen.getByText("Username")).toBeInTheDocument();
+    });
+    it("should render field with description", () => {
+        render(_jsxs(Field, { children: [_jsx(FieldLabel, { children: "Email" }), _jsx(Input, {}), _jsx(FieldDescription, { children: "Enter your email address" })] }));
+        expect(screen.getByText("Enter your email address")).toBeInTheDocument();
+    });
+    it("should render field with error message", () => {
+        render(_jsxs(Field, { children: [_jsx(FieldLabel, { children: "Password" }), _jsx(Input, {}), _jsx(FieldError, { children: "Password is required" })] }));
+        expect(screen.getByText("Password is required")).toBeInTheDocument();
+    });
+    it("should render field with multiple errors", () => {
+        render(_jsxs(Field, { children: [_jsx(FieldLabel, { children: "Password" }), _jsx(Input, {}), _jsx(FieldError, { children: ["Password is required", "Password must be at least 8 characters"] })] }));
+        // FieldError renders array children as-is, they appear concatenated in DOM
+        const errorElement = screen.getByRole("alert");
+        expect(errorElement).toHaveTextContent("Password is required");
+        expect(errorElement).toHaveTextContent("Password must be at least 8 characters");
+    });
+    it("should apply custom className to field", () => {
+        const { container } = render(_jsxs(Field, { className: "custom-field", children: [_jsx(FieldLabel, { children: "Username" }), _jsx(Input, {})] }));
+        const field = container.querySelector('[data-slot="field"]');
+        expect(field).toHaveClass("custom-field");
+    });
+    it("should render field separator", () => {
+        const { container } = render(_jsxs(Field, { children: [_jsx(FieldLabel, { children: "Section Title" }), _jsx(FieldSeparator, {}), _jsx(Input, {})] }));
+        const separator = container.querySelector('[data-slot="field-separator"]');
+        expect(separator).toBeInTheDocument();
+    });
+    it("should render horizontal orientation", () => {
+        const { container } = render(_jsxs(Field, { orientation: "horizontal", children: [_jsx(FieldLabel, { children: "Username" }), _jsx(Input, {})] }));
+        const field = container.querySelector('[data-slot="field"]');
+        expect(field).toHaveAttribute("data-orientation", "horizontal");
+    });
+});
+//# sourceMappingURL=field.test.js.map

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

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

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

@@ -0,0 +1,4 @@
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, } from "./field";
+export type { FieldSkeletonProps } from "./field-skeleton";
+export { FieldSkeleton } from "./field-skeleton";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,UAAU,GACV,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, } from "./field";
+export { FieldSkeleton } from "./field-skeleton";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,UAAU,GACV,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/components/file-upload/file-upload-skeleton.d.ts

@@ -0,0 +1,38 @@
+/**
+ * File Upload Skeleton Component
+ *
+ * Loading placeholder for the File Upload component.
+ * Matches dropzone appearance with icon, text, and button.
+ */
+export interface FileUploadSkeletonConfig {
+    /**
+     * Show upload icon
+     */
+    showIcon?: boolean;
+    /**
+     * Show upload button
+     */
+    showButton?: boolean;
+}
+export interface FileUploadSkeletonProps extends FileUploadSkeletonConfig {
+    /**
+     * Additional className for the skeleton container
+     */
+    className?: string;
+    /**
+     * Test ID for querying the element
+     */
+    "data-testid"?: string;
+}
+/**
+ * File Upload skeleton component
+ *
+ * @example
+ * ```tsx
+ * <FileUploadSkeleton />
+ *
+ * <FileUploadSkeleton showIcon showButton />
+ * ```
+ */
+export declare function FileUploadSkeleton({ showIcon, showButton, className, "data-testid": dataTestId, }: FileUploadSkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=file-upload-skeleton.d.ts.map

package/dist/src/components/file-upload/file-upload-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/file-upload/file-upload-skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,MAAM,WAAW,wBAAwB;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,uBAAwB,SAAQ,wBAAwB;IACxE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,EAClC,QAAe,EACf,UAAiB,EACjB,SAAS,EACT,aAAa,EAAE,UAAU,GACzB,EAAE,uBAAuB,2CAsBzB"}

package/dist/src/components/file-upload/file-upload-skeleton.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * File Upload Skeleton Component
+ *
+ * Loading placeholder for the File Upload component.
+ * Matches dropzone appearance with icon, text, and button.
+ */
+import { cn } from "../../lib/utils";
+import { Skeleton } from "../skeleton/skeleton";
+/**
+ * File Upload skeleton component
+ *
+ * @example
+ * ```tsx
+ * <FileUploadSkeleton />
+ *
+ * <FileUploadSkeleton showIcon showButton />
+ * ```
+ */
+export function FileUploadSkeleton({ showIcon = true, showButton = true, className, "data-testid": dataTestId, }) {
+    return (_jsxs("div", { "data-testid": dataTestId || "file-upload-skeleton", className: cn("border-2 border-dashed rounded-lg p-8 text-center", className), children: [showIcon && _jsx(Skeleton, { className: "h-12 w-12 rounded-full mx-auto mb-4" }), _jsx(Skeleton, { className: "h-5 w-48 mx-auto mb-2" }), _jsx(Skeleton, { className: "h-4 w-64 mx-auto mb-4" }), showButton && _jsx(Skeleton, { className: "h-10 w-32 mx-auto rounded-md" })] }));
+}
+//# sourceMappingURL=file-upload-skeleton.js.map

package/dist/src/components/file-upload/file-upload-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload-skeleton.js","sourceRoot":"","sources":["../../../../src/components/file-upload/file-upload-skeleton.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAwBhD;;;;;;;;;GASG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAClC,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,IAAI,EACjB,SAAS,EACT,aAAa,EAAE,UAAU,GACA;IACzB,OAAO,CACN,8BACc,UAAU,IAAI,sBAAsB,EACjD,SAAS,EAAE,EAAE,CACZ,mDAAmD,EACnD,SAAS,CACT,aAGA,QAAQ,IAAI,KAAC,QAAQ,IAAC,SAAS,EAAC,qCAAqC,GAAG,EAGzE,KAAC,QAAQ,IAAC,SAAS,EAAC,uBAAuB,GAAG,EAG9C,KAAC,QAAQ,IAAC,SAAS,EAAC,uBAAuB,GAAG,EAG7C,UAAU,IAAI,KAAC,QAAQ,IAAC,SAAS,EAAC,8BAA8B,GAAG,IAC/D,CACN,CAAC;AACH,CAAC"}

package/dist/src/components/file-upload/file-upload.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+export interface FileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onError"> {
+    onFileSelect?: (file: File) => void;
+    accept?: string;
+    maxSize?: number;
+    disabled?: boolean;
+    value?: File | null;
+    onClear?: () => void;
+    error?: string;
+    progress?: number;
+    onError?: (error: string) => void;
+}
+export declare function FileUpload({ onFileSelect, accept, maxSize, disabled, value, onClear, error, progress, onError, className, ...props }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=file-upload.d.ts.map

package/dist/src/components/file-upload/file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../../src/components/file-upload/file-upload.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAChB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,wBAAgB,UAAU,CAAC,EAC1B,YAAY,EACZ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACR,EAAE,eAAe,2CAwIjB"}

package/dist/src/components/file-upload/file-upload.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CloudUpload, File as FileIcon, X } from "lucide-react";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import { Button } from "../button";
+export function FileUpload({ onFileSelect, accept, maxSize, disabled, value, onClear, error, progress, onError, className, ...props }) {
+    const [isDragging, setIsDragging] = React.useState(false);
+    const inputRef = React.useRef(null);
+    const handleDragOver = (e) => {
+        e.preventDefault();
+        if (!disabled) {
+            setIsDragging(true);
+        }
+    };
+    const handleDragLeave = (e) => {
+        e.preventDefault();
+        setIsDragging(false);
+    };
+    const handleDrop = (e) => {
+        e.preventDefault();
+        setIsDragging(false);
+        if (disabled)
+            return;
+        const files = e.dataTransfer.files;
+        const file = files[0];
+        if (file) {
+            validateAndSelectFile(file);
+        }
+    };
+    const handleFileInput = (e) => {
+        const files = e.target.files;
+        const file = files?.[0];
+        if (file) {
+            validateAndSelectFile(file);
+        }
+    };
+    const validateAndSelectFile = (file) => {
+        if (maxSize && file.size > maxSize) {
+            onError?.(`File size exceeds ${formatFileSize(maxSize)}`);
+            return;
+        }
+        onFileSelect?.(file);
+    };
+    const handleClick = () => {
+        if (!disabled) {
+            inputRef.current?.click();
+        }
+    };
+    const formatFileSize = (bytes) => {
+        if (bytes === 0)
+            return "0 Bytes";
+        const k = 1024;
+        const sizes = ["Bytes", "KB", "MB", "GB"];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return `${parseFloat((bytes / k ** i).toFixed(2))} ${sizes[i]}`;
+    };
+    return (_jsxs("div", { className: cn("w-full", className), ...props, children: [value ? (_jsxs("div", { className: "relative flex items-center p-4 border rounded bg-muted theme-card", children: [_jsx("div", { className: "p-2 mr-4 bg-background rounded border theme-card", children: _jsx(FileIcon, { className: "w-6 h-6 text-primary" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-foreground truncate", children: value.name }), _jsx("p", { className: "text-xs text-muted-foreground", children: formatFileSize(value.size) }), progress !== undefined && (_jsx("div", { className: "w-full bg-muted rounded-full h-1.5 mt-2", children: _jsx("div", { className: "bg-primary h-1.5 rounded-full transition-all duration-300", style: { width: `${Math.min(100, Math.max(0, progress))}%` } }) }))] }), !disabled && onClear && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "ml-2 text-muted-foreground hover:text-destructive", onClick: onClear, children: _jsx(X, { className: "w-4 h-4" }) }))] })) : (_jsxs("button", { type: "button", onClick: handleClick, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, className: cn("relative flex flex-col items-center justify-center w-full p-6 border-2 border-dashed rounded transition-colors cursor-pointer theme-input", "focus-ring", isDragging
+                    ? "border-primary bg-primary/10"
+                    : "bg-background hover:bg-muted", disabled && "opacity-50 cursor-not-allowed hover:bg-background", error && "border-destructive bg-destructive/10", className), children: [_jsx("input", { ref: inputRef, type: "file", className: "hidden", accept: accept, onChange: handleFileInput, disabled: disabled }), _jsx("div", { className: "p-3 mb-3 rounded-full bg-muted", children: _jsx(CloudUpload, { className: "w-6 h-6 text-muted-foreground" }) }), _jsxs("p", { className: "mb-1 text-sm font-medium text-foreground", children: [_jsx("span", { className: "text-primary", children: "Click to upload" }), " or drag and drop"] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [accept ? accept.split(",").join(", ") : "Any file", maxSize && ` (max ${formatFileSize(maxSize)})`] })] })), error && _jsx("p", { className: "mt-2 text-sm text-destructive", children: error })] }));
+}
+//# sourceMappingURL=file-upload.js.map

package/dist/src/components/file-upload/file-upload.js.map

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

package/dist/src/components/file-upload/file-upload.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { FileUpload } from "./file-upload";
+declare const meta: Meta<typeof FileUpload>;
+export default meta;
+type Story = StoryObj<typeof FileUpload>;
+export declare const Default: Story;
+export declare const WithValue: Story;
+export declare const WithError: Story;
+export declare const Disabled: Story;
+export declare const WithProgress: Story;
+export declare const WithAccept: Story;
+//# sourceMappingURL=file-upload.stories.d.ts.map

package/dist/src/components/file-upload/file-upload.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/file-upload/file-upload.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAYjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC"}

package/dist/src/components/file-upload/file-upload.stories.js

@@ -0,0 +1,48 @@
+import { fn } from "@storybook/test";
+import { FileUpload } from "./file-upload";
+const meta = {
+    title: "Forms/FileUpload",
+    component: FileUpload,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+    args: {
+        onFileSelect: fn(),
+        onClear: fn(),
+        onError: fn(),
+    },
+};
+export default meta;
+export const Default = {};
+export const WithValue = {
+    args: {
+        value: new File(["dummy content"], "example.pdf", {
+            type: "application/pdf",
+        }),
+    },
+};
+export const WithError = {
+    args: {
+        error: "File size exceeds 5MB",
+    },
+};
+export const Disabled = {
+    args: {
+        disabled: true,
+    },
+};
+export const WithProgress = {
+    args: {
+        value: new File(["dummy content"], "uploading.pdf", {
+            type: "application/pdf",
+        }),
+        progress: 45,
+    },
+};
+export const WithAccept = {
+    args: {
+        accept: "image/*",
+    },
+};
+//# sourceMappingURL=file-upload.stories.js.map

package/dist/src/components/file-upload/file-upload.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.stories.js","sourceRoot":"","sources":["../../../../src/components/file-upload/file-upload.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,IAAI,GAA4B;IACrC,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACX,MAAM,EAAE,UAAU;KAClB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACL,YAAY,EAAE,EAAE,EAAE;QAClB,OAAO,EAAE,EAAE,EAAE;QACb,OAAO,EAAE,EAAE,EAAE;KACb;CACD,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAU;IAC/B,IAAI,EAAE;QACL,KAAK,EAAE,IAAI,IAAI,CAAC,CAAC,eAAe,CAAC,EAAE,aAAa,EAAE;YACjD,IAAI,EAAE,iBAAiB;SACvB,CAAC;KACF;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC/B,IAAI,EAAE;QACL,KAAK,EAAE,uBAAuB;KAC9B;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,QAAQ,EAAE,IAAI;KACd;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAClC,IAAI,EAAE;QACL,KAAK,EAAE,IAAI,IAAI,CAAC,CAAC,eAAe,CAAC,EAAE,eAAe,EAAE;YACnD,IAAI,EAAE,iBAAiB;SACvB,CAAC;QACF,QAAQ,EAAE,EAAE;KACZ;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,IAAI,EAAE;QACL,MAAM,EAAE,SAAS;KACjB;CACD,CAAC"}

package/dist/src/components/file-upload/file-upload.test.d.ts

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

package/dist/src/components/file-upload/file-upload.test.d.ts.map

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

package/dist/src/components/file-upload/file-upload.test.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx } 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 { FileUpload } from "./file-upload";
+describe("FileUpload", () => {
+    it("renders correctly", () => {
+        render(_jsx(FileUpload, {}));
+        expect(screen.getByText(/click to upload/i)).toBeInTheDocument();
+        expect(screen.getByText(/or drag and drop/i)).toBeInTheDocument();
+    });
+    it("handles file selection via input", async () => {
+        const handleFileSelect = vi.fn();
+        const { container } = render(_jsx(FileUpload, { onFileSelect: handleFileSelect }));
+        const file = new File(["dummy content"], "test.png", { type: "image/png" });
+        const input = container.querySelector('input[type="file"]');
+        expect(input).toBeInTheDocument();
+        if (input) {
+            await userEvent.upload(input, file);
+            expect(handleFileSelect).toHaveBeenCalled();
+            expect(handleFileSelect.mock.calls[0]?.[0]?.name).toBe("test.png");
+        }
+    });
+    it("displays selected file", () => {
+        const file = new File(["dummy content"], "test.png", { type: "image/png" });
+        render(_jsx(FileUpload, { value: file }));
+        expect(screen.getByText("test.png")).toBeInTheDocument();
+    });
+    it("handles clear", async () => {
+        const handleClear = vi.fn();
+        const file = new File(["dummy content"], "test.png", { type: "image/png" });
+        render(_jsx(FileUpload, { value: file, onClear: handleClear }));
+        const clearButton = screen.getByRole("button");
+        await userEvent.click(clearButton);
+        expect(handleClear).toHaveBeenCalled();
+    });
+    it("displays error", () => {
+        render(_jsx(FileUpload, { error: "File too large" }));
+        expect(screen.getByText("File too large")).toBeInTheDocument();
+    });
+    it("displays progress", () => {
+        const file = new File(["dummy content"], "test.png", { type: "image/png" });
+        render(_jsx(FileUpload, { value: file, progress: 50 }));
+        // We can check if the progress bar exists or has the correct width style
+        // The progress bar is a div with bg-blue-600
+        // It's hard to query by class, but we can check if it renders without crashing
+        expect(screen.getByText("test.png")).toBeInTheDocument();
+    });
+    it("respects disabled state", () => {
+        render(_jsx(FileUpload, { disabled: true }));
+        const button = screen.getByRole("button");
+        expect(button).toHaveClass("cursor-not-allowed");
+        // Also check input is disabled
+        // const { container } = render(<FileUpload disabled />);
+        // const fileInput = container.querySelector('input[type="file"]');
+        // expect(fileInput).toBeDisabled();
+    });
+});
+//# sourceMappingURL=file-upload.test.js.map

package/dist/src/components/file-upload/file-upload.test.js.map

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

package/dist/src/components/file-upload/file-upload.types.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+export interface FileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onError"> {
+    onFileSelect?: (file: File) => void;
+    accept?: string;
+    maxSize?: number;
+    disabled?: boolean;
+    value?: File | null;
+    onClear?: () => void;
+    error?: string;
+    progress?: number;
+    onError?: (error: string) => void;
+}
+//# sourceMappingURL=file-upload.types.d.ts.map

package/dist/src/components/file-upload/file-upload.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-upload.types.d.ts","sourceRoot":"","sources":["../../../../src/components/file-upload/file-upload.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,eAChB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC7D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC"}

package/dist/src/components/file-upload/file-upload.types.js

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

package/dist/src/components/file-upload/file-upload.types.js.map

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

package/dist/src/components/file-upload/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./file-upload";
+export type { FileUploadSkeletonConfig, FileUploadSkeletonProps, } from "./file-upload-skeleton";
+export { FileUploadSkeleton } from "./file-upload-skeleton";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/file-upload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/file-upload/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,YAAY,EACX,wBAAwB,EACxB,uBAAuB,GACvB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/src/components/file-upload/index.js

@@ -0,0 +1,3 @@
+export * from "./file-upload";
+export { FileUploadSkeleton } from "./file-upload-skeleton";
+//# sourceMappingURL=index.js.map

package/dist/src/components/file-upload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/file-upload/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAK9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}