@cmdniels/uikit 1.0.0

package/out/components/dropdown-menu/DropdownMenuSubContent.js

@@ -0,0 +1,19 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from "../../cn";
+import DropdownMenuContent from "./DropdownMenuContent";
+export default function DropdownMenuSubContent(_a) {
+    var { align = "start", alignOffset = -3, side = "right", sideOffset = 0, className } = _a, props = __rest(_a, ["align", "alignOffset", "side", "sideOffset", "className"]);
+    return (_jsx(DropdownMenuContent, Object.assign({ "data-slot": "dropdown-menu-sub-content", className: cn("w-auto min-w-24 rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className), align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset }, props)));
+}

package/out/components/dropdown-menu/DropdownMenuSubTrigger.d.ts

@@ -0,0 +1,4 @@
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+export default function DropdownMenuSubTrigger({ className, inset, children, ...props }: MenuPrimitive.SubmenuTrigger.Props & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/out/components/dropdown-menu/DropdownMenuSubTrigger.js

@@ -0,0 +1,20 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+import { IconChevronRight } from "@tabler/icons-react";
+import cn from "../../cn";
+export default function DropdownMenuSubTrigger(_a) {
+    var { className, inset, children } = _a, props = __rest(_a, ["className", "inset", "children"]);
+    return (_jsxs(MenuPrimitive.SubmenuTrigger, Object.assign({ "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn("flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-8 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className) }, props, { children: [children, _jsx(IconChevronRight, { className: "ml-auto" })] })));
+}

package/out/components/dropdown-menu/DropdownMenuTrigger.d.ts

@@ -0,0 +1,2 @@
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+export default function DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;

package/out/components/dropdown-menu/DropdownMenuTrigger.js

@@ -0,0 +1,18 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+export default function DropdownMenuTrigger(_a) {
+    var props = __rest(_a, []);
+    return _jsx(MenuPrimitive.Trigger, Object.assign({ "data-slot": "dropdown-menu-trigger" }, props));
+}

package/out/components/error/Error.d.ts

@@ -0,0 +1,4 @@
+export default function Error({ title, message }: {
+    title: string;
+    message: string;
+}): import("react/jsx-runtime").JSX.Element;

package/out/components/error/Error.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconAlertCircle } from "@tabler/icons-react";
+import { useRouter } from "next/navigation";
+import Alert from "../../components/alert/Alert";
+import AlertDescription from "../../components/alert/AlertDescription";
+import AlertTitle from "../../components/alert/AlertTitle";
+import Button from "../../components/button/Button";
+export default function Error({ title, message }) {
+    const router = useRouter();
+    const handleClick = () => {
+        router.replace("/");
+    };
+    return (_jsx("div", { className: "flex size-full shrink-0 grow flex-col items-center justify-center px-4", children: _jsxs("div", { className: "flex flex-col items-center justify-center gap-8 md:max-w-2xl", children: [_jsxs(Alert, { variant: "destructive", children: [_jsx(IconAlertCircle, { size: 16 }), _jsx(AlertTitle, { children: title }), _jsx(AlertDescription, { children: message })] }), _jsx(Button, { variant: "default", onClick: handleClick, children: "Go to Home" })] }) }));
+}

package/out/components/field/Field.d.ts

@@ -0,0 +1,4 @@
+import fieldVariants from "./fieldVariants";
+import type { VariantProps } from "class-variance-authority";
+import type { ComponentProps } from "react";
+export default function Field({ className, orientation, ...props }: ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;

package/out/components/field/Field.js

@@ -0,0 +1,19 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from "../../cn";
+import fieldVariants from "./fieldVariants";
+export default function Field(_a) {
+    var { className, orientation = "vertical" } = _a, props = __rest(_a, ["className", "orientation"]);
+    return (_jsx("div", Object.assign({ role: "group", "data-slot": "field", "data-orientation": orientation, className: cn(fieldVariants({ orientation }), className) }, props)));
+}

package/out/components/field/FieldContent.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentProps } from "react";
+export default function FieldContent({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

package/out/components/field/FieldContent.js

@@ -0,0 +1,18 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from "../../cn";
+export default function FieldContent(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "field-content", className: cn("group/field-content flex flex-1 flex-col gap-1 leading-snug", className) }, props)));
+}

package/out/components/field/FieldDescription.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentProps } from "react";
+export default function FieldDescription({ className, ...props }: ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;

package/out/components/field/FieldDescription.js

@@ -0,0 +1,18 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from "../../cn";
+export default function FieldDescription(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("p", Object.assign({ "data-slot": "field-description", className: cn("text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-[orientation=horizontal]/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className) }, props)));
+}

package/out/components/field/FieldError.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentProps } from "react";
+export default function FieldError({ className, children, errors, ...props }: ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): import("react/jsx-runtime").JSX.Element | null;

package/out/components/field/FieldError.js

@@ -0,0 +1,36 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import cn from "../../cn";
+export default function FieldError(_a) {
+    var { className, children, errors } = _a, props = __rest(_a, ["className", "children", "errors"]);
+    const content = useMemo(() => {
+        var _a;
+        if (children) {
+            return children;
+        }
+        if (!(errors === null || errors === void 0 ? void 0 : errors.length)) {
+            return null;
+        }
+        const uniqueErrors = [...new Map(errors.map((error) => [error === null || error === void 0 ? void 0 : error.message, error])).values()];
+        if ((uniqueErrors === null || uniqueErrors === void 0 ? void 0 : uniqueErrors.length) === 1) {
+            return (_a = uniqueErrors[0]) === null || _a === void 0 ? void 0 : _a.message;
+        }
+        return (_jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map((error, index) => (error === null || error === void 0 ? void 0 : error.message) && _jsx("li", { children: error.message }, index)) }));
+    }, [children, errors]);
+    if (!content) {
+        return null;
+    }
+    return (_jsx("div", Object.assign({ role: "alert", "data-slot": "field-error", className: cn("text-sm font-normal text-destructive", className) }, props, { children: content })));
+}

package/out/components/field/FieldGroup.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentProps } from "react";
+export default function FieldGroup({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

package/out/components/field/FieldGroup.js

@@ -0,0 +1,18 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from "../../cn";
+export default function FieldGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "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)));
+}

package/out/components/field/FieldLabel.d.ts

@@ -0,0 +1,3 @@
+import Label from "../../components/label/Label";
+import type { ComponentProps } from "react";
+export default function FieldLabel({ className, ...props }: ComponentProps<typeof Label>): import("react/jsx-runtime").JSX.Element;

package/out/components/field/FieldLabel.js

@@ -0,0 +1,19 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from "../../cn";
+import Label from "../../components/label/Label";
+export default function FieldLabel(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(Label, Object.assign({ "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-checked:border-primary has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-3 dark:has-data-checked:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", className) }, props)));
+}

package/out/components/field/FieldLegend.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps } from "react";
+export default function FieldLegend({ className, variant, ...props }: ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): import("react/jsx-runtime").JSX.Element;

package/out/components/field/FieldLegend.js

@@ -0,0 +1,18 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from "../../cn";
+export default function FieldLegend(_a) {
+    var { className, variant = "legend" } = _a, props = __rest(_a, ["className", "variant"]);
+    return (_jsx("legend", Object.assign({ "data-slot": "field-legend", "data-variant": variant, className: cn("mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", className) }, props)));
+}

package/out/components/field/FieldSeparator.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps, ReactNode } from "react";
+export default function FieldSeparator({ children, className, ...props }: ComponentProps<"div"> & {
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/out/components/field/FieldSeparator.js

@@ -0,0 +1,19 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from "../../cn";
+import Separator from "../../components/separator/Separator";
+export default function FieldSeparator(_a) {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (_jsxs("div", Object.assign({ "data-slot": "field-separator", "data-content": Boolean(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: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground", "data-slot": "field-separator-content", children: children }))] })));
+}

package/out/components/field/FieldSet.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentProps } from "react";
+export default function FieldSet({ className, ...props }: ComponentProps<"fieldset">): import("react/jsx-runtime").JSX.Element;

package/out/components/field/FieldSet.js

@@ -0,0 +1,18 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from "../../cn";
+export default function FieldSet(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("fieldset", Object.assign({ "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)));
+}

package/out/components/field/FieldTitle.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentProps } from "react";
+export default function FieldTitle({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

package/out/components/field/FieldTitle.js

@@ -0,0 +1,18 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from "../../cn";
+export default function FieldTitle(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "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)));
+}

package/out/components/field/fieldVariants.d.ts

@@ -0,0 +1,4 @@
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export default fieldVariants;

package/out/components/field/fieldVariants.js

@@ -0,0 +1,14 @@
+import { cva } from "class-variance-authority";
+const fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
+    variants: {
+        orientation: {
+            vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+            horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+            responsive: "flex-col @md/field-group:flex-row @md/field-group:items-center @md/field-group:has-[>[data-slot=field-content]]:items-start [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+        },
+    },
+    defaultVariants: {
+        orientation: "vertical",
+    },
+});
+export default fieldVariants;

package/out/components/file-dropzone/FileDropzone.d.ts

@@ -0,0 +1,7 @@
+import { type RefObject } from "react";
+export default function FileDropzone({ fileInputRef, onFileUpload, accept, maxSize, }: {
+    fileInputRef: RefObject<HTMLInputElement | null>;
+    onFileUpload(file: File): void;
+    accept?: string;
+    maxSize?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/out/components/file-dropzone/FileDropzone.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconUpload } from "@tabler/icons-react";
+import { useState } from "react";
+import cn from "../../cn";
+export default function FileDropzone({ fileInputRef, onFileUpload, accept = "*/*", maxSize = "10MB", }) {
+    const [isDragActive, setIsDragActive] = useState(false);
+    const handleFileSelect = (files) => {
+        if (files === null || files === void 0 ? void 0 : files[0]) {
+            onFileUpload(files[0]);
+        }
+    };
+    const handleBoxClick = () => {
+        var _a;
+        (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+    };
+    const handleDragEnter = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragActive(true);
+    };
+    const handleDragLeave = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragActive(false);
+    };
+    const handleDragOver = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    };
+    const handleDrop = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragActive(false);
+        const files = Array.from(e.dataTransfer.files);
+        if (files.length > 0) {
+            onFileUpload(files[0]);
+        }
+    };
+    return (_jsxs("div", { className: cn("flex cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-neutral-300 p-8 text-center transition-colors dark:border-neutral-700", isDragActive ? "border bg-neutral-100 dark:bg-neutral-900" : "border-dashed"), onClick: handleBoxClick, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, children: [_jsx("div", { className: "mb-2", children: _jsx(IconUpload, { className: cn("size-8 ", isDragActive ? "text-neutral-700 dark:text-neutral-300" : "text-neutral-500") }) }), _jsx("p", { className: "text-sm font-medium text-neutral-700 dark:text-neutral-300", children: isDragActive ? "Drop file here" : "Choose a file or drag and drop" }), _jsxs("p", { className: "mt-1 text-xs text-neutral-500", children: ["(", maxSize, " max)"] }), _jsx("input", { type: "file", ref: fileInputRef, className: "hidden", accept: accept, onChange: (e) => handleFileSelect(e.target.files) })] }));
+}

package/out/components/input/Input.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentProps } from "react";
+export default function Input({ className, type, ...props }: ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;

package/out/components/input/Input.js

@@ -0,0 +1,18 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import cn from "../../cn";
+export default function Input(_a) {
+    var { className, type } = _a, props = __rest(_a, ["className", "type"]);
+    return (_jsx(InputPrimitive, Object.assign({ type: type, "data-slot": "input", className: cn("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className) }, props)));
+}

package/out/components/input-group/InputGroup.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentProps } from "react";
+export default function InputGroup({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

package/out/components/input-group/InputGroup.js

@@ -0,0 +1,18 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from "../../cn";
+export default function InputGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "input-group", role: "group", className: cn("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0", className) }, props)));
+}

package/out/components/input-group/InputGroupAddon.d.ts

@@ -0,0 +1,4 @@
+import inputGroupAddonVariants from "./inputGroupAddonVariants";
+import type { VariantProps } from "class-variance-authority";
+import type { ComponentProps } from "react";
+export default function InputGroupAddon({ className, align, ...props }: ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;

package/out/components/input-group/InputGroupAddon.js

@@ -0,0 +1,25 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from "../../cn";
+import inputGroupAddonVariants from "./inputGroupAddonVariants";
+export default function InputGroupAddon(_a) {
+    var { className, align = "inline-start" } = _a, props = __rest(_a, ["className", "align"]);
+    return (_jsx("div", Object.assign({ role: "group", "data-slot": "input-group-addon", "data-align": align, className: cn(inputGroupAddonVariants({ align }), className), onClick: (e) => {
+            var _a, _b;
+            if (e.target.closest("button")) {
+                return;
+            }
+            (_b = (_a = e.currentTarget.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector("input")) === null || _b === void 0 ? void 0 : _b.focus();
+        } }, props)));
+}

package/out/components/input-group/InputGroupButton.d.ts

@@ -0,0 +1,7 @@
+import Button from "../../components/button/Button";
+import inputGroupButtonVariants from "./inputGroupButtonVariants";
+import type { VariantProps } from "class-variance-authority";
+import type { ComponentProps } from "react";
+export default function InputGroupButton({ className, type, variant, size, ...props }: Omit<ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
+    type?: "button" | "submit" | "reset";
+}): import("react/jsx-runtime").JSX.Element;

package/out/components/input-group/InputGroupButton.js

@@ -0,0 +1,20 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from "../../cn";
+import Button from "../../components/button/Button";
+import inputGroupButtonVariants from "./inputGroupButtonVariants";
+export default function InputGroupButton(_a) {
+    var { className, type = "button", variant = "ghost", size = "xs" } = _a, props = __rest(_a, ["className", "type", "variant", "size"]);
+    return (_jsx(Button, Object.assign({ type: type, "data-size": size, variant: variant, className: cn(inputGroupButtonVariants({ size }), className) }, props)));
+}

package/out/components/input-group/InputGroupInput.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentProps } from "react";
+export default function InputGroupInput({ className, ...props }: ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;

package/out/components/input-group/InputGroupInput.js

@@ -0,0 +1,19 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from "../../cn";
+import Input from "../../components/input/Input";
+export default function InputGroupInput(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(Input, Object.assign({ "data-slot": "input-group-control", className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", className) }, props)));
+}

package/out/components/input-group/InputGroupText.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentProps } from "react";
+export default function InputGroupText({ className, ...props }: ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;

package/out/components/input-group/InputGroupText.js

@@ -0,0 +1,18 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import cn from "../../cn";
+export default function InputGroupText(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("span", Object.assign({ className: cn("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className) }, props)));
+}

package/out/components/input-group/InputGroupTextarea.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentProps } from "react";
+export default function InputGroupTextarea({ className, ...props }: ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;