@uselets/ui 1.20.3 → 2.0.0

package/dist/components/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":["DrawerPrimitive"],"sources":["../../src/components/drawer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { IconX } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Dialog as DrawerPrimitive } from 'radix-ui'\n\nimport { cn, stopPropagationHandler } from '../lib/utils'\nimport { Button } from './button'\n\nconst drawerContentVariants = cva(\n  [\n    'bg-background flex h-auto flex-col text-sm fixed z-50 outline-none duration-200',\n    'data-open:animate-in data-closed:animate-out'\n  ],\n  {\n    variants: {\n      direction: {\n        top: 'inset-x-0 top-0 rounded-b-xl border-b data-closed:slide-out-to-top data-open:slide-in-from-top-10',\n        right:\n          'inset-y-0 right-0 rounded-l-xl border-l data-closed:slide-out-to-right data-open:slide-in-from-right-10',\n        bottom:\n          'inset-x-0 bottom-0 rounded-t-xl border-t data-closed:slide-out-to-bottom data-open:slide-in-from-bottom-10',\n        left: 'inset-y-0 left-0 rounded-r-xl border-r data-closed:slide-out-to-left data-open:slide-in-from-left-10'\n      },\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n        xl: '',\n        '2xl': '',\n        '3xl': '',\n        full: ''\n      }\n    },\n    compoundVariants: [\n      { direction: ['left', 'right'], size: 'sm', className: 'w-3/4 sm:max-w-sm' },\n      { direction: ['left', 'right'], size: 'md', className: 'w-4/5 sm:max-w-md' },\n      { direction: ['left', 'right'], size: 'lg', className: 'w-[90%] sm:max-w-lg' },\n      { direction: ['left', 'right'], size: 'xl', className: 'w-[90%] sm:max-w-195' },\n      { direction: ['left', 'right'], size: '2xl', className: 'w-[90%] sm:max-w-240' },\n      { direction: ['left', 'right'], size: '3xl', className: 'w-[90%] sm:max-w-300' },\n      { direction: ['left', 'right'], size: 'full', className: 'w-full' },\n      { direction: 'top', size: 'sm', className: 'mb-24 h-full max-h-96' },\n      { direction: 'top', size: 'md', className: 'mb-20 h-full max-h-112' },\n      { direction: 'top', size: 'lg', className: 'mb-12 h-full max-h-128' },\n      { direction: 'top', size: 'xl', className: 'mb-12 h-full max-h-195' },\n      { direction: 'top', size: '2xl', className: 'mb-12 h-full max-h-240' },\n      { direction: 'top', size: '3xl', className: 'mb-12 h-full max-h-300' },\n      { direction: 'top', size: 'full', className: 'mb-0 h-full' },\n      { direction: 'bottom', size: 'sm', className: 'mt-24 h-full max-h-96' },\n      { direction: 'bottom', size: 'md', className: 'mt-20 h-full max-h-112' },\n      { direction: 'bottom', size: 'lg', className: 'mt-12 h-full max-h-128' },\n      { direction: 'bottom', size: 'xl', className: 'mt-12 h-full max-h-195' },\n      { direction: 'bottom', size: '2xl', className: 'mt-12 h-full max-h-240' },\n      { direction: 'bottom', size: '3xl', className: 'mt-12 h-full max-h-300' },\n      { direction: 'bottom', size: 'full', className: 'mt-0 h-full' }\n    ],\n    defaultVariants: {\n      direction: 'right',\n      size: 'md'\n    }\n  }\n)\n\ntype DrawerDirection = NonNullable<VariantProps<typeof drawerContentVariants>['direction']>\ntype DrawerSize = NonNullable<VariantProps<typeof drawerContentVariants>['size']>\ntype DrawerContextValue = { size: DrawerSize; direction: DrawerDirection; dismissible: boolean }\nconst DrawerContext = React.createContext<DrawerContextValue>({ size: 'md', direction: 'right', dismissible: true })\n\nexport type DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root> & {\n  size?: DrawerSize\n  direction?: DrawerDirection\n  dismissible?: boolean\n}\nexport type DrawerTriggerProps = React.ComponentProps<typeof DrawerPrimitive.Trigger>\nexport type DrawerPortalProps = React.ComponentProps<typeof DrawerPrimitive.Portal>\nexport type DrawerCloseProps = React.ComponentProps<typeof DrawerPrimitive.Close>\nexport type DrawerOverlayProps = React.ComponentProps<typeof DrawerPrimitive.Overlay>\nexport type DrawerContentProps = React.ComponentProps<typeof DrawerPrimitive.Content> & {\n  showCloseButton?: boolean\n  overlayProps?: DrawerOverlayProps\n}\nexport type DrawerHeaderProps = React.ComponentProps<'div'>\nexport type DrawerBodyProps = React.ComponentProps<'div'>\nexport type DrawerFooterProps = React.ComponentProps<'div'>\nexport type DrawerTitleProps = React.ComponentProps<typeof DrawerPrimitive.Title>\nexport type DrawerDescriptionProps = React.ComponentProps<typeof DrawerPrimitive.Description>\n\nfunction Drawer({ size = 'md', direction = 'right', dismissible = true, ...props }: DrawerProps) {\n  const contextValue = React.useMemo<DrawerContextValue>(\n    () => ({ size, direction, dismissible }),\n    [size, direction, dismissible]\n  )\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />\n    </DrawerContext.Provider>\n  )\n}\n\nfunction DrawerTrigger({ ...props }: DrawerTriggerProps) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />\n}\n\nfunction DrawerPortal({ ...props }: DrawerPortalProps) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n}\n\nfunction DrawerClose({ ...props }: DrawerCloseProps) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />\n}\n\nfunction DrawerOverlay({ className, onClick, ...props }: DrawerOverlayProps) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        'bg-black/10 fixed inset-0 z-50',\n        'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0',\n        'supports-backdrop-filter:backdrop-blur-xs',\n        className\n      )}\n      onClick={stopPropagationHandler(onClick)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerContent({ className, children, showCloseButton = true, overlayProps, ...props }: DrawerContentProps) {\n  const { size, direction, dismissible } = React.useContext(DrawerContext)\n\n  return (\n    <DrawerPortal>\n      <DrawerOverlay {...overlayProps} />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(drawerContentVariants({ size, direction }), className)}\n        {...props}\n        onEscapeKeyDown={(event) => {\n          if (!dismissible) event.preventDefault()\n          props.onEscapeKeyDown?.(event)\n        }}\n        onInteractOutside={(event) => {\n          if (!dismissible) event.preventDefault()\n          props.onInteractOutside?.(event)\n        }}\n        // React events bubble through the fiber tree, not the DOM, so a portaled Radix Content still\n        // reaches any ancestor's onClick/onSubmit even though it renders outside it in the DOM.\n        onClick={stopPropagationHandler(props.onClick)}\n        onSubmit={stopPropagationHandler(props.onSubmit)}\n      >\n        {children}\n        {showCloseButton && (\n          <DrawerClose asChild>\n            <Button variant=\"ghost\" className=\"absolute top-3 right-3\" size=\"icon-sm\">\n              <IconX />\n              <span className=\"sr-only\">Close</span>\n            </Button>\n          </DrawerClose>\n        )}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  )\n}\n\nfunction DrawerHeader({ className, ...props }: DrawerHeaderProps) {\n  const { direction } = React.useContext(DrawerContext)\n  const isVertical = direction === 'top' || direction === 'bottom'\n\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn('p-4 flex flex-col gap-0.5 md:gap-0.5', isVertical && 'text-center md:text-left', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerBody({ className, ...props }: DrawerBodyProps) {\n  return (\n    <div data-slot=\"drawer-body\" className={cn('px-4 pb-4 flex-1 min-h-0 overflow-y-auto', className)} {...props} />\n  )\n}\n\nfunction DrawerFooter({ className, ...props }: DrawerFooterProps) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn('gap-2 p-4 mt-auto flex flex-col sm:flex-row sm:justify-end', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerTitle({ className, ...props }: DrawerTitleProps) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn('text-foreground text-base font-medium', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerDescription({ className, ...props }: DrawerDescriptionProps) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Drawer,\n  DrawerBody,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerOverlay,\n  DrawerPortal,\n  DrawerTitle,\n  DrawerTrigger\n}\n"],"mappings":"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"}
+{"version":3,"file":"drawer.js","names":["DrawerPrimitive","resolveClassName","React","drawerContentVariants","cva","DrawerContext","props","contextValue","size","direction","Dialog","dismissible","disablePointerDismissal","eventDetails","onOpenChange","open","toAsChildRenderProps","asChild","children","cn","className","state","stopPropagationHandler","onClick","overlayProps","showCloseButton","Button","IconX"],"sources":["../../src/components/drawer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Dialog as DrawerPrimitive } from '@base-ui/react/dialog'\nimport { IconX } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { type AsChildPrimitiveProps, toAsChildRenderProps } from '../lib/as-child'\nimport { cn, stopPropagationHandler } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\nimport { Button } from './button'\n\nconst drawerContentVariants = cva(\n  [\n    'bg-background flex h-auto flex-col text-sm fixed z-50 outline-none duration-200',\n    'data-open:animate-in data-closed:animate-out'\n  ],\n  {\n    variants: {\n      direction: {\n        top: 'inset-x-0 top-0 rounded-b-xl border-b data-closed:slide-out-to-top data-open:slide-in-from-top-10',\n        right:\n          'inset-y-0 right-0 rounded-l-xl border-l data-closed:slide-out-to-right data-open:slide-in-from-right-10',\n        bottom:\n          'inset-x-0 bottom-0 rounded-t-xl border-t data-closed:slide-out-to-bottom data-open:slide-in-from-bottom-10',\n        left: 'inset-y-0 left-0 rounded-r-xl border-r data-closed:slide-out-to-left data-open:slide-in-from-left-10'\n      },\n      size: {\n        sm: '',\n        md: '',\n        lg: '',\n        xl: '',\n        '2xl': '',\n        '3xl': '',\n        full: ''\n      }\n    },\n    compoundVariants: [\n      { direction: ['left', 'right'], size: 'sm', className: 'w-3/4 sm:max-w-sm' },\n      { direction: ['left', 'right'], size: 'md', className: 'w-4/5 sm:max-w-md' },\n      { direction: ['left', 'right'], size: 'lg', className: 'w-[90%] sm:max-w-lg' },\n      { direction: ['left', 'right'], size: 'xl', className: 'w-[90%] sm:max-w-195' },\n      { direction: ['left', 'right'], size: '2xl', className: 'w-[90%] sm:max-w-240' },\n      { direction: ['left', 'right'], size: '3xl', className: 'w-[90%] sm:max-w-300' },\n      { direction: ['left', 'right'], size: 'full', className: 'w-full' },\n      { direction: 'top', size: 'sm', className: 'mb-24 h-full max-h-96' },\n      { direction: 'top', size: 'md', className: 'mb-20 h-full max-h-112' },\n      { direction: 'top', size: 'lg', className: 'mb-12 h-full max-h-128' },\n      { direction: 'top', size: 'xl', className: 'mb-12 h-full max-h-195' },\n      { direction: 'top', size: '2xl', className: 'mb-12 h-full max-h-240' },\n      { direction: 'top', size: '3xl', className: 'mb-12 h-full max-h-300' },\n      { direction: 'top', size: 'full', className: 'mb-0 h-full' },\n      { direction: 'bottom', size: 'sm', className: 'mt-24 h-full max-h-96' },\n      { direction: 'bottom', size: 'md', className: 'mt-20 h-full max-h-112' },\n      { direction: 'bottom', size: 'lg', className: 'mt-12 h-full max-h-128' },\n      { direction: 'bottom', size: 'xl', className: 'mt-12 h-full max-h-195' },\n      { direction: 'bottom', size: '2xl', className: 'mt-12 h-full max-h-240' },\n      { direction: 'bottom', size: '3xl', className: 'mt-12 h-full max-h-300' },\n      { direction: 'bottom', size: 'full', className: 'mt-0 h-full' }\n    ],\n    defaultVariants: {\n      direction: 'right',\n      size: 'md'\n    }\n  }\n)\n\ntype DrawerDirection = NonNullable<VariantProps<typeof drawerContentVariants>['direction']>\ntype DrawerSize = NonNullable<VariantProps<typeof drawerContentVariants>['size']>\ntype DrawerContextValue = { size: DrawerSize; direction: DrawerDirection }\nconst DrawerContext = React.createContext<DrawerContextValue>({ size: 'md', direction: 'right' })\n\nexport type DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root> & {\n  /**\n   * Panel width for `left`/`right`, or height for `top`/`bottom`. `full` fills the whole viewport.\n   * @default 'md'\n   */\n  size?: DrawerSize\n  /**\n   * Edge the drawer slides in from.\n   * @default 'right'\n   */\n  direction?: DrawerDirection\n  /**\n   * When `false`, clicking outside and pressing Esc no longer close the drawer. The close button and `DrawerClose` still work.\n   * @default true\n   */\n  dismissible?: boolean\n}\nexport type DrawerTriggerProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Trigger>\nexport type DrawerPortalProps = React.ComponentProps<typeof DrawerPrimitive.Portal>\nexport type DrawerCloseProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Close>\nexport type DrawerOverlayProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Backdrop>\nexport type DrawerContentProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Popup> &\n  Pick<DrawerPortalProps, 'keepMounted'> & {\n    /**\n     * Shows the X button in the top-right corner.\n     * @default true\n     */\n    showCloseButton?: boolean\n    /** Props passed to the overlay rendered behind the drawer. */\n    overlayProps?: DrawerOverlayProps\n  }\nexport type DrawerHeaderProps = React.ComponentProps<'div'>\nexport type DrawerBodyProps = React.ComponentProps<'div'>\nexport type DrawerFooterProps = React.ComponentProps<'div'>\nexport type DrawerTitleProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Title>\nexport type DrawerDescriptionProps = AsChildPrimitiveProps<typeof DrawerPrimitive.Description>\n\nfunction Drawer({\n  size = 'md',\n  direction = 'right',\n  dismissible = true,\n  disablePointerDismissal,\n  onOpenChange,\n  ...props\n}: DrawerProps) {\n  const contextValue = React.useMemo<DrawerContextValue>(() => ({ size, direction }), [size, direction])\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <DrawerPrimitive.Root\n        data-slot=\"drawer\"\n        disablePointerDismissal={!dismissible || disablePointerDismissal}\n        onOpenChange={(open, eventDetails) => {\n          if (!dismissible && eventDetails.reason === 'escape-key') {\n            eventDetails.cancel()\n            return\n          }\n          onOpenChange?.(open, eventDetails)\n        }}\n        {...props}\n      />\n    </DrawerContext.Provider>\n  )\n}\n\nfunction DrawerTrigger({ asChild, children, ...props }: DrawerTriggerProps) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} {...toAsChildRenderProps(asChild, children)} />\n}\n\nfunction DrawerPortal({ ...props }: DrawerPortalProps) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n}\n\nfunction DrawerClose({ asChild, children, ...props }: DrawerCloseProps) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} {...toAsChildRenderProps(asChild, children)} />\n}\n\nfunction DrawerOverlay({ className, onClick, asChild, children, ...props }: DrawerOverlayProps) {\n  return (\n    <DrawerPrimitive.Backdrop\n      data-slot=\"drawer-overlay\"\n      className={(state) =>\n        cn(\n          'bg-black/10 fixed inset-0 z-50 duration-200',\n          'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0',\n          'supports-backdrop-filter:backdrop-blur-xs',\n          resolveClassName(className, state)\n        )\n      }\n      onClick={stopPropagationHandler(onClick)}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  showCloseButton = true,\n  overlayProps,\n  keepMounted,\n  asChild,\n  ...props\n}: DrawerContentProps) {\n  const { size, direction } = React.useContext(DrawerContext)\n\n  return (\n    <DrawerPortal keepMounted={keepMounted}>\n      <DrawerOverlay {...overlayProps} />\n      <DrawerPrimitive.Popup\n        data-slot=\"drawer-content\"\n        className={(state) => cn(drawerContentVariants({ size, direction }), resolveClassName(className, state))}\n        {...props}\n        {...toAsChildRenderProps(asChild, children)}\n        // React events bubble through the fiber tree, not the DOM, so a portaled Popup still\n        // reaches any ancestor's onClick/onSubmit even though it renders outside it in the DOM.\n        onClick={stopPropagationHandler(props.onClick)}\n        onSubmit={stopPropagationHandler(props.onSubmit)}\n      >\n        {!asChild && children}\n        {showCloseButton && !asChild && (\n          <DrawerPrimitive.Close\n            data-slot=\"drawer-close\"\n            render={<Button variant=\"ghost\" className=\"absolute top-3 right-3\" size=\"icon-sm\" />}\n          >\n            <IconX />\n            <span className=\"sr-only\">Close</span>\n          </DrawerPrimitive.Close>\n        )}\n      </DrawerPrimitive.Popup>\n    </DrawerPortal>\n  )\n}\n\nfunction DrawerHeader({ className, ...props }: DrawerHeaderProps) {\n  const { direction } = React.useContext(DrawerContext)\n  const isVertical = direction === 'top' || direction === 'bottom'\n\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn('p-4 flex flex-col gap-0.5 md:gap-0.5', isVertical && 'text-center md:text-left', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerBody({ className, ...props }: DrawerBodyProps) {\n  return (\n    <div data-slot=\"drawer-body\" className={cn('px-4 pb-4 flex-1 min-h-0 overflow-y-auto', className)} {...props} />\n  )\n}\n\nfunction DrawerFooter({ className, ...props }: DrawerFooterProps) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn('gap-2 p-4 mt-auto flex flex-col sm:flex-row sm:justify-end', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerTitle({ className, asChild, children, ...props }: DrawerTitleProps) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={(state) => cn('text-foreground text-base font-medium', resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DrawerDescription({ className, asChild, children, ...props }: DrawerDescriptionProps) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={(state) => cn('text-muted-foreground text-sm', resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nexport {\n  Drawer,\n  DrawerBody,\n  DrawerClose,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerOverlay,\n  DrawerPortal,\n  DrawerTitle,\n  DrawerTrigger\n}\n"],"mappings":"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"}

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

@@ -1,48 +1,58 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { DropdownMenu as DropdownMenu$1 } from "radix-ui";
+import { n as AsChildProps, t as AsChildPrimitiveProps } from "../as-child-Dxg3Xo1G.js";
 import * as React from "react";
+import { Menu } from "@base-ui/react/menu";
 //#region src/components/dropdown-menu.d.ts
-export type DropdownMenuProps = React.ComponentProps<typeof DropdownMenu$1.Root>;
-export type DropdownMenuPortalProps = React.ComponentProps<typeof DropdownMenu$1.Portal>;
-export type DropdownMenuTriggerProps = React.ComponentProps<typeof DropdownMenu$1.Trigger>;
-export type DropdownMenuContentProps = React.ComponentProps<typeof DropdownMenu$1.Content>;
-export type DropdownMenuGroupProps = React.ComponentProps<typeof DropdownMenu$1.Group>;
-export type DropdownMenuItemProps = React.ComponentProps<typeof DropdownMenu$1.Item> & {
+export type DropdownMenuProps = React.ComponentProps<typeof Menu.Root>;
+export type DropdownMenuPortalProps = React.ComponentProps<typeof Menu.Portal>;
+export type DropdownMenuTriggerProps = AsChildPrimitiveProps<typeof Menu.Trigger>;
+export type DropdownMenuContentProps = AsChildPrimitiveProps<typeof Menu.Popup> & Pick<React.ComponentProps<typeof Menu.Positioner>, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'sticky'> & Pick<DropdownMenuPortalProps, 'keepMounted'>;
+export type DropdownMenuGroupProps = AsChildPrimitiveProps<typeof Menu.Group>;
+export type DropdownMenuItemProps = AsChildPrimitiveProps<typeof Menu.Item> & {
+  /** Adds left padding so the text lines up with items that have an icon or indicator. */
   inset?: boolean;
+  /**
+   * `destructive` colors the item red for dangerous actions.
+   * @default 'default'
+   */
   variant?: 'default' | 'destructive';
 };
-export type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof DropdownMenu$1.CheckboxItem> & {
+export type DropdownMenuCheckboxItemProps = AsChildPrimitiveProps<typeof Menu.CheckboxItem> & {
+  /** Adds left padding so the text lines up with items that have an icon or indicator. */
   inset?: boolean;
 };
-export type DropdownMenuRadioGroupProps = React.ComponentProps<typeof DropdownMenu$1.RadioGroup>;
-export type DropdownMenuRadioItemProps = React.ComponentProps<typeof DropdownMenu$1.RadioItem> & {
+export type DropdownMenuRadioGroupProps = AsChildPrimitiveProps<typeof Menu.RadioGroup>;
+export type DropdownMenuRadioItemProps = AsChildPrimitiveProps<typeof Menu.RadioItem> & {
+  /** Adds left padding so the text lines up with items that have an icon or indicator. */
   inset?: boolean;
 };
-export type DropdownMenuLabelProps = React.ComponentProps<typeof DropdownMenu$1.Label> & {
+export type DropdownMenuLabelProps = AsChildProps<'div'> & {
+  /** Adds left padding so the text lines up with items that have an icon or indicator. */
   inset?: boolean;
 };
-export type DropdownMenuSeparatorProps = React.ComponentProps<typeof DropdownMenu$1.Separator>;
+export type DropdownMenuSeparatorProps = AsChildPrimitiveProps<typeof Menu.Separator>;
 export type DropdownMenuShortcutProps = React.ComponentProps<'span'>;
-export type DropdownMenuSubProps = React.ComponentProps<typeof DropdownMenu$1.Sub>;
-export type DropdownMenuSubTriggerProps = React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
+export type DropdownMenuSubProps = React.ComponentProps<typeof Menu.SubmenuRoot>;
+export type DropdownMenuSubTriggerProps = AsChildPrimitiveProps<typeof Menu.SubmenuTrigger> & {
+  /** Adds left padding so the text lines up with items that have an icon or indicator. */
   inset?: boolean;
 };
-export type DropdownMenuSubContentProps = React.ComponentProps<typeof DropdownMenu$1.SubContent>;
+export type DropdownMenuSubContentProps = DropdownMenuContentProps;
 declare function DropdownMenu({ ...props }: DropdownMenuProps): React.JSX.Element;
 declare function DropdownMenuPortal({ ...props }: DropdownMenuPortalProps): React.JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: DropdownMenuTriggerProps): React.JSX.Element;
-declare function DropdownMenuContent({ className, align, sideOffset, ...props }: DropdownMenuContentProps): React.JSX.Element;
-declare function DropdownMenuGroup({ ...props }: DropdownMenuGroupProps): React.JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemProps): React.JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, inset, ...props }: DropdownMenuCheckboxItemProps): React.JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: DropdownMenuRadioGroupProps): React.JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, inset, ...props }: DropdownMenuRadioItemProps): React.JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): React.JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): React.JSX.Element;
+declare function DropdownMenuTrigger({ asChild, children, ...props }: DropdownMenuTriggerProps): React.JSX.Element;
+declare function DropdownMenuContent({ className, side, sideOffset, align, alignOffset, sticky, keepMounted, asChild, children, ...props }: DropdownMenuContentProps): React.JSX.Element;
+declare function DropdownMenuGroup({ asChild, children, ...props }: DropdownMenuGroupProps): React.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, asChild, children, ...props }: DropdownMenuItemProps): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, inset, asChild, ...props }: DropdownMenuCheckboxItemProps): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ asChild, children, ...props }: DropdownMenuRadioGroupProps): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, inset, asChild, ...props }: DropdownMenuRadioItemProps): React.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, asChild, children, ...props }: DropdownMenuLabelProps): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, asChild, children, ...props }: DropdownMenuSeparatorProps): React.JSX.Element;
 declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): React.JSX.Element;
 declare function DropdownMenuSub({ ...props }: DropdownMenuSubProps): React.JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubTriggerProps): React.JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: DropdownMenuSubContentProps): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, asChild, ...props }: DropdownMenuSubTriggerProps): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, side, sideOffset, align, alignOffset, sticky, keepMounted, asChild, children, ...props }: DropdownMenuSubContentProps): React.JSX.Element;
 //#endregion
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
 //# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/dropdown-menu.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{IconCheck as t,IconChevronRight as n}from"@tabler/icons-react";import{DropdownMenu as r}from"radix-ui";import{jsx as i,jsxs as a}from"react/jsx-runtime";function DropdownMenu({...e}){return i(r.Root,{"data-slot":`dropdown-menu`,...e})}function DropdownMenuPortal({...e}){return i(r.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function DropdownMenuTrigger({...e}){return i(r.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function DropdownMenuContent({className:t,align:n=`start`,sideOffset:a=4,...o}){return i(DropdownMenuPortal,{children:i(r.Content,{"data-slot":`dropdown-menu-content`,align:n,sideOffset:a,className:e(`relative z-50 w-(--radix-dropdown-menu-trigger-width) min-w-32 max-h-(--radix-dropdown-menu-content-available-height)`,`origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg p-1`,`bg-popover/70 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100`,`data-[state=closed]:overflow-hidden`,`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`,`before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit]`,`before:backdrop-blur-2xl before:backdrop-saturate-150`,`**:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10`,`**:data-[slot$=-separator]:bg-foreground/5`,`**:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10!`,`**:data-[variant=destructive]:focus:bg-destructive/10! dark:**:data-[variant=destructive]:focus:bg-destructive/20!`,`**:data-[variant=destructive]:text-destructive! **:data-[variant=destructive]:**:text-destructive!`,`animate-none!`,t),...o})})}function DropdownMenuGroup({...e}){return i(r.Group,{"data-slot":`dropdown-menu-group`,...e})}function DropdownMenuItem({className:t,inset:n,variant:a=`default`,...o}){return i(r.Item,{"data-slot":`dropdown-menu-item`,"data-inset":n,"data-variant":a,className:e(`group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm`,`select-none outline-hidden`,`focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground`,`data-inset:pl-7`,`data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive`,`dark:data-[variant=destructive]:focus:bg-destructive/20`,`data-disabled:pointer-events-none data-disabled:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,`data-[variant=destructive]:*:[svg]:text-destructive`,t),...o})}function DropdownMenuCheckboxItem({className:n,children:o,inset:s,...c}){return a(r.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,"data-inset":s,className:e(`relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm`,`select-none outline-hidden`,`focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground`,`data-inset:pl-7`,`data-disabled:pointer-events-none data-disabled:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,n),...c,children:[i(`span`,{"data-slot":`dropdown-menu-checkbox-item-indicator`,className:`pointer-events-none absolute right-2 flex items-center justify-center`,children:i(r.ItemIndicator,{children:i(t,{})})}),o]})}function DropdownMenuRadioGroup({...e}){return i(r.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function DropdownMenuRadioItem({className:n,children:o,inset:s,...c}){return a(r.RadioItem,{"data-slot":`dropdown-menu-radio-item`,"data-inset":s,className:e(`relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm`,`select-none outline-hidden`,`focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground`,`data-inset:pl-7`,`data-disabled:pointer-events-none data-disabled:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,n),...c,children:[i(`span`,{"data-slot":`dropdown-menu-radio-item-indicator`,className:`pointer-events-none absolute right-2 flex items-center justify-center`,children:i(r.ItemIndicator,{children:i(t,{})})}),o]})}function DropdownMenuLabel({className:t,inset:n,...a}){return i(r.Label,{"data-slot":`dropdown-menu-label`,"data-inset":n,className:e(`px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7`,t),...a})}function DropdownMenuSeparator({className:t,...n}){return i(r.Separator,{"data-slot":`dropdown-menu-separator`,className:e(`bg-border -mx-1 my-1 h-px`,t),...n})}function DropdownMenuShortcut({className:t,...n}){return i(`span`,{"data-slot":`dropdown-menu-shortcut`,className:e(`ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground`,t),...n})}function DropdownMenuSub({...e}){return i(r.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function DropdownMenuSubTrigger({className:t,inset:o,children:s,...c}){return a(r.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":o,className:e(`flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm`,`select-none outline-hidden`,`focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground`,`data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,t),...c,children:[s,i(n,{className:`ml-auto`})]})}function DropdownMenuSubContent({className:t,...n}){return i(r.SubContent,{"data-slot":`dropdown-menu-sub-content`,className:e(`relative z-50 min-w-24 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-lg p-1`,`bg-popover/70 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100`,`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`,`before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit]`,`before:backdrop-blur-2xl before:backdrop-saturate-150`,`**:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10`,`**:data-[slot$=-separator]:bg-foreground/5`,`**:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10!`,`**:data-[variant=destructive]:focus:bg-destructive/10! dark:**:data-[variant=destructive]:focus:bg-destructive/20!`,`**:data-[variant=destructive]:text-destructive! **:data-[variant=destructive]:**:text-destructive!`,`animate-none!`,t),...n})}export{DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger};
+import"../rolldown-runtime-BhWHdk3m.js";import{toAsChildRenderProps as e,useAsChild as t}from"../lib/as-child.js";import{cn as n}from"../lib/utils.js";import{t as r}from"../resolve-class-name-BurP8ngI.js";import{IconCheck as i,IconChevronRight as a}from"@tabler/icons-react";import*as o from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{Menu as l}from"@base-ui/react/menu";const u=o.createContext(!1);function DropdownMenu({...e}){return/* @__PURE__ */ s(l.Root,{"data-slot":`dropdown-menu`,...e})}function DropdownMenuPortal({...e}){return/* @__PURE__ */ s(l.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function DropdownMenuTrigger({asChild:t,children:n,...r}){return/* @__PURE__ */ s(l.Trigger,{"data-slot":`dropdown-menu-trigger`,...r,...e(t,n)})}function DropdownMenuContent({className:t,side:i=`bottom`,sideOffset:a=4,align:o=`start`,alignOffset:c=0,sticky:u,keepMounted:d,asChild:f,children:p,...m}){return/* @__PURE__ */ s(DropdownMenuPortal,{keepMounted:d,children:/* @__PURE__ */ s(l.Positioner,{side:i,sideOffset:a,align:o,alignOffset:c,sticky:u,className:`isolate z-50 outline-none`,children:/* @__PURE__ */ s(l.Popup,{"data-slot":`dropdown-menu-content`,className:e=>n(`relative z-50 w-(--anchor-width) min-w-32 max-h-(--available-height) outline-none`,`origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg p-1`,`bg-popover/70 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100`,`data-closed:overflow-hidden`,`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`,`before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit]`,`before:backdrop-blur-2xl before:backdrop-saturate-150`,`**:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10`,`**:data-[slot$=-separator]:bg-foreground/5`,`**:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10!`,`**:data-[variant=destructive]:focus:bg-destructive/10! dark:**:data-[variant=destructive]:focus:bg-destructive/20!`,`**:data-[variant=destructive]:text-destructive! **:data-[variant=destructive]:**:text-destructive!`,`animate-none!`,r(t,e)),...m,...e(f,p)})})})}function DropdownMenuGroup({asChild:t,children:n,...r}){return/* @__PURE__ */ s(u.Provider,{value:!0,children:/* @__PURE__ */ s(l.Group,{"data-slot":`dropdown-menu-group`,...r,...e(t,n)})})}function DropdownMenuItem({className:t,inset:i,variant:a=`default`,asChild:o,children:c,...u}){return/* @__PURE__ */ s(l.Item,{"data-slot":`dropdown-menu-item`,"data-inset":i,"data-variant":a,className:e=>n(`group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm`,`select-none outline-hidden`,`focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground`,`data-inset:pl-7`,`data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive`,`dark:data-[variant=destructive]:focus:bg-destructive/20`,`data-disabled:pointer-events-none data-disabled:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,`data-[variant=destructive]:*:[svg]:text-destructive`,r(t,e)),...u,...e(o,c)})}function DropdownMenuCheckboxItem({className:t,children:a,inset:o,asChild:u,...d}){return/* @__PURE__ */ c(l.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,"data-inset":o,className:e=>n(`relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm`,`select-none outline-hidden`,`focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground`,`data-inset:pl-7`,`data-disabled:pointer-events-none data-disabled:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,r(t,e)),...d,...e(u,a),children:[!u&&/* @__PURE__ */ s(`span`,{"data-slot":`dropdown-menu-checkbox-item-indicator`,className:`pointer-events-none absolute right-2 flex items-center justify-center`,children:/* @__PURE__ */ s(l.CheckboxItemIndicator,{children:/* @__PURE__ */ s(i,{})})}),!u&&a]})}function DropdownMenuRadioGroup({asChild:t,children:n,...r}){return/* @__PURE__ */ s(u.Provider,{value:!0,children:/* @__PURE__ */ s(l.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...r,...e(t,n)})})}function DropdownMenuRadioItem({className:t,children:a,inset:o,asChild:u,...d}){return/* @__PURE__ */ c(l.RadioItem,{"data-slot":`dropdown-menu-radio-item`,"data-inset":o,className:e=>n(`relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm`,`select-none outline-hidden`,`focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground`,`data-inset:pl-7`,`data-disabled:pointer-events-none data-disabled:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,r(t,e)),...d,...e(u,a),children:[!u&&/* @__PURE__ */ s(`span`,{"data-slot":`dropdown-menu-radio-item-indicator`,className:`pointer-events-none absolute right-2 flex items-center justify-center`,children:/* @__PURE__ */ s(l.RadioItemIndicator,{children:/* @__PURE__ */ s(i,{})})}),!u&&a]})}function DropdownMenuLabel({className:t,inset:r,asChild:i,children:a,...c}){let d=o.useContext(u),f={"data-slot":`dropdown-menu-label`,"data-inset":r,className:n(`px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7`,t),...c};return d?/* @__PURE__ */ s(l.GroupLabel,{...f,...e(i,a)}):/* @__PURE__ */ s(DropdownMenuStandaloneLabel,{...f,asChild:i,children:a})}function DropdownMenuStandaloneLabel(e){return t(`div`,{...e})}function DropdownMenuSeparator({className:t,asChild:i,children:a,...o}){return/* @__PURE__ */ s(l.Separator,{"data-slot":`dropdown-menu-separator`,className:e=>n(`bg-border -mx-1 my-1 h-px`,r(t,e)),...o,...e(i,a)})}function DropdownMenuShortcut({className:e,...t}){return/* @__PURE__ */ s(`span`,{"data-slot":`dropdown-menu-shortcut`,className:n(`ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground`,e),...t})}function DropdownMenuSub({...e}){return/* @__PURE__ */ s(l.SubmenuRoot,{"data-slot":`dropdown-menu-sub`,...e})}function DropdownMenuSubTrigger({className:t,inset:i,children:o,asChild:u,...d}){return/* @__PURE__ */ c(l.SubmenuTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":i,className:e=>n(`flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm`,`select-none outline-hidden`,`focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground`,`data-inset:pl-7 data-popup-open:bg-accent data-popup-open:text-accent-foreground`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,r(t,e)),...d,...e(u,o),children:[!u&&o,!u&&/* @__PURE__ */ s(a,{className:`ml-auto`})]})}function DropdownMenuSubContent({className:t,side:i=`right`,sideOffset:a=0,align:o=`start`,alignOffset:c=-3,sticky:u,keepMounted:d,asChild:f,children:p,...m}){return/* @__PURE__ */ s(DropdownMenuPortal,{keepMounted:d,children:/* @__PURE__ */ s(l.Positioner,{side:i,sideOffset:a,align:o,alignOffset:c,sticky:u,className:`isolate z-50 outline-none`,children:/* @__PURE__ */ s(l.Popup,{"data-slot":`dropdown-menu-sub-content`,className:e=>n(`relative z-50 min-w-24 origin-(--transform-origin) overflow-hidden rounded-lg p-1 outline-none`,`bg-popover/70 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100`,`data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`,`before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit]`,`before:backdrop-blur-2xl before:backdrop-saturate-150`,`**:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10`,`**:data-[slot$=-separator]:bg-foreground/5`,`**:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10!`,`**:data-[variant=destructive]:focus:bg-destructive/10! dark:**:data-[variant=destructive]:focus:bg-destructive/20!`,`**:data-[variant=destructive]:text-destructive! **:data-[variant=destructive]:**:text-destructive!`,`animate-none!`,r(t,e)),...m,...e(f,p)})})})}export{DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger};
 //# sourceMappingURL=dropdown-menu.js.map

package/dist/components/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","names":["DropdownMenuPrimitive"],"sources":["../../src/components/dropdown-menu.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { IconCheck, IconChevronRight } from '@tabler/icons-react'\nimport { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type DropdownMenuProps = React.ComponentProps<typeof DropdownMenuPrimitive.Root>\n\nexport type DropdownMenuPortalProps = React.ComponentProps<typeof DropdownMenuPrimitive.Portal>\n\nexport type DropdownMenuTriggerProps = React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>\n\nexport type DropdownMenuContentProps = React.ComponentProps<typeof DropdownMenuPrimitive.Content>\n\nexport type DropdownMenuGroupProps = React.ComponentProps<typeof DropdownMenuPrimitive.Group>\n\nexport type DropdownMenuItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: 'default' | 'destructive'\n}\n\nexport type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {\n  inset?: boolean\n}\n\nexport type DropdownMenuRadioGroupProps = React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>\n\nexport type DropdownMenuRadioItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {\n  inset?: boolean\n}\n\nexport type DropdownMenuLabelProps = React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}\n\nexport type DropdownMenuSeparatorProps = React.ComponentProps<typeof DropdownMenuPrimitive.Separator>\n\nexport type DropdownMenuShortcutProps = React.ComponentProps<'span'>\n\nexport type DropdownMenuSubProps = React.ComponentProps<typeof DropdownMenuPrimitive.Sub>\n\nexport type DropdownMenuSubTriggerProps = React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}\n\nexport type DropdownMenuSubContentProps = React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>\n\nfunction DropdownMenu({ ...props }: DropdownMenuProps) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({ ...props }: DropdownMenuPortalProps) {\n  return <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n}\n\nfunction DropdownMenuTrigger({ ...props }: DropdownMenuTriggerProps) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />\n}\n\nfunction DropdownMenuContent({ className, align = 'start', sideOffset = 4, ...props }: DropdownMenuContentProps) {\n  return (\n    <DropdownMenuPortal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'relative z-50 w-(--radix-dropdown-menu-trigger-width) min-w-32 max-h-(--radix-dropdown-menu-content-available-height)',\n          'origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg p-1',\n          'bg-popover/70 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100',\n          'data-[state=closed]:overflow-hidden',\n          'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95',\n          'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n          'before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit]',\n          'before:backdrop-blur-2xl before:backdrop-saturate-150',\n          '**:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10',\n          '**:data-[slot$=-separator]:bg-foreground/5',\n          '**:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10!',\n          '**:data-[variant=destructive]:focus:bg-destructive/10! dark:**:data-[variant=destructive]:focus:bg-destructive/20!',\n          '**:data-[variant=destructive]:text-destructive! **:data-[variant=destructive]:**:text-destructive!',\n          'animate-none!',\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPortal>\n  )\n}\n\nfunction DropdownMenuGroup({ ...props }: DropdownMenuGroupProps) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n}\n\nfunction DropdownMenuItem({ className, inset, variant = 'default', ...props }: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        'group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm',\n        'select-none outline-hidden',\n        'focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground',\n        'data-inset:pl-7',\n        'data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive',\n        'dark:data-[variant=destructive]:focus:bg-destructive/20',\n        'data-disabled:pointer-events-none data-disabled:opacity-50',\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        'data-[variant=destructive]:*:[svg]:text-destructive',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({ className, children, inset, ...props }: DropdownMenuCheckboxItemProps) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        'relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm',\n        'select-none outline-hidden',\n        'focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground',\n        'data-inset:pl-7',\n        'data-disabled:pointer-events-none data-disabled:opacity-50',\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span\n        data-slot=\"dropdown-menu-checkbox-item-indicator\"\n        className=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n      >\n        <DropdownMenuPrimitive.ItemIndicator>\n          <IconCheck />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: DropdownMenuRadioGroupProps) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />\n}\n\nfunction DropdownMenuRadioItem({ className, children, inset, ...props }: DropdownMenuRadioItemProps) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      data-inset={inset}\n      className={cn(\n        'relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm',\n        'select-none outline-hidden',\n        'focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground',\n        'data-inset:pl-7',\n        'data-disabled:pointer-events-none data-disabled:opacity-50',\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span\n        data-slot=\"dropdown-menu-radio-item-indicator\"\n        className=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n      >\n        <DropdownMenuPrimitive.ItemIndicator>\n          <IconCheck />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn('px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        'ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({ ...props }: DropdownMenuSubProps) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubTriggerProps) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        'flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm',\n        'select-none outline-hidden',\n        'focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground',\n        'data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground',\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <IconChevronRight className=\"ml-auto\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({ className, ...props }: DropdownMenuSubContentProps) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        'relative z-50 min-w-24 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-lg p-1',\n        'bg-popover/70 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100',\n        'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95',\n        'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n        'before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit]',\n        'before:backdrop-blur-2xl before:backdrop-saturate-150',\n        '**:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10',\n        '**:data-[slot$=-separator]:bg-foreground/5',\n        '**:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10!',\n        '**:data-[variant=destructive]:focus:bg-destructive/10! dark:**:data-[variant=destructive]:focus:bg-destructive/20!',\n        '**:data-[variant=destructive]:text-destructive! **:data-[variant=destructive]:**:text-destructive!',\n        'animate-none!',\n        className\n      )}\n      {...props}\n    />\n  )\n}\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":"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"}
+{"version":3,"file":"dropdown-menu.js","names":["DropdownMenuPrimitive","resolveClassName","React","DropdownMenuGroupContext","props","Menu","toAsChildRenderProps","asChild","children","cn","className","state","inset","variant","IconCheck","isInsideGroup","labelProps","useAsChild","IconChevronRight"],"sources":["../../src/components/dropdown-menu.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Menu as DropdownMenuPrimitive } from '@base-ui/react/menu'\nimport { IconCheck, IconChevronRight } from '@tabler/icons-react'\n\nimport { type AsChildPrimitiveProps, type AsChildProps, toAsChildRenderProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\n\nexport type DropdownMenuProps = React.ComponentProps<typeof DropdownMenuPrimitive.Root>\n\nexport type DropdownMenuPortalProps = React.ComponentProps<typeof DropdownMenuPrimitive.Portal>\n\nexport type DropdownMenuTriggerProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.Trigger>\n\nexport type DropdownMenuContentProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.Popup> &\n  Pick<\n    React.ComponentProps<typeof DropdownMenuPrimitive.Positioner>,\n    'side' | 'sideOffset' | 'align' | 'alignOffset' | 'sticky'\n  > &\n  Pick<DropdownMenuPortalProps, 'keepMounted'>\n\nexport type DropdownMenuGroupProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.Group>\n\nexport type DropdownMenuItemProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.Item> & {\n  /** Adds left padding so the text lines up with items that have an icon or indicator. */\n  inset?: boolean\n  /**\n   * `destructive` colors the item red for dangerous actions.\n   * @default 'default'\n   */\n  variant?: 'default' | 'destructive'\n}\n\nexport type DropdownMenuCheckboxItemProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.CheckboxItem> & {\n  /** Adds left padding so the text lines up with items that have an icon or indicator. */\n  inset?: boolean\n}\n\nexport type DropdownMenuRadioGroupProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.RadioGroup>\n\nexport type DropdownMenuRadioItemProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.RadioItem> & {\n  /** Adds left padding so the text lines up with items that have an icon or indicator. */\n  inset?: boolean\n}\n\nexport type DropdownMenuLabelProps = AsChildProps<'div'> & {\n  /** Adds left padding so the text lines up with items that have an icon or indicator. */\n  inset?: boolean\n}\n\nexport type DropdownMenuSeparatorProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.Separator>\n\nexport type DropdownMenuShortcutProps = React.ComponentProps<'span'>\n\nexport type DropdownMenuSubProps = React.ComponentProps<typeof DropdownMenuPrimitive.SubmenuRoot>\n\nexport type DropdownMenuSubTriggerProps = AsChildPrimitiveProps<typeof DropdownMenuPrimitive.SubmenuTrigger> & {\n  /** Adds left padding so the text lines up with items that have an icon or indicator. */\n  inset?: boolean\n}\n\nexport type DropdownMenuSubContentProps = DropdownMenuContentProps\n\n// Base UI's `GroupLabel` must live inside a `Group`/`RadioGroup`; this flag lets `DropdownMenuLabel`\n// fall back to a plain element when it is rendered on its own, like Radix's `Label` allowed.\nconst DropdownMenuGroupContext = React.createContext(false)\n\nfunction DropdownMenu({ ...props }: DropdownMenuProps) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({ ...props }: DropdownMenuPortalProps) {\n  return <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n}\n\nfunction DropdownMenuTrigger({ asChild, children, ...props }: DropdownMenuTriggerProps) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  side = 'bottom',\n  sideOffset = 4,\n  align = 'start',\n  alignOffset = 0,\n  sticky,\n  keepMounted,\n  asChild,\n  children,\n  ...props\n}: DropdownMenuContentProps) {\n  return (\n    <DropdownMenuPortal keepMounted={keepMounted}>\n      <DropdownMenuPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        sticky={sticky}\n        className=\"isolate z-50 outline-none\"\n      >\n        <DropdownMenuPrimitive.Popup\n          data-slot=\"dropdown-menu-content\"\n          className={(state) =>\n            cn(\n              'relative z-50 w-(--anchor-width) min-w-32 max-h-(--available-height) outline-none',\n              'origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg p-1',\n              'bg-popover/70 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100',\n              'data-closed:overflow-hidden',\n              'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n              'before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit]',\n              'before:backdrop-blur-2xl before:backdrop-saturate-150',\n              '**:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10',\n              '**:data-[slot$=-separator]:bg-foreground/5',\n              '**:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10!',\n              '**:data-[variant=destructive]:focus:bg-destructive/10! dark:**:data-[variant=destructive]:focus:bg-destructive/20!',\n              '**:data-[variant=destructive]:text-destructive! **:data-[variant=destructive]:**:text-destructive!',\n              'animate-none!',\n              resolveClassName(className, state)\n            )\n          }\n          {...props}\n          {...toAsChildRenderProps(asChild, children)}\n        />\n      </DropdownMenuPrimitive.Positioner>\n    </DropdownMenuPortal>\n  )\n}\n\nfunction DropdownMenuGroup({ asChild, children, ...props }: DropdownMenuGroupProps) {\n  return (\n    <DropdownMenuGroupContext.Provider value={true}>\n      <DropdownMenuPrimitive.Group\n        data-slot=\"dropdown-menu-group\"\n        {...props}\n        {...toAsChildRenderProps(asChild, children)}\n      />\n    </DropdownMenuGroupContext.Provider>\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  asChild,\n  children,\n  ...props\n}: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={(state) =>\n        cn(\n          'group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm',\n          'select-none outline-hidden',\n          'focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground',\n          'data-inset:pl-7',\n          'data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive',\n          'dark:data-[variant=destructive]:focus:bg-destructive/20',\n          'data-disabled:pointer-events-none data-disabled:opacity-50',\n          \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n          'data-[variant=destructive]:*:[svg]:text-destructive',\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({ className, children, inset, asChild, ...props }: DropdownMenuCheckboxItemProps) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      data-inset={inset}\n      className={(state) =>\n        cn(\n          'relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm',\n          'select-none outline-hidden',\n          'focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground',\n          'data-inset:pl-7',\n          'data-disabled:pointer-events-none data-disabled:opacity-50',\n          \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    >\n      {!asChild && (\n        <span\n          data-slot=\"dropdown-menu-checkbox-item-indicator\"\n          className=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n        >\n          <DropdownMenuPrimitive.CheckboxItemIndicator>\n            <IconCheck />\n          </DropdownMenuPrimitive.CheckboxItemIndicator>\n        </span>\n      )}\n      {!asChild && children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({ asChild, children, ...props }: DropdownMenuRadioGroupProps) {\n  return (\n    <DropdownMenuGroupContext.Provider value={true}>\n      <DropdownMenuPrimitive.RadioGroup\n        data-slot=\"dropdown-menu-radio-group\"\n        {...props}\n        {...toAsChildRenderProps(asChild, children)}\n      />\n    </DropdownMenuGroupContext.Provider>\n  )\n}\n\nfunction DropdownMenuRadioItem({ className, children, inset, asChild, ...props }: DropdownMenuRadioItemProps) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      data-inset={inset}\n      className={(state) =>\n        cn(\n          'relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm',\n          'select-none outline-hidden',\n          'focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground',\n          'data-inset:pl-7',\n          'data-disabled:pointer-events-none data-disabled:opacity-50',\n          \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    >\n      {!asChild && (\n        <span\n          data-slot=\"dropdown-menu-radio-item-indicator\"\n          className=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n        >\n          <DropdownMenuPrimitive.RadioItemIndicator>\n            <IconCheck />\n          </DropdownMenuPrimitive.RadioItemIndicator>\n        </span>\n      )}\n      {!asChild && children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({ className, inset, asChild, children, ...props }: DropdownMenuLabelProps) {\n  const isInsideGroup = React.useContext(DropdownMenuGroupContext)\n  const labelProps = {\n    'data-slot': 'dropdown-menu-label',\n    'data-inset': inset,\n    className: cn('px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7', className),\n    ...props\n  }\n\n  if (isInsideGroup) {\n    return <DropdownMenuPrimitive.GroupLabel {...labelProps} {...toAsChildRenderProps(asChild, children)} />\n  }\n\n  return (\n    <DropdownMenuStandaloneLabel {...labelProps} asChild={asChild}>\n      {children}\n    </DropdownMenuStandaloneLabel>\n  )\n}\n\nfunction DropdownMenuStandaloneLabel(props: AsChildProps<'div'>) {\n  return useAsChild('div', { ...props })\n}\n\nfunction DropdownMenuSeparator({ className, asChild, children, ...props }: DropdownMenuSeparatorProps) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={(state) => cn('bg-border -mx-1 my-1 h-px', resolveClassName(className, state))}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        'ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({ ...props }: DropdownMenuSubProps) {\n  return <DropdownMenuPrimitive.SubmenuRoot data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({ className, inset, children, asChild, ...props }: DropdownMenuSubTriggerProps) {\n  return (\n    <DropdownMenuPrimitive.SubmenuTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={(state) =>\n        cn(\n          'flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm',\n          'select-none outline-hidden',\n          'focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground',\n          'data-inset:pl-7 data-popup-open:bg-accent data-popup-open:text-accent-foreground',\n          \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n          resolveClassName(className, state)\n        )\n      }\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    >\n      {!asChild && children}\n      {!asChild && <IconChevronRight className=\"ml-auto\" />}\n    </DropdownMenuPrimitive.SubmenuTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  side = 'right',\n  sideOffset = 0,\n  align = 'start',\n  alignOffset = -3,\n  sticky,\n  keepMounted,\n  asChild,\n  children,\n  ...props\n}: DropdownMenuSubContentProps) {\n  return (\n    <DropdownMenuPortal keepMounted={keepMounted}>\n      <DropdownMenuPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        sticky={sticky}\n        className=\"isolate z-50 outline-none\"\n      >\n        <DropdownMenuPrimitive.Popup\n          data-slot=\"dropdown-menu-sub-content\"\n          className={(state) =>\n            cn(\n              'relative z-50 min-w-24 origin-(--transform-origin) overflow-hidden rounded-lg p-1 outline-none',\n              'bg-popover/70 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100',\n              'data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n              'before:pointer-events-none before:absolute before:inset-0 before:-z-1 before:rounded-[inherit]',\n              'before:backdrop-blur-2xl before:backdrop-saturate-150',\n              '**:data-[slot$=-item]:focus:bg-foreground/10 **:data-[slot$=-item]:data-highlighted:bg-foreground/10',\n              '**:data-[slot$=-separator]:bg-foreground/5',\n              '**:data-[slot$=-trigger]:focus:bg-foreground/10 **:data-[slot$=-trigger]:aria-expanded:bg-foreground/10!',\n              '**:data-[variant=destructive]:focus:bg-destructive/10! dark:**:data-[variant=destructive]:focus:bg-destructive/20!',\n              '**:data-[variant=destructive]:text-destructive! **:data-[variant=destructive]:**:text-destructive!',\n              'animate-none!',\n              resolveClassName(className, state)\n            )\n          }\n          {...props}\n          {...toAsChildRenderProps(asChild, children)}\n        />\n      </DropdownMenuPrimitive.Positioner>\n    </DropdownMenuPortal>\n  )\n}\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":"wYAkEA,MAAMG,EAA2BD,EAAM,cAAc,EAAK,EAE1D,SAAS,aAAa,CAAE,GAAGE,GAA4B,CACrD,MAAO,kBAACJ,EAAsB,KAAvB,CAA4B,YAAU,gBAAgB,GAAII,CAAQ,CAAA,CAC3E,CAEA,SAAS,mBAAmB,CAAE,GAAGA,GAAkC,CACjE,MAAO,kBAACJ,EAAsB,OAAvB,CAA8B,YAAU,uBAAuB,GAAII,CAAQ,CAAA,CACpF,CAEA,SAAS,oBAAoB,CAAE,UAAS,WAAU,GAAGA,GAAmC,CACtF,MACE,kBAACJ,EAAsB,QAAvB,CACE,YAAU,wBACV,GAAII,EACJ,GAAIE,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CAEL,CAEA,SAAS,oBAAoB,CAC3B,YACA,OAAO,SACP,aAAa,EACb,QAAQ,QACR,cAAc,EACd,SACA,cACA,UACA,WACA,GAAGJ,GACwB,CAC3B,MACE,kBAAC,mBAAD,CAAiC,cAC/B,SAAA,kBAACJ,EAAsB,WAAvB,CACQ,OACM,aACL,QACM,cACL,SACR,UAAU,4BAEV,SAAA,kBAACA,EAAsB,MAAvB,CACE,YAAU,wBACV,UAAY,GACVS,EACE,oFACA,+EACA,yFACA,8BACA,uIACA,8JACA,iGACA,wDACA,uGACA,6CACA,2GACA,qHACA,qGACA,gBACAR,EAAiBS,EAAWC,CAAK,CACnC,EAEF,GAAIP,EACJ,GAAIE,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CAC+B,CAAA,CAChB,CAAA,CAExB,CAEA,SAAS,kBAAkB,CAAE,UAAS,WAAU,GAAGJ,GAAiC,CAClF,MACE,kBAACD,EAAyB,SAA1B,CAAmC,MAAO,GACxC,SAAA,kBAACH,EAAsB,MAAvB,CACE,YAAU,sBACV,GAAII,EACJ,GAAIE,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CACgC,CAAA,CAEvC,CAEA,SAAS,iBAAiB,CACxB,YACA,QACA,UAAU,UACV,UACA,WACA,GAAGJ,GACqB,CACxB,MACE,kBAACJ,EAAsB,KAAvB,CACE,YAAU,qBACV,aAAYY,EACZ,eAAcC,EACd,UAAY,GACVJ,EACE,4GACA,6BACA,8GACA,kBACA,mJACA,0DACA,6DACA,oFACA,sDACAR,EAAiBS,EAAWC,CAAK,CACnC,EAEF,GAAIP,EACJ,GAAIE,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CAEL,CAEA,SAAS,yBAAyB,CAAE,YAAW,WAAU,QAAO,UAAS,GAAGJ,GAAwC,CAClH,MACE,kBAACJ,EAAsB,aAAvB,CACE,YAAU,8BACV,aAAYY,EACZ,UAAY,GACVH,EACE,wFACA,6BACA,+EACA,kBACA,6DACA,oFACAR,EAAiBS,EAAWC,CAAK,CACnC,EAEF,GAAIP,EACJ,GAAIE,EAAqBC,EAASC,CAAQ,EAf5C,SAAA,CAiBG,CAACD,GACA,kBAAC,OAAD,CACE,YAAU,wCACV,UAAU,wEAEV,SAAA,kBAACP,EAAsB,sBAAvB,CAAA,SACE,kBAACc,EAAD,CAAY,CAAA,CAC+B,CAAA,CACzC,CAAA,EAEP,CAACP,GAAWC,CACqB,GAExC,CAEA,SAAS,uBAAuB,CAAE,UAAS,WAAU,GAAGJ,GAAsC,CAC5F,MACE,kBAACD,EAAyB,SAA1B,CAAmC,MAAO,GACxC,SAAA,kBAACH,EAAsB,WAAvB,CACE,YAAU,4BACV,GAAII,EACJ,GAAIE,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CACgC,CAAA,CAEvC,CAEA,SAAS,sBAAsB,CAAE,YAAW,WAAU,QAAO,UAAS,GAAGJ,GAAqC,CAC5G,MACE,kBAACJ,EAAsB,UAAvB,CACE,YAAU,2BACV,aAAYY,EACZ,UAAY,GACVH,EACE,wFACA,6BACA,+EACA,kBACA,6DACA,oFACAR,EAAiBS,EAAWC,CAAK,CACnC,EAEF,GAAIP,EACJ,GAAIE,EAAqBC,EAASC,CAAQ,EAf5C,SAAA,CAiBG,CAACD,GACA,kBAAC,OAAD,CACE,YAAU,qCACV,UAAU,wEAEV,SAAA,kBAACP,EAAsB,mBAAvB,CAAA,SACE,kBAACc,EAAD,CAAY,CAAA,CAC4B,CAAA,CACtC,CAAA,EAEP,CAACP,GAAWC,CACkB,GAErC,CAEA,SAAS,kBAAkB,CAAE,YAAW,QAAO,UAAS,WAAU,GAAGJ,GAAiC,CACpG,IAAMW,EAAgBb,EAAM,WAAWC,CAAwB,EACzDa,EAAa,CACjB,YAAa,sBACb,aAAcJ,EACd,UAAWH,EAAG,wEAAyEC,CAAS,EAChG,GAAGN,CACL,EAMA,OAJIW,EACK,kBAACf,EAAsB,WAAvB,CAAkC,GAAIgB,EAAY,GAAIV,EAAqBC,EAASC,CAAQ,CAAI,CAAA,EAIvG,kBAAC,4BAAD,CAA6B,GAAIQ,EAAqB,UACnD,UAC0B,CAAA,CAEjC,CAEA,SAAS,4BAA4B,EAA4B,CAC/D,OAAOC,EAAW,MAAO,CAAE,GAAGb,CAAM,CAAC,CACvC,CAEA,SAAS,sBAAsB,CAAE,YAAW,UAAS,WAAU,GAAGA,GAAqC,CACrG,MACE,kBAACJ,EAAsB,UAAvB,CACE,YAAU,0BACV,UAAY,GAAUS,EAAG,4BAA6BR,EAAiBS,EAAWC,CAAK,CAAC,EACxF,GAAIP,EACJ,GAAIE,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CAEL,CAEA,SAAS,qBAAqB,CAAE,YAAW,GAAGJ,GAAoC,CAChF,MACE,kBAAC,OAAD,CACE,YAAU,yBACV,UAAWK,EACT,8GACAC,CACF,EACA,GAAIN,CACL,CAAA,CAEL,CAEA,SAAS,gBAAgB,CAAE,GAAGA,GAA+B,CAC3D,MAAO,kBAACJ,EAAsB,YAAvB,CAAmC,YAAU,oBAAoB,GAAII,CAAQ,CAAA,CACtF,CAEA,SAAS,uBAAuB,CAAE,YAAW,QAAO,WAAU,UAAS,GAAGA,GAAsC,CAC9G,MACE,kBAACJ,EAAsB,eAAvB,CACE,YAAU,4BACV,aAAYY,EACZ,UAAY,GACVH,EACE,0EACA,6BACA,8GACA,mFACA,oFACAR,EAAiBS,EAAWC,CAAK,CACnC,EAEF,GAAIP,EACJ,GAAIE,EAAqBC,EAASC,CAAQ,EAd5C,SAAA,CAgBG,CAACD,GAAWC,EACZ,CAACD,GAAW,kBAACW,EAAD,CAAkB,UAAU,SAAW,CAAA,CAChB,GAE1C,CAEA,SAAS,uBAAuB,CAC9B,YACA,OAAO,QACP,aAAa,EACb,QAAQ,QACR,cAAc,GACd,SACA,cACA,UACA,WACA,GAAGd,GAC2B,CAC9B,MACE,kBAAC,mBAAD,CAAiC,cAC/B,SAAA,kBAACJ,EAAsB,WAAvB,CACQ,OACM,aACL,QACM,cACL,SACR,UAAU,4BAEV,SAAA,kBAACA,EAAsB,MAAvB,CACE,YAAU,4BACV,UAAY,GACVS,EACE,iGACA,yFACA,uIACA,8JACA,iGACA,wDACA,uGACA,6CACA,2GACA,qHACA,qGACA,gBACAR,EAAiBS,EAAWC,CAAK,CACnC,EAEF,GAAIP,EACJ,GAAIE,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CAC+B,CAAA,CAChB,CAAA,CAExB"}

package/dist/components/dropzone.d.ts

@@ -39,16 +39,33 @@ export type DropzoneValidation = {
   maxFiles?: number;
 };
 export type UseDropzoneProps<TUploadResult, TUploadError = string> = {
+  /** Uploads one file. Resolve to `{ status: 'success', result }` or `{ status: 'error', error }`. */
   onDropFile: (file: File) => Promise<DropzoneUploadResult<TUploadResult, TUploadError>>;
+  /** Called when a file is removed, with its id. */
   onRemoveFile?: (id: string) => void | Promise<void>;
+  /** Called with the result of each successful upload. */
   onFileUploaded?: (result: TUploadResult) => void;
+  /** Called with the error of each failed upload. */
   onFileUploadError?: (error: TUploadError) => void;
+  /** Called when every pending upload has finished. */
   onAllUploaded?: () => void;
+  /** Called with the validation message when dropped files are rejected, or `undefined` when cleared. */
   onRootError?: (error: string | undefined) => void;
+  /** Turns an upload error into the message shown for the file. */
   shapeUploadError?: (error: TUploadError) => string | undefined;
+  /** Maximum number of retries per file. Unlimited when omitted. */
   maxRetryCount?: number;
+  /**
+   * Retries failed uploads automatically, up to `maxRetryCount`.
+   * @default false
+   */
   autoRetry?: boolean;
+  /** File rules: `accept`, `minSize`, `maxSize` (bytes) and `maxFiles`. */
   validation?: DropzoneValidation;
+  /**
+   * Removes the oldest files when new ones exceed `maxFiles`, instead of rejecting them.
+   * @default false
+   */
   shiftOnMaxFiles?: boolean;
 };
 export interface UseDropzoneReturn<TUploadResult, TUploadError> {
@@ -72,6 +89,7 @@ export type DropzoneAreaProps = React.ComponentProps<'div'>;
 export type DropzoneDescriptionProps = React.ComponentProps<'p'>;
 export type DropzoneFileListProps = React.ComponentProps<'ol'>;
 export type DropzoneFileListItemProps<TUploadResult, TUploadError> = React.ComponentProps<'li'> & {
+  /** File status from `fileStatuses`, used by the parts inside the item. */
   file: DropzoneFileStatus<TUploadResult, TUploadError>;
 };
 export type DropzoneFileMessageProps = React.ComponentProps<'p'>;
@@ -80,6 +98,7 @@ export type DropzoneRemoveFileProps = ButtonProps;
 export type DropzoneRetryFileProps = ButtonProps;
 export type DropzoneTriggerProps = ButtonProps;
 export type InfiniteProgressProps = React.ComponentProps<'div'> & {
+  /** Upload status shown by the bar. */
   status: 'pending' | 'success' | 'error';
 };
 declare function useDropzone<TUploadResult, TUploadError = string>(props: UseDropzoneProps<TUploadResult, TUploadError>): UseDropzoneReturn<TUploadResult, TUploadError>;

package/dist/components/dropzone.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{Button as t}from"./button.js";import{composeRefs as n}from"../lib/compose-refs.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import*as a from"react";import{ErrorCode as o,useDropzone as s}from"react-dropzone";const c=[o.FileInvalidType,o.FileTooLarge,o.FileTooSmall,o.TooManyFiles],l=new Set(c),u={pending:`indeterminate`,success:`100%`,error:`error`},d=a.createContext(null),f=a.createContext(null);function fileStatusReducer(e,t){switch(t.type){case`add`:return[...e,{id:t.id,fileName:t.fileName,file:t.file,status:`pending`,tries:1}];case`remove`:return e.filter(e=>e.id!==t.id);case`update-status`:return e.map(e=>e.id===t.id?t.status===`pending`?{...e,status:`pending`,error:void 0,message:void 0,result:void 0,tries:e.tries+1}:t.status===`error`?{...e,status:`error`,error:t.error,message:t.message,result:void 0}:{...e,status:`success`,result:t.result,error:void 0,message:void 0}:e)}}function formatAcceptedTypes(e){if(!e)return;let t=Object.entries(e).flatMap(([e,t])=>t.length>0?t:[e]);return t.length>0?t.join(`, `):void 0}function getDropzoneErrorCodes(e){let t=e.flatMap(e=>e.errors.map(e=>e.code).filter(e=>l.has(e)));return Array.from(new Set(t))}function getRootError(e,t){let n=e.flatMap(e=>{switch(e){case`file-invalid-type`:{let e=formatAcceptedTypes(t.accept);return e?[`only ${e} files are allowed`]:[`this file type is not allowed`]}case`file-too-large`:return t.maxSize?[`max size is ${(t.maxSize/1048576).toFixed(2)} MB`]:[`this file is too large`];case`file-too-small`:return t.minSize?[`min size is ${(t.minSize/1048576).toFixed(2)} MB`]:[`this file is too small`];case`too-many-files`:return t.maxFiles?[`max ${t.maxFiles} files`]:[`too many files`];default:return[]}});if(n.length===0)return`Unable to add the selected files`;let[r,...i]=n;return`${r.charAt(0).toUpperCase()}${r.slice(1)}${i.length>0?`, ${i.join(`, `)}`:``}`}function getRejectionMessage(e,t){let n=getDropzoneErrorCodes(e);return n.length>0?getRootError(n,t):e[0]?.errors[0]?.message??`Unable to add the selected files`}function getUploadErrorMessage(e,t){if(t){let n=t(e);if(n!==void 0)return n}if(typeof e==`string`)return e;if(e instanceof Error)return e.message}function useDropzoneContext(){let e=a.useContext(d);if(!e)throw Error(`Dropzone components must be used within a Dropzone.`);return e}function useDropzoneFileListContext(){let e=a.useContext(f);if(!e)throw Error(`Dropzone file actions must be used within a DropzoneFileListItem.`);return e}function useDropzone(e){let{onDropFile:t,onRemoveFile:n,shapeUploadError:r,onFileUploaded:i,onFileUploadError:c,onAllUploaded:l,onRootError:u,maxRetryCount:d,autoRetry:f=!1,validation:p,shiftOnMaxFiles:m=!1}=e,h=a.useId(),g=`${h}-message`,_=`${h}-description`,[v,y]=a.useState(void 0),b=a.useCallback(e=>{y(e),u?.(e)},[u]),[x,S]=a.useReducer(fileStatusReducer,[]),C=a.useCallback(e=>`${h}-${e}-message`,[h]),w=a.useMemo(()=>v!==void 0||x.some(e=>e.status===`error`),[x,v]),T=a.useCallback(async(e,n,a=0)=>{try{let o=await t(e);if(o.status===`error`){if(f&&a<(d??1/0))return S({type:`update-status`,id:n,status:`pending`}),T(e,n,a+1);S({type:`update-status`,id:n,status:`error`,error:o.error,message:getUploadErrorMessage(o.error,r)}),c?.(o.error);return}S({type:`update-status`,id:n,status:`success`,result:o.result}),i?.(o.result)}catch(e){let t=e;S({type:`update-status`,id:n,status:`error`,error:t,message:getUploadErrorMessage(t,r)}),c?.(t)}},[f,t,d,c,i,r]),E=a.useCallback(async e=>{await n?.(e),S({type:`remove`,id:e})},[n]),D=a.useCallback(e=>{let t=x.find(t=>t.id===e);return t?.status===`error`&&t.tries<=(d??1/0)},[x,d]),O=a.useCallback(async e=>{if(!D(e))return;let t=x.find(t=>t.id===e);t?.status===`error`&&(S({type:`update-status`,id:e,status:`pending`}),await T(t.file,e))},[D,x,T]),k=s({accept:p?.accept,minSize:p?.minSize,maxSize:p?.maxSize,maxFiles:p?.maxFiles,noClick:!0,noKeyboard:!0,onDropAccepted:async e=>{b(void 0);let t=e,n=p?.maxFiles??1/0,r=Number.isFinite(n)?Math.max(x.length+e.length-n,0):0;if(r>0){if(m){let n=x.slice(0,Math.min(r,x.length));await Promise.all(n.map(e=>E(e.id)));let i=r-n.length;i>0&&(t=e.slice(i))}else{b(getRootError([o.TooManyFiles],p??{}));let r=Math.max(n-x.length,0);t=e.slice(0,r)}}t.length!==0&&(await Promise.all(t.map(async e=>{let t=crypto.randomUUID();S({type:`add`,id:t,fileName:e.name,file:e}),await T(e,t)})),l?.())},onDropRejected:e=>{b(getRejectionMessage(e,p??{}))}});return{getRootProps:k.getRootProps,getInputProps:k.getInputProps,open:k.open,onRemoveFile:E,onRetry:O,canRetry:D,fileStatuses:x,isInvalid:w,isDragActive:k.isDragActive,rootError:v,inputId:h,rootMessageId:g,rootDescriptionId:_,getFileMessageId:C}}function Dropzone({children:e,...t}){return r(d.Provider,{value:t,children:e})}const p=a.forwardRef(({className:t,children:a,...o},s)=>{let c=useDropzoneContext(),l=[c.rootDescriptionId,c.isInvalid?c.rootMessageId:void 0].filter(Boolean).join(` `)||void 0,{ref:u,...d}=c.getRootProps({...o,"data-slot":`dropzone-area`,"aria-describedby":l,"aria-invalid":c.isInvalid||void 0,className:e(`flex min-h-44 flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-input bg-muted/20 px-6 py-8 text-center transition-colors`,c.isDragActive&&`border-primary bg-primary/5`,c.isInvalid&&`border-destructive bg-destructive/5`,t)}),f=c.getInputProps({id:c.inputId,className:`sr-only`,"aria-describedby":l,"aria-invalid":c.isInvalid,tabIndex:-1});return i(`div`,{...d,ref:n(s,u),children:[r(`input`,{...f}),a]})}),m=a.forwardRef(({className:t,...n},i)=>{let a=useDropzoneContext();return r(`p`,{ref:i,id:a.rootDescriptionId,"data-slot":`dropzone-description`,className:e(`text-sm text-muted-foreground`,t),...n})}),h=a.forwardRef(({className:t,...n},i)=>(useDropzoneContext(),r(`ol`,{ref:i,"data-slot":`dropzone-file-list`,className:e(`space-y-3`,t),...n}))),g=a.forwardRef(({className:t,file:n,children:i,...o},s)=>{let c=useDropzoneContext(),l=c.getFileMessageId(n.id),u=n.status===`error`,d=c.canRetry(n.id),p=a.useMemo(()=>({onRemoveFile:()=>c.onRemoveFile(n.id),onRetry:()=>c.onRetry(n.id),fileStatus:n,canRetry:d,dropzoneId:c.inputId,messageId:l}),[d,c,n,l]);return r(f.Provider,{value:p,children:r(`li`,{ref:s,"data-slot":`dropzone-file-item`,"data-status":n.status,"aria-describedby":u?l:void 0,className:e(`rounded-xl border bg-card px-4 py-3 shadow-xs`,n.status===`error`&&`border-destructive/50`,t),...o,children:i})})}),_=a.forwardRef(({className:t,children:n,...i},a)=>{let o=useDropzoneFileListContext(),s=o.fileStatus.status===`error`?o.fileStatus.message??String(o.fileStatus.error):n;return r(`p`,{ref:a,id:o.messageId,"data-slot":`dropzone-file-message`,className:e(`min-h-5 text-[0.8rem] font-medium`,o.fileStatus.status===`error`&&`text-destructive`,t),...i,children:s})}),v=a.forwardRef(({className:t,children:n,...i},a)=>{let o=useDropzoneContext(),s=o.rootError??n;return r(`p`,{ref:a,id:o.rootMessageId,"data-slot":`dropzone-message`,className:e(`min-h-5 text-[0.8rem] font-medium text-destructive`,t),...i,children:s})}),y=a.forwardRef(({className:n,onClick:i,size:o=`icon-sm`,type:s=`button`,variant:c=`ghost`,...l},u)=>{let d=useDropzoneFileListContext(),f=a.useCallback(e=>{i?.(e),!e.defaultPrevented&&d.onRemoveFile()},[d,i]);return r(t,{ref:u,"data-slot":`dropzone-remove-file`,className:e(n),onClick:f,size:o,type:s,variant:c,...l})}),b=a.forwardRef(({className:n,disabled:i,onClick:o,size:s=`icon-sm`,type:c=`button`,variant:l=`ghost`,...u},d)=>{let f=useDropzoneFileListContext(),p=i||!f.canRetry,m=a.useCallback(e=>{o?.(e),!(e.defaultPrevented||p)&&f.onRetry()},[f,p,o]);return r(t,{ref:d,"data-slot":`dropzone-retry-file`,className:e(n),disabled:p,onClick:m,size:s,type:c,variant:l,...u})}),x=a.forwardRef(({className:n,onClick:i,size:o=`sm`,type:s=`button`,variant:c=`subtle`,...l},u)=>{let d=useDropzoneContext(),f=[d.rootDescriptionId,d.isInvalid?d.rootMessageId:void 0].filter(Boolean).join(` `)||void 0,p=a.useCallback(e=>{i?.(e),!e.defaultPrevented&&d.open()},[d,i]);return r(t,{ref:u,"aria-controls":d.inputId,"aria-describedby":f,"aria-invalid":d.isInvalid||void 0,"data-slot":`dropzone-trigger`,className:e(n),onClick:p,size:o,type:s,variant:c,...l})}),S=a.forwardRef(({className:t,status:n,...i},a)=>{let o=n===`success`||n===`error`,s=n===`error`;return r(`div`,{ref:a,"aria-valuemax":100,"aria-valuemin":0,"aria-valuetext":u[n],"data-slot":`dropzone-progress`,"data-status":n,role:`progressbar`,className:e(`relative h-2 w-full overflow-hidden rounded-full bg-muted`,t),...i,children:r(`div`,{className:e(`h-full w-full rounded-full bg-primary transition-transform`,o?`translate-x-0`:`animate-infinite-progress`,s&&`bg-destructive`)})})});Dropzone.displayName=`Dropzone`,p.displayName=`DropzoneArea`,m.displayName=`DropzoneDescription`,h.displayName=`DropzoneFileList`,g.displayName=`DropzoneFileListItem`,_.displayName=`DropzoneFileMessage`,v.displayName=`DropzoneMessage`,y.displayName=`DropzoneRemoveFile`,b.displayName=`DropzoneRetryFile`,x.displayName=`DropzoneTrigger`,S.displayName=`InfiniteProgress`;export{Dropzone,p as DropzoneArea,m as DropzoneDescription,h as DropzoneFileList,g as DropzoneFileListItem,_ as DropzoneFileMessage,v as DropzoneMessage,y as DropzoneRemoveFile,b as DropzoneRetryFile,x as DropzoneTrigger,o as ErrorCode,S as InfiniteProgress,useDropzone};
+import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{Button as t}from"./button.js";import{composeRefs as n}from"../lib/compose-refs.js";import*as r from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{ErrorCode as o,useDropzone as s}from"react-dropzone";const c=[o.FileInvalidType,o.FileTooLarge,o.FileTooSmall,o.TooManyFiles],l=new Set(c),u={pending:`indeterminate`,success:`100%`,error:`error`},d=r.createContext(null),f=r.createContext(null);function fileStatusReducer(e,t){switch(t.type){case`add`:return[...e,{id:t.id,fileName:t.fileName,file:t.file,status:`pending`,tries:1}];case`remove`:return e.filter(e=>e.id!==t.id);case`update-status`:return e.map(e=>e.id===t.id?t.status===`pending`?{...e,status:`pending`,error:void 0,message:void 0,result:void 0,tries:e.tries+1}:t.status===`error`?{...e,status:`error`,error:t.error,message:t.message,result:void 0}:{...e,status:`success`,result:t.result,error:void 0,message:void 0}:e)}}function formatAcceptedTypes(e){if(!e)return;let t=Object.entries(e).flatMap(([e,t])=>t.length>0?t:[e]);return t.length>0?t.join(`, `):void 0}function getDropzoneErrorCodes(e){let t=e.flatMap(e=>e.errors.map(e=>e.code).filter(e=>l.has(e)));return Array.from(new Set(t))}function getRootError(e,t){let n=e.flatMap(e=>{switch(e){case`file-invalid-type`:{let e=formatAcceptedTypes(t.accept);return e?[`only ${e} files are allowed`]:[`this file type is not allowed`]}case`file-too-large`:return t.maxSize?[`max size is ${(t.maxSize/1048576).toFixed(2)} MB`]:[`this file is too large`];case`file-too-small`:return t.minSize?[`min size is ${(t.minSize/1048576).toFixed(2)} MB`]:[`this file is too small`];case`too-many-files`:return t.maxFiles?[`max ${t.maxFiles} files`]:[`too many files`];default:return[]}});if(n.length===0)return`Unable to add the selected files`;let[r,...i]=n;return`${r.charAt(0).toUpperCase()}${r.slice(1)}${i.length>0?`, ${i.join(`, `)}`:``}`}function getRejectionMessage(e,t){let n=getDropzoneErrorCodes(e);return n.length>0?getRootError(n,t):e[0]?.errors[0]?.message??`Unable to add the selected files`}function getUploadErrorMessage(e,t){if(t){let n=t(e);if(n!==void 0)return n}if(typeof e==`string`)return e;if(e instanceof Error)return e.message}function useDropzoneContext(){let e=r.useContext(d);if(!e)throw Error(`Dropzone components must be used within a Dropzone.`);return e}function useDropzoneFileListContext(){let e=r.useContext(f);if(!e)throw Error(`Dropzone file actions must be used within a DropzoneFileListItem.`);return e}function useDropzone(e){let{onDropFile:t,onRemoveFile:n,shapeUploadError:i,onFileUploaded:a,onFileUploadError:c,onAllUploaded:l,onRootError:u,maxRetryCount:d,autoRetry:f=!1,validation:p,shiftOnMaxFiles:m=!1}=e,h=r.useId(),g=`${h}-message`,_=`${h}-description`,[v,y]=r.useState(void 0),b=r.useCallback(e=>{y(e),u?.(e)},[u]),[x,S]=r.useReducer(fileStatusReducer,[]),C=r.useCallback(e=>`${h}-${e}-message`,[h]),w=r.useMemo(()=>v!==void 0||x.some(e=>e.status===`error`),[x,v]),T=r.useCallback(async(e,n,r=0)=>{try{let o=await t(e);if(o.status===`error`){if(f&&r<(d??1/0))return S({type:`update-status`,id:n,status:`pending`}),T(e,n,r+1);S({type:`update-status`,id:n,status:`error`,error:o.error,message:getUploadErrorMessage(o.error,i)}),c?.(o.error);return}S({type:`update-status`,id:n,status:`success`,result:o.result}),a?.(o.result)}catch(e){let t=e;S({type:`update-status`,id:n,status:`error`,error:t,message:getUploadErrorMessage(t,i)}),c?.(t)}},[f,t,d,c,a,i]),E=r.useCallback(async e=>{await n?.(e),S({type:`remove`,id:e})},[n]),D=r.useCallback(e=>{let t=x.find(t=>t.id===e);return t?.status===`error`&&t.tries<=(d??1/0)},[x,d]),O=r.useCallback(async e=>{if(!D(e))return;let t=x.find(t=>t.id===e);t?.status===`error`&&(S({type:`update-status`,id:e,status:`pending`}),await T(t.file,e))},[D,x,T]),k=s({accept:p?.accept,minSize:p?.minSize,maxSize:p?.maxSize,maxFiles:p?.maxFiles,noClick:!0,noKeyboard:!0,onDropAccepted:async e=>{b(void 0);let t=e,n=p?.maxFiles??1/0,r=Number.isFinite(n)?Math.max(x.length+e.length-n,0):0;if(r>0){if(m){let n=x.slice(0,Math.min(r,x.length));await Promise.all(n.map(e=>E(e.id)));let i=r-n.length;i>0&&(t=e.slice(i))}else{b(getRootError([o.TooManyFiles],p??{}));let r=Math.max(n-x.length,0);t=e.slice(0,r)}}t.length!==0&&(await Promise.all(t.map(async e=>{let t=crypto.randomUUID();S({type:`add`,id:t,fileName:e.name,file:e}),await T(e,t)})),l?.())},onDropRejected:e=>{b(getRejectionMessage(e,p??{}))}});return{getRootProps:k.getRootProps,getInputProps:k.getInputProps,open:k.open,onRemoveFile:E,onRetry:O,canRetry:D,fileStatuses:x,isInvalid:w,isDragActive:k.isDragActive,rootError:v,inputId:h,rootMessageId:g,rootDescriptionId:_,getFileMessageId:C}}function Dropzone({children:e,...t}){return/* @__PURE__ */ i(d.Provider,{value:t,children:e})}const p=r.forwardRef(({className:t,children:r,...o},s)=>{let c=useDropzoneContext(),l=[c.rootDescriptionId,c.isInvalid?c.rootMessageId:void 0].filter(Boolean).join(` `)||void 0,{ref:u,...d}=c.getRootProps({...o,"data-slot":`dropzone-area`,"aria-describedby":l,"aria-invalid":c.isInvalid||void 0,className:e(`flex min-h-44 flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-input bg-muted/20 px-6 py-8 text-center transition-colors`,c.isDragActive&&`border-primary bg-primary/5`,c.isInvalid&&`border-destructive bg-destructive/5`,t)}),f=c.getInputProps({id:c.inputId,className:`sr-only`,"aria-describedby":l,"aria-invalid":c.isInvalid,tabIndex:-1});return/* @__PURE__ */ a(`div`,{...d,ref:n(s,u),children:[/* @__PURE__ */ i(`input`,{...f}),r]})}),m=r.forwardRef(({className:t,...n},r)=>{let a=useDropzoneContext();return/* @__PURE__ */ i(`p`,{ref:r,id:a.rootDescriptionId,"data-slot":`dropzone-description`,className:e(`text-sm text-muted-foreground`,t),...n})}),h=r.forwardRef(({className:t,...n},r)=>(useDropzoneContext(),/* @__PURE__ */ i(`ol`,{ref:r,"data-slot":`dropzone-file-list`,className:e(`space-y-3`,t),...n}))),g=r.forwardRef(({className:t,file:n,children:a,...o},s)=>{let c=useDropzoneContext(),l=c.getFileMessageId(n.id),u=n.status===`error`,d=c.canRetry(n.id),p=r.useMemo(()=>({onRemoveFile:()=>c.onRemoveFile(n.id),onRetry:()=>c.onRetry(n.id),fileStatus:n,canRetry:d,dropzoneId:c.inputId,messageId:l}),[d,c,n,l]);return/* @__PURE__ */ i(f.Provider,{value:p,children:/* @__PURE__ */ i(`li`,{ref:s,"data-slot":`dropzone-file-item`,"data-status":n.status,"aria-describedby":u?l:void 0,className:e(`rounded-xl border bg-card px-4 py-3 shadow-xs`,n.status===`error`&&`border-destructive/50`,t),...o,children:a})})}),_=r.forwardRef(({className:t,children:n,...r},a)=>{let o=useDropzoneFileListContext(),s=o.fileStatus.status===`error`?o.fileStatus.message??String(o.fileStatus.error):n;return/* @__PURE__ */ i(`p`,{ref:a,id:o.messageId,"data-slot":`dropzone-file-message`,className:e(`min-h-5 text-[0.8rem] font-medium`,o.fileStatus.status===`error`&&`text-destructive`,t),...r,children:s})}),v=r.forwardRef(({className:t,children:n,...r},a)=>{let o=useDropzoneContext(),s=o.rootError??n;return/* @__PURE__ */ i(`p`,{ref:a,id:o.rootMessageId,"data-slot":`dropzone-message`,className:e(`min-h-5 text-[0.8rem] font-medium text-destructive`,t),...r,children:s})}),y=r.forwardRef(({className:n,onClick:a,size:o=`icon-sm`,type:s=`button`,variant:c=`ghost`,...l},u)=>{let d=useDropzoneFileListContext(),f=r.useCallback(e=>{a?.(e),!e.defaultPrevented&&d.onRemoveFile()},[d,a]);return/* @__PURE__ */ i(t,{ref:u,"data-slot":`dropzone-remove-file`,className:e(n),onClick:f,size:o,type:s,variant:c,...l})}),b=r.forwardRef(({className:n,disabled:a,onClick:o,size:s=`icon-sm`,type:c=`button`,variant:l=`ghost`,...u},d)=>{let f=useDropzoneFileListContext(),p=a||!f.canRetry,m=r.useCallback(e=>{o?.(e),!(e.defaultPrevented||p)&&f.onRetry()},[f,p,o]);return/* @__PURE__ */ i(t,{ref:d,"data-slot":`dropzone-retry-file`,className:e(n),disabled:p,onClick:m,size:s,type:c,variant:l,...u})}),x=r.forwardRef(({className:n,onClick:a,size:o=`sm`,type:s=`button`,variant:c=`subtle`,...l},u)=>{let d=useDropzoneContext(),f=[d.rootDescriptionId,d.isInvalid?d.rootMessageId:void 0].filter(Boolean).join(` `)||void 0,p=r.useCallback(e=>{a?.(e),!e.defaultPrevented&&d.open()},[d,a]);return/* @__PURE__ */ i(t,{ref:u,"aria-controls":d.inputId,"aria-describedby":f,"aria-invalid":d.isInvalid||void 0,"data-slot":`dropzone-trigger`,className:e(n),onClick:p,size:o,type:s,variant:c,...l})}),S=r.forwardRef(({className:t,status:n,...r},a)=>{let o=n===`success`||n===`error`,s=n===`error`;return/* @__PURE__ */ i(`div`,{ref:a,"aria-valuemax":100,"aria-valuemin":0,"aria-valuetext":u[n],"data-slot":`dropzone-progress`,"data-status":n,role:`progressbar`,className:e(`relative h-2 w-full overflow-hidden rounded-full bg-muted`,t),...r,children:/* @__PURE__ */ i(`div`,{className:e(`h-full w-full rounded-full bg-primary transition-transform`,o?`translate-x-0`:`animate-infinite-progress`,s&&`bg-destructive`)})})});Dropzone.displayName=`Dropzone`,p.displayName=`DropzoneArea`,m.displayName=`DropzoneDescription`,h.displayName=`DropzoneFileList`,g.displayName=`DropzoneFileListItem`,_.displayName=`DropzoneFileMessage`,v.displayName=`DropzoneMessage`,y.displayName=`DropzoneRemoveFile`,b.displayName=`DropzoneRetryFile`,x.displayName=`DropzoneTrigger`,S.displayName=`InfiniteProgress`;export{Dropzone,p as DropzoneArea,m as DropzoneDescription,h as DropzoneFileList,g as DropzoneFileListItem,_ as DropzoneFileMessage,v as DropzoneMessage,y as DropzoneRemoveFile,b as DropzoneRetryFile,x as DropzoneTrigger,o as ErrorCode,S as InfiniteProgress,useDropzone};
 //# sourceMappingURL=dropzone.js.map

package/dist/components/dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropzone.js","names":["useReactDropzone"],"sources":["../../src/components/dropzone.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  type Accept,\n  ErrorCode,\n  type FileError,\n  type FileRejection,\n  useDropzone as useReactDropzone\n} from 'react-dropzone'\n\nimport { composeRefs } from '../lib/compose-refs'\nimport { cn } from '../lib/utils'\nimport { Button, type ButtonProps } from './button'\n\nconst dropzoneErrorCodes = [\n  ErrorCode.FileInvalidType,\n  ErrorCode.FileTooLarge,\n  ErrorCode.FileTooSmall,\n  ErrorCode.TooManyFiles\n]\n\ntype DropzoneAction<TUploadResult, TUploadError> =\n  | {\n      type: 'add'\n      id: string\n      fileName: string\n      file: File\n    }\n  | {\n      type: 'remove'\n      id: string\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'pending'\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'error'\n      error: TUploadError\n      message?: string\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'success'\n      result: TUploadResult\n    }\n\nexport type DropzoneUploadResult<TUploadResult, TUploadError> =\n  | {\n      status: 'error'\n      error: TUploadError\n    }\n  | {\n      status: 'success'\n      result: TUploadResult\n    }\n\nexport type DropzoneFileStatus<TUploadResult, TUploadError> = {\n  id: string\n  fileName: string\n  file: File\n  tries: number\n} & (\n  | {\n      status: 'pending'\n      error?: undefined\n      message?: undefined\n      result?: undefined\n    }\n  | {\n      status: 'error'\n      error: TUploadError\n      message?: string\n      result?: undefined\n    }\n  | {\n      status: 'success'\n      result: TUploadResult\n      error?: undefined\n      message?: undefined\n    }\n)\n\nexport type FileStatus<TUploadResult, TUploadError> = DropzoneFileStatus<TUploadResult, TUploadError>\n\nexport type DropzoneValidation = {\n  accept?: Accept\n  minSize?: number\n  maxSize?: number\n  maxFiles?: number\n}\n\nexport type UseDropzoneProps<TUploadResult, TUploadError = string> = {\n  onDropFile: (file: File) => Promise<DropzoneUploadResult<TUploadResult, TUploadError>>\n  onRemoveFile?: (id: string) => void | Promise<void>\n  onFileUploaded?: (result: TUploadResult) => void\n  onFileUploadError?: (error: TUploadError) => void\n  onAllUploaded?: () => void\n  onRootError?: (error: string | undefined) => void\n  shapeUploadError?: (error: TUploadError) => string | undefined\n  maxRetryCount?: number\n  autoRetry?: boolean\n  validation?: DropzoneValidation\n  shiftOnMaxFiles?: boolean\n}\n\nexport interface UseDropzoneReturn<TUploadResult, TUploadError> {\n  getRootProps: ReturnType<typeof useReactDropzone>['getRootProps']\n  getInputProps: ReturnType<typeof useReactDropzone>['getInputProps']\n  open: () => void\n  onRemoveFile: (id: string) => Promise<void>\n  onRetry: (id: string) => Promise<void>\n  canRetry: (id: string) => boolean\n  fileStatuses: DropzoneFileStatus<TUploadResult, TUploadError>[]\n  isInvalid: boolean\n  isDragActive: boolean\n  rootError: string | undefined\n  inputId: string\n  rootMessageId: string\n  rootDescriptionId: string\n  getFileMessageId: (id: string) => string\n}\n\nexport type DropzoneProps<TUploadResult, TUploadError> = React.PropsWithChildren<\n  UseDropzoneReturn<TUploadResult, TUploadError>\n>\n\nexport type DropzoneAreaProps = React.ComponentProps<'div'>\n\nexport type DropzoneDescriptionProps = React.ComponentProps<'p'>\n\nexport type DropzoneFileListProps = React.ComponentProps<'ol'>\n\nexport type DropzoneFileListItemProps<TUploadResult, TUploadError> = React.ComponentProps<'li'> & {\n  file: DropzoneFileStatus<TUploadResult, TUploadError>\n}\n\nexport type DropzoneFileMessageProps = React.ComponentProps<'p'>\n\nexport type DropzoneMessageProps = React.ComponentProps<'p'>\n\nexport type DropzoneRemoveFileProps = ButtonProps\n\nexport type DropzoneRetryFileProps = ButtonProps\n\nexport type DropzoneTriggerProps = ButtonProps\n\nexport type InfiniteProgressProps = React.ComponentProps<'div'> & {\n  status: 'pending' | 'success' | 'error'\n}\n\ntype DropzoneFileListContextValue<TUploadResult, TUploadError> = {\n  onRemoveFile: () => Promise<void>\n  onRetry: () => Promise<void>\n  fileStatus: DropzoneFileStatus<TUploadResult, TUploadError>\n  canRetry: boolean\n  dropzoneId: string\n  messageId: string\n}\n\nconst dropzoneErrorCodeSet = new Set<ErrorCode>(dropzoneErrorCodes)\n\nconst valueTextMap = {\n  pending: 'indeterminate',\n  success: '100%',\n  error: 'error'\n} as const\n\nconst DropzoneContext = React.createContext<UseDropzoneReturn<unknown, unknown> | null>(null)\n\nconst DropzoneFileListContext = React.createContext<DropzoneFileListContextValue<unknown, unknown> | null>(null)\n\nfunction fileStatusReducer<TUploadResult, TUploadError>(\n  state: DropzoneFileStatus<TUploadResult, TUploadError>[],\n  action: DropzoneAction<TUploadResult, TUploadError>\n): DropzoneFileStatus<TUploadResult, TUploadError>[] {\n  switch (action.type) {\n    case 'add':\n      return [\n        ...state,\n        {\n          id: action.id,\n          fileName: action.fileName,\n          file: action.file,\n          status: 'pending',\n          tries: 1\n        }\n      ]\n    case 'remove':\n      return state.filter((fileStatus) => fileStatus.id !== action.id)\n    case 'update-status':\n      return state.map((fileStatus) => {\n        if (fileStatus.id !== action.id) {\n          return fileStatus\n        }\n\n        if (action.status === 'pending') {\n          return {\n            ...fileStatus,\n            status: 'pending',\n            error: undefined,\n            message: undefined,\n            result: undefined,\n            tries: fileStatus.tries + 1\n          }\n        }\n\n        if (action.status === 'error') {\n          return {\n            ...fileStatus,\n            status: 'error',\n            error: action.error,\n            message: action.message,\n            result: undefined\n          }\n        }\n\n        return {\n          ...fileStatus,\n          status: 'success',\n          result: action.result,\n          error: undefined,\n          message: undefined\n        }\n      })\n  }\n}\n\nfunction formatAcceptedTypes(accept?: Accept) {\n  if (!accept) {\n    return undefined\n  }\n\n  const acceptedTypes = Object.entries(accept).flatMap(([mimeType, extensions]) => {\n    return extensions.length > 0 ? extensions : [mimeType]\n  })\n\n  return acceptedTypes.length > 0 ? acceptedTypes.join(', ') : undefined\n}\n\nfunction getDropzoneErrorCodes(fileRejections: FileRejection[]) {\n  const errorCodes = fileRejections.flatMap((rejection) =>\n    rejection.errors.map((error) => error.code as ErrorCode).filter((errorCode) => dropzoneErrorCodeSet.has(errorCode))\n  )\n\n  return Array.from(new Set(errorCodes))\n}\n\nfunction getRootError(errorCodes: ErrorCode[], limits: DropzoneValidation) {\n  const errors = errorCodes.flatMap((errorCode) => {\n    switch (errorCode) {\n      case 'file-invalid-type': {\n        const acceptedTypes = formatAcceptedTypes(limits.accept)\n        return acceptedTypes ? [`only ${acceptedTypes} files are allowed`] : ['this file type is not allowed']\n      }\n      case 'file-too-large': {\n        if (!limits.maxSize) {\n          return ['this file is too large']\n        }\n\n        return [`max size is ${(limits.maxSize / (1024 * 1024)).toFixed(2)} MB`]\n      }\n      case 'file-too-small': {\n        if (!limits.minSize) {\n          return ['this file is too small']\n        }\n\n        return [`min size is ${(limits.minSize / (1024 * 1024)).toFixed(2)} MB`]\n      }\n      case 'too-many-files':\n        return limits.maxFiles ? [`max ${limits.maxFiles} files`] : ['too many files']\n      default:\n        return []\n    }\n  })\n\n  if (errors.length === 0) {\n    return 'Unable to add the selected files'\n  }\n\n  const [firstError, ...restErrors] = errors as [string, ...string[]]\n  return `${firstError.charAt(0).toUpperCase()}${firstError.slice(1)}${restErrors.length > 0 ? `, ${restErrors.join(', ')}` : ''}`\n}\n\nfunction getRejectionMessage(fileRejections: FileRejection[], limits: DropzoneValidation) {\n  const errorCodes = getDropzoneErrorCodes(fileRejections)\n\n  if (errorCodes.length > 0) {\n    return getRootError(errorCodes, limits)\n  }\n\n  return fileRejections[0]?.errors[0]?.message ?? 'Unable to add the selected files'\n}\n\nfunction getUploadErrorMessage<TUploadError>(\n  error: TUploadError,\n  shapeUploadError?: (error: TUploadError) => string | undefined\n) {\n  if (shapeUploadError) {\n    const message = shapeUploadError(error)\n    if (message !== undefined) {\n      return message\n    }\n  }\n\n  if (typeof error === 'string') {\n    return error\n  }\n\n  if (error instanceof Error) {\n    return error.message\n  }\n\n  return undefined\n}\n\nfunction useDropzoneContext<TUploadResult, TUploadError>() {\n  const context = React.useContext(DropzoneContext)\n\n  if (!context) {\n    throw new Error('Dropzone components must be used within a Dropzone.')\n  }\n\n  return context as UseDropzoneReturn<TUploadResult, TUploadError>\n}\n\nfunction useDropzoneFileListContext<TUploadResult, TUploadError>() {\n  const context = React.useContext(DropzoneFileListContext)\n\n  if (!context) {\n    throw new Error('Dropzone file actions must be used within a DropzoneFileListItem.')\n  }\n\n  return context as DropzoneFileListContextValue<TUploadResult, TUploadError>\n}\n\nfunction useDropzone<TUploadResult, TUploadError = string>(\n  props: UseDropzoneProps<TUploadResult, TUploadError>\n): UseDropzoneReturn<TUploadResult, TUploadError> {\n  const {\n    onDropFile: handleDropFile,\n    onRemoveFile: handleRemoveFile,\n    shapeUploadError,\n    onFileUploaded,\n    onFileUploadError,\n    onAllUploaded,\n    onRootError,\n    maxRetryCount,\n    autoRetry = false,\n    validation,\n    shiftOnMaxFiles = false\n  } = props\n\n  const inputId = React.useId()\n  const rootMessageId = `${inputId}-message`\n  const rootDescriptionId = `${inputId}-description`\n  const [rootError, setRootErrorState] = React.useState<string | undefined>(undefined)\n\n  const setRootError = React.useCallback(\n    (error: string | undefined) => {\n      setRootErrorState(error)\n      onRootError?.(error)\n    },\n    [onRootError]\n  )\n\n  const [fileStatuses, dispatch] = React.useReducer(\n    fileStatusReducer<TUploadResult, TUploadError>,\n    [] as DropzoneFileStatus<TUploadResult, TUploadError>[]\n  )\n\n  const getFileMessageId = React.useCallback((id: string) => `${inputId}-${id}-message`, [inputId])\n\n  const isInvalid = React.useMemo(() => {\n    return rootError !== undefined || fileStatuses.some((fileStatus) => fileStatus.status === 'error')\n  }, [fileStatuses, rootError])\n\n  const uploadFile = React.useCallback(\n    async (file: File, id: string, retryCount = 0) => {\n      try {\n        const result = await handleDropFile(file)\n\n        if (result.status === 'error') {\n          if (autoRetry && retryCount < (maxRetryCount ?? Number.POSITIVE_INFINITY)) {\n            dispatch({ type: 'update-status', id, status: 'pending' })\n            return uploadFile(file, id, retryCount + 1)\n          }\n\n          dispatch({\n            type: 'update-status',\n            id,\n            status: 'error',\n            error: result.error,\n            message: getUploadErrorMessage(result.error, shapeUploadError)\n          })\n          onFileUploadError?.(result.error)\n          return\n        }\n\n        dispatch({\n          type: 'update-status',\n          id,\n          status: 'success',\n          result: result.result\n        })\n        onFileUploaded?.(result.result)\n      } catch (error) {\n        const uploadError = error as TUploadError\n\n        dispatch({\n          type: 'update-status',\n          id,\n          status: 'error',\n          error: uploadError,\n          message: getUploadErrorMessage(uploadError, shapeUploadError)\n        })\n        onFileUploadError?.(uploadError)\n      }\n    },\n    [autoRetry, handleDropFile, maxRetryCount, onFileUploadError, onFileUploaded, shapeUploadError]\n  )\n\n  const onRemoveFile = React.useCallback(\n    async (id: string) => {\n      await handleRemoveFile?.(id)\n      dispatch({ type: 'remove', id })\n    },\n    [handleRemoveFile]\n  )\n\n  const canRetry = React.useCallback(\n    (id: string) => {\n      const fileStatus = fileStatuses.find((item) => item.id === id)\n\n      return fileStatus?.status === 'error' && fileStatus.tries <= (maxRetryCount ?? Number.POSITIVE_INFINITY)\n    },\n    [fileStatuses, maxRetryCount]\n  )\n\n  const onRetry = React.useCallback(\n    async (id: string) => {\n      if (!canRetry(id)) {\n        return\n      }\n\n      const fileStatus = fileStatuses.find((item) => item.id === id)\n\n      if (fileStatus?.status !== 'error') {\n        return\n      }\n\n      dispatch({ type: 'update-status', id, status: 'pending' })\n      await uploadFile(fileStatus.file, id)\n    },\n    [canRetry, fileStatuses, uploadFile]\n  )\n\n  const dropzone = useReactDropzone({\n    accept: validation?.accept,\n    minSize: validation?.minSize,\n    maxSize: validation?.maxSize,\n    maxFiles: validation?.maxFiles,\n    noClick: true,\n    noKeyboard: true,\n    onDropAccepted: async (acceptedFiles) => {\n      setRootError(undefined)\n\n      let nextFiles = acceptedFiles\n      const maxFiles = validation?.maxFiles ?? Number.POSITIVE_INFINITY\n      const overflow = Number.isFinite(maxFiles)\n        ? Math.max(fileStatuses.length + acceptedFiles.length - maxFiles, 0)\n        : 0\n\n      if (overflow > 0) {\n        if (shiftOnMaxFiles) {\n          const filesToRemove = fileStatuses.slice(0, Math.min(overflow, fileStatuses.length))\n\n          await Promise.all(filesToRemove.map((fileStatus) => onRemoveFile(fileStatus.id)))\n\n          const remainingOverflow = overflow - filesToRemove.length\n          if (remainingOverflow > 0) {\n            nextFiles = acceptedFiles.slice(remainingOverflow)\n          }\n        } else {\n          setRootError(getRootError([ErrorCode.TooManyFiles], validation ?? {}))\n          const availableSlots = Math.max(maxFiles - fileStatuses.length, 0)\n          nextFiles = acceptedFiles.slice(0, availableSlots)\n        }\n      }\n\n      if (nextFiles.length === 0) {\n        return\n      }\n\n      await Promise.all(\n        nextFiles.map(async (file) => {\n          const id = crypto.randomUUID()\n          dispatch({ type: 'add', id, fileName: file.name, file })\n          await uploadFile(file, id)\n        })\n      )\n\n      onAllUploaded?.()\n    },\n    onDropRejected: (fileRejections) => {\n      setRootError(getRejectionMessage(fileRejections, validation ?? {}))\n    }\n  })\n\n  return {\n    getRootProps: dropzone.getRootProps,\n    getInputProps: dropzone.getInputProps,\n    open: dropzone.open,\n    onRemoveFile,\n    onRetry,\n    canRetry,\n    fileStatuses,\n    isInvalid,\n    isDragActive: dropzone.isDragActive,\n    rootError,\n    inputId,\n    rootMessageId,\n    rootDescriptionId,\n    getFileMessageId\n  }\n}\n\nfunction Dropzone<TUploadResult, TUploadError>({ children, ...dropzone }: DropzoneProps<TUploadResult, TUploadError>) {\n  return <DropzoneContext.Provider value={dropzone}>{children}</DropzoneContext.Provider>\n}\n\nconst DropzoneArea = React.forwardRef<HTMLDivElement, DropzoneAreaProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    const context = useDropzoneContext()\n    const describedBy =\n      [context.rootDescriptionId, context.isInvalid ? context.rootMessageId : undefined].filter(Boolean).join(' ') ||\n      undefined\n\n    const { ref: rootRef, ...rootProps } = context.getRootProps({\n      ...props,\n      'data-slot': 'dropzone-area',\n      'aria-describedby': describedBy,\n      'aria-invalid': context.isInvalid || undefined,\n      className: cn(\n        'flex min-h-44 flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-input bg-muted/20 px-6 py-8 text-center transition-colors',\n        context.isDragActive && 'border-primary bg-primary/5',\n        context.isInvalid && 'border-destructive bg-destructive/5',\n        className\n      )\n    }) as React.HTMLAttributes<HTMLDivElement> & {\n      ref?: React.Ref<HTMLDivElement>\n    }\n\n    const inputProps = context.getInputProps({\n      id: context.inputId,\n      className: 'sr-only',\n      'aria-describedby': describedBy,\n      'aria-invalid': context.isInvalid,\n      tabIndex: -1\n    })\n\n    return (\n      <div {...rootProps} ref={composeRefs(forwardedRef, rootRef)}>\n        <input {...inputProps} />\n        {children}\n      </div>\n    )\n  }\n)\n\nconst DropzoneDescription = React.forwardRef<HTMLParagraphElement, DropzoneDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const context = useDropzoneContext()\n\n    return (\n      <p\n        ref={ref}\n        id={context.rootDescriptionId}\n        data-slot=\"dropzone-description\"\n        className={cn('text-sm text-muted-foreground', className)}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneFileList = React.forwardRef<HTMLOListElement, DropzoneFileListProps>(({ className, ...props }, ref) => {\n  useDropzoneContext()\n\n  return <ol ref={ref} data-slot=\"dropzone-file-list\" className={cn('space-y-3', className)} {...props} />\n})\n\nconst DropzoneFileListItem = React.forwardRef<HTMLLIElement, DropzoneFileListItemProps<unknown, unknown>>(\n  ({ className, file, children, ...props }, ref) => {\n    const context = useDropzoneContext()\n    const messageId = context.getFileMessageId(file.id)\n    const isInvalid = file.status === 'error'\n    const canRetry = context.canRetry(file.id)\n\n    const value = React.useMemo<DropzoneFileListContextValue<unknown, unknown>>(\n      () => ({\n        onRemoveFile: () => context.onRemoveFile(file.id),\n        onRetry: () => context.onRetry(file.id),\n        fileStatus: file,\n        canRetry,\n        dropzoneId: context.inputId,\n        messageId\n      }),\n      [canRetry, context, file, messageId]\n    )\n\n    return (\n      <DropzoneFileListContext.Provider value={value}>\n        <li\n          ref={ref}\n          data-slot=\"dropzone-file-item\"\n          data-status={file.status}\n          aria-describedby={isInvalid ? messageId : undefined}\n          className={cn(\n            'rounded-xl border bg-card px-4 py-3 shadow-xs',\n            file.status === 'error' && 'border-destructive/50',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </li>\n      </DropzoneFileListContext.Provider>\n    )\n  }\n)\n\nconst DropzoneFileMessage = React.forwardRef<HTMLParagraphElement, DropzoneFileMessageProps>(\n  ({ className, children, ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n    const body =\n      context.fileStatus.status === 'error'\n        ? (context.fileStatus.message ?? String(context.fileStatus.error))\n        : children\n\n    return (\n      <p\n        ref={ref}\n        id={context.messageId}\n        data-slot=\"dropzone-file-message\"\n        className={cn(\n          'min-h-5 text-[0.8rem] font-medium',\n          context.fileStatus.status === 'error' && 'text-destructive',\n          className\n        )}\n        {...props}\n      >\n        {body}\n      </p>\n    )\n  }\n)\n\nconst DropzoneMessage = React.forwardRef<HTMLParagraphElement, DropzoneMessageProps>(\n  ({ className, children, ...props }, ref) => {\n    const context = useDropzoneContext()\n    const body = context.rootError ?? children\n\n    return (\n      <p\n        ref={ref}\n        id={context.rootMessageId}\n        data-slot=\"dropzone-message\"\n        className={cn('min-h-5 text-[0.8rem] font-medium text-destructive', className)}\n        {...props}\n      >\n        {body}\n      </p>\n    )\n  }\n)\n\nconst DropzoneRemoveFile = React.forwardRef<HTMLButtonElement, DropzoneRemoveFileProps>(\n  ({ className, onClick, size = 'icon-sm', type = 'button', variant = 'ghost', ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented) {\n          return\n        }\n\n        void context.onRemoveFile()\n      },\n      [context, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"dropzone-remove-file\"\n        className={cn(className)}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneRetryFile = React.forwardRef<HTMLButtonElement, DropzoneRetryFileProps>(\n  ({ className, disabled, onClick, size = 'icon-sm', type = 'button', variant = 'ghost', ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n    const isDisabled = disabled || !context.canRetry\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented || isDisabled) {\n          return\n        }\n\n        void context.onRetry()\n      },\n      [context, isDisabled, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"dropzone-retry-file\"\n        className={cn(className)}\n        disabled={isDisabled}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneTrigger = React.forwardRef<HTMLButtonElement, DropzoneTriggerProps>(\n  ({ className, onClick, size = 'sm', type = 'button', variant = 'subtle', ...props }, ref) => {\n    const context = useDropzoneContext()\n    const describedBy =\n      [context.rootDescriptionId, context.isInvalid ? context.rootMessageId : undefined].filter(Boolean).join(' ') ||\n      undefined\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented) {\n          return\n        }\n\n        context.open()\n      },\n      [context, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        aria-controls={context.inputId}\n        aria-describedby={describedBy}\n        aria-invalid={context.isInvalid || undefined}\n        data-slot=\"dropzone-trigger\"\n        className={cn(className)}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst InfiniteProgress = React.forwardRef<HTMLDivElement, InfiniteProgressProps>(\n  ({ className, status, ...props }, ref) => {\n    const done = status === 'success' || status === 'error'\n    const isError = status === 'error'\n\n    return (\n      <div\n        ref={ref}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        aria-valuetext={valueTextMap[status]}\n        data-slot=\"dropzone-progress\"\n        data-status={status}\n        role=\"progressbar\"\n        className={cn('relative h-2 w-full overflow-hidden rounded-full bg-muted', className)}\n        {...props}\n      >\n        <div\n          className={cn(\n            'h-full w-full rounded-full bg-primary transition-transform',\n            done ? 'translate-x-0' : 'animate-infinite-progress',\n            isError && 'bg-destructive'\n          )}\n        />\n      </div>\n    )\n  }\n)\n\nDropzone.displayName = 'Dropzone'\nDropzoneArea.displayName = 'DropzoneArea'\nDropzoneDescription.displayName = 'DropzoneDescription'\nDropzoneFileList.displayName = 'DropzoneFileList'\nDropzoneFileListItem.displayName = 'DropzoneFileListItem'\nDropzoneFileMessage.displayName = 'DropzoneFileMessage'\nDropzoneMessage.displayName = 'DropzoneMessage'\nDropzoneRemoveFile.displayName = 'DropzoneRemoveFile'\nDropzoneRetryFile.displayName = 'DropzoneRetryFile'\nDropzoneTrigger.displayName = 'DropzoneTrigger'\nInfiniteProgress.displayName = 'InfiniteProgress'\n\nexport {\n  Dropzone,\n  DropzoneArea,\n  DropzoneDescription,\n  DropzoneFileList,\n  DropzoneFileListItem,\n  DropzoneFileMessage,\n  DropzoneMessage,\n  DropzoneRemoveFile,\n  DropzoneRetryFile,\n  DropzoneTrigger,\n  ErrorCode,\n  type FileError,\n  InfiniteProgress,\n  useDropzone\n}\n"],"mappings":"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"}
+{"version":3,"file":"dropzone.js","names":["useReactDropzone","React","useDropzone$1","dropzoneErrorCodes","ErrorCode","dropzoneErrorCodeSet","valueTextMap","DropzoneContext","DropzoneFileListContext","action","state","fileStatus","accept","acceptedTypes","mimeType","extensions","errorCodes","fileRejections","rejection","error","errorCode","errors","limits","firstError","restErrors","shapeUploadError","message","context","handleDropFile","handleRemoveFile","props","inputId","rootMessageId","rootDescriptionId","rootError","setRootErrorState","setRootError","onRootError","fileStatuses","dispatch","getFileMessageId","id","isInvalid","uploadFile","result","file","autoRetry","retryCount","maxRetryCount","onFileUploadError","onFileUploaded","uploadError","onRemoveFile","canRetry","item","onRetry","dropzone","validation","nextFiles","acceptedFiles","maxFiles","overflow","shiftOnMaxFiles","filesToRemove","remainingOverflow","availableSlots","onAllUploaded","DropzoneArea","describedBy","rootRef","rootProps","cn","className","inputProps","composeRefs","forwardedRef","children","DropzoneDescription","DropzoneFileList","DropzoneFileListItem","messageId","value","DropzoneFileMessage","body","DropzoneMessage","DropzoneRemoveFile","handleClick","onClick","event","Button","DropzoneRetryFile","isDisabled","disabled","DropzoneTrigger","InfiniteProgress","done","status","isError"],"sources":["../../src/components/dropzone.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  type Accept,\n  ErrorCode,\n  type FileError,\n  type FileRejection,\n  useDropzone as useReactDropzone\n} from 'react-dropzone'\n\nimport { composeRefs } from '../lib/compose-refs'\nimport { cn } from '../lib/utils'\nimport { Button, type ButtonProps } from './button'\n\nconst dropzoneErrorCodes = [\n  ErrorCode.FileInvalidType,\n  ErrorCode.FileTooLarge,\n  ErrorCode.FileTooSmall,\n  ErrorCode.TooManyFiles\n]\n\ntype DropzoneAction<TUploadResult, TUploadError> =\n  | {\n      type: 'add'\n      id: string\n      fileName: string\n      file: File\n    }\n  | {\n      type: 'remove'\n      id: string\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'pending'\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'error'\n      error: TUploadError\n      message?: string\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'success'\n      result: TUploadResult\n    }\n\nexport type DropzoneUploadResult<TUploadResult, TUploadError> =\n  | {\n      status: 'error'\n      error: TUploadError\n    }\n  | {\n      status: 'success'\n      result: TUploadResult\n    }\n\nexport type DropzoneFileStatus<TUploadResult, TUploadError> = {\n  id: string\n  fileName: string\n  file: File\n  tries: number\n} & (\n  | {\n      status: 'pending'\n      error?: undefined\n      message?: undefined\n      result?: undefined\n    }\n  | {\n      status: 'error'\n      error: TUploadError\n      message?: string\n      result?: undefined\n    }\n  | {\n      status: 'success'\n      result: TUploadResult\n      error?: undefined\n      message?: undefined\n    }\n)\n\nexport type FileStatus<TUploadResult, TUploadError> = DropzoneFileStatus<TUploadResult, TUploadError>\n\nexport type DropzoneValidation = {\n  accept?: Accept\n  minSize?: number\n  maxSize?: number\n  maxFiles?: number\n}\n\nexport type UseDropzoneProps<TUploadResult, TUploadError = string> = {\n  /** Uploads one file. Resolve to `{ status: 'success', result }` or `{ status: 'error', error }`. */\n  onDropFile: (file: File) => Promise<DropzoneUploadResult<TUploadResult, TUploadError>>\n  /** Called when a file is removed, with its id. */\n  onRemoveFile?: (id: string) => void | Promise<void>\n  /** Called with the result of each successful upload. */\n  onFileUploaded?: (result: TUploadResult) => void\n  /** Called with the error of each failed upload. */\n  onFileUploadError?: (error: TUploadError) => void\n  /** Called when every pending upload has finished. */\n  onAllUploaded?: () => void\n  /** Called with the validation message when dropped files are rejected, or `undefined` when cleared. */\n  onRootError?: (error: string | undefined) => void\n  /** Turns an upload error into the message shown for the file. */\n  shapeUploadError?: (error: TUploadError) => string | undefined\n  /** Maximum number of retries per file. Unlimited when omitted. */\n  maxRetryCount?: number\n  /**\n   * Retries failed uploads automatically, up to `maxRetryCount`.\n   * @default false\n   */\n  autoRetry?: boolean\n  /** File rules: `accept`, `minSize`, `maxSize` (bytes) and `maxFiles`. */\n  validation?: DropzoneValidation\n  /**\n   * Removes the oldest files when new ones exceed `maxFiles`, instead of rejecting them.\n   * @default false\n   */\n  shiftOnMaxFiles?: boolean\n}\n\nexport interface UseDropzoneReturn<TUploadResult, TUploadError> {\n  getRootProps: ReturnType<typeof useReactDropzone>['getRootProps']\n  getInputProps: ReturnType<typeof useReactDropzone>['getInputProps']\n  open: () => void\n  onRemoveFile: (id: string) => Promise<void>\n  onRetry: (id: string) => Promise<void>\n  canRetry: (id: string) => boolean\n  fileStatuses: DropzoneFileStatus<TUploadResult, TUploadError>[]\n  isInvalid: boolean\n  isDragActive: boolean\n  rootError: string | undefined\n  inputId: string\n  rootMessageId: string\n  rootDescriptionId: string\n  getFileMessageId: (id: string) => string\n}\n\nexport type DropzoneProps<TUploadResult, TUploadError> = React.PropsWithChildren<\n  UseDropzoneReturn<TUploadResult, TUploadError>\n>\n\nexport type DropzoneAreaProps = React.ComponentProps<'div'>\n\nexport type DropzoneDescriptionProps = React.ComponentProps<'p'>\n\nexport type DropzoneFileListProps = React.ComponentProps<'ol'>\n\nexport type DropzoneFileListItemProps<TUploadResult, TUploadError> = React.ComponentProps<'li'> & {\n  /** File status from `fileStatuses`, used by the parts inside the item. */\n  file: DropzoneFileStatus<TUploadResult, TUploadError>\n}\n\nexport type DropzoneFileMessageProps = React.ComponentProps<'p'>\n\nexport type DropzoneMessageProps = React.ComponentProps<'p'>\n\nexport type DropzoneRemoveFileProps = ButtonProps\n\nexport type DropzoneRetryFileProps = ButtonProps\n\nexport type DropzoneTriggerProps = ButtonProps\n\nexport type InfiniteProgressProps = React.ComponentProps<'div'> & {\n  /** Upload status shown by the bar. */\n  status: 'pending' | 'success' | 'error'\n}\n\ntype DropzoneFileListContextValue<TUploadResult, TUploadError> = {\n  onRemoveFile: () => Promise<void>\n  onRetry: () => Promise<void>\n  fileStatus: DropzoneFileStatus<TUploadResult, TUploadError>\n  canRetry: boolean\n  dropzoneId: string\n  messageId: string\n}\n\nconst dropzoneErrorCodeSet = new Set<ErrorCode>(dropzoneErrorCodes)\n\nconst valueTextMap = {\n  pending: 'indeterminate',\n  success: '100%',\n  error: 'error'\n} as const\n\nconst DropzoneContext = React.createContext<UseDropzoneReturn<unknown, unknown> | null>(null)\n\nconst DropzoneFileListContext = React.createContext<DropzoneFileListContextValue<unknown, unknown> | null>(null)\n\nfunction fileStatusReducer<TUploadResult, TUploadError>(\n  state: DropzoneFileStatus<TUploadResult, TUploadError>[],\n  action: DropzoneAction<TUploadResult, TUploadError>\n): DropzoneFileStatus<TUploadResult, TUploadError>[] {\n  switch (action.type) {\n    case 'add':\n      return [\n        ...state,\n        {\n          id: action.id,\n          fileName: action.fileName,\n          file: action.file,\n          status: 'pending',\n          tries: 1\n        }\n      ]\n    case 'remove':\n      return state.filter((fileStatus) => fileStatus.id !== action.id)\n    case 'update-status':\n      return state.map((fileStatus) => {\n        if (fileStatus.id !== action.id) {\n          return fileStatus\n        }\n\n        if (action.status === 'pending') {\n          return {\n            ...fileStatus,\n            status: 'pending',\n            error: undefined,\n            message: undefined,\n            result: undefined,\n            tries: fileStatus.tries + 1\n          }\n        }\n\n        if (action.status === 'error') {\n          return {\n            ...fileStatus,\n            status: 'error',\n            error: action.error,\n            message: action.message,\n            result: undefined\n          }\n        }\n\n        return {\n          ...fileStatus,\n          status: 'success',\n          result: action.result,\n          error: undefined,\n          message: undefined\n        }\n      })\n  }\n}\n\nfunction formatAcceptedTypes(accept?: Accept) {\n  if (!accept) {\n    return undefined\n  }\n\n  const acceptedTypes = Object.entries(accept).flatMap(([mimeType, extensions]) => {\n    return extensions.length > 0 ? extensions : [mimeType]\n  })\n\n  return acceptedTypes.length > 0 ? acceptedTypes.join(', ') : undefined\n}\n\nfunction getDropzoneErrorCodes(fileRejections: FileRejection[]) {\n  const errorCodes = fileRejections.flatMap((rejection) =>\n    rejection.errors.map((error) => error.code as ErrorCode).filter((errorCode) => dropzoneErrorCodeSet.has(errorCode))\n  )\n\n  return Array.from(new Set(errorCodes))\n}\n\nfunction getRootError(errorCodes: ErrorCode[], limits: DropzoneValidation) {\n  const errors = errorCodes.flatMap((errorCode) => {\n    switch (errorCode) {\n      case 'file-invalid-type': {\n        const acceptedTypes = formatAcceptedTypes(limits.accept)\n        return acceptedTypes ? [`only ${acceptedTypes} files are allowed`] : ['this file type is not allowed']\n      }\n      case 'file-too-large': {\n        if (!limits.maxSize) {\n          return ['this file is too large']\n        }\n\n        return [`max size is ${(limits.maxSize / (1024 * 1024)).toFixed(2)} MB`]\n      }\n      case 'file-too-small': {\n        if (!limits.minSize) {\n          return ['this file is too small']\n        }\n\n        return [`min size is ${(limits.minSize / (1024 * 1024)).toFixed(2)} MB`]\n      }\n      case 'too-many-files':\n        return limits.maxFiles ? [`max ${limits.maxFiles} files`] : ['too many files']\n      default:\n        return []\n    }\n  })\n\n  if (errors.length === 0) {\n    return 'Unable to add the selected files'\n  }\n\n  const [firstError, ...restErrors] = errors as [string, ...string[]]\n  return `${firstError.charAt(0).toUpperCase()}${firstError.slice(1)}${restErrors.length > 0 ? `, ${restErrors.join(', ')}` : ''}`\n}\n\nfunction getRejectionMessage(fileRejections: FileRejection[], limits: DropzoneValidation) {\n  const errorCodes = getDropzoneErrorCodes(fileRejections)\n\n  if (errorCodes.length > 0) {\n    return getRootError(errorCodes, limits)\n  }\n\n  return fileRejections[0]?.errors[0]?.message ?? 'Unable to add the selected files'\n}\n\nfunction getUploadErrorMessage<TUploadError>(\n  error: TUploadError,\n  shapeUploadError?: (error: TUploadError) => string | undefined\n) {\n  if (shapeUploadError) {\n    const message = shapeUploadError(error)\n    if (message !== undefined) {\n      return message\n    }\n  }\n\n  if (typeof error === 'string') {\n    return error\n  }\n\n  if (error instanceof Error) {\n    return error.message\n  }\n\n  return undefined\n}\n\nfunction useDropzoneContext<TUploadResult, TUploadError>() {\n  const context = React.useContext(DropzoneContext)\n\n  if (!context) {\n    throw new Error('Dropzone components must be used within a Dropzone.')\n  }\n\n  return context as UseDropzoneReturn<TUploadResult, TUploadError>\n}\n\nfunction useDropzoneFileListContext<TUploadResult, TUploadError>() {\n  const context = React.useContext(DropzoneFileListContext)\n\n  if (!context) {\n    throw new Error('Dropzone file actions must be used within a DropzoneFileListItem.')\n  }\n\n  return context as DropzoneFileListContextValue<TUploadResult, TUploadError>\n}\n\nfunction useDropzone<TUploadResult, TUploadError = string>(\n  props: UseDropzoneProps<TUploadResult, TUploadError>\n): UseDropzoneReturn<TUploadResult, TUploadError> {\n  const {\n    onDropFile: handleDropFile,\n    onRemoveFile: handleRemoveFile,\n    shapeUploadError,\n    onFileUploaded,\n    onFileUploadError,\n    onAllUploaded,\n    onRootError,\n    maxRetryCount,\n    autoRetry = false,\n    validation,\n    shiftOnMaxFiles = false\n  } = props\n\n  const inputId = React.useId()\n  const rootMessageId = `${inputId}-message`\n  const rootDescriptionId = `${inputId}-description`\n  const [rootError, setRootErrorState] = React.useState<string | undefined>(undefined)\n\n  const setRootError = React.useCallback(\n    (error: string | undefined) => {\n      setRootErrorState(error)\n      onRootError?.(error)\n    },\n    [onRootError]\n  )\n\n  const [fileStatuses, dispatch] = React.useReducer(\n    fileStatusReducer<TUploadResult, TUploadError>,\n    [] as DropzoneFileStatus<TUploadResult, TUploadError>[]\n  )\n\n  const getFileMessageId = React.useCallback((id: string) => `${inputId}-${id}-message`, [inputId])\n\n  const isInvalid = React.useMemo(() => {\n    return rootError !== undefined || fileStatuses.some((fileStatus) => fileStatus.status === 'error')\n  }, [fileStatuses, rootError])\n\n  const uploadFile = React.useCallback(\n    async (file: File, id: string, retryCount = 0) => {\n      try {\n        const result = await handleDropFile(file)\n\n        if (result.status === 'error') {\n          if (autoRetry && retryCount < (maxRetryCount ?? Number.POSITIVE_INFINITY)) {\n            dispatch({ type: 'update-status', id, status: 'pending' })\n            return uploadFile(file, id, retryCount + 1)\n          }\n\n          dispatch({\n            type: 'update-status',\n            id,\n            status: 'error',\n            error: result.error,\n            message: getUploadErrorMessage(result.error, shapeUploadError)\n          })\n          onFileUploadError?.(result.error)\n          return\n        }\n\n        dispatch({\n          type: 'update-status',\n          id,\n          status: 'success',\n          result: result.result\n        })\n        onFileUploaded?.(result.result)\n      } catch (error) {\n        const uploadError = error as TUploadError\n\n        dispatch({\n          type: 'update-status',\n          id,\n          status: 'error',\n          error: uploadError,\n          message: getUploadErrorMessage(uploadError, shapeUploadError)\n        })\n        onFileUploadError?.(uploadError)\n      }\n    },\n    [autoRetry, handleDropFile, maxRetryCount, onFileUploadError, onFileUploaded, shapeUploadError]\n  )\n\n  const onRemoveFile = React.useCallback(\n    async (id: string) => {\n      await handleRemoveFile?.(id)\n      dispatch({ type: 'remove', id })\n    },\n    [handleRemoveFile]\n  )\n\n  const canRetry = React.useCallback(\n    (id: string) => {\n      const fileStatus = fileStatuses.find((item) => item.id === id)\n\n      return fileStatus?.status === 'error' && fileStatus.tries <= (maxRetryCount ?? Number.POSITIVE_INFINITY)\n    },\n    [fileStatuses, maxRetryCount]\n  )\n\n  const onRetry = React.useCallback(\n    async (id: string) => {\n      if (!canRetry(id)) {\n        return\n      }\n\n      const fileStatus = fileStatuses.find((item) => item.id === id)\n\n      if (fileStatus?.status !== 'error') {\n        return\n      }\n\n      dispatch({ type: 'update-status', id, status: 'pending' })\n      await uploadFile(fileStatus.file, id)\n    },\n    [canRetry, fileStatuses, uploadFile]\n  )\n\n  const dropzone = useReactDropzone({\n    accept: validation?.accept,\n    minSize: validation?.minSize,\n    maxSize: validation?.maxSize,\n    maxFiles: validation?.maxFiles,\n    noClick: true,\n    noKeyboard: true,\n    onDropAccepted: async (acceptedFiles) => {\n      setRootError(undefined)\n\n      let nextFiles = acceptedFiles\n      const maxFiles = validation?.maxFiles ?? Number.POSITIVE_INFINITY\n      const overflow = Number.isFinite(maxFiles)\n        ? Math.max(fileStatuses.length + acceptedFiles.length - maxFiles, 0)\n        : 0\n\n      if (overflow > 0) {\n        if (shiftOnMaxFiles) {\n          const filesToRemove = fileStatuses.slice(0, Math.min(overflow, fileStatuses.length))\n\n          await Promise.all(filesToRemove.map((fileStatus) => onRemoveFile(fileStatus.id)))\n\n          const remainingOverflow = overflow - filesToRemove.length\n          if (remainingOverflow > 0) {\n            nextFiles = acceptedFiles.slice(remainingOverflow)\n          }\n        } else {\n          setRootError(getRootError([ErrorCode.TooManyFiles], validation ?? {}))\n          const availableSlots = Math.max(maxFiles - fileStatuses.length, 0)\n          nextFiles = acceptedFiles.slice(0, availableSlots)\n        }\n      }\n\n      if (nextFiles.length === 0) {\n        return\n      }\n\n      await Promise.all(\n        nextFiles.map(async (file) => {\n          const id = crypto.randomUUID()\n          dispatch({ type: 'add', id, fileName: file.name, file })\n          await uploadFile(file, id)\n        })\n      )\n\n      onAllUploaded?.()\n    },\n    onDropRejected: (fileRejections) => {\n      setRootError(getRejectionMessage(fileRejections, validation ?? {}))\n    }\n  })\n\n  return {\n    getRootProps: dropzone.getRootProps,\n    getInputProps: dropzone.getInputProps,\n    open: dropzone.open,\n    onRemoveFile,\n    onRetry,\n    canRetry,\n    fileStatuses,\n    isInvalid,\n    isDragActive: dropzone.isDragActive,\n    rootError,\n    inputId,\n    rootMessageId,\n    rootDescriptionId,\n    getFileMessageId\n  }\n}\n\nfunction Dropzone<TUploadResult, TUploadError>({ children, ...dropzone }: DropzoneProps<TUploadResult, TUploadError>) {\n  return <DropzoneContext.Provider value={dropzone}>{children}</DropzoneContext.Provider>\n}\n\nconst DropzoneArea = React.forwardRef<HTMLDivElement, DropzoneAreaProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    const context = useDropzoneContext()\n    const describedBy =\n      [context.rootDescriptionId, context.isInvalid ? context.rootMessageId : undefined].filter(Boolean).join(' ') ||\n      undefined\n\n    const { ref: rootRef, ...rootProps } = context.getRootProps({\n      ...props,\n      'data-slot': 'dropzone-area',\n      'aria-describedby': describedBy,\n      'aria-invalid': context.isInvalid || undefined,\n      className: cn(\n        'flex min-h-44 flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-input bg-muted/20 px-6 py-8 text-center transition-colors',\n        context.isDragActive && 'border-primary bg-primary/5',\n        context.isInvalid && 'border-destructive bg-destructive/5',\n        className\n      )\n    }) as React.HTMLAttributes<HTMLDivElement> & {\n      ref?: React.Ref<HTMLDivElement>\n    }\n\n    const inputProps = context.getInputProps({\n      id: context.inputId,\n      className: 'sr-only',\n      'aria-describedby': describedBy,\n      'aria-invalid': context.isInvalid,\n      tabIndex: -1\n    })\n\n    return (\n      <div {...rootProps} ref={composeRefs(forwardedRef, rootRef)}>\n        <input {...inputProps} />\n        {children}\n      </div>\n    )\n  }\n)\n\nconst DropzoneDescription = React.forwardRef<HTMLParagraphElement, DropzoneDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const context = useDropzoneContext()\n\n    return (\n      <p\n        ref={ref}\n        id={context.rootDescriptionId}\n        data-slot=\"dropzone-description\"\n        className={cn('text-sm text-muted-foreground', className)}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneFileList = React.forwardRef<HTMLOListElement, DropzoneFileListProps>(({ className, ...props }, ref) => {\n  useDropzoneContext()\n\n  return <ol ref={ref} data-slot=\"dropzone-file-list\" className={cn('space-y-3', className)} {...props} />\n})\n\nconst DropzoneFileListItem = React.forwardRef<HTMLLIElement, DropzoneFileListItemProps<unknown, unknown>>(\n  ({ className, file, children, ...props }, ref) => {\n    const context = useDropzoneContext()\n    const messageId = context.getFileMessageId(file.id)\n    const isInvalid = file.status === 'error'\n    const canRetry = context.canRetry(file.id)\n\n    const value = React.useMemo<DropzoneFileListContextValue<unknown, unknown>>(\n      () => ({\n        onRemoveFile: () => context.onRemoveFile(file.id),\n        onRetry: () => context.onRetry(file.id),\n        fileStatus: file,\n        canRetry,\n        dropzoneId: context.inputId,\n        messageId\n      }),\n      [canRetry, context, file, messageId]\n    )\n\n    return (\n      <DropzoneFileListContext.Provider value={value}>\n        <li\n          ref={ref}\n          data-slot=\"dropzone-file-item\"\n          data-status={file.status}\n          aria-describedby={isInvalid ? messageId : undefined}\n          className={cn(\n            'rounded-xl border bg-card px-4 py-3 shadow-xs',\n            file.status === 'error' && 'border-destructive/50',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </li>\n      </DropzoneFileListContext.Provider>\n    )\n  }\n)\n\nconst DropzoneFileMessage = React.forwardRef<HTMLParagraphElement, DropzoneFileMessageProps>(\n  ({ className, children, ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n    const body =\n      context.fileStatus.status === 'error'\n        ? (context.fileStatus.message ?? String(context.fileStatus.error))\n        : children\n\n    return (\n      <p\n        ref={ref}\n        id={context.messageId}\n        data-slot=\"dropzone-file-message\"\n        className={cn(\n          'min-h-5 text-[0.8rem] font-medium',\n          context.fileStatus.status === 'error' && 'text-destructive',\n          className\n        )}\n        {...props}\n      >\n        {body}\n      </p>\n    )\n  }\n)\n\nconst DropzoneMessage = React.forwardRef<HTMLParagraphElement, DropzoneMessageProps>(\n  ({ className, children, ...props }, ref) => {\n    const context = useDropzoneContext()\n    const body = context.rootError ?? children\n\n    return (\n      <p\n        ref={ref}\n        id={context.rootMessageId}\n        data-slot=\"dropzone-message\"\n        className={cn('min-h-5 text-[0.8rem] font-medium text-destructive', className)}\n        {...props}\n      >\n        {body}\n      </p>\n    )\n  }\n)\n\nconst DropzoneRemoveFile = React.forwardRef<HTMLButtonElement, DropzoneRemoveFileProps>(\n  ({ className, onClick, size = 'icon-sm', type = 'button', variant = 'ghost', ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented) {\n          return\n        }\n\n        void context.onRemoveFile()\n      },\n      [context, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"dropzone-remove-file\"\n        className={cn(className)}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneRetryFile = React.forwardRef<HTMLButtonElement, DropzoneRetryFileProps>(\n  ({ className, disabled, onClick, size = 'icon-sm', type = 'button', variant = 'ghost', ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n    const isDisabled = disabled || !context.canRetry\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented || isDisabled) {\n          return\n        }\n\n        void context.onRetry()\n      },\n      [context, isDisabled, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"dropzone-retry-file\"\n        className={cn(className)}\n        disabled={isDisabled}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneTrigger = React.forwardRef<HTMLButtonElement, DropzoneTriggerProps>(\n  ({ className, onClick, size = 'sm', type = 'button', variant = 'subtle', ...props }, ref) => {\n    const context = useDropzoneContext()\n    const describedBy =\n      [context.rootDescriptionId, context.isInvalid ? context.rootMessageId : undefined].filter(Boolean).join(' ') ||\n      undefined\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented) {\n          return\n        }\n\n        context.open()\n      },\n      [context, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        aria-controls={context.inputId}\n        aria-describedby={describedBy}\n        aria-invalid={context.isInvalid || undefined}\n        data-slot=\"dropzone-trigger\"\n        className={cn(className)}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst InfiniteProgress = React.forwardRef<HTMLDivElement, InfiniteProgressProps>(\n  ({ className, status, ...props }, ref) => {\n    const done = status === 'success' || status === 'error'\n    const isError = status === 'error'\n\n    return (\n      <div\n        ref={ref}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        aria-valuetext={valueTextMap[status]}\n        data-slot=\"dropzone-progress\"\n        data-status={status}\n        role=\"progressbar\"\n        className={cn('relative h-2 w-full overflow-hidden rounded-full bg-muted', className)}\n        {...props}\n      >\n        <div\n          className={cn(\n            'h-full w-full rounded-full bg-primary transition-transform',\n            done ? 'translate-x-0' : 'animate-infinite-progress',\n            isError && 'bg-destructive'\n          )}\n        />\n      </div>\n    )\n  }\n)\n\nDropzone.displayName = 'Dropzone'\nDropzoneArea.displayName = 'DropzoneArea'\nDropzoneDescription.displayName = 'DropzoneDescription'\nDropzoneFileList.displayName = 'DropzoneFileList'\nDropzoneFileListItem.displayName = 'DropzoneFileListItem'\nDropzoneFileMessage.displayName = 'DropzoneFileMessage'\nDropzoneMessage.displayName = 'DropzoneMessage'\nDropzoneRemoveFile.displayName = 'DropzoneRemoveFile'\nDropzoneRetryFile.displayName = 'DropzoneRetryFile'\nDropzoneTrigger.displayName = 'DropzoneTrigger'\nInfiniteProgress.displayName = 'InfiniteProgress'\n\nexport {\n  Dropzone,\n  DropzoneArea,\n  DropzoneDescription,\n  DropzoneFileList,\n  DropzoneFileListItem,\n  DropzoneFileMessage,\n  DropzoneMessage,\n  DropzoneRemoveFile,\n  DropzoneRetryFile,\n  DropzoneTrigger,\n  ErrorCode,\n  type FileError,\n  InfiniteProgress,\n  useDropzone\n}\n"],"mappings":"6SAaA,MAAMG,EAAqB,CACzBC,EAAU,gBACVA,EAAU,aACVA,EAAU,aACVA,EAAU,YACZ,EAoKMC,EAAuB,IAAI,IAAeF,CAAkB,EAE5DG,EAAe,CACnB,QAAS,gBACT,QAAS,OACT,MAAO,OACT,EAEMC,EAAkBN,EAAM,cAA0D,IAAI,EAEtFO,EAA0BP,EAAM,cAAqE,IAAI,EAE/G,SAAS,kBACP,EACA,EACmD,CACnD,OAAQQ,EAAO,KAAf,CACE,IAAK,MACH,MAAO,CACL,GAAGC,EACH,CACE,GAAID,EAAO,GACX,SAAUA,EAAO,SACjB,KAAMA,EAAO,KACb,OAAQ,UACR,MAAO,CACT,CACF,EACF,IAAK,SACH,OAAOC,EAAM,OAAQ,GAAeC,EAAW,KAAOF,EAAO,EAAE,EACjE,IAAK,gBACH,OAAOC,EAAM,IAAK,GACZC,EAAW,KAAOF,EAAO,GAIzBA,EAAO,SAAW,UACb,CACL,GAAGE,EACH,OAAQ,UACR,MAAO,IAAA,GACP,QAAS,IAAA,GACT,OAAQ,IAAA,GACR,MAAOA,EAAW,MAAQ,CAC5B,EAGEF,EAAO,SAAW,QACb,CACL,GAAGE,EACH,OAAQ,QACR,MAAOF,EAAO,MACd,QAASA,EAAO,QAChB,OAAQ,IAAA,EACV,EAGK,CACL,GAAGE,EACH,OAAQ,UACR,OAAQF,EAAO,OACf,MAAO,IAAA,GACP,QAAS,IAAA,EACX,EA9BSE,CA+BV,CACL,CACF,CAEA,SAAS,oBAAoB,EAAiB,CAC5C,GAAI,CAACC,EACH,OAGF,IAAMC,EAAgB,OAAO,QAAQD,CAAM,CAAC,CAAC,SAAS,CAACE,EAAUC,KACxDA,EAAW,OAAS,EAAIA,EAAa,CAACD,CAAQ,CACtD,EAED,OAAOD,EAAc,OAAS,EAAIA,EAAc,KAAK,IAAI,EAAI,IAAA,EAC/D,CAEA,SAAS,sBAAsB,EAAiC,CAC9D,IAAMG,EAAaC,EAAe,QAAS,GACzCC,EAAU,OAAO,IAAK,GAAUC,EAAM,IAAiB,CAAC,CAAC,OAAQ,GAAcd,EAAqB,IAAIe,CAAS,CAAC,CACpH,EAEA,OAAO,MAAM,KAAK,IAAI,IAAIJ,CAAU,CAAC,CACvC,CAEA,SAAS,aAAa,EAAyB,EAA4B,CACzE,IAAMK,EAASL,EAAW,QAAS,GAAc,CAC/C,OAAQI,EAAR,CACE,IAAK,oBAAqB,CACxB,IAAMP,EAAgB,oBAAoBS,EAAO,MAAM,EACvD,OAAOT,EAAgB,CAAC,QAAQA,EAAc,mBAAmB,EAAI,CAAC,+BAA+B,CACvG,CACA,IAAK,iBAKH,OAJKS,EAAO,QAIL,CAAC,gBAAgBA,EAAO,QAAW,QAAA,CAAc,QAAQ,CAAC,EAAE,IAAI,EAH9D,CAAC,wBAAwB,EAKpC,IAAK,iBAKH,OAJKA,EAAO,QAIL,CAAC,gBAAgBA,EAAO,QAAW,QAAA,CAAc,QAAQ,CAAC,EAAE,IAAI,EAH9D,CAAC,wBAAwB,EAKpC,IAAK,iBACH,OAAOA,EAAO,SAAW,CAAC,OAAOA,EAAO,SAAS,OAAO,EAAI,CAAC,gBAAgB,EAC/E,QACE,MAAO,CAAC,CACZ,CACF,CAAC,EAED,GAAID,EAAO,SAAW,EACpB,MAAO,mCAGT,GAAM,CAACE,EAAY,GAAGC,GAAcH,EACpC,MAAO,GAAGE,EAAW,OAAO,CAAC,CAAC,CAAC,YAAY,IAAIA,EAAW,MAAM,CAAC,IAAIC,EAAW,OAAS,EAAI,KAAKA,EAAW,KAAK,IAAI,IAAM,IAC9H,CAEA,SAAS,oBAAoB,EAAiC,EAA4B,CACxF,IAAMR,EAAa,sBAAsBC,CAAc,EAMvD,OAJID,EAAW,OAAS,EACf,aAAaA,EAAYM,CAAM,EAGjCL,EAAe,EAAE,EAAE,OAAO,EAAE,EAAE,SAAW,kCAClD,CAEA,SAAS,sBACP,EACA,EACA,CACA,GAAIQ,EAAkB,CACpB,IAAMC,EAAUD,EAAiBN,CAAK,EACtC,GAAIO,IAAY,IAAA,GACd,OAAOA,CAEX,CAEA,GAAI,OAAOP,GAAU,SACnB,OAAOA,EAGT,GAAIA,aAAiB,MACnB,OAAOA,EAAM,OAIjB,CAEA,SAAS,oBAAkD,CACzD,IAAMQ,EAAU1B,EAAM,WAAWM,CAAe,EAEhD,GAAI,CAACoB,EACH,MAAU,MAAM,qDAAqD,EAGvE,OAAOA,CACT,CAEA,SAAS,4BAA0D,CACjE,IAAMA,EAAU1B,EAAM,WAAWO,CAAuB,EAExD,GAAI,CAACmB,EACH,MAAU,MAAM,mEAAmE,EAGrF,OAAOA,CACT,CAEA,SAAS,YACP,EACgD,CAChD,GAAM,CACJ,WAAYC,EACZ,aAAcC,EACd,mBACA,iBACA,oBACA,gBACA,cACA,gBACA,YAAY,GACZ,aACA,kBAAkB,IAChBC,EAEEC,EAAU9B,EAAM,MAAM,EACtB+B,EAAgB,GAAGD,EAAQ,UAC3BE,EAAoB,GAAGF,EAAQ,cAC/B,CAACG,EAAWC,GAAqBlC,EAAM,SAA6B,IAAA,EAAS,EAE7EmC,EAAenC,EAAM,YACxB,GAA8B,CAC7BkC,EAAkBhB,CAAK,EACvBkB,IAAclB,CAAK,CACrB,EACA,CAACkB,CAAW,CACd,EAEM,CAACC,EAAcC,GAAYtC,EAAM,WACrC,kBACA,CAAC,CACH,EAEMuC,EAAmBvC,EAAM,YAAa,GAAe,GAAG8B,EAAQ,GAAGU,EAAG,UAAW,CAACV,CAAO,CAAC,EAE1FW,EAAYzC,EAAM,YACfiC,IAAc,IAAA,IAAaI,EAAa,KAAM,GAAe3B,EAAW,SAAW,OAAO,EAChG,CAAC2B,EAAcJ,CAAS,CAAC,EAEtBS,EAAa1C,EAAM,YACvB,MAAO,EAAY,EAAY,EAAa,IAAM,CAChD,GAAI,CACF,IAAM2C,EAAS,MAAMhB,EAAeiB,CAAI,EAExC,GAAID,EAAO,SAAW,QAAS,CAC7B,GAAIE,GAAaC,GAAcC,GAAiB,KAE9C,OADAT,EAAS,CAAE,KAAM,gBAAiB,KAAI,OAAQ,SAAU,CAAC,EAClDI,EAAWE,EAAMJ,EAAIM,EAAa,CAAC,EAG5CR,EAAS,CACP,KAAM,gBACN,KACA,OAAQ,QACR,MAAOK,EAAO,MACd,QAAS,sBAAsBA,EAAO,MAAOnB,CAAgB,CAC/D,CAAC,EACDwB,IAAoBL,EAAO,KAAK,EAChC,MACF,CAEAL,EAAS,CACP,KAAM,gBACN,KACA,OAAQ,UACR,OAAQK,EAAO,MACjB,CAAC,EACDM,IAAiBN,EAAO,MAAM,CAChC,OAASzB,EAAO,CACd,IAAMgC,EAAchC,EAEpBoB,EAAS,CACP,KAAM,gBACN,KACA,OAAQ,QACR,MAAOY,EACP,QAAS,sBAAsBA,EAAa1B,CAAgB,CAC9D,CAAC,EACDwB,IAAoBE,CAAW,CACjC,CACF,EACA,CAACL,EAAWlB,EAAgBoB,EAAeC,EAAmBC,EAAgBzB,CAAgB,CAChG,EAEM2B,EAAenD,EAAM,YACzB,KAAO,IAAe,CACpB,MAAM4B,IAAmBY,CAAE,EAC3BF,EAAS,CAAE,KAAM,SAAU,IAAG,CAAC,CACjC,EACA,CAACV,CAAgB,CACnB,EAEMwB,EAAWpD,EAAM,YACpB,GAAe,CACd,IAAMU,EAAa2B,EAAa,KAAM,GAASgB,EAAK,KAAOb,CAAE,EAE7D,OAAO9B,GAAY,SAAW,SAAWA,EAAW,QAAUqC,GAAiB,IACjF,EACA,CAACV,EAAcU,CAAa,CAC9B,EAEMO,EAAUtD,EAAM,YACpB,KAAO,IAAe,CACpB,GAAI,CAACoD,EAASZ,CAAE,EACd,OAGF,IAAM9B,EAAa2B,EAAa,KAAM,GAASgB,EAAK,KAAOb,CAAE,EAEzD9B,GAAY,SAAW,UAI3B4B,EAAS,CAAE,KAAM,gBAAiB,KAAI,OAAQ,SAAU,CAAC,EACzD,MAAMI,EAAWhC,EAAW,KAAM8B,CAAE,EACtC,EACA,CAACY,EAAUf,EAAcK,CAAU,CACrC,EAEMa,EAAWxD,EAAiB,CAChC,OAAQyD,GAAY,OACpB,QAASA,GAAY,QACrB,QAASA,GAAY,QACrB,SAAUA,GAAY,SACtB,QAAS,GACT,WAAY,GACZ,eAAgB,KAAO,IAAkB,CACvCrB,EAAa,IAAA,EAAS,EAEtB,IAAIsB,EAAYC,EACVC,EAAWH,GAAY,UAAY,IACnCI,EAAW,OAAO,SAASD,CAAQ,EACrC,KAAK,IAAItB,EAAa,OAASqB,EAAc,OAASC,EAAU,CAAC,EACjE,EAEJ,GAAIC,EAAW,EAAG,CAChB,GAAIC,EAAiB,CACnB,IAAMC,EAAgBzB,EAAa,MAAM,EAAG,KAAK,IAAIuB,EAAUvB,EAAa,MAAM,CAAC,EAEnF,MAAM,QAAQ,IAAIyB,EAAc,IAAK,GAAeX,EAAazC,EAAW,EAAE,CAAC,CAAC,EAEhF,IAAMqD,EAAoBH,EAAWE,EAAc,OAC/CC,EAAoB,IACtB,EAAYL,EAAc,MAAMK,CAAiB,EAErD,KAAO,CACL5B,EAAa,aAAa,CAAChC,EAAU,YAAY,EAAGqD,GAAc,CAAC,CAAC,CAAC,EACrE,IAAMQ,EAAiB,KAAK,IAAIL,EAAWtB,EAAa,OAAQ,CAAC,EACjE,EAAYqB,EAAc,MAAM,EAAGM,CAAc,CACnD,CACF,CAEIP,EAAU,SAAW,IAIzB,MAAM,QAAQ,IACZA,EAAU,IAAI,KAAO,IAAS,CAC5B,IAAMjB,EAAK,OAAO,WAAW,EAC7BF,EAAS,CAAE,KAAM,MAAO,KAAI,SAAUM,EAAK,KAAM,MAAK,CAAC,EACvD,MAAMF,EAAWE,EAAMJ,CAAE,CAC3B,CAAC,CACH,EAEAyB,IAAgB,EAClB,EACA,eAAiB,GAAmB,CAClC9B,EAAa,oBAAoBnB,EAAgBwC,GAAc,CAAC,CAAC,CAAC,CACpE,CACF,CAAC,EAED,MAAO,CACL,aAAcD,EAAS,aACvB,cAAeA,EAAS,cACxB,KAAMA,EAAS,KACf,eACA,UACA,WACA,eACA,YACA,aAAcA,EAAS,aACvB,YACA,UACA,gBACA,oBACA,kBACF,CACF,CAEA,SAAS,SAAsC,CAAE,WAAU,GAAGA,GAAwD,CACpH,MAAO,kBAACjD,EAAgB,SAAjB,CAA0B,MAAOiD,EAAW,UAAmC,CAAA,CACxF,CAEA,MAAMW,EAAelE,EAAM,YACxB,CAAE,YAAW,WAAU,GAAG6B,GAAS,IAAiB,CACnD,IAAMH,EAAU,mBAAmB,EAC7ByC,EACJ,CAACzC,EAAQ,kBAAmBA,EAAQ,UAAYA,EAAQ,cAAgB,IAAA,EAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,GAC3G,IAAA,GAEI,CAAE,IAAK0C,EAAS,GAAGC,GAAc3C,EAAQ,aAAa,CAC1D,GAAGG,EACH,YAAa,gBACb,mBAAoBsC,EACpB,eAAgBzC,EAAQ,WAAa,IAAA,GACrC,UAAW4C,EACT,4JACA5C,EAAQ,cAAgB,8BACxBA,EAAQ,WAAa,sCACrB6C,CACF,CACF,CAAC,EAIKC,EAAa9C,EAAQ,cAAc,CACvC,GAAIA,EAAQ,QACZ,UAAW,UACX,mBAAoByC,EACpB,eAAgBzC,EAAQ,UACxB,SAAU,EACZ,CAAC,EAED,MACE,kBAAC,MAAD,CAAK,GAAI2C,EAAW,IAAKI,EAAYC,EAAcN,CAAO,EAA1D,SAAA,CACE,kBAAC,QAAD,CAAO,GAAII,CAAa,CAAA,EACvBG,CACE,GAET,CACF,EAEMC,EAAsB5E,EAAM,YAC/B,CAAE,YAAW,GAAG6B,GAAS,IAAQ,CAChC,IAAMH,EAAU,mBAAmB,EAEnC,MACE,kBAAC,IAAD,CACO,MACL,GAAIA,EAAQ,kBACZ,YAAU,uBACV,UAAW4C,EAAG,gCAAiCC,CAAS,EACxD,GAAI1C,CACL,CAAA,CAEL,CACF,EAEMgD,EAAmB7E,EAAM,YAAqD,CAAE,YAAW,GAAG6B,GAAS,KAC3G,mBAAmB,EAEZ,kBAAC,KAAD,CAAS,MAAK,YAAU,qBAAqB,UAAWyC,EAAG,YAAaC,CAAS,EAAG,GAAI1C,CAAQ,CAAA,EACxG,EAEKiD,EAAuB9E,EAAM,YAChC,CAAE,YAAW,OAAM,WAAU,GAAG6B,GAAS,IAAQ,CAChD,IAAMH,EAAU,mBAAmB,EAC7BqD,EAAYrD,EAAQ,iBAAiBkB,EAAK,EAAE,EAC5CH,EAAYG,EAAK,SAAW,QAC5BQ,EAAW1B,EAAQ,SAASkB,EAAK,EAAE,EAEnCoC,EAAQhF,EAAM,aACX,CACL,iBAAoB0B,EAAQ,aAAakB,EAAK,EAAE,EAChD,YAAelB,EAAQ,QAAQkB,EAAK,EAAE,EACtC,WAAYA,EACZ,WACA,WAAYlB,EAAQ,QACpB,WACF,GACA,CAAC0B,EAAU1B,EAASkB,EAAMmC,CAAS,CACrC,EAEA,MACE,kBAACxE,EAAwB,SAAzB,CAAyC,QACvC,SAAA,kBAAC,KAAD,CACO,MACL,YAAU,qBACV,cAAaqC,EAAK,OAClB,mBAAkBH,EAAYsC,EAAY,IAAA,GAC1C,UAAWT,EACT,gDACA1B,EAAK,SAAW,SAAW,wBAC3B2B,CACF,EACA,GAAI1C,EAEH,UACC,CAAA,CAC4B,CAAA,CAEtC,CACF,EAEMoD,EAAsBjF,EAAM,YAC/B,CAAE,YAAW,WAAU,GAAG6B,GAAS,IAAQ,CAC1C,IAAMH,EAAU,2BAA2B,EACrCwD,EACJxD,EAAQ,WAAW,SAAW,QACzBA,EAAQ,WAAW,SAAW,OAAOA,EAAQ,WAAW,KAAK,EAC9DiD,EAEN,MACE,kBAAC,IAAD,CACO,MACL,GAAIjD,EAAQ,UACZ,YAAU,wBACV,UAAW4C,EACT,oCACA5C,EAAQ,WAAW,SAAW,SAAW,mBACzC6C,CACF,EACA,GAAI1C,EAEH,SAAAqD,CACA,CAAA,CAEP,CACF,EAEMC,EAAkBnF,EAAM,YAC3B,CAAE,YAAW,WAAU,GAAG6B,GAAS,IAAQ,CAC1C,IAAMH,EAAU,mBAAmB,EAC7BwD,EAAOxD,EAAQ,WAAaiD,EAElC,MACE,kBAAC,IAAD,CACO,MACL,GAAIjD,EAAQ,cACZ,YAAU,mBACV,UAAW4C,EAAG,qDAAsDC,CAAS,EAC7E,GAAI1C,EAEH,SAAAqD,CACA,CAAA,CAEP,CACF,EAEME,EAAqBpF,EAAM,YAC9B,CAAE,YAAW,UAAS,OAAO,UAAW,OAAO,SAAU,UAAU,QAAS,GAAG6B,GAAS,IAAQ,CAC/F,IAAMH,EAAU,2BAA2B,EAErC2D,EAAcrF,EAAM,YACvB,GAAU,CACTsF,IAAUC,CAAK,EACX,GAAM,kBAIV7D,EAAa,aAAa,CAC5B,EACA,CAACA,EAAS4D,CAAO,CACnB,EAEA,MACE,kBAACE,EAAD,CACO,MACL,YAAU,uBACV,UAAWlB,EAAGC,CAAS,EACvB,QAASc,EACH,OACA,OACG,UACT,GAAIxD,CACL,CAAA,CAEL,CACF,EAEM4D,EAAoBzF,EAAM,YAC7B,CAAE,YAAW,WAAU,UAAS,OAAO,UAAW,OAAO,SAAU,UAAU,QAAS,GAAG6B,GAAS,IAAQ,CACzG,IAAMH,EAAU,2BAA2B,EACrCgE,EAAaC,GAAY,CAACjE,EAAQ,SAElC2D,EAAcrF,EAAM,YACvB,GAAU,CACTsF,IAAUC,CAAK,EACX,IAAM,kBAAoBG,IAI9BhE,EAAa,QAAQ,CACvB,EACA,CAACA,EAASgE,EAAYJ,CAAO,CAC/B,EAEA,MACE,kBAACE,EAAD,CACO,MACL,YAAU,sBACV,UAAWlB,EAAGC,CAAS,EACvB,SAAUmB,EACV,QAASL,EACH,OACA,OACG,UACT,GAAIxD,CACL,CAAA,CAEL,CACF,EAEM+D,EAAkB5F,EAAM,YAC3B,CAAE,YAAW,UAAS,OAAO,KAAM,OAAO,SAAU,UAAU,SAAU,GAAG6B,GAAS,IAAQ,CAC3F,IAAMH,EAAU,mBAAmB,EAC7ByC,EACJ,CAACzC,EAAQ,kBAAmBA,EAAQ,UAAYA,EAAQ,cAAgB,IAAA,EAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,GAC3G,IAAA,GAEI2D,EAAcrF,EAAM,YACvB,GAAU,CACTsF,IAAUC,CAAK,EACX,GAAM,kBAIV7D,EAAQ,KAAK,CACf,EACA,CAACA,EAAS4D,CAAO,CACnB,EAEA,MACE,kBAACE,EAAD,CACO,MACL,gBAAe9D,EAAQ,QACvB,mBAAkByC,EAClB,eAAczC,EAAQ,WAAa,IAAA,GACnC,YAAU,mBACV,UAAW4C,EAAGC,CAAS,EACvB,QAASc,EACH,OACA,OACG,UACT,GAAIxD,CACL,CAAA,CAEL,CACF,EAEMgE,EAAmB7F,EAAM,YAC5B,CAAE,YAAW,SAAQ,GAAG6B,GAAS,IAAQ,CACxC,IAAMiE,EAAOC,IAAW,WAAaA,IAAW,QAC1CC,EAAUD,IAAW,QAE3B,MACE,kBAAC,MAAD,CACO,MACL,gBAAe,IACf,gBAAe,EACf,iBAAgB1F,EAAa0F,GAC7B,YAAU,oBACV,cAAaA,EACb,KAAK,cACL,UAAWzB,EAAG,4DAA6DC,CAAS,EACpF,GAAI1C,EAEJ,SAAA,kBAAC,MAAD,CACE,UAAWyC,EACT,6DACAwB,EAAO,gBAAkB,4BACzBE,GAAW,gBACb,CACD,CAAA,CACE,CAAA,CAET,CACF,EAEA,SAAS,YAAc,WACvB,EAAa,YAAc,eAC3B,EAAoB,YAAc,sBAClC,EAAiB,YAAc,mBAC/B,EAAqB,YAAc,uBACnC,EAAoB,YAAc,sBAClC,EAAgB,YAAc,kBAC9B,EAAmB,YAAc,qBACjC,EAAkB,YAAc,oBAChC,EAAgB,YAAc,kBAC9B,EAAiB,YAAc"}