@vadimcomanescu/nadicode-design-system 2.0.0

package/dist/components/ui/DropdownMenu.d.ts

@@ -0,0 +1,40 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare function DropdownMenuSubTrigger({ className, inset, children, ref, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+} & {
+    ref?: React.Ref<React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & {
+    ref?: React.Ref<React.ElementRef<typeof DropdownMenuPrimitive.SubContent>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ref, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {
+    ref?: React.Ref<React.ElementRef<typeof DropdownMenuPrimitive.Content>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, ref, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+} & {
+    ref?: React.Ref<React.ElementRef<typeof DropdownMenuPrimitive.Item>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ref, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> & {
+    ref?: React.Ref<React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ref, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> & {
+    ref?: React.Ref<React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ref, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+} & {
+    ref?: React.Ref<React.ElementRef<typeof DropdownMenuPrimitive.Label>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> & {
+    ref?: React.Ref<React.ElementRef<typeof DropdownMenuPrimitive.Separator>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenuShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/dist/components/ui/DropdownMenu.js

@@ -0,0 +1,115 @@
+'use client';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../chunk-5DKCZWC6.js';
+import '../../chunk-GO35FTNJ.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-S4GKGKON.js';
+import '../../chunk-LCDDAE7J.js';
+import '../../chunk-R674XI7C.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-BPCCTJSK.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-ELKIUARM.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-KSHJQ2VT.js';
+import '../../chunk-3CLXYQKB.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-TXGANOAX.js';
+import '../../chunk-OITJWGFV.js';
+import '../../chunk-Z74D6D2W.js';
+import '../../chunk-HNY45VUQ.js';
+import '../../chunk-IJJI4RQU.js';
+import '../../chunk-E7RBK6ML.js';
+import '../../chunk-UBIGDGOP.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-ALMGJVMT.js';
+import '../../chunk-QPXTBZWN.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
+import '../../chunk-R5XP45PD.js';
+import '../../chunk-G5EO5FWC.js';
+import '../../chunk-NCULQXJE.js';
+import '../../chunk-VDYPDMYR.js';
+import '../../chunk-WDGIQDQG.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-7WDT2PRI.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-JZ4G2SJH.js';
+import '../../chunk-KYGKJ553.js';
+import '../../chunk-M7YSMMAC.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-JMCSAGZ3.js';
+import '../../chunk-QUKDUSHD.js';
+import '../../chunk-4NXZIMYZ.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-2IZC7HSV.js';
+import '../../chunk-2SDZMTB2.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-W3B3UOEG.js';
+import '../../chunk-ACRVOD7W.js';
+import '../../chunk-QSU23VYZ.js';
+import '../../chunk-BJYCQ2NV.js';
+import '../../chunk-VM462WZC.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
+import '../../chunk-5UZDOF6V.js';
+import '../../chunk-PKVTEDKO.js';
+import '../../chunk-I3TH7PIB.js';
+import '../../chunk-WGPK3FQ7.js';
+import '../../chunk-JL4MVVFH.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
+import '../../chunk-WA45EC4Y.js';
+import '../../chunk-2MOEOEOI.js';
+import '../../chunk-5LCXASRW.js';
+import '../../chunk-2ZJVU7NV.js';
+import '../../chunk-5ESF6N36.js';
+import '../../chunk-RBPLOM3A.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-2NT57K4U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-JRJGSNI4.js';
+import '../../chunk-RF6ECFS5.js';
+import '../../chunk-TV4RSQH4.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
+import '../../chunk-CI7GPGCJ.js';
+import '../../chunk-226EBOTK.js';
+import '../../chunk-G5YLGJXR.js';
+import '../../chunk-G24VV5NO.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
+import '../../chunk-V6WNRZT3.js';
+import '../../chunk-JBK2LA6U.js';
+import '../../chunk-55U27XY4.js';
+import '../../chunk-LSPO6OBI.js';
+import '../../chunk-Y56WBNCY.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
+import '../../chunk-JJTQOH7J.js';
+import '../../chunk-72X6SXOX.js';
+import '../../chunk-SR5U52V3.js';
+import '../../chunk-74RKVIBV.js';
+import '../../chunk-AWIJHDNK.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-S733NAYS.js';
+import '../../chunk-MAUTIHQG.js';
+import '../../chunk-666N6OTL.js';
+import '../../chunk-FMH55OKV.js';
+import '../../chunk-WXVNTJIB.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-BFLN54VR.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import '../../chunk-UIUMTURU.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/Empty.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+declare function Empty({ className, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function EmptyIcon({ className, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function EmptyTitle({ className, ref, ...props }: React.HTMLAttributes<HTMLHeadingElement> & {
+    ref?: React.Ref<HTMLHeadingElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function EmptyDescription({ className, ref, ...props }: React.HTMLAttributes<HTMLParagraphElement> & {
+    ref?: React.Ref<HTMLParagraphElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export { Empty, EmptyIcon, EmptyTitle, EmptyDescription };

package/dist/components/ui/Empty.js

@@ -0,0 +1,3 @@
+'use client';
+export { Empty, EmptyDescription, EmptyIcon, EmptyTitle } from '../../chunk-55HD4L6G.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/Field.d.ts

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare function FieldSet({ className, ref, ...props }: React.FieldsetHTMLAttributes<HTMLFieldSetElement> & {
+    ref?: React.Ref<HTMLFieldSetElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldLegend({ className, variant, ref, ...props }: React.HTMLAttributes<HTMLLegendElement> & {
+    variant?: "legend" | "label";
+} & {
+    ref?: React.Ref<HTMLLegendElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldGroup({ className, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof fieldVariants> & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldContent({ className, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ className, asChild, ref, ...props }: React.LabelHTMLAttributes<HTMLLabelElement> & {
+    asChild?: boolean;
+} & {
+    ref?: React.Ref<HTMLLabelElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldTitle({ className, ref, ...props }: React.HTMLAttributes<HTMLParagraphElement> & {
+    ref?: React.Ref<HTMLParagraphElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldDescription({ className, ref, ...props }: React.HTMLAttributes<HTMLParagraphElement> & {
+    ref?: React.Ref<HTMLParagraphElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldSeparator({ className, children, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldError({ className, children, errors, ref, ...props }: React.HTMLAttributes<HTMLParagraphElement> & {
+    errors?: (string | {
+        message?: string;
+    })[] | string;
+} & {
+    ref?: React.Ref<HTMLParagraphElement>;
+}): import("react/jsx-runtime").JSX.Element | null;
+export { FieldSet, FieldLegend, FieldGroup, Field, fieldVariants, FieldContent, FieldLabel, FieldTitle, FieldDescription, FieldSeparator, FieldError, };

package/dist/components/ui/Field.js

@@ -0,0 +1,3 @@
+'use client';
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, fieldVariants } from '../../chunk-RX5EUODB.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/ui/FileUpload.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const fileUploadVariants: (props?: ({
+    variant?: "default" | "error" | "active" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface UploadedFile {
+    name: string;
+    size: number;
+    type: string;
+}
+export interface FileUploadProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, VariantProps<typeof fileUploadVariants> {
+    /** Accepted file types (e.g. ".pdf,.jpg") */
+    accept?: string;
+    /** Allow multiple files */
+    multiple?: boolean;
+    /** Max file size in bytes */
+    maxSize?: number;
+    /** Current uploaded files */
+    files?: UploadedFile[];
+    /** Called when files are selected */
+    onChange?: (files: File[]) => void;
+    /** Called when a file is removed */
+    onRemove?: (index: number) => void;
+    /** Custom helper text */
+    helperText?: string;
+    /** Disabled state */
+    disabled?: boolean;
+}
+declare function FileUpload({ className, variant, size, accept, multiple, maxSize, files, onChange, onRemove, helperText, disabled, ref, ...props }: FileUploadProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export { FileUpload, fileUploadVariants };

package/dist/components/ui/FileUpload.js

@@ -0,0 +1,252 @@
+'use client';
+import '../../chunk-GO35FTNJ.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-S4GKGKON.js';
+import '../../chunk-LCDDAE7J.js';
+import '../../chunk-R674XI7C.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-BPCCTJSK.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-ELKIUARM.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-KSHJQ2VT.js';
+import '../../chunk-3CLXYQKB.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-TXGANOAX.js';
+import '../../chunk-OITJWGFV.js';
+import '../../chunk-Z74D6D2W.js';
+import '../../chunk-HNY45VUQ.js';
+import '../../chunk-IJJI4RQU.js';
+import '../../chunk-E7RBK6ML.js';
+import '../../chunk-UBIGDGOP.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-ALMGJVMT.js';
+import '../../chunk-QPXTBZWN.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
+import '../../chunk-R5XP45PD.js';
+import '../../chunk-G5EO5FWC.js';
+import '../../chunk-NCULQXJE.js';
+import '../../chunk-VDYPDMYR.js';
+import '../../chunk-WDGIQDQG.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-7WDT2PRI.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-JZ4G2SJH.js';
+import '../../chunk-KYGKJ553.js';
+import '../../chunk-M7YSMMAC.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-JMCSAGZ3.js';
+import '../../chunk-QUKDUSHD.js';
+import '../../chunk-4NXZIMYZ.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-2IZC7HSV.js';
+import '../../chunk-2SDZMTB2.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-W3B3UOEG.js';
+import '../../chunk-ACRVOD7W.js';
+import '../../chunk-QSU23VYZ.js';
+import '../../chunk-BJYCQ2NV.js';
+import '../../chunk-VM462WZC.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
+import { FileIcon } from '../../chunk-5UZDOF6V.js';
+import '../../chunk-PKVTEDKO.js';
+import '../../chunk-I3TH7PIB.js';
+import '../../chunk-WGPK3FQ7.js';
+import '../../chunk-JL4MVVFH.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
+import '../../chunk-WA45EC4Y.js';
+import '../../chunk-2MOEOEOI.js';
+import '../../chunk-5LCXASRW.js';
+import '../../chunk-2ZJVU7NV.js';
+import '../../chunk-5ESF6N36.js';
+import '../../chunk-RBPLOM3A.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-2NT57K4U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-JRJGSNI4.js';
+import '../../chunk-RF6ECFS5.js';
+import '../../chunk-TV4RSQH4.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
+import '../../chunk-CI7GPGCJ.js';
+import '../../chunk-226EBOTK.js';
+import '../../chunk-G5YLGJXR.js';
+import '../../chunk-G24VV5NO.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
+import '../../chunk-V6WNRZT3.js';
+import '../../chunk-JBK2LA6U.js';
+import '../../chunk-55U27XY4.js';
+import '../../chunk-LSPO6OBI.js';
+import '../../chunk-Y56WBNCY.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
+import '../../chunk-JJTQOH7J.js';
+import '../../chunk-72X6SXOX.js';
+import '../../chunk-SR5U52V3.js';
+import '../../chunk-74RKVIBV.js';
+import '../../chunk-AWIJHDNK.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-S733NAYS.js';
+import '../../chunk-MAUTIHQG.js';
+import '../../chunk-666N6OTL.js';
+import '../../chunk-FMH55OKV.js';
+import '../../chunk-WXVNTJIB.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-BFLN54VR.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import { UploadIcon } from '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import { XIcon } from '../../chunk-UIUMTURU.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import { cn } from '../../chunk-QYZT24TS.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { useTranslations } from 'next-intl';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var fileUploadVariants = cva(
+  "relative flex flex-col items-center justify-center rounded-xl border-2 border-dashed transition-colors cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: "border-border bg-surface hover:border-accent/50 hover:bg-surface-hover",
+        active: "border-accent bg-accent/5",
+        error: "border-destructive bg-destructive/5"
+      },
+      size: {
+        sm: "p-4 gap-2",
+        default: "p-8 gap-4",
+        lg: "p-12 gap-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function formatFileSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+var EMPTY_FILES = [];
+function FileUpload({
+  className,
+  variant,
+  size,
+  accept,
+  multiple = false,
+  maxSize,
+  files = EMPTY_FILES,
+  onChange,
+  onRemove,
+  helperText,
+  disabled = false,
+  ref,
+  ...props
+}) {
+  const t = useTranslations("components.fileUpload");
+  const [isDragOver, setIsDragOver] = React.useState(false);
+  const inputRef = React.useRef(null);
+  const handleFiles = (fileList) => {
+    if (!fileList || disabled) return;
+    const selectedFiles = Array.from(fileList);
+    onChange?.(selectedFiles);
+  };
+  const handleDragOver = (e) => {
+    e.preventDefault();
+    if (!disabled) setIsDragOver(true);
+  };
+  const handleDragLeave = () => setIsDragOver(false);
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setIsDragOver(false);
+    handleFiles(e.dataTransfer.files);
+  };
+  const resolvedVariant = isDragOver ? "active" : variant;
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("space-y-4", className), ...props, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        className: "hidden",
+        accept,
+        multiple,
+        onChange: (e) => handleFiles(e.target.files),
+        disabled,
+        "aria-label": t("uploadFiles"),
+        tabIndex: -1
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          fileUploadVariants({ variant: resolvedVariant, size }),
+          disabled && "opacity-50 cursor-not-allowed"
+        ),
+        onClick: () => !disabled && inputRef.current?.click(),
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        "aria-label": t("uploadFiles"),
+        onKeyDown: (e) => {
+          if ((e.key === "Enter" || e.key === " ") && !disabled) {
+            e.preventDefault();
+            inputRef.current?.click();
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx(UploadIcon, { size: 24, className: "text-text-tertiary" }),
+          /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-text-primary", children: t("dragAndDrop") }),
+            !!helperText && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-tertiary mt-1.5", children: helperText }),
+            !!maxSize && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-tertiary mt-0.5", children: t("maxFileSize", { size: formatFileSize(maxSize) }) })
+          ] })
+        ]
+      }
+    ),
+    files.length > 0 && /* @__PURE__ */ jsx("ul", { className: "space-y-2", "aria-label": t("uploadedFiles"), children: files.map((file, index) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "flex items-center gap-4 rounded-lg border border-border bg-surface p-2.5",
+        children: [
+          /* @__PURE__ */ jsx(FileIcon, { size: 16, className: "shrink-0 text-text-tertiary" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-text-primary truncate", children: file.name }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-text-tertiary", children: formatFileSize(file.size) })
+          ] }),
+          !!onRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => onRemove(index),
+              className: "shrink-0 rounded p-1.5 text-text-tertiary hover:text-destructive hover:bg-destructive/10 transition-colors touch-target-44",
+              "aria-label": t("removeFile", { fileName: file.name }),
+              children: /* @__PURE__ */ jsx(XIcon, { size: 14 })
+            }
+          )
+        ]
+      },
+      `${file.name}-${index}`
+    )) })
+  ] });
+}
+
+export { FileUpload, fileUploadVariants };

package/dist/components/ui/FloatingDock.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+interface DockItem {
+    icon: React.ReactNode;
+    label: string;
+    onClick?: () => void;
+}
+interface FloatingDockProps {
+    items: DockItem[];
+    className?: string;
+}
+export declare function FloatingDock({ items, className, ref }: FloatingDockProps & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/FloatingDock.js

@@ -0,0 +1,103 @@
+'use client';
+import { m } from '../../chunk-PD2YEH3H.js';
+import '../../chunk-CRY67BIF.js';
+import '../../chunk-HJC6U46F.js';
+import { cn } from '../../chunk-QYZT24TS.js';
+import * as React from 'react';
+import { useReducedMotion, useMotionValue, useTransform, useSpring } from 'motion/react';
+import { useDialKit } from 'dialkit';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var DOCK_DEFAULTS = {
+  spring: {
+    type: "spring",
+    visualDuration: 0.15,
+    bounce: 0.25
+  },
+  magnification: {
+    restSize: 40,
+    peakSize: 56,
+    distance: 100
+  }
+};
+function FloatingDock({ items, className, ref }) {
+  const prefersReduced = useReducedMotion();
+  const mouseX = useMotionValue(Infinity);
+  const params = useDialKit("FloatingDock", {
+    spring: DOCK_DEFAULTS.spring,
+    magnification: {
+      restSize: [DOCK_DEFAULTS.magnification.restSize, 24, 64],
+      peakSize: [DOCK_DEFAULTS.magnification.peakSize, 40, 80],
+      distance: [DOCK_DEFAULTS.magnification.distance, 50, 200]
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    m.div,
+    {
+      ref,
+      className: cn(
+        "inline-flex items-end gap-2 rounded-2xl glass-panel px-4 py-2",
+        className
+      ),
+      onMouseMove: (e) => mouseX.set(e.pageX),
+      onMouseLeave: () => mouseX.set(Infinity),
+      children: items.map((item) => /* @__PURE__ */ jsx(
+        DockIcon,
+        {
+          item,
+          mouseX,
+          disabled: !!prefersReduced,
+          spring: params.spring,
+          restSize: params.magnification.restSize,
+          peakSize: params.magnification.peakSize,
+          distance: params.magnification.distance
+        },
+        item.label
+      ))
+    }
+  );
+}
+function DockIcon({
+  item,
+  mouseX,
+  disabled,
+  spring,
+  restSize,
+  peakSize,
+  distance
+}) {
+  const ref = React.useRef(null);
+  const dist = useTransform(mouseX, (val) => {
+    const rect = ref.current?.getBoundingClientRect();
+    if (!rect) return distance + 50;
+    return val - rect.left - rect.width / 2;
+  });
+  const widthSync = useTransform(
+    dist,
+    [-distance, 0, distance],
+    [restSize, peakSize, restSize]
+  );
+  const width = useSpring(widthSync, {
+    duration: spring.visualDuration,
+    bounce: spring.bounce
+  });
+  return /* @__PURE__ */ jsxs(
+    m.button,
+    {
+      ref,
+      className: "relative flex items-center justify-center rounded-xl bg-surface-hover text-text-primary transition-colors hover:bg-accent/10 group",
+      style: {
+        width: disabled ? restSize : width,
+        height: disabled ? restSize : width
+      },
+      onClick: item.onClick,
+      "aria-label": item.label,
+      children: [
+        item.icon,
+        /* @__PURE__ */ jsx("span", { className: "absolute -top-8 left-1/2 -translate-x-1/2 whitespace-nowrap rounded-md bg-surface px-2 py-1.5 text-xs text-text-primary opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 pointer-events-none border border-border", children: item.label })
+      ]
+    }
+  );
+}
+
+export { FloatingDock };

package/dist/components/ui/Form.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { Slot } from "@radix-ui/react-slot";
+import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import("react-hook-form").FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare function FormItem({ className, ref, ...props }: React.HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FormLabel({ className, ref, ...props }: React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & {
+    ref?: React.Ref<React.ElementRef<typeof LabelPrimitive.Root>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FormControl({ ref, ...props }: React.ComponentPropsWithoutRef<typeof Slot> & {
+    ref?: React.Ref<React.ElementRef<typeof Slot>>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FormDescription({ className, ref, ...props }: React.HTMLAttributes<HTMLParagraphElement> & {
+    ref?: React.Ref<HTMLParagraphElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FormMessage({ className, children, ref, ...props }: React.HTMLAttributes<HTMLParagraphElement> & {
+    ref?: React.Ref<HTMLParagraphElement>;
+}): import("react/jsx-runtime").JSX.Element | null;
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };