@kuzenbo/core 0.0.1-alpha.3 → 0.0.1-alpha.5

package/dist/dropdown-menu.d.ts

@@ -1,89 +1,144 @@
-import { a as DropdownMenuShortcut, c as DropdownMenuRadioGroup, d as DropdownMenuItem, f as DropdownMenuGroup, i as DropdownMenuSub, l as DropdownMenuPortal, m as DropdownMenuCheckboxItem, n as DropdownMenuSubTrigger, o as DropdownMenuSeparator, p as DropdownMenuContent, r as DropdownMenuSubContent, s as DropdownMenuRadioItem, t as DropdownMenuTrigger, u as DropdownMenuLabel } from "./dropdown-menu-trigger-DEdnOFwc.js";
-import * as react from "react";
+import { InputSize } from "./input.js";
+import { A as DropdownMenuGroupProps, C as DropdownMenuLinkItem, D as DropdownMenuItem, E as DropdownMenuLabelProps, F as DropdownMenuBackdrop, I as DropdownMenuBackdropProps, L as DropdownMenuArrow, M as DropdownMenuContentProps, N as DropdownMenuCheckboxItem, O as DropdownMenuItemProps, P as DropdownMenuCheckboxItemProps, R as DropdownMenuArrowProps, S as DropdownMenuPortalProps, T as DropdownMenuLabel, _ as DropdownMenuPositioner, a as DropdownMenuSubContent, b as DropdownMenuPopupProps, c as DropdownMenuSubProps, d as DropdownMenuSeparator, f as DropdownMenuSeparatorProps, g as DropdownMenuRadioGroupProps, h as DropdownMenuRadioGroup, i as DropdownMenuSubTriggerProps, j as DropdownMenuContent, k as DropdownMenuGroup, l as DropdownMenuShortcut, m as DropdownMenuRadioItemProps, n as DropdownMenuTriggerProps, o as DropdownMenuSubContentProps, p as DropdownMenuRadioItem, r as DropdownMenuSubTrigger, s as DropdownMenuSub, t as DropdownMenuTrigger, u as DropdownMenuShortcutProps, v as DropdownMenuPositionerProps, w as DropdownMenuLinkItemProps, x as DropdownMenuPortal, y as DropdownMenuPopup } from "./dropdown-menu-trigger-BzJ8E29P.js";
+import * as tailwind_variants0 from "tailwind-variants";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";
 
 //#region src/ui/dropdown-menu/dropdown-menu.d.ts
+type DropdownMenuProps = Menu.Root.Props & {
+  size?: InputSize;
+};
 declare const DropdownMenu: {
   ({
+    size: providedSize,
+    ...props
+  }: DropdownMenuProps): react_jsx_runtime0.JSX.Element;
+  Arrow: ({
+    className,
     ...props
-  }: Menu.Root.Props): react_jsx_runtime0.JSX.Element;
+  }: DropdownMenuArrowProps) => react_jsx_runtime0.JSX.Element;
+  Backdrop: ({
+    className,
+    ...props
+  }: DropdownMenuBackdropProps) => react_jsx_runtime0.JSX.Element;
   CheckboxItem: ({
     className,
     children,
     checked,
+    size,
     ...props
-  }: Menu.CheckboxItem.Props) => react_jsx_runtime0.JSX.Element;
+  }: DropdownMenuCheckboxItemProps) => react_jsx_runtime0.JSX.Element;
   Content: ({
     align,
     alignOffset,
     side,
     sideOffset,
     className,
+    size,
     ...props
-  }: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) => react_jsx_runtime0.JSX.Element;
+  }: DropdownMenuContentProps) => react_jsx_runtime0.JSX.Element;
   Group: ({
     ...props
-  }: Menu.Group.Props) => react_jsx_runtime0.JSX.Element;
+  }: DropdownMenuGroupProps) => react_jsx_runtime0.JSX.Element;
   Item: ({
     className,
     inset,
+    size,
     variant,
     ...props
-  }: Menu.Item.Props & {
-    inset?: boolean;
-    variant?: "default" | "danger";
-  }) => react_jsx_runtime0.JSX.Element;
+  }: DropdownMenuItemProps) => react_jsx_runtime0.JSX.Element;
   Label: ({
     className,
     inset,
+    size,
     ...props
-  }: Menu.GroupLabel.Props & {
-    inset?: boolean;
-  }) => react_jsx_runtime0.JSX.Element;
+  }: DropdownMenuLabelProps) => react_jsx_runtime0.JSX.Element;
+  LinkItem: ({
+    className,
+    inset,
+    size,
+    variant,
+    ...props
+  }: DropdownMenuLinkItemProps) => react_jsx_runtime0.JSX.Element;
   Portal: ({
     ...props
-  }: Menu.Portal.Props) => react_jsx_runtime0.JSX.Element;
+  }: DropdownMenuPortalProps) => react_jsx_runtime0.JSX.Element;
+  Popup: ({
+    className,
+    size,
+    ...props
+  }: DropdownMenuPopupProps) => react_jsx_runtime0.JSX.Element;
+  Positioner: ({
+    className,
+    ...props
+  }: DropdownMenuPositionerProps) => react_jsx_runtime0.JSX.Element;
   RadioGroup: ({
     ...props
-  }: Menu.RadioGroup.Props) => react_jsx_runtime0.JSX.Element;
+  }: DropdownMenuRadioGroupProps) => react_jsx_runtime0.JSX.Element;
   RadioItem: ({
     className,
     children,
+    size,
     ...props
-  }: Menu.RadioItem.Props) => react_jsx_runtime0.JSX.Element;
+  }: DropdownMenuRadioItemProps) => react_jsx_runtime0.JSX.Element;
   Separator: ({
     className,
+    size,
     ...props
-  }: Menu.Separator.Props) => react_jsx_runtime0.JSX.Element;
+  }: DropdownMenuSeparatorProps & tailwind_variants0.VariantProps<tailwind_variants0.TVReturnType<{
+    size: {
+      xs: string;
+      sm: string;
+      md: string;
+      lg: string;
+      xl: string;
+    };
+  }, undefined, "h-px bg-border", {
+    size: {
+      xs: string;
+      sm: string;
+      md: string;
+      lg: string;
+      xl: string;
+    };
+  }, undefined, tailwind_variants0.TVReturnType<{
+    size: {
+      xs: string;
+      sm: string;
+      md: string;
+      lg: string;
+      xl: string;
+    };
+  }, undefined, "h-px bg-border", unknown, unknown, undefined>>>) => react_jsx_runtime0.JSX.Element;
   Shortcut: ({
     className,
+    size,
     ...props
-  }: react.ComponentProps<"span">) => react_jsx_runtime0.JSX.Element;
+  }: DropdownMenuShortcutProps) => react_jsx_runtime0.JSX.Element;
   Sub: ({
     ...props
-  }: Menu.SubmenuRoot.Props) => react_jsx_runtime0.JSX.Element;
+  }: DropdownMenuSubProps) => react_jsx_runtime0.JSX.Element;
   SubContent: ({
     align,
     alignOffset,
     side,
     sideOffset,
     className,
+    size,
     ...props
-  }: react.ComponentProps<typeof DropdownMenuContent>) => react_jsx_runtime0.JSX.Element;
+  }: DropdownMenuSubContentProps) => react_jsx_runtime0.JSX.Element;
   SubTrigger: ({
     className,
     inset,
+    size,
     children,
     ...props
-  }: Menu.SubmenuTrigger.Props & {
-    inset?: boolean;
-  }) => react_jsx_runtime0.JSX.Element;
+  }: DropdownMenuSubTriggerProps) => react_jsx_runtime0.JSX.Element;
   Trigger: ({
     className,
     ...props
-  }: Menu.Trigger.Props) => react_jsx_runtime0.JSX.Element;
+  }: DropdownMenuTriggerProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+export { DropdownMenu, DropdownMenuArrow, type DropdownMenuArrowProps, DropdownMenuBackdrop, type DropdownMenuBackdropProps, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuLinkItem, type DropdownMenuLinkItemProps, DropdownMenuPopup, type DropdownMenuPopupProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuPositioner, type DropdownMenuPositionerProps, DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps };
 //# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/dropdown-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","names":[],"sources":["../src/ui/dropdown-menu/dropdown-menu.tsx"],"mappings":";;;;;;cAiBM,YAAA;EAAA;IAAA;KAA8B,IAAA,CAAc,IAAA,CAAK,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"dropdown-menu.d.ts","names":[],"sources":["../src/ui/dropdown-menu/dropdown-menu.tsx"],"mappings":";;;;;;;KAyBY,iBAAA,GAAoB,IAAA,CAAc,IAAA,CAAK,KAAA;EACjD,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,YAAA;EAAA;;;KAAkD,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/dropdown-menu.js

@@ -1,18 +1,31 @@
-import { a as DropdownMenuShortcut, c as DropdownMenuRadioGroup, d as DropdownMenuItem, f as DropdownMenuGroup, i as DropdownMenuSub, l as DropdownMenuPortal, m as DropdownMenuCheckboxItem, n as DropdownMenuSubTrigger, o as DropdownMenuSeparator, p as DropdownMenuContent, r as DropdownMenuSubContent, s as DropdownMenuRadioItem, t as DropdownMenuTrigger, u as DropdownMenuLabel } from "./dropdown-menu-trigger-Buq3CW_D.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { S as DropdownMenuArrow, _ as DropdownMenuPortal, a as DropdownMenuShortcut, b as DropdownMenuContext, c as DropdownMenuRadioGroup, d as DropdownMenuLabel, f as DropdownMenuItem, g as DropdownMenuPositioner, h as DropdownMenuContent, i as DropdownMenuSub, l as DropdownMenuLinkItem, m as DropdownMenuGroup, n as DropdownMenuSubTrigger, o as DropdownMenuSeparator, r as DropdownMenuSubContent, s as DropdownMenuRadioItem, t as DropdownMenuTrigger, v as DropdownMenuPopup, x as DropdownMenuBackdrop, y as DropdownMenuCheckboxItem } from "./dropdown-menu-trigger-PvBaqoOj.js";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";
 
 //#region src/ui/dropdown-menu/dropdown-menu.tsx
-const DropdownMenu = ({ ...props }) => /* @__PURE__ */ jsx(Menu.Root, {
-	"data-slot": "dropdown-menu",
-	...props
-});
+const DropdownMenu = ({ size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(DropdownMenuContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx(Menu.Root, {
+			"data-size": size,
+			"data-slot": "dropdown-menu",
+			...props
+		})
+	});
+};
+DropdownMenu.Arrow = DropdownMenuArrow;
+DropdownMenu.Backdrop = DropdownMenuBackdrop;
 DropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;
 DropdownMenu.Content = DropdownMenuContent;
 DropdownMenu.Group = DropdownMenuGroup;
 DropdownMenu.Item = DropdownMenuItem;
 DropdownMenu.Label = DropdownMenuLabel;
+DropdownMenu.LinkItem = DropdownMenuLinkItem;
 DropdownMenu.Portal = DropdownMenuPortal;
+DropdownMenu.Popup = DropdownMenuPopup;
+DropdownMenu.Positioner = DropdownMenuPositioner;
 DropdownMenu.RadioGroup = DropdownMenuRadioGroup;
 DropdownMenu.RadioItem = DropdownMenuRadioItem;
 DropdownMenu.Separator = DropdownMenuSeparator;
@@ -23,5 +36,5 @@ DropdownMenu.SubTrigger = DropdownMenuSubTrigger;
 DropdownMenu.Trigger = DropdownMenuTrigger;
 
 //#endregion
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+export { DropdownMenu, DropdownMenuArrow, DropdownMenuBackdrop, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuLinkItem, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
 //# sourceMappingURL=dropdown-menu.js.map

package/dist/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","names":["MenuPrimitive"],"sources":["../src/ui/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from \"@base-ui/react/menu\";\n\nimport { DropdownMenuCheckboxItem } from \"./dropdown-menu-checkbox-item\";\nimport { DropdownMenuContent } from \"./dropdown-menu-content\";\nimport { DropdownMenuGroup } from \"./dropdown-menu-group\";\nimport { DropdownMenuItem } from \"./dropdown-menu-item\";\nimport { DropdownMenuLabel } from \"./dropdown-menu-label\";\nimport { DropdownMenuPortal } from \"./dropdown-menu-portal\";\nimport { DropdownMenuRadioGroup } from \"./dropdown-menu-radio-group\";\nimport { DropdownMenuRadioItem } from \"./dropdown-menu-radio-item\";\nimport { DropdownMenuSeparator } from \"./dropdown-menu-separator\";\nimport { DropdownMenuShortcut } from \"./dropdown-menu-shortcut\";\nimport { DropdownMenuSub } from \"./dropdown-menu-sub\";\nimport { DropdownMenuSubContent } from \"./dropdown-menu-sub-content\";\nimport { DropdownMenuSubTrigger } from \"./dropdown-menu-sub-trigger\";\nimport { DropdownMenuTrigger } from \"./dropdown-menu-trigger\";\n\nconst DropdownMenu = ({ ...props }: MenuPrimitive.Root.Props) => (\n  <MenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n);\n\nDropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;\nDropdownMenu.Content = DropdownMenuContent;\nDropdownMenu.Group = DropdownMenuGroup;\nDropdownMenu.Item = DropdownMenuItem;\nDropdownMenu.Label = DropdownMenuLabel;\nDropdownMenu.Portal = DropdownMenuPortal;\nDropdownMenu.RadioGroup = DropdownMenuRadioGroup;\nDropdownMenu.RadioItem = DropdownMenuRadioItem;\nDropdownMenu.Separator = DropdownMenuSeparator;\nDropdownMenu.Shortcut = DropdownMenuShortcut;\nDropdownMenu.Sub = DropdownMenuSub;\nDropdownMenu.SubContent = DropdownMenuSubContent;\nDropdownMenu.SubTrigger = DropdownMenuSubTrigger;\nDropdownMenu.Trigger = DropdownMenuTrigger;\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n};\n"],"mappings":";;;;;AAiBA,MAAM,gBAAgB,EAAE,GAAG,YACzB,oBAACA,KAAc;CAAK,aAAU;CAAgB,GAAI;EAAS;AAG7D,aAAa,eAAe;AAC5B,aAAa,UAAU;AACvB,aAAa,QAAQ;AACrB,aAAa,OAAO;AACpB,aAAa,QAAQ;AACrB,aAAa,SAAS;AACtB,aAAa,aAAa;AAC1B,aAAa,YAAY;AACzB,aAAa,YAAY;AACzB,aAAa,WAAW;AACxB,aAAa,MAAM;AACnB,aAAa,aAAa;AAC1B,aAAa,aAAa;AAC1B,aAAa,UAAU"}
+{"version":3,"file":"dropdown-menu.js","names":["MenuPrimitive"],"sources":["../src/ui/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import { Menu as MenuPrimitive } from \"@base-ui/react/menu\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { DropdownMenuArrow } from \"./dropdown-menu-arrow\";\nimport { DropdownMenuBackdrop } from \"./dropdown-menu-backdrop\";\nimport { DropdownMenuCheckboxItem } from \"./dropdown-menu-checkbox-item\";\nimport { DropdownMenuContent } from \"./dropdown-menu-content\";\nimport { DropdownMenuContext } from \"./dropdown-menu-context\";\nimport { DropdownMenuGroup } from \"./dropdown-menu-group\";\nimport { DropdownMenuItem } from \"./dropdown-menu-item\";\nimport { DropdownMenuLabel } from \"./dropdown-menu-label\";\nimport { DropdownMenuLinkItem } from \"./dropdown-menu-link-item\";\nimport { DropdownMenuPopup } from \"./dropdown-menu-popup\";\nimport { DropdownMenuPortal } from \"./dropdown-menu-portal\";\nimport { DropdownMenuPositioner } from \"./dropdown-menu-positioner\";\nimport { DropdownMenuRadioGroup } from \"./dropdown-menu-radio-group\";\nimport { DropdownMenuRadioItem } from \"./dropdown-menu-radio-item\";\nimport { DropdownMenuSeparator } from \"./dropdown-menu-separator\";\nimport { DropdownMenuShortcut } from \"./dropdown-menu-shortcut\";\nimport { DropdownMenuSub } from \"./dropdown-menu-sub\";\nimport { DropdownMenuSubContent } from \"./dropdown-menu-sub-content\";\nimport { DropdownMenuSubTrigger } from \"./dropdown-menu-sub-trigger\";\nimport { DropdownMenuTrigger } from \"./dropdown-menu-trigger\";\nexport type DropdownMenuProps = MenuPrimitive.Root.Props & {\n  size?: InputSize;\n};\n\nconst DropdownMenu = ({ size: providedSize, ...props }: DropdownMenuProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <DropdownMenuContext.Provider value={{ size }}>\n      <MenuPrimitive.Root\n        data-size={size}\n        data-slot=\"dropdown-menu\"\n        {...props}\n      />\n    </DropdownMenuContext.Provider>\n  );\n};\n\nDropdownMenu.Arrow = DropdownMenuArrow;\nDropdownMenu.Backdrop = DropdownMenuBackdrop;\nDropdownMenu.CheckboxItem = DropdownMenuCheckboxItem;\nDropdownMenu.Content = DropdownMenuContent;\nDropdownMenu.Group = DropdownMenuGroup;\nDropdownMenu.Item = DropdownMenuItem;\nDropdownMenu.Label = DropdownMenuLabel;\nDropdownMenu.LinkItem = DropdownMenuLinkItem;\nDropdownMenu.Portal = DropdownMenuPortal;\nDropdownMenu.Popup = DropdownMenuPopup;\nDropdownMenu.Positioner = DropdownMenuPositioner;\nDropdownMenu.RadioGroup = DropdownMenuRadioGroup;\nDropdownMenu.RadioItem = DropdownMenuRadioItem;\nDropdownMenu.Separator = DropdownMenuSeparator;\nDropdownMenu.Shortcut = DropdownMenuShortcut;\nDropdownMenu.Sub = DropdownMenuSub;\nDropdownMenu.SubContent = DropdownMenuSubContent;\nDropdownMenu.SubTrigger = DropdownMenuSubTrigger;\nDropdownMenu.Trigger = DropdownMenuTrigger;\n\nexport {\n  DropdownMenu,\n  DropdownMenuArrow,\n  DropdownMenuBackdrop,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuLinkItem,\n  DropdownMenuPortal,\n  DropdownMenuPopup,\n  DropdownMenuPositioner,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n};\n\nexport type { DropdownMenuArrowProps } from \"./dropdown-menu-arrow\";\nexport type { DropdownMenuBackdropProps } from \"./dropdown-menu-backdrop\";\nexport type { DropdownMenuCheckboxItemProps } from \"./dropdown-menu-checkbox-item\";\nexport type { DropdownMenuContentProps } from \"./dropdown-menu-content\";\nexport type { DropdownMenuGroupProps } from \"./dropdown-menu-group\";\nexport type { DropdownMenuItemProps } from \"./dropdown-menu-item\";\nexport type { DropdownMenuLabelProps } from \"./dropdown-menu-label\";\nexport type { DropdownMenuLinkItemProps } from \"./dropdown-menu-link-item\";\nexport type { DropdownMenuPopupProps } from \"./dropdown-menu-popup\";\nexport type { DropdownMenuPortalProps } from \"./dropdown-menu-portal\";\nexport type { DropdownMenuPositionerProps } from \"./dropdown-menu-positioner\";\nexport type { DropdownMenuRadioGroupProps } from \"./dropdown-menu-radio-group\";\nexport type { DropdownMenuRadioItemProps } from \"./dropdown-menu-radio-item\";\nexport type { DropdownMenuSeparatorProps } from \"./dropdown-menu-separator\";\nexport type { DropdownMenuShortcutProps } from \"./dropdown-menu-shortcut\";\nexport type { DropdownMenuSubProps } from \"./dropdown-menu-sub\";\nexport type { DropdownMenuSubContentProps } from \"./dropdown-menu-sub-content\";\nexport type { DropdownMenuSubTriggerProps } from \"./dropdown-menu-sub-trigger\";\nexport type { DropdownMenuTriggerProps } from \"./dropdown-menu-trigger\";\n"],"mappings":";;;;;;AA6BA,MAAM,gBAAgB,EAAE,MAAM,cAAc,GAAG,YAA+B;CAC5E,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,oBAAoB;EAAS,OAAO,EAAE,MAAM;YAC3C,oBAACA,KAAc;GACb,aAAW;GACX,aAAU;GACV,GAAI;IACJ;GAC2B;;AAInC,aAAa,QAAQ;AACrB,aAAa,WAAW;AACxB,aAAa,eAAe;AAC5B,aAAa,UAAU;AACvB,aAAa,QAAQ;AACrB,aAAa,OAAO;AACpB,aAAa,QAAQ;AACrB,aAAa,WAAW;AACxB,aAAa,SAAS;AACtB,aAAa,QAAQ;AACrB,aAAa,aAAa;AAC1B,aAAa,aAAa;AAC1B,aAAa,YAAY;AACzB,aAAa,YAAY;AACzB,aAAa,WAAW;AACxB,aAAa,MAAM;AACnB,aAAa,aAAa;AAC1B,aAAa,aAAa;AAC1B,aAAa,UAAU"}

package/dist/{dropzone-context-DNiJThhB.d.ts → dropzone-context-PCTXy62j.d.ts}

@@ -43,4 +43,4 @@ declare const DropzoneContext: react.Context<DropzoneContextValue | null>;
 declare const useDropzoneContext: () => DropzoneContextValue;
 //#endregion
 export { DropzoneIdle as a, DropzoneRejectProps as c, DropzoneAcceptProps as i, DropzoneStatusProps as l, useDropzoneContext as n, DropzoneIdleProps as o, DropzoneAccept as r, DropzoneReject as s, DropzoneContext as t };
-//# sourceMappingURL=dropzone-context-DNiJThhB.d.ts.map
+//# sourceMappingURL=dropzone-context-PCTXy62j.d.ts.map

package/dist/{dropzone-context-DNiJThhB.d.ts.map → dropzone-context-PCTXy62j.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"dropzone-context-DNiJThhB.d.ts","names":[],"sources":["../src/ui/dropzone/dropzone-status.tsx","../src/ui/dropzone/dropzone-context.tsx"],"mappings":";;;;KASK,mBAAA,GAAsB,cAAA;EACzB,QAAA,EAAU,SAAA;AAAA;AAAA,cA+BC,cAAA;EAAA;;;;KAvBR,mBAAA,GAAmB,KAAA,CAAA,wBAAA;;;cAwBX,cAAA;EAAA;;;;KAxBR,mBAAA,GAAmB,KAAA,CAAA,wBAAA;;;cAyBX,YAAA;EAAA;;;;KAzBR,mBAAA,GAAmB,KAAA,CAAA,wBAAA;;;KA4BZ,mBAAA,GAAsB,mBAAA;AAAA,KACtB,mBAAA,GAAsB,mBAAA;AAAA,KACtB,iBAAA,GAAoB,mBAAA;;;UC5CtB,oBAAA;EACR,IAAA;EACA,MAAA;EACA,MAAA;AAAA;AAAA,cAGI,eAAA,EAAe,KAAA,CAAA,OAAA,CAAA,oBAAA;AAAA,cAER,kBAAA,QAAkB,oBAAA"}
+{"version":3,"file":"dropzone-context-PCTXy62j.d.ts","names":[],"sources":["../src/ui/dropzone/dropzone-status.tsx","../src/ui/dropzone/dropzone-context.tsx"],"mappings":";;;;KASK,mBAAA,GAAsB,cAAA;EACzB,QAAA,EAAU,SAAA;AAAA;AAAA,cA+BC,cAAA;EAAA;;;;KAvBR,mBAAA,GAAmB,KAAA,CAAA,wBAAA;;;cAwBX,cAAA;EAAA;;;;KAxBR,mBAAA,GAAmB,KAAA,CAAA,wBAAA;;;cAyBX,YAAA;EAAA;;;;KAzBR,mBAAA,GAAmB,KAAA,CAAA,wBAAA;;;KA4BZ,mBAAA,GAAsB,mBAAA;AAAA,KACtB,mBAAA,GAAsB,mBAAA;AAAA,KACtB,iBAAA,GAAoB,mBAAA;;;UC5CtB,oBAAA;EACR,IAAA;EACA,MAAA;EACA,MAAA;AAAA;AAAA,cAGI,eAAA,EAAe,KAAA,CAAA,OAAA,CAAA,oBAAA;AAAA,cAER,kBAAA,QAAkB,oBAAA"}

package/dist/{dropzone-status-B9Axvf9M.js → dropzone-status-BziqO77U.js}

@@ -31,4 +31,4 @@ const DropzoneIdle = createDropzoneStatus("idle");
 
 //#endregion
 export { useDropzoneContext as a, DropzoneContext as i, DropzoneIdle as n, DropzoneReject as r, DropzoneAccept as t };
-//# sourceMappingURL=dropzone-status-B9Axvf9M.js.map
+//# sourceMappingURL=dropzone-status-BziqO77U.js.map

package/dist/{dropzone-status-B9Axvf9M.js.map → dropzone-status-BziqO77U.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropzone-status-B9Axvf9M.js","names":[],"sources":["../src/ui/dropzone/dropzone-context.tsx","../src/ui/dropzone/dropzone-status.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\ninterface DropzoneContextValue {\n  idle: boolean;\n  accept: boolean;\n  reject: boolean;\n}\n\nconst DropzoneContext = createContext<DropzoneContextValue | null>(null);\n\nexport const useDropzoneContext = () => {\n  const context = useContext(DropzoneContext);\n  if (!context) {\n    throw new Error(\"Dropzone components must be used within Dropzone\");\n  }\n  return context;\n};\n\nexport { DropzoneContext };\n","\"use client\";\n\nimport type { ComponentProps, JSX, ReactNode } from \"react\";\n\nimport { cloneElement, isValidElement } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { useDropzoneContext } from \"./dropzone-context\";\n\ntype DropzoneStatusProps = ComponentProps<\"div\"> & {\n  children: ReactNode;\n};\n\nconst createDropzoneStatus = (status: \"accept\" | \"reject\" | \"idle\") => {\n  const Component = ({\n    children,\n    className,\n    ...props\n  }: DropzoneStatusProps) => {\n    const ctx = useDropzoneContext();\n    const _children = isValidElement(children) ? (\n      children\n    ) : (\n      <span>{children}</span>\n    );\n\n    if (!ctx[status]) {\n      return null;\n    }\n\n    return cloneElement(_children as JSX.Element, {\n      className: cn(className, (_children as JSX.Element).props.className),\n      ...props,\n    });\n  };\n\n  Component.displayName = `Dropzone${status.charAt(0).toUpperCase() + status.slice(1)}`;\n\n  return Component;\n};\n\nexport const DropzoneAccept = createDropzoneStatus(\"accept\");\nexport const DropzoneReject = createDropzoneStatus(\"reject\");\nexport const DropzoneIdle = createDropzoneStatus(\"idle\");\n\nexport type { DropzoneStatusProps };\nexport type DropzoneAcceptProps = DropzoneStatusProps;\nexport type DropzoneRejectProps = DropzoneStatusProps;\nexport type DropzoneIdleProps = DropzoneStatusProps;\n"],"mappings":";;;;;AAUA,MAAM,kBAAkB,cAA2C,KAAK;AAExE,MAAa,2BAA2B;CACtC,MAAM,UAAU,WAAW,gBAAgB;AAC3C,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,mDAAmD;AAErE,QAAO;;;;;ACJT,MAAM,wBAAwB,WAAyC;CACrE,MAAM,aAAa,EACjB,UACA,WACA,GAAG,YACsB;EACzB,MAAM,MAAM,oBAAoB;EAChC,MAAM,YAAY,eAAe,SAAS,GACxC,WAEA,oBAAC,UAAM,WAAgB;AAGzB,MAAI,CAAC,IAAI,QACP,QAAO;AAGT,SAAO,aAAa,WAA0B;GAC5C,WAAW,GAAG,WAAY,UAA0B,MAAM,UAAU;GACpE,GAAG;GACJ,CAAC;;AAGJ,WAAU,cAAc,WAAW,OAAO,OAAO,EAAE,CAAC,aAAa,GAAG,OAAO,MAAM,EAAE;AAEnF,QAAO;;AAGT,MAAa,iBAAiB,qBAAqB,SAAS;AAC5D,MAAa,iBAAiB,qBAAqB,SAAS;AAC5D,MAAa,eAAe,qBAAqB,OAAO"}
+{"version":3,"file":"dropzone-status-BziqO77U.js","names":[],"sources":["../src/ui/dropzone/dropzone-context.tsx","../src/ui/dropzone/dropzone-status.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\ninterface DropzoneContextValue {\n  idle: boolean;\n  accept: boolean;\n  reject: boolean;\n}\n\nconst DropzoneContext = createContext<DropzoneContextValue | null>(null);\n\nexport const useDropzoneContext = () => {\n  const context = useContext(DropzoneContext);\n  if (!context) {\n    throw new Error(\"Dropzone components must be used within Dropzone\");\n  }\n  return context;\n};\n\nexport { DropzoneContext };\n","\"use client\";\n\nimport type { ComponentProps, JSX, ReactNode } from \"react\";\n\nimport { cloneElement, isValidElement } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { useDropzoneContext } from \"./dropzone-context\";\n\ntype DropzoneStatusProps = ComponentProps<\"div\"> & {\n  children: ReactNode;\n};\n\nconst createDropzoneStatus = (status: \"accept\" | \"reject\" | \"idle\") => {\n  const Component = ({\n    children,\n    className,\n    ...props\n  }: DropzoneStatusProps) => {\n    const ctx = useDropzoneContext();\n    const _children = isValidElement(children) ? (\n      children\n    ) : (\n      <span>{children}</span>\n    );\n\n    if (!ctx[status]) {\n      return null;\n    }\n\n    return cloneElement(_children as JSX.Element, {\n      className: cn(className, (_children as JSX.Element).props.className),\n      ...props,\n    });\n  };\n\n  Component.displayName = `Dropzone${status.charAt(0).toUpperCase() + status.slice(1)}`;\n\n  return Component;\n};\n\nexport const DropzoneAccept = createDropzoneStatus(\"accept\");\nexport const DropzoneReject = createDropzoneStatus(\"reject\");\nexport const DropzoneIdle = createDropzoneStatus(\"idle\");\n\nexport type { DropzoneStatusProps };\nexport type DropzoneAcceptProps = DropzoneStatusProps;\nexport type DropzoneRejectProps = DropzoneStatusProps;\nexport type DropzoneIdleProps = DropzoneStatusProps;\n"],"mappings":";;;;;AAUA,MAAM,kBAAkB,cAA2C,KAAK;AAExE,MAAa,2BAA2B;CACtC,MAAM,UAAU,WAAW,gBAAgB;AAC3C,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,mDAAmD;AAErE,QAAO;;;;;ACJT,MAAM,wBAAwB,WAAyC;CACrE,MAAM,aAAa,EACjB,UACA,WACA,GAAG,YACsB;EACzB,MAAM,MAAM,oBAAoB;EAChC,MAAM,YAAY,eAAe,SAAS,GACxC,WAEA,oBAAC,UAAM,WAAgB;AAGzB,MAAI,CAAC,IAAI,QACP,QAAO;AAGT,SAAO,aAAa,WAA0B;GAC5C,WAAW,GAAG,WAAY,UAA0B,MAAM,UAAU;GACpE,GAAG;GACJ,CAAC;;AAGJ,WAAU,cAAc,WAAW,OAAO,OAAO,EAAE,CAAC,aAAa,GAAG,OAAO,MAAM,EAAE;AAEnF,QAAO;;AAGT,MAAa,iBAAiB,qBAAqB,SAAS;AAC5D,MAAa,iBAAiB,qBAAqB,SAAS;AAC5D,MAAa,eAAe,qBAAqB,OAAO"}

package/dist/dropzone.d.ts

@@ -1,4 +1,4 @@
-import { a as DropzoneIdle, c as DropzoneRejectProps, i as DropzoneAcceptProps, l as DropzoneStatusProps, n as useDropzoneContext, o as DropzoneIdleProps, r as DropzoneAccept, s as DropzoneReject, t as DropzoneContext } from "./dropzone-context-DNiJThhB.js";
+import { a as DropzoneIdle, c as DropzoneRejectProps, i as DropzoneAcceptProps, l as DropzoneStatusProps, n as useDropzoneContext, o as DropzoneIdleProps, r as DropzoneAccept, s as DropzoneReject, t as DropzoneContext } from "./dropzone-context-PCTXy62j.js";
 import * as tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 import * as react from "react";

package/dist/dropzone.js

@@ -1,7 +1,7 @@
 "use client";
 
 import { Spinner } from "./spinner.js";
-import { a as useDropzoneContext, i as DropzoneContext, n as DropzoneIdle, r as DropzoneReject, t as DropzoneAccept } from "./dropzone-status-B9Axvf9M.js";
+import { a as useDropzoneContext, i as DropzoneContext, n as DropzoneIdle, r as DropzoneReject, t as DropzoneAccept } from "./dropzone-status-BziqO77U.js";
 import { cn, tv } from "tailwind-variants";
 import { useImperativeHandle } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -54,12 +54,12 @@ const dropzoneVariants = tv({
 			accept: { root: [
 				"border-primary",
 				"bg-primary/10",
-				"text-primary"
+				"text-primary-foreground"
 			] },
 			reject: { root: [
 				"border-danger",
-				"bg-danger/10",
-				"text-danger"
+				"bg-danger",
+				"text-danger-foreground"
 			] }
 		},
 		disabled: { true: { root: ["cursor-default", "opacity-50"] } },
@@ -88,7 +88,7 @@ const dropzoneVariants = tv({
 		{
 			status: "reject",
 			variant: "light",
-			class: { root: "border-danger bg-danger/10" }
+			class: { root: "border-danger bg-danger" }
 		}
 	],
 	defaultVariants: {

package/dist/dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropzone.js","names":[],"sources":["../src/ui/dropzone/dropzone.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  ComponentProps,\n  DragEvent,\n  InputHTMLAttributes,\n  Ref,\n} from \"react\";\nimport type {\n  Accept,\n  DropEvent,\n  FileError,\n  FileRejection,\n  FileWithPath,\n} from \"react-dropzone\";\n\nimport { useImperativeHandle } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { Spinner } from \"../spinner/spinner\";\nimport { DropzoneContext, useDropzoneContext } from \"./dropzone-context\";\nimport {\n  DropzoneAccept,\n  DropzoneIdle,\n  DropzoneReject,\n} from \"./dropzone-status\";\n\nconst dropzoneVariants = tv({\n  slots: {\n    root: [\n      \"relative\",\n      \"cursor-pointer\",\n      \"select-none\",\n      \"rounded-lg\",\n      \"border\",\n      \"border-input\",\n      \"border-dashed\",\n      \"bg-background\",\n      \"p-4\",\n      \"outline-none\",\n      \"transition-colors\",\n      \"focus-visible:ring-2\",\n      \"focus-visible:ring-ring\",\n      \"focus-visible:ring-offset-2\",\n    ],\n    inner: [\n      \"pointer-events-none\",\n      \"select-none\",\n      \"data-enable-pointer-events:pointer-events-auto\",\n    ],\n    overlay: [\n      \"absolute\",\n      \"inset-0\",\n      \"z-10\",\n      \"flex\",\n      \"items-center\",\n      \"justify-center\",\n      \"rounded-lg\",\n      \"bg-background/80\",\n      \"backdrop-blur-sm\",\n    ],\n  },\n  variants: {\n    variant: {\n      default: {\n        root: [\n          // No additional styles for default variant\n        ],\n      },\n      filled: {\n        root: [\n          // Background: muted background\n          \"bg-muted\",\n        ],\n      },\n      light: {\n        root: [\n          // Background: muted background with opacity\n          \"bg-muted/50\",\n        ],\n      },\n    },\n    status: {\n      idle: {\n        root: [\n          // No additional styles for idle status\n        ],\n      },\n      accept: {\n        root: [\n          // Border: primary border color\n          \"border-primary\",\n          // Background: primary background with opacity\n          \"bg-primary/10\",\n          // Text: primary text color\n          \"text-primary\",\n        ],\n      },\n      reject: {\n        root: [\n          // Border: danger border color\n          \"border-danger\",\n          // Background: danger background with opacity\n          \"bg-danger/10\",\n          // Text: danger text color\n          \"text-danger\",\n        ],\n      },\n    },\n    disabled: {\n      true: {\n        root: [\n          // Cursor: default cursor\n          \"cursor-default\",\n          // Opacity: reduced opacity\n          \"opacity-50\",\n        ],\n      },\n    },\n    loading: {\n      true: {\n        root: [\n          // Cursor: default cursor\n          \"cursor-default\",\n        ],\n      },\n    },\n    activateOnClick: {\n      true: {},\n      false: {\n        root: [\n          // Cursor: default cursor when click is disabled\n          \"cursor-default\",\n        ],\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      status: \"accept\",\n      variant: \"filled\",\n      class: {\n        root: \"border-primary bg-primary/20\",\n      },\n    },\n    {\n      status: \"accept\",\n      variant: \"light\",\n      class: {\n        root: \"border-primary bg-primary/10\",\n      },\n    },\n    {\n      status: \"reject\",\n      variant: \"filled\",\n      class: {\n        root: \"border-danger bg-danger/20\",\n      },\n    },\n    {\n      status: \"reject\",\n      variant: \"light\",\n      class: {\n        root: \"border-danger bg-danger/10\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"light\",\n    status: \"idle\",\n    disabled: false,\n    loading: false,\n    activateOnClick: true,\n  },\n});\n\ntype DropzoneVariants = VariantProps<typeof dropzoneVariants>;\n\ntype DropzoneProps = Omit<ComponentProps<\"div\">, \"onDrop\" | \"ref\"> &\n  DropzoneVariants & {\n    ref?: Ref<HTMLDivElement>;\n    /** Called when any files are dropped to the dropzone */\n    onDropAny?: (\n      files: FileWithPath[],\n      fileRejections: FileRejection[]\n    ) => void;\n\n    /** Called when valid files are dropped to the dropzone */\n    onDrop: (files: FileWithPath[]) => void;\n\n    /** Called when dropped files do not meet file restrictions */\n    onReject?: (fileRejections: FileRejection[]) => void;\n\n    /** Determines whether files capturing should be disabled */\n    disabled?: boolean;\n\n    /** Determines whether a loading overlay should be displayed */\n    loading?: boolean;\n\n    /** Mime types of the files that dropzone can accept */\n    accept?: Accept | string[];\n\n    /** A ref function which when called opens the file system file picker */\n    openRef?: Ref<() => void>;\n\n    /** Determines whether multiple files can be dropped */\n    multiple?: boolean;\n\n    /** Maximum file size in bytes */\n    maxSize?: number;\n\n    /** Name of the form control */\n    name?: string;\n\n    /** Maximum number of files that can be picked at once */\n    maxFiles?: number;\n\n    /** Set to autofocus the root element */\n    autoFocus?: boolean;\n\n    /** If false, disables click to open the native file selection dialog */\n    activateOnClick?: boolean;\n\n    /** If false, disables drag 'n' drop */\n    activateOnDrag?: boolean;\n\n    /** If false, disables Space/Enter to open the native file selection dialog */\n    activateOnKeyboard?: boolean;\n\n    /** If false, stops drag event propagation to parents */\n    dragEventsBubbling?: boolean;\n\n    /** Called when the dragenter event occurs */\n    onDragEnter?: (event: DragEvent<HTMLElement>) => void;\n\n    /** Called when the dragleave event occurs */\n    onDragLeave?: (event: DragEvent<HTMLElement>) => void;\n\n    /** Called when the dragover event occurs */\n    onDragOver?: (event: DragEvent<HTMLElement>) => void;\n\n    /** Called when user closes the file selection dialog with no selection */\n    onFileDialogCancel?: () => void;\n\n    /** Called when user opens the file selection dialog */\n    onFileDialogOpen?: () => void;\n\n    /** If false, allow dropped items to take over the current browser window */\n    preventDropOnDocument?: boolean;\n\n    /** Set to true to use the File System Access API */\n    useFsAccessApi?: boolean;\n\n    /** Use this to provide a custom file aggregator */\n    getFilesFromEvent?: (\n      event: DropEvent\n    ) => Promise<(File | DataTransferItem)[]>;\n\n    /** Custom validation function */\n    validator?: <T extends File>(file: T) => FileError | FileError[] | null;\n\n    /** Determines whether pointer events should be enabled on the inner element */\n    enablePointerEvents?: boolean;\n\n    /** Props passed down to the internal Input component */\n    inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  };\n\nconst Dropzone = ({\n  className,\n  variant,\n  status: statusProp,\n  disabled: disabledProp,\n  loading,\n  multiple = true,\n  maxSize = Number.POSITIVE_INFINITY,\n  accept,\n  children,\n  onDropAny,\n  onDrop,\n  onReject,\n  openRef,\n  name,\n  maxFiles,\n  autoFocus,\n  activateOnClick = true,\n  activateOnDrag = true,\n  dragEventsBubbling = true,\n  activateOnKeyboard = true,\n  onDragEnter,\n  onDragLeave,\n  onDragOver,\n  onFileDialogCancel,\n  onFileDialogOpen,\n  preventDropOnDocument,\n  useFsAccessApi = true,\n  getFilesFromEvent,\n  validator,\n  enablePointerEvents,\n  inputProps,\n  ref,\n  ...props\n}: DropzoneProps) => {\n  const {\n    getRootProps,\n    getInputProps,\n    isDragAccept,\n    isDragReject,\n    isDragActive,\n    open,\n  } = useDropzone({\n    onDrop: onDropAny,\n    onDropAccepted: onDrop,\n    onDropRejected: onReject,\n    disabled: disabledProp || loading,\n    accept: Array.isArray(accept)\n      ? Object.fromEntries(accept.map((key) => [key, []]))\n      : accept,\n    multiple,\n    maxSize,\n    maxFiles,\n    autoFocus,\n    noClick: !activateOnClick,\n    noDrag: !activateOnDrag,\n    noDragEventsBubbling: !dragEventsBubbling,\n    noKeyboard: !activateOnKeyboard,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onFileDialogCancel,\n    onFileDialogOpen,\n    preventDropOnDocument,\n    useFsAccessApi,\n    validator,\n    ...(getFilesFromEvent ? { getFilesFromEvent } : null),\n  });\n\n  useImperativeHandle(openRef, () => open, [open]);\n\n  const isAccepted = isDragActive && isDragAccept;\n  const isRejected = isDragActive && isDragReject;\n  const isIdle = isDragActive\n    ? isAccepted === false && isRejected === false\n    : true;\n\n  let status: \"idle\" | \"accept\" | \"reject\" = \"idle\";\n  if (statusProp) {\n    status = statusProp;\n  } else if (isAccepted) {\n    status = \"accept\";\n  } else if (isRejected) {\n    status = \"reject\";\n  }\n  const disabled = disabledProp || loading;\n\n  const { root, inner, overlay } = dropzoneVariants({\n    variant,\n    status,\n    disabled,\n    loading,\n    activateOnClick,\n  });\n\n  return (\n    <DropzoneContext.Provider\n      value={{ accept: isAccepted, reject: isRejected, idle: isIdle }}\n    >\n      <div\n        {...getRootProps()}\n        className={cn(root(), className)}\n        data-disabled={disabled || undefined}\n        data-loading={loading || undefined}\n        data-slot=\"dropzone\"\n        ref={ref}\n        {...props}\n      >\n        {loading && (\n          <div className={overlay()}>\n            <Spinner />\n          </div>\n        )}\n        <input {...getInputProps(inputProps)} name={name} />\n        <div\n          className={inner()}\n          data-enable-pointer-events={enablePointerEvents || undefined}\n        >\n          {children}\n        </div>\n      </div>\n    </DropzoneContext.Provider>\n  );\n};\n\nDropzone.Accept = DropzoneAccept;\nDropzone.Idle = DropzoneIdle;\nDropzone.Reject = DropzoneReject;\n\nexport type {\n  DropzoneAcceptProps,\n  DropzoneIdleProps,\n  DropzoneRejectProps,\n} from \"./dropzone-status\";\nexport type { DropzoneProps, DropzoneVariants };\n\nexport {\n  Dropzone,\n  DropzoneAccept,\n  DropzoneContext,\n  DropzoneIdle,\n  DropzoneReject,\n  dropzoneVariants,\n  useDropzoneContext,\n};\n"],"mappings":";;;;;;;;;;AA4BA,MAAM,mBAAmB,GAAG;CAC1B,OAAO;EACL,MAAM;GACJ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACD,OAAO;GACL;GACA;GACA;GACD;EACD,SAAS;GACP;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACF;CACD,UAAU;EACR,SAAS;GACP,SAAS,EACP,MAAM,EAEL,EACF;GACD,QAAQ,EACN,MAAM,CAEJ,WACD,EACF;GACD,OAAO,EACL,MAAM,CAEJ,cACD,EACF;GACF;EACD,QAAQ;GACN,MAAM,EACJ,MAAM,EAEL,EACF;GACD,QAAQ,EACN,MAAM;IAEJ;IAEA;IAEA;IACD,EACF;GACD,QAAQ,EACN,MAAM;IAEJ;IAEA;IAEA;IACD,EACF;GACF;EACD,UAAU,EACR,MAAM,EACJ,MAAM,CAEJ,kBAEA,aACD,EACF,EACF;EACD,SAAS,EACP,MAAM,EACJ,MAAM,CAEJ,iBACD,EACF,EACF;EACD,iBAAiB;GACf,MAAM,EAAE;GACR,OAAO,EACL,MAAM,CAEJ,iBACD,EACF;GACF;EACF;CACD,kBAAkB;EAChB;GACE,QAAQ;GACR,SAAS;GACT,OAAO,EACL,MAAM,gCACP;GACF;EACD;GACE,QAAQ;GACR,SAAS;GACT,OAAO,EACL,MAAM,gCACP;GACF;EACD;GACE,QAAQ;GACR,SAAS;GACT,OAAO,EACL,MAAM,8BACP;GACF;EACD;GACE,QAAQ;GACR,SAAS;GACT,OAAO,EACL,MAAM,8BACP;GACF;EACF;CACD,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,UAAU;EACV,SAAS;EACT,iBAAiB;EAClB;CACF,CAAC;AA8FF,MAAM,YAAY,EAChB,WACA,SACA,QAAQ,YACR,UAAU,cACV,SACA,WAAW,MACX,UAAU,OAAO,mBACjB,QACA,UACA,WACA,QACA,UACA,SACA,MACA,UACA,WACA,kBAAkB,MAClB,iBAAiB,MACjB,qBAAqB,MACrB,qBAAqB,MACrB,aACA,aACA,YACA,oBACA,kBACA,uBACA,iBAAiB,MACjB,mBACA,WACA,qBACA,YACA,KACA,GAAG,YACgB;CACnB,MAAM,EACJ,cACA,eACA,cACA,cACA,cACA,SACE,YAAY;EACd,QAAQ;EACR,gBAAgB;EAChB,gBAAgB;EAChB,UAAU,gBAAgB;EAC1B,QAAQ,MAAM,QAAQ,OAAO,GACzB,OAAO,YAAY,OAAO,KAAK,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,GAClD;EACJ;EACA;EACA;EACA;EACA,SAAS,CAAC;EACV,QAAQ,CAAC;EACT,sBAAsB,CAAC;EACvB,YAAY,CAAC;EACb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,GAAI,oBAAoB,EAAE,mBAAmB,GAAG;EACjD,CAAC;AAEF,qBAAoB,eAAe,MAAM,CAAC,KAAK,CAAC;CAEhD,MAAM,aAAa,gBAAgB;CACnC,MAAM,aAAa,gBAAgB;CACnC,MAAM,SAAS,eACX,eAAe,SAAS,eAAe,QACvC;CAEJ,IAAI,SAAuC;AAC3C,KAAI,WACF,UAAS;UACA,WACT,UAAS;UACA,WACT,UAAS;CAEX,MAAM,WAAW,gBAAgB;CAEjC,MAAM,EAAE,MAAM,OAAO,YAAY,iBAAiB;EAChD;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC,gBAAgB;EACf,OAAO;GAAE,QAAQ;GAAY,QAAQ;GAAY,MAAM;GAAQ;YAE/D,qBAAC;GACC,GAAI,cAAc;GAClB,WAAW,GAAG,MAAM,EAAE,UAAU;GAChC,iBAAe,YAAY;GAC3B,gBAAc,WAAW;GACzB,aAAU;GACL;GACL,GAAI;;IAEH,WACC,oBAAC;KAAI,WAAW,SAAS;eACvB,oBAAC,YAAU;MACP;IAER,oBAAC;KAAM,GAAI,cAAc,WAAW;KAAQ;MAAQ;IACpD,oBAAC;KACC,WAAW,OAAO;KAClB,8BAA4B,uBAAuB;KAElD;MACG;;IACF;GACmB;;AAI/B,SAAS,SAAS;AAClB,SAAS,OAAO;AAChB,SAAS,SAAS"}
+{"version":3,"file":"dropzone.js","names":[],"sources":["../src/ui/dropzone/dropzone.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  ComponentProps,\n  DragEvent,\n  InputHTMLAttributes,\n  Ref,\n} from \"react\";\nimport type {\n  Accept,\n  DropEvent,\n  FileError,\n  FileRejection,\n  FileWithPath,\n} from \"react-dropzone\";\n\nimport { useImperativeHandle } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { Spinner } from \"../spinner/spinner\";\nimport { DropzoneContext, useDropzoneContext } from \"./dropzone-context\";\nimport {\n  DropzoneAccept,\n  DropzoneIdle,\n  DropzoneReject,\n} from \"./dropzone-status\";\n\nconst dropzoneVariants = tv({\n  slots: {\n    root: [\n      \"relative\",\n      \"cursor-pointer\",\n      \"select-none\",\n      \"rounded-lg\",\n      \"border\",\n      \"border-input\",\n      \"border-dashed\",\n      \"bg-background\",\n      \"p-4\",\n      \"outline-none\",\n      \"transition-colors\",\n      \"focus-visible:ring-2\",\n      \"focus-visible:ring-ring\",\n      \"focus-visible:ring-offset-2\",\n    ],\n    inner: [\n      \"pointer-events-none\",\n      \"select-none\",\n      \"data-enable-pointer-events:pointer-events-auto\",\n    ],\n    overlay: [\n      \"absolute\",\n      \"inset-0\",\n      \"z-10\",\n      \"flex\",\n      \"items-center\",\n      \"justify-center\",\n      \"rounded-lg\",\n      \"bg-background/80\",\n      \"backdrop-blur-sm\",\n    ],\n  },\n  variants: {\n    variant: {\n      default: {\n        root: [\n          // No additional styles for default variant\n        ],\n      },\n      filled: {\n        root: [\n          // Background: muted background\n          \"bg-muted\",\n        ],\n      },\n      light: {\n        root: [\n          // Background: muted background with opacity\n          \"bg-muted/50\",\n        ],\n      },\n    },\n    status: {\n      idle: {\n        root: [\n          // No additional styles for idle status\n        ],\n      },\n      accept: {\n        root: [\n          // Border: primary border color\n          \"border-primary\",\n          // Background: primary background with opacity\n          \"bg-primary/10\",\n          // Text: primary text color\n          \"text-primary-foreground\",\n        ],\n      },\n      reject: {\n        root: [\n          // Border: danger border color\n          \"border-danger\",\n          // Background: danger background with opacity\n          \"bg-danger\",\n          // Text: danger text color\n          \"text-danger-foreground\",\n        ],\n      },\n    },\n    disabled: {\n      true: {\n        root: [\n          // Cursor: default cursor\n          \"cursor-default\",\n          // Opacity: reduced opacity\n          \"opacity-50\",\n        ],\n      },\n    },\n    loading: {\n      true: {\n        root: [\n          // Cursor: default cursor\n          \"cursor-default\",\n        ],\n      },\n    },\n    activateOnClick: {\n      true: {},\n      false: {\n        root: [\n          // Cursor: default cursor when click is disabled\n          \"cursor-default\",\n        ],\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      status: \"accept\",\n      variant: \"filled\",\n      class: {\n        root: \"border-primary bg-primary/20\",\n      },\n    },\n    {\n      status: \"accept\",\n      variant: \"light\",\n      class: {\n        root: \"border-primary bg-primary/10\",\n      },\n    },\n    {\n      status: \"reject\",\n      variant: \"filled\",\n      class: {\n        root: \"border-danger bg-danger/20\",\n      },\n    },\n    {\n      status: \"reject\",\n      variant: \"light\",\n      class: {\n        root: \"border-danger bg-danger\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"light\",\n    status: \"idle\",\n    disabled: false,\n    loading: false,\n    activateOnClick: true,\n  },\n});\n\ntype DropzoneVariants = VariantProps<typeof dropzoneVariants>;\n\ntype DropzoneProps = Omit<ComponentProps<\"div\">, \"onDrop\" | \"ref\"> &\n  DropzoneVariants & {\n    ref?: Ref<HTMLDivElement>;\n    /** Called when any files are dropped to the dropzone */\n    onDropAny?: (\n      files: FileWithPath[],\n      fileRejections: FileRejection[]\n    ) => void;\n\n    /** Called when valid files are dropped to the dropzone */\n    onDrop: (files: FileWithPath[]) => void;\n\n    /** Called when dropped files do not meet file restrictions */\n    onReject?: (fileRejections: FileRejection[]) => void;\n\n    /** Determines whether files capturing should be disabled */\n    disabled?: boolean;\n\n    /** Determines whether a loading overlay should be displayed */\n    loading?: boolean;\n\n    /** Mime types of the files that dropzone can accept */\n    accept?: Accept | string[];\n\n    /** A ref function which when called opens the file system file picker */\n    openRef?: Ref<() => void>;\n\n    /** Determines whether multiple files can be dropped */\n    multiple?: boolean;\n\n    /** Maximum file size in bytes */\n    maxSize?: number;\n\n    /** Name of the form control */\n    name?: string;\n\n    /** Maximum number of files that can be picked at once */\n    maxFiles?: number;\n\n    /** Set to autofocus the root element */\n    autoFocus?: boolean;\n\n    /** If false, disables click to open the native file selection dialog */\n    activateOnClick?: boolean;\n\n    /** If false, disables drag 'n' drop */\n    activateOnDrag?: boolean;\n\n    /** If false, disables Space/Enter to open the native file selection dialog */\n    activateOnKeyboard?: boolean;\n\n    /** If false, stops drag event propagation to parents */\n    dragEventsBubbling?: boolean;\n\n    /** Called when the dragenter event occurs */\n    onDragEnter?: (event: DragEvent<HTMLElement>) => void;\n\n    /** Called when the dragleave event occurs */\n    onDragLeave?: (event: DragEvent<HTMLElement>) => void;\n\n    /** Called when the dragover event occurs */\n    onDragOver?: (event: DragEvent<HTMLElement>) => void;\n\n    /** Called when user closes the file selection dialog with no selection */\n    onFileDialogCancel?: () => void;\n\n    /** Called when user opens the file selection dialog */\n    onFileDialogOpen?: () => void;\n\n    /** If false, allow dropped items to take over the current browser window */\n    preventDropOnDocument?: boolean;\n\n    /** Set to true to use the File System Access API */\n    useFsAccessApi?: boolean;\n\n    /** Use this to provide a custom file aggregator */\n    getFilesFromEvent?: (\n      event: DropEvent\n    ) => Promise<(File | DataTransferItem)[]>;\n\n    /** Custom validation function */\n    validator?: <T extends File>(file: T) => FileError | FileError[] | null;\n\n    /** Determines whether pointer events should be enabled on the inner element */\n    enablePointerEvents?: boolean;\n\n    /** Props passed down to the internal Input component */\n    inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  };\n\nconst Dropzone = ({\n  className,\n  variant,\n  status: statusProp,\n  disabled: disabledProp,\n  loading,\n  multiple = true,\n  maxSize = Number.POSITIVE_INFINITY,\n  accept,\n  children,\n  onDropAny,\n  onDrop,\n  onReject,\n  openRef,\n  name,\n  maxFiles,\n  autoFocus,\n  activateOnClick = true,\n  activateOnDrag = true,\n  dragEventsBubbling = true,\n  activateOnKeyboard = true,\n  onDragEnter,\n  onDragLeave,\n  onDragOver,\n  onFileDialogCancel,\n  onFileDialogOpen,\n  preventDropOnDocument,\n  useFsAccessApi = true,\n  getFilesFromEvent,\n  validator,\n  enablePointerEvents,\n  inputProps,\n  ref,\n  ...props\n}: DropzoneProps) => {\n  const {\n    getRootProps,\n    getInputProps,\n    isDragAccept,\n    isDragReject,\n    isDragActive,\n    open,\n  } = useDropzone({\n    onDrop: onDropAny,\n    onDropAccepted: onDrop,\n    onDropRejected: onReject,\n    disabled: disabledProp || loading,\n    accept: Array.isArray(accept)\n      ? Object.fromEntries(accept.map((key) => [key, []]))\n      : accept,\n    multiple,\n    maxSize,\n    maxFiles,\n    autoFocus,\n    noClick: !activateOnClick,\n    noDrag: !activateOnDrag,\n    noDragEventsBubbling: !dragEventsBubbling,\n    noKeyboard: !activateOnKeyboard,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onFileDialogCancel,\n    onFileDialogOpen,\n    preventDropOnDocument,\n    useFsAccessApi,\n    validator,\n    ...(getFilesFromEvent ? { getFilesFromEvent } : null),\n  });\n\n  useImperativeHandle(openRef, () => open, [open]);\n\n  const isAccepted = isDragActive && isDragAccept;\n  const isRejected = isDragActive && isDragReject;\n  const isIdle = isDragActive\n    ? isAccepted === false && isRejected === false\n    : true;\n\n  let status: \"idle\" | \"accept\" | \"reject\" = \"idle\";\n  if (statusProp) {\n    status = statusProp;\n  } else if (isAccepted) {\n    status = \"accept\";\n  } else if (isRejected) {\n    status = \"reject\";\n  }\n  const disabled = disabledProp || loading;\n\n  const { root, inner, overlay } = dropzoneVariants({\n    variant,\n    status,\n    disabled,\n    loading,\n    activateOnClick,\n  });\n\n  return (\n    <DropzoneContext.Provider\n      value={{ accept: isAccepted, reject: isRejected, idle: isIdle }}\n    >\n      <div\n        {...getRootProps()}\n        className={cn(root(), className)}\n        data-disabled={disabled || undefined}\n        data-loading={loading || undefined}\n        data-slot=\"dropzone\"\n        ref={ref}\n        {...props}\n      >\n        {loading && (\n          <div className={overlay()}>\n            <Spinner />\n          </div>\n        )}\n        <input {...getInputProps(inputProps)} name={name} />\n        <div\n          className={inner()}\n          data-enable-pointer-events={enablePointerEvents || undefined}\n        >\n          {children}\n        </div>\n      </div>\n    </DropzoneContext.Provider>\n  );\n};\n\nDropzone.Accept = DropzoneAccept;\nDropzone.Idle = DropzoneIdle;\nDropzone.Reject = DropzoneReject;\n\nexport type {\n  DropzoneAcceptProps,\n  DropzoneIdleProps,\n  DropzoneRejectProps,\n} from \"./dropzone-status\";\nexport type { DropzoneProps, DropzoneVariants };\n\nexport {\n  Dropzone,\n  DropzoneAccept,\n  DropzoneContext,\n  DropzoneIdle,\n  DropzoneReject,\n  dropzoneVariants,\n  useDropzoneContext,\n};\n"],"mappings":";;;;;;;;;;AA4BA,MAAM,mBAAmB,GAAG;CAC1B,OAAO;EACL,MAAM;GACJ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACD,OAAO;GACL;GACA;GACA;GACD;EACD,SAAS;GACP;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;EACF;CACD,UAAU;EACR,SAAS;GACP,SAAS,EACP,MAAM,EAEL,EACF;GACD,QAAQ,EACN,MAAM,CAEJ,WACD,EACF;GACD,OAAO,EACL,MAAM,CAEJ,cACD,EACF;GACF;EACD,QAAQ;GACN,MAAM,EACJ,MAAM,EAEL,EACF;GACD,QAAQ,EACN,MAAM;IAEJ;IAEA;IAEA;IACD,EACF;GACD,QAAQ,EACN,MAAM;IAEJ;IAEA;IAEA;IACD,EACF;GACF;EACD,UAAU,EACR,MAAM,EACJ,MAAM,CAEJ,kBAEA,aACD,EACF,EACF;EACD,SAAS,EACP,MAAM,EACJ,MAAM,CAEJ,iBACD,EACF,EACF;EACD,iBAAiB;GACf,MAAM,EAAE;GACR,OAAO,EACL,MAAM,CAEJ,iBACD,EACF;GACF;EACF;CACD,kBAAkB;EAChB;GACE,QAAQ;GACR,SAAS;GACT,OAAO,EACL,MAAM,gCACP;GACF;EACD;GACE,QAAQ;GACR,SAAS;GACT,OAAO,EACL,MAAM,gCACP;GACF;EACD;GACE,QAAQ;GACR,SAAS;GACT,OAAO,EACL,MAAM,8BACP;GACF;EACD;GACE,QAAQ;GACR,SAAS;GACT,OAAO,EACL,MAAM,2BACP;GACF;EACF;CACD,iBAAiB;EACf,SAAS;EACT,QAAQ;EACR,UAAU;EACV,SAAS;EACT,iBAAiB;EAClB;CACF,CAAC;AA8FF,MAAM,YAAY,EAChB,WACA,SACA,QAAQ,YACR,UAAU,cACV,SACA,WAAW,MACX,UAAU,OAAO,mBACjB,QACA,UACA,WACA,QACA,UACA,SACA,MACA,UACA,WACA,kBAAkB,MAClB,iBAAiB,MACjB,qBAAqB,MACrB,qBAAqB,MACrB,aACA,aACA,YACA,oBACA,kBACA,uBACA,iBAAiB,MACjB,mBACA,WACA,qBACA,YACA,KACA,GAAG,YACgB;CACnB,MAAM,EACJ,cACA,eACA,cACA,cACA,cACA,SACE,YAAY;EACd,QAAQ;EACR,gBAAgB;EAChB,gBAAgB;EAChB,UAAU,gBAAgB;EAC1B,QAAQ,MAAM,QAAQ,OAAO,GACzB,OAAO,YAAY,OAAO,KAAK,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,GAClD;EACJ;EACA;EACA;EACA;EACA,SAAS,CAAC;EACV,QAAQ,CAAC;EACT,sBAAsB,CAAC;EACvB,YAAY,CAAC;EACb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,GAAI,oBAAoB,EAAE,mBAAmB,GAAG;EACjD,CAAC;AAEF,qBAAoB,eAAe,MAAM,CAAC,KAAK,CAAC;CAEhD,MAAM,aAAa,gBAAgB;CACnC,MAAM,aAAa,gBAAgB;CACnC,MAAM,SAAS,eACX,eAAe,SAAS,eAAe,QACvC;CAEJ,IAAI,SAAuC;AAC3C,KAAI,WACF,UAAS;UACA,WACT,UAAS;UACA,WACT,UAAS;CAEX,MAAM,WAAW,gBAAgB;CAEjC,MAAM,EAAE,MAAM,OAAO,YAAY,iBAAiB;EAChD;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oBAAC,gBAAgB;EACf,OAAO;GAAE,QAAQ;GAAY,QAAQ;GAAY,MAAM;GAAQ;YAE/D,qBAAC;GACC,GAAI,cAAc;GAClB,WAAW,GAAG,MAAM,EAAE,UAAU;GAChC,iBAAe,YAAY;GAC3B,gBAAc,WAAW;GACzB,aAAU;GACL;GACL,GAAI;;IAEH,WACC,oBAAC;KAAI,WAAW,SAAS;eACvB,oBAAC,YAAU;MACP;IAER,oBAAC;KAAM,GAAI,cAAc,WAAW;KAAQ;MAAQ;IACpD,oBAAC;KACC,WAAW,OAAO;KAClB,8BAA4B,uBAAuB;KAElD;MACG;;IACF;GACmB;;AAI/B,SAAS,SAAS;AAClB,SAAS,OAAO;AAChB,SAAS,SAAS"}