@etus/ui 0.4.0-beta.2 → 0.4.0-beta.20

package/dist/chunk-TDANAN5A.js

@@ -0,0 +1,70 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var iconVariants = cva(
+  "shrink-0 transition-colors motion-reduce:animate-none",
+  {
+    variants: {
+      variant: {
+        default: "text-[color:var(--icon-color-default)]",
+        muted: "text-[color:var(--icon-color-muted)]",
+        primary: "text-[color:var(--icon-color-primary)]",
+        destructive: "text-[color:var(--icon-color-destructive)]",
+        success: "text-[color:var(--icon-color-success)]",
+        warning: "text-[color:var(--icon-color-warning)]"
+      },
+      size: {
+        xs: "size-[var(--icon-size-xs)]",
+        sm: "size-[var(--icon-size-sm)]",
+        md: "size-[var(--icon-size-md)]",
+        lg: "size-[var(--icon-size-lg)]",
+        xl: "size-[var(--icon-size-xl)]",
+        "2xl": "size-[var(--icon-size-2xl)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+function Icon({
+  name: IconComponent,
+  variant,
+  size,
+  spin = false,
+  pulse = false,
+  decorative = true,
+  className,
+  "aria-label": ariaLabel,
+  "aria-hidden": ariaHidden,
+  role,
+  ref,
+  ...props
+}) {
+  const computedAriaHidden = ariaHidden ?? (decorative ? true : void 0);
+  const computedRole = role ?? (!decorative && ariaLabel ? "img" : void 0);
+  return /* @__PURE__ */ jsx(
+    IconComponent,
+    {
+      ref,
+      className: cn(
+        iconVariants({ variant, size }),
+        spin && "animate-spin",
+        pulse && "animate-pulse",
+        className
+      ),
+      "aria-hidden": computedAriaHidden,
+      "aria-label": ariaLabel,
+      "data-slot": "icon",
+      focusable: "false",
+      role: computedRole,
+      ...props
+    }
+  );
+}
+
+export { Icon, iconVariants };
+//# sourceMappingURL=chunk-TDANAN5A.js.map
+//# sourceMappingURL=chunk-TDANAN5A.js.map

package/dist/chunk-TDANAN5A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/Icon/Icon.tsx"],"names":[],"mappings":";;;;AAMA,IAAM,YAAA,GAAe,GAAA;AAAA,EACnB,uDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,wCAAA;AAAA,QACT,KAAA,EAAO,sCAAA;AAAA,QACP,OAAA,EAAS,wCAAA;AAAA,QACT,WAAA,EAAa,4CAAA;AAAA,QACb,OAAA,EAAS,wCAAA;AAAA,QACT,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,EAAA,EAAI,4BAAA;AAAA,QACJ,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,SAAS,IAAA,CAAK;AAAA,EACZ,IAAA,EAAM,aAAA;AAAA,EACN,OAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA,GAAO,KAAA;AAAA,EACP,KAAA,GAAQ,KAAA;AAAA,EACR,UAAA,GAAa,IAAA;AAAA,EACb,SAAA;AAAA,EACA,YAAA,EAAc,SAAA;AAAA,EACd,aAAA,EAAe,UAAA;AAAA,EACf,IAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAc;AAIZ,EAAA,MAAM,kBAAA,GAAqB,UAAA,KAAe,UAAA,GAAa,IAAA,GAAO,MAAA,CAAA;AAC9D,EAAA,MAAM,YAAA,GAAe,IAAA,KAAS,CAAC,UAAA,IAAc,YAAY,KAAA,GAAQ,MAAA,CAAA;AAEjE,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,YAAA,CAAa,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA;AAAA,QAC9B,IAAA,IAAQ,cAAA;AAAA,QACR,KAAA,IAAS,eAAA;AAAA,QACT;AAAA,OACF;AAAA,MACA,aAAA,EAAa,kBAAA;AAAA,MACb,YAAA,EAAY,SAAA;AAAA,MACZ,WAAA,EAAU,MAAA;AAAA,MACV,SAAA,EAAU,OAAA;AAAA,MACV,IAAA,EAAM,YAAA;AAAA,MACL,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-TDANAN5A.js","sourcesContent":["import type { IconProps } from \"./Icon.types\"\n\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst iconVariants = cva(\n  \"shrink-0 transition-colors motion-reduce:animate-none\",\n  {\n    variants: {\n      variant: {\n        default: \"text-[color:var(--icon-color-default)]\",\n        muted: \"text-[color:var(--icon-color-muted)]\",\n        primary: \"text-[color:var(--icon-color-primary)]\",\n        destructive: \"text-[color:var(--icon-color-destructive)]\",\n        success: \"text-[color:var(--icon-color-success)]\",\n        warning: \"text-[color:var(--icon-color-warning)]\",\n      },\n      size: {\n        xs: \"size-[var(--icon-size-xs)]\",\n        sm: \"size-[var(--icon-size-sm)]\",\n        md: \"size-[var(--icon-size-md)]\",\n        lg: \"size-[var(--icon-size-lg)]\",\n        xl: \"size-[var(--icon-size-xl)]\",\n        \"2xl\": \"size-[var(--icon-size-2xl)]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n    },\n  }\n)\n\nfunction Icon({\n  name: IconComponent,\n  variant,\n  size,\n  spin = false,\n  pulse = false,\n  decorative = true,\n  className,\n  \"aria-label\": ariaLabel,\n  \"aria-hidden\": ariaHidden,\n  role,\n  ref,\n  ...props\n}: IconProps) {\n  // Determine accessibility attributes\n  // If decorative is explicitly true, always hide from screen readers\n  // If decorative is false and has aria-label, make it accessible\n  const computedAriaHidden = ariaHidden ?? (decorative ? true : undefined)\n  const computedRole = role ?? (!decorative && ariaLabel ? \"img\" : undefined)\n\n  return (\n    <IconComponent\n      ref={ref}\n      className={cn(\n        iconVariants({ variant, size }),\n        spin && \"animate-spin\",\n        pulse && \"animate-pulse\",\n        className\n      )}\n      aria-hidden={computedAriaHidden}\n      aria-label={ariaLabel}\n      data-slot=\"icon\"\n      focusable=\"false\"\n      role={computedRole}\n      {...props}\n    />\n  )\n}\n\nexport { Icon, iconVariants }\n"]}

package/dist/chunk-TEVGCTUN.js

@@ -0,0 +1,100 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var tooltipContentVariants = cva(
+  [
+    // Base positioning and z-index
+    "z-[var(--tooltip-content-z-index)] w-fit max-w-[var(--tooltip-content-max-width)]",
+    // Colors and background
+    "bg-[color:var(--tooltip-content-background)] text-[color:var(--tooltip-content-foreground)]",
+    // Typography
+    "text-[length:var(--tooltip-content-text-size)] text-balance",
+    // Spacing
+    "px-[var(--tooltip-content-padding-x)] py-[var(--tooltip-content-padding-y)]",
+    // Border radius
+    "rounded-[var(--tooltip-content-radius)]",
+    // Transform origin for animations
+    "origin-(--radix-tooltip-content-transform-origin)",
+    // Enter animations
+    "animate-in fade-in-0 zoom-in-95",
+    // Exit animations
+    "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+    // Side-specific slide animations
+    "data-[side=top]:slide-in-from-bottom-2",
+    "data-[side=bottom]:slide-in-from-top-2",
+    "data-[side=left]:slide-in-from-right-2",
+    "data-[side=right]:slide-in-from-left-2"
+  ].join(" ")
+);
+var tooltipArrowVariants = cva(
+  [
+    // Colors
+    "bg-[color:var(--tooltip-content-background)] fill-[color:var(--tooltip-content-background)]",
+    // Z-index
+    "z-[var(--tooltip-content-z-index)]",
+    // Size
+    "size-[var(--tooltip-arrow-size)]",
+    // Transform to position arrow correctly
+    "translate-y-[calc(-50%_-_2px)] rotate-45",
+    // Border radius for rounded corners
+    "rounded-[var(--tooltip-arrow-radius)]"
+  ].join(" ")
+);
+function TooltipProvider({
+  delayDuration = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props,
+      children
+    }
+  );
+}
+function Tooltip({ children, ...props }) {
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props, children }) });
+}
+function TooltipTrigger({ children, ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props, children });
+}
+function TooltipArrow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Arrow,
+    {
+      className: cn(tooltipArrowVariants(), className),
+      "data-slot": "tooltip-arrow",
+      ...props
+    }
+  );
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  showArrow = true,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Content,
+    {
+      className: cn(tooltipContentVariants(), className),
+      "data-slot": "tooltip-content",
+      sideOffset,
+      ...props,
+      children: [
+        children,
+        showArrow && /* @__PURE__ */ jsx(TooltipArrow, {})
+      ]
+    }
+  ) });
+}
+
+export { Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, tooltipArrowVariants, tooltipContentVariants };
+//# sourceMappingURL=chunk-TEVGCTUN.js.map
+//# sourceMappingURL=chunk-TEVGCTUN.js.map

package/dist/chunk-TEVGCTUN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Tooltip/Tooltip.variants.ts","../src/components/feedback/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;AAQO,IAAM,sBAAA,GAAyB,GAAA;AAAA,EACpC;AAAA;AAAA,IAEE,mFAAA;AAAA;AAAA,IAEA,6FAAA;AAAA;AAAA,IAEA,6DAAA;AAAA;AAAA,IAEA,6EAAA;AAAA;AAAA,IAEA,yCAAA;AAAA;AAAA,IAEA,mDAAA;AAAA;AAAA,IAEA,iCAAA;AAAA;AAAA,IAEA,gGAAA;AAAA;AAAA,IAEA,wCAAA;AAAA,IACA,wCAAA;AAAA,IACA,wCAAA;AAAA,IACA;AAAA,GACF,CAAE,KAAK,GAAG;AACZ;AAQO,IAAM,oBAAA,GAAuB,GAAA;AAAA,EAClC;AAAA;AAAA,IAEE,6FAAA;AAAA;AAAA,IAEA,oCAAA;AAAA;AAAA,IAEA,kCAAA;AAAA;AAAA,IAEA,0CAAA;AAAA;AAAA,IAEA;AAAA,GACF,CAAE,KAAK,GAAG;AACZ;AC/BA,SAAS,eAAA,CAAgB;AAAA,EACvB,aAAA,GAAgB,CAAA;AAAA,EAChB,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyB;AACvB,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,QAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,aAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAMA,SAAS,OAAA,CAAQ,EAAE,QAAA,EAAU,GAAG,OAAM,EAAiB;AACrD,EAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAkB,gBAAA,CAAA,IAAA,EAAjB,EAAsB,aAAU,SAAA,EAAW,GAAG,KAAA,EAC5C,QAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAMA,SAAS,cAAA,CAAe,EAAE,QAAA,EAAU,GAAG,OAAM,EAAwB;AACnE,EAAA,2BACoB,gBAAA,CAAA,OAAA,EAAjB,EAAyB,aAAU,iBAAA,EAAmB,GAAG,OACvD,QAAA,EACH,CAAA;AAEJ;AAKA,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,GAAG,OAAM,EAAsB;AAChE,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,KAAA;AAAA,IAAjB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,oBAAA,EAAqB,EAAG,SAAS,CAAA;AAAA,MAC/C,WAAA,EAAU,eAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAMA,SAAS,cAAA,CAAe;AAAA,EACtB,SAAA;AAAA,EACA,UAAA,GAAa,CAAA;AAAA,EACb,SAAA,GAAY,IAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACE,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,IAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,sBAAA,EAAuB,EAAG,SAAS,CAAA;AAAA,MACjD,WAAA,EAAU,iBAAA;AAAA,MACV,UAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,SAAA,wBAAc,YAAA,EAAA,EAAa;AAAA;AAAA;AAAA,GAC9B,EACF,CAAA;AAEJ","file":"chunk-TEVGCTUN.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Tooltip content variant styles using CVA\n *\n * Handles base styling and animations for the tooltip content.\n * Side-specific slide animations are handled via data-[side=*] attributes.\n */\nexport const tooltipContentVariants = cva(\n  [\n    // Base positioning and z-index\n    \"z-[var(--tooltip-content-z-index)] w-fit max-w-[var(--tooltip-content-max-width)]\",\n    // Colors and background\n    \"bg-[color:var(--tooltip-content-background)] text-[color:var(--tooltip-content-foreground)]\",\n    // Typography\n    \"text-[length:var(--tooltip-content-text-size)] text-balance\",\n    // Spacing\n    \"px-[var(--tooltip-content-padding-x)] py-[var(--tooltip-content-padding-y)]\",\n    // Border radius\n    \"rounded-[var(--tooltip-content-radius)]\",\n    // Transform origin for animations\n    \"origin-(--radix-tooltip-content-transform-origin)\",\n    // Enter animations\n    \"animate-in fade-in-0 zoom-in-95\",\n    // Exit animations\n    \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n    // Side-specific slide animations\n    \"data-[side=top]:slide-in-from-bottom-2\",\n    \"data-[side=bottom]:slide-in-from-top-2\",\n    \"data-[side=left]:slide-in-from-right-2\",\n    \"data-[side=right]:slide-in-from-left-2\",\n  ].join(\" \")\n)\n\n/**\n * Tooltip arrow styles\n *\n * Custom arrow styling with rotation and translation\n * to create a proper arrow appearance.\n */\nexport const tooltipArrowVariants = cva(\n  [\n    // Colors\n    \"bg-[color:var(--tooltip-content-background)] fill-[color:var(--tooltip-content-background)]\",\n    // Z-index\n    \"z-[var(--tooltip-content-z-index)]\",\n    // Size\n    \"size-[var(--tooltip-arrow-size)]\",\n    // Transform to position arrow correctly\n    \"translate-y-[calc(-50%_-_2px)] rotate-45\",\n    // Border radius for rounded corners\n    \"rounded-[var(--tooltip-arrow-radius)]\",\n  ].join(\" \")\n)\n","\"use client\"\n\nimport type {\n  TooltipArrowProps,\n  TooltipContentProps,\n  TooltipProps,\n  TooltipProviderProps,\n  TooltipTriggerProps,\n} from \"./Tooltip.types\"\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  tooltipArrowVariants,\n  tooltipContentVariants,\n} from \"./Tooltip.variants\"\n\n/**\n * TooltipProvider wraps your app to enable tooltips.\n * Provides shared configuration for delay and behavior.\n */\nfunction TooltipProvider({\n  delayDuration = 0,\n  children,\n  ...props\n}: TooltipProviderProps) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    >\n      {children}\n    </TooltipPrimitive.Provider>\n  )\n}\n\n/**\n * Tooltip displays contextual information on hover or focus.\n * Wraps content in its own TooltipProvider for convenience.\n */\nfunction Tooltip({ children, ...props }: TooltipProps) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props}>\n        {children}\n      </TooltipPrimitive.Root>\n    </TooltipProvider>\n  )\n}\n\n/**\n * TooltipTrigger is the element that triggers the tooltip.\n * Use asChild to wrap your own element instead of adding a wrapper.\n */\nfunction TooltipTrigger({ children, ...props }: TooltipTriggerProps) {\n  return (\n    <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props}>\n      {children}\n    </TooltipPrimitive.Trigger>\n  )\n}\n\n/**\n * TooltipArrow renders the arrow pointing to the trigger.\n */\nfunction TooltipArrow({ className, ...props }: TooltipArrowProps) {\n  return (\n    <TooltipPrimitive.Arrow\n      className={cn(tooltipArrowVariants(), className)}\n      data-slot=\"tooltip-arrow\"\n      {...props}\n    />\n  )\n}\n\n/**\n * TooltipContent contains the tooltip message.\n * Automatically positioned and animated based on available space.\n */\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  showArrow = true,\n  children,\n  ...props\n}: TooltipContentProps) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        className={cn(tooltipContentVariants(), className)}\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        {...props}\n      >\n        {children}\n        {showArrow && <TooltipArrow />}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport {\n  Tooltip,\n  TooltipArrow,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n}\n"]}

package/dist/chunk-TIPKU427.js

@@ -0,0 +1,113 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Dialog({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-[color:var(--dialog-overlay-bg)]",
+        className
+      ),
+      "data-slot": "dialog-overlay",
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        className: cn(
+          "bg-[color:var(--dialog-content-bg)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] duration-200",
+          "gap-[var(--dialog-content-gap)] p-[var(--dialog-content-padding)] max-w-[var(--dialog-content-max-width)] rounded-[var(--dialog-content-radius)] border-[color:var(--dialog-content-border)] shadow-[var(--dialog-content-shadow)]",
+          className
+        ),
+        "data-slot": "dialog-content",
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              "data-slot": "dialog-close",
+              children: [
+                /* @__PURE__ */ jsx(X, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex flex-col gap-[var(--dialog-header-gap)] text-center sm:text-left", className),
+      "data-slot": "dialog-header",
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-col-reverse gap-[var(--dialog-footer-gap)] sm:flex-row sm:justify-end",
+        className
+      ),
+      "data-slot": "dialog-footer",
+      ...props
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      className: cn("text-lg leading-tight font-semibold", className),
+      "data-slot": "dialog-title",
+      ...props
+    }
+  );
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      className: cn("text-muted-foreground text-sm", className),
+      "data-slot": "dialog-description",
+      ...props
+    }
+  );
+}
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+//# sourceMappingURL=chunk-TIPKU427.js.map
+//# sourceMappingURL=chunk-TIPKU427.js.map

package/dist/chunk-TIPKU427.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.tsx"],"names":[],"mappings":"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","file":"chunk-TIPKU427.js","sourcesContent":["\"use client\"\n\nimport type {\n  DialogCloseProps,\n  DialogContentProps,\n  DialogDescriptionProps,\n  DialogFooterProps,\n  DialogHeaderProps,\n  DialogOverlayProps,\n  DialogPortalProps,\n  DialogProps,\n  DialogTitleProps,\n  DialogTriggerProps,\n} from \"./Dialog.types\"\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { X } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\n\nfunction Dialog({ ...props }: DialogProps) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({ ...props }: DialogTriggerProps) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({ ...props }: DialogPortalProps) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({ ...props }: DialogCloseProps) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({ className, ...props }: DialogOverlayProps) {\n  return (\n    <DialogPrimitive.Overlay\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-[color:var(--dialog-overlay-bg)]\",\n        className\n      )}\n      data-slot=\"dialog-overlay\"\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: DialogContentProps) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        className={cn(\n          \"bg-[color:var(--dialog-content-bg)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] duration-200\",\n          \"gap-[var(--dialog-content-gap)] p-[var(--dialog-content-padding)] max-w-[var(--dialog-content-max-width)] rounded-[var(--dialog-content-radius)] border-[color:var(--dialog-content-border)] shadow-[var(--dialog-content-shadow)]\",\n          className\n        )}\n        data-slot=\"dialog-content\"\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n            data-slot=\"dialog-close\"\n          >\n            <X />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: DialogHeaderProps) {\n  return (\n    <div\n      className={cn(\"flex flex-col gap-[var(--dialog-header-gap)] text-center sm:text-left\", className)}\n      data-slot=\"dialog-header\"\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: DialogFooterProps) {\n  return (\n    <div\n      className={cn(\n        \"flex flex-col-reverse gap-[var(--dialog-footer-gap)] sm:flex-row sm:justify-end\",\n        className\n      )}\n      data-slot=\"dialog-footer\"\n      {...props}\n    />\n  )\n}\n\nfunction DialogTitle({ className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      className={cn(\"text-lg leading-tight font-semibold\", className)}\n      data-slot=\"dialog-title\"\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({ className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      data-slot=\"dialog-description\"\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n}\n"]}

package/dist/chunk-TK5WS675.js

@@ -0,0 +1,175 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import { UploadCloudIcon } from 'lucide-react';
+import * as React from 'react';
+import { useDropzone } from 'react-dropzone';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var fileDropzoneVariants = cva(
+  [
+    "flex flex-col items-center justify-center",
+    "border-2 border-dashed rounded-lg",
+    "transition-colors duration-200",
+    "cursor-pointer",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "gap-2 p-8 bg-muted/50 border-muted-foreground/25",
+        compact: "gap-1 p-4 bg-muted/50 border-muted-foreground/25",
+        image: "gap-2 p-8 bg-muted/50 border-muted-foreground/25 aspect-video"
+      },
+      isDragActive: {
+        true: "border-primary bg-primary/5",
+        false: ""
+      },
+      isDragReject: {
+        true: "border-destructive bg-destructive/5",
+        false: ""
+      },
+      disabled: {
+        true: "opacity-50 cursor-not-allowed pointer-events-none",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        isDragActive: false,
+        isDragReject: false,
+        disabled: false,
+        className: "hover:border-primary hover:bg-primary/5"
+      }
+    ],
+    defaultVariants: {
+      variant: "default",
+      isDragActive: false,
+      isDragReject: false,
+      disabled: false
+    }
+  }
+);
+function FileDropzone({
+  accept,
+  children,
+  className,
+  disabled = false,
+  maxFiles,
+  maxSize,
+  minSize,
+  multiple = true,
+  noClick = false,
+  noDrag = false,
+  noKeyboard = false,
+  onDrop,
+  onReject,
+  variant = "default",
+  ...props
+}) {
+  const handleDrop = React.useCallback(
+    (acceptedFiles2, fileRejections2, event) => {
+      onDrop?.(acceptedFiles2, fileRejections2, event);
+      if (fileRejections2.length > 0) {
+        onReject?.(fileRejections2);
+      }
+    },
+    [onDrop, onReject]
+  );
+  const {
+    acceptedFiles,
+    fileRejections,
+    getInputProps,
+    getRootProps,
+    isDragAccept,
+    isDragActive,
+    isDragReject,
+    isFileDialogActive,
+    isFocused,
+    open
+  } = useDropzone({
+    accept,
+    disabled,
+    maxFiles,
+    maxSize,
+    minSize,
+    multiple,
+    noClick,
+    noDrag,
+    noKeyboard,
+    onDrop: handleDrop,
+    ...props
+  });
+  const dropzoneState = {
+    acceptedFiles,
+    fileRejections,
+    isDragAccept,
+    isDragActive,
+    isDragReject,
+    isFileDialogActive,
+    isFocused,
+    open
+  };
+  const renderContent = () => {
+    if (typeof children === "function") {
+      return children(dropzoneState);
+    }
+    if (children) {
+      return children;
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        UploadCloudIcon,
+        {
+          className: cn(
+            "size-10 mb-2",
+            isDragActive ? "text-primary" : "text-muted-foreground"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "text-[length:var(--text-font-size-lg)] leading-[var(--text-line-height-lg)] font-normal", children: isDragActive ? isDragReject ? "File type not accepted" : "Drop files here..." : "Drag files here or click to upload" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-[length:var(--text-font-size-base)] leading-[var(--text-line-height-base)] text-muted-foreground mt-1", children: [
+        maxSize !== void 0 && `Max size: ${formatBytes(maxSize)}`,
+        maxSize !== void 0 && maxFiles !== void 0 && " \u2022 ",
+        maxFiles !== void 0 && `Max ${String(maxFiles)} file${maxFiles > 1 ? "s" : ""}`
+      ] })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...getRootProps({
+        className: cn(
+          fileDropzoneVariants({
+            variant,
+            isDragActive,
+            isDragReject,
+            disabled
+          }),
+          className
+        ),
+        "data-slot": "file-dropzone",
+        "data-drag-active": isDragActive,
+        "data-drag-accept": isDragAccept,
+        "data-drag-reject": isDragReject,
+        "data-disabled": disabled,
+        "aria-disabled": disabled
+      }),
+      children: [
+        /* @__PURE__ */ jsx("input", { ...getInputProps(), "data-slot": "file-dropzone-input" }),
+        renderContent()
+      ]
+    }
+  );
+}
+function formatBytes(bytes) {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${String(Number.parseFloat((bytes / Math.pow(k, i)).toFixed(1)))} ${sizes[i] ?? ""}`;
+}
+FileDropzone.displayName = "FileDropzone";
+
+export { FileDropzone, fileDropzoneVariants };
+//# sourceMappingURL=chunk-TK5WS675.js.map
+//# sourceMappingURL=chunk-TK5WS675.js.map

package/dist/chunk-TK5WS675.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/advanced/FileDropzone/FileDropzone.variants.ts","../src/components/advanced/FileDropzone/FileDropzone.tsx"],"names":["acceptedFiles","fileRejections"],"mappings":";;;;;;;AAEO,IAAM,oBAAA,GAAuB,GAAA;AAAA,EAClC;AAAA,IACE,2CAAA;AAAA,IACA,mCAAA;AAAA,IACA,gCAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,kDAAA;AAAA,QACT,OAAA,EAAS,kDAAA;AAAA,QACT,KAAA,EAAO;AAAA,OACT;AAAA,MACA,YAAA,EAAc;AAAA,QACZ,IAAA,EAAM,6BAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,YAAA,EAAc;AAAA,QACZ,IAAA,EAAM,qCAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AAAA,MACA,QAAA,EAAU;AAAA,QACR,IAAA,EAAM,mDAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB;AAAA,QACE,YAAA,EAAc,KAAA;AAAA,QACd,YAAA,EAAc,KAAA;AAAA,QACd,QAAA,EAAU,KAAA;AAAA,QACV,SAAA,EAAW;AAAA;AACb,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,YAAA,EAAc,KAAA;AAAA,MACd,YAAA,EAAc,KAAA;AAAA,MACd,QAAA,EAAU;AAAA;AACZ;AAEJ;ACCA,SAAS,YAAA,CAAa;AAAA,EACpB,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,OAAA,GAAU,KAAA;AAAA,EACV,MAAA,GAAS,KAAA;AAAA,EACT,UAAA,GAAa,KAAA;AAAA,EACb,MAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,GAAG;AACL,CAAA,EAAsB;AACpB,EAAA,MAAM,UAAA,GAAmB,KAAA,CAAA,WAAA;AAAA,IACvB,CACEA,cAAAA,EACAC,eAAAA,EACA,KAAA,KACG;AACH,MAAA,MAAA,GAASD,cAAAA,EAAeC,iBAAgB,KAAK,CAAA;AAE7C,MAAA,IAAIA,eAAAA,CAAe,SAAS,CAAA,EAAG;AAC7B,QAAA,QAAA,GAAWA,eAAc,CAAA;AAAA,MAC3B;AAAA,IACF,CAAA;AAAA,IACA,CAAC,QAAQ,QAAQ;AAAA,GACnB;AAEA,EAAA,MAAM;AAAA,IACJ,aAAA;AAAA,IACA,cAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,kBAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,WAAA,CAAY;AAAA,IACd,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA,EAAQ,UAAA;AAAA,IACR,GAAG;AAAA,GACJ,CAAA;AAED,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,kBAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,OAAO,aAAa,UAAA,EAAY;AAClC,MAAA,OAAO,SAAS,aAAa,CAAA;AAAA,IAC/B;AAEA,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,OAAO,QAAA;AAAA,IACT;AAGA,IAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,cAAA;AAAA,YACA,eAAe,cAAA,GAAiB;AAAA;AAClC;AAAA,OACF;AAAA,sBACA,GAAA,CAAC,OAAE,SAAA,EAAU,yFAAA,EACV,yBACG,YAAA,GACE,wBAAA,GACA,uBACF,oCAAA,EACN,CAAA;AAAA,sBACA,IAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4GAAA,EACV,QAAA,EAAA;AAAA,QAAA,OAAA,KAAY,MAAA,IAAa,CAAA,UAAA,EAAa,WAAA,CAAY,OAAO,CAAC,CAAA,CAAA;AAAA,QAC1D,OAAA,KAAY,MAAA,IAAa,QAAA,KAAa,MAAA,IAAa,UAAA;AAAA,QACnD,QAAA,KAAa,MAAA,IAAa,CAAA,IAAA,EAAO,MAAA,CAAO,QAAQ,CAAC,CAAA,KAAA,EAAQ,QAAA,GAAW,CAAA,GAAI,GAAA,GAAM,EAAE,CAAA;AAAA,OAAA,EACnF;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,YAAA,CAAa;AAAA,QACf,SAAA,EAAW,EAAA;AAAA,UACT,oBAAA,CAAqB;AAAA,YACnB,OAAA;AAAA,YACA,YAAA;AAAA,YACA,YAAA;AAAA,YACA;AAAA,WACD,CAAA;AAAA,UACD;AAAA,SACF;AAAA,QACA,WAAA,EAAa,eAAA;AAAA,QACb,kBAAA,EAAoB,YAAA;AAAA,QACpB,kBAAA,EAAoB,YAAA;AAAA,QACpB,kBAAA,EAAoB,YAAA;AAAA,QACpB,eAAA,EAAiB,QAAA;AAAA,QACjB,eAAA,EAAiB;AAAA,OAClB,CAAA;AAAA,MAED,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAA,EAAA,EAAO,GAAG,aAAA,EAAc,EAAG,aAAU,qBAAA,EAAsB,CAAA;AAAA,QAC3D,aAAA;AAAc;AAAA;AAAA,GACjB;AAEJ;AAKA,SAAS,YAAY,KAAA,EAAuB;AAC1C,EAAA,IAAI,KAAA,KAAU,GAAG,OAAO,KAAA;AACxB,EAAA,MAAM,CAAA,GAAI,IAAA;AACV,EAAA,MAAM,KAAA,GAAQ,CAAC,GAAA,EAAK,IAAA,EAAM,MAAM,IAAI,CAAA;AACpC,EAAA,MAAM,CAAA,GAAI,IAAA,CAAK,KAAA,CAAM,IAAA,CAAK,GAAA,CAAI,KAAK,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,CAAC,CAAC,CAAA;AAClD,EAAA,OAAO,GAAG,MAAA,CAAO,MAAA,CAAO,YAAY,KAAA,GAAQ,IAAA,CAAK,IAAI,CAAA,EAAG,CAAC,GAAG,OAAA,CAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,KAAA,CAAM,CAAC,KAAK,EAAE,CAAA,CAAA;AAC5F;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA","file":"chunk-TK5WS675.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\nexport const fileDropzoneVariants = cva(\n  [\n    \"flex flex-col items-center justify-center\",\n    \"border-2 border-dashed rounded-lg\",\n    \"transition-colors duration-200\",\n    \"cursor-pointer\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"gap-2 p-8 bg-muted/50 border-muted-foreground/25\",\n        compact: \"gap-1 p-4 bg-muted/50 border-muted-foreground/25\",\n        image: \"gap-2 p-8 bg-muted/50 border-muted-foreground/25 aspect-video\",\n      },\n      isDragActive: {\n        true: \"border-primary bg-primary/5\",\n        false: \"\",\n      },\n      isDragReject: {\n        true: \"border-destructive bg-destructive/5\",\n        false: \"\",\n      },\n      disabled: {\n        true: \"opacity-50 cursor-not-allowed pointer-events-none\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        isDragActive: false,\n        isDragReject: false,\n        disabled: false,\n        className: \"hover:border-primary hover:bg-primary/5\",\n      },\n    ],\n    defaultVariants: {\n      variant: \"default\",\n      isDragActive: false,\n      isDragReject: false,\n      disabled: false,\n    },\n  }\n)\n","\"use client\"\n\nimport type { FileDropzoneProps } from \"./FileDropzone.types\"\nimport type { DropEvent, FileRejection } from \"react-dropzone\"\n\nimport { UploadCloudIcon } from \"lucide-react\"\nimport * as React from \"react\"\nimport { useDropzone } from \"react-dropzone\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { fileDropzoneVariants } from \"./FileDropzone.variants\"\n\n/**\n * FileDropzone - Drag and drop file upload component\n *\n * A flexible dropzone component built on react-dropzone that provides\n * visual feedback during drag operations and supports file validation.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <FileDropzone onDrop={(files) => console.log(files)}>\n *   <p>Drag files here or click to upload</p>\n * </FileDropzone>\n *\n * // With validation\n * <FileDropzone\n *   accept={{ \"image/*\": [\".png\", \".jpg\"] }}\n *   maxSize={5 * 1024 * 1024}\n *   maxFiles={5}\n *   onDrop={(files) => handleFiles(files)}\n *   onReject={(rejections) => handleErrors(rejections)}\n * >\n *   <p>Drop images here (max 5MB each)</p>\n * </FileDropzone>\n *\n * // With render props for custom state handling\n * <FileDropzone onDrop={handleDrop}>\n *   {({ isDragActive, isDragReject }) => (\n *     <div className={isDragActive ? \"bg-blue-50\" : \"\"}>\n *       {isDragReject ? \"Invalid file type\" : \"Drop files here\"}\n *     </div>\n *   )}\n * </FileDropzone>\n * ```\n */\nfunction FileDropzone({\n  accept,\n  children,\n  className,\n  disabled = false,\n  maxFiles,\n  maxSize,\n  minSize,\n  multiple = true,\n  noClick = false,\n  noDrag = false,\n  noKeyboard = false,\n  onDrop,\n  onReject,\n  variant = \"default\",\n  ...props\n}: FileDropzoneProps) {\n  const handleDrop = React.useCallback(\n    (\n      acceptedFiles: File[],\n      fileRejections: FileRejection[],\n      event: DropEvent\n    ) => {\n      onDrop?.(acceptedFiles, fileRejections, event)\n\n      if (fileRejections.length > 0) {\n        onReject?.(fileRejections)\n      }\n    },\n    [onDrop, onReject]\n  )\n\n  const {\n    acceptedFiles,\n    fileRejections,\n    getInputProps,\n    getRootProps,\n    isDragAccept,\n    isDragActive,\n    isDragReject,\n    isFileDialogActive,\n    isFocused,\n    open,\n  } = useDropzone({\n    accept,\n    disabled,\n    maxFiles,\n    maxSize,\n    minSize,\n    multiple,\n    noClick,\n    noDrag,\n    noKeyboard,\n    onDrop: handleDrop,\n    ...props,\n  })\n\n  const dropzoneState = {\n    acceptedFiles,\n    fileRejections,\n    isDragAccept,\n    isDragActive,\n    isDragReject,\n    isFileDialogActive,\n    isFocused,\n    open,\n  }\n\n  const renderContent = () => {\n    if (typeof children === \"function\") {\n      return children(dropzoneState)\n    }\n\n    if (children) {\n      return children\n    }\n\n    // Default content\n    return (\n      <>\n        <UploadCloudIcon\n          className={cn(\n            \"size-10 mb-2\",\n            isDragActive ? \"text-primary\" : \"text-muted-foreground\"\n          )}\n        />\n        <p className=\"text-[length:var(--text-font-size-lg)] leading-[var(--text-line-height-lg)] font-normal\">\n          {isDragActive\n            ? isDragReject\n              ? \"File type not accepted\"\n              : \"Drop files here...\"\n            : \"Drag files here or click to upload\"}\n        </p>\n        <p className=\"text-[length:var(--text-font-size-base)] leading-[var(--text-line-height-base)] text-muted-foreground mt-1\">\n          {maxSize !== undefined && `Max size: ${formatBytes(maxSize)}`}\n          {maxSize !== undefined && maxFiles !== undefined && \" • \"}\n          {maxFiles !== undefined && `Max ${String(maxFiles)} file${maxFiles > 1 ? \"s\" : \"\"}`}\n        </p>\n      </>\n    )\n  }\n\n  return (\n    <div\n      {...getRootProps({\n        className: cn(\n          fileDropzoneVariants({\n            variant,\n            isDragActive,\n            isDragReject,\n            disabled,\n          }),\n          className\n        ),\n        \"data-slot\": \"file-dropzone\",\n        \"data-drag-active\": isDragActive,\n        \"data-drag-accept\": isDragAccept,\n        \"data-drag-reject\": isDragReject,\n        \"data-disabled\": disabled,\n        \"aria-disabled\": disabled,\n      })}\n    >\n      <input {...getInputProps()} data-slot=\"file-dropzone-input\" />\n      {renderContent()}\n    </div>\n  )\n}\n\n/**\n * Format bytes to human readable string\n */\nfunction formatBytes(bytes: number): string {\n  if (bytes === 0) return \"0 B\"\n  const k = 1024\n  const sizes = [\"B\", \"KB\", \"MB\", \"GB\"]\n  const i = Math.floor(Math.log(bytes) / Math.log(k))\n  return `${String(Number.parseFloat((bytes / Math.pow(k, i)).toFixed(1)))} ${sizes[i] ?? \"\"}`\n}\n\nFileDropzone.displayName = \"FileDropzone\"\n\nexport { FileDropzone }\n"]}