@uselets/ui 0.3.0 → 0.5.0

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

@@ -1,6 +1,6 @@
 import { t as __name } from "../chunk-IpJEthwI.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { DropdownMenu as DropdownMenu$1 } from "radix-ui";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as React from "react";
 
 //#region src/components/dropdown-menu.d.ts
@@ -9,18 +9,10 @@ type DropdownMenuPortalProps = React.ComponentProps<typeof DropdownMenu$1.Portal
 type DropdownMenuTriggerProps = React.ComponentProps<typeof DropdownMenu$1.Trigger>;
 type DropdownMenuContentProps = React.ComponentProps<typeof DropdownMenu$1.Content>;
 type DropdownMenuGroupProps = React.ComponentProps<typeof DropdownMenu$1.Group>;
-type DropdownMenuLabelProps = React.ComponentProps<typeof DropdownMenu$1.Label> & {
-  inset?: boolean;
-};
 type DropdownMenuItemProps = React.ComponentProps<typeof DropdownMenu$1.Item> & {
   inset?: boolean;
   variant?: 'default' | 'destructive';
 };
-type DropdownMenuSubProps = React.ComponentProps<typeof DropdownMenu$1.Sub>;
-type DropdownMenuSubTriggerProps = React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
-  inset?: boolean;
-};
-type DropdownMenuSubContentProps = React.ComponentProps<typeof DropdownMenu$1.SubContent>;
 type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof DropdownMenu$1.CheckboxItem> & {
   inset?: boolean;
 };
@@ -28,8 +20,16 @@ type DropdownMenuRadioGroupProps = React.ComponentProps<typeof DropdownMenu$1.Ra
 type DropdownMenuRadioItemProps = React.ComponentProps<typeof DropdownMenu$1.RadioItem> & {
   inset?: boolean;
 };
+type DropdownMenuLabelProps = React.ComponentProps<typeof DropdownMenu$1.Label> & {
+  inset?: boolean;
+};
 type DropdownMenuSeparatorProps = React.ComponentProps<typeof DropdownMenu$1.Separator>;
 type DropdownMenuShortcutProps = React.ComponentProps<'span'>;
+type DropdownMenuSubProps = React.ComponentProps<typeof DropdownMenu$1.Sub>;
+type DropdownMenuSubTriggerProps = React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
+  inset?: boolean;
+};
+type DropdownMenuSubContentProps = React.ComponentProps<typeof DropdownMenu$1.SubContent>;
 declare function DropdownMenu({
   ...props
 }: DropdownMenuProps): react_jsx_runtime0.JSX.Element;
@@ -57,7 +57,6 @@ declare function DropdownMenuItem({
 declare function DropdownMenuCheckboxItem({
   className,
   children,
-  checked,
   inset,
   ...props
 }: DropdownMenuCheckboxItemProps): react_jsx_runtime0.JSX.Element;

package/dist/components/dropdown-menu.js

@@ -1,2 +1,2 @@
-import{t as e}from"../chunk-IpJEthwI.js";import{cn as t}from"../lib/utils.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{DropdownMenu as i}from"radix-ui";import{IconCheck as a,IconChevronRight as o}from"@tabler/icons-react";function DropdownMenu({...e}){return n(i.Root,{"data-slot":`dropdown-menu`,...e})}function DropdownMenuPortal({...e}){return n(i.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function DropdownMenuTrigger({...e}){return n(i.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function DropdownMenuContent({className:e,align:r=`start`,sideOffset:a=4,...o}){return n(i.Portal,{children:n(i.Content,{"data-slot":`dropdown-menu-content`,sideOffset:a,align:r,className:t(`bg-popover text-popover-foreground ring-foreground/10 z-50 min-w-32 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) rounded-lg p-1 shadow-md ring-1 duration-100 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto`,`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`,`data-[state=closed]:overflow-hidden`,e),...o})})}function DropdownMenuGroup({...e}){return n(i.Group,{"data-slot":`dropdown-menu-group`,...e})}function DropdownMenuItem({className:e,inset:r,variant:a=`default`,...o}){return n(i.Item,{"data-slot":`dropdown-menu-item`,"data-inset":r,"data-variant":a,className:t(`focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground`,`group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 outline-hidden select-none`,`data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive`,`[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0`,`data-disabled:pointer-events-none data-disabled:opacity-50`,e),...o})}function DropdownMenuCheckboxItem({className:e,children:o,checked:s,inset:c,...l}){return r(i.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,"data-inset":c,className:t(`focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground`,`relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 outline-hidden select-none`,`[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0`,`data-disabled:pointer-events-none data-disabled:opacity-50`,e),checked:s,...l,children:[n(`span`,{className:`absolute right-2 flex items-center justify-center pointer-events-none`,"data-slot":`dropdown-menu-checkbox-item-indicator`,children:n(i.ItemIndicator,{children:n(a,{})})}),o]})}function DropdownMenuRadioGroup({...e}){return n(i.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function DropdownMenuRadioItem({className:e,children:o,inset:s,...c}){return r(i.RadioItem,{"data-slot":`dropdown-menu-radio-item`,"data-inset":s,className:t(`focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground`,`relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 outline-hidden select-none`,`[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0`,`data-disabled:pointer-events-none data-disabled:opacity-50`,e),...c,children:[n(`span`,{className:`absolute right-2 flex items-center justify-center pointer-events-none`,"data-slot":`dropdown-menu-radio-item-indicator`,children:n(i.ItemIndicator,{children:n(a,{})})}),o]})}function DropdownMenuLabel({className:e,inset:r,...a}){return n(i.Label,{"data-slot":`dropdown-menu-label`,"data-inset":r,className:t(`text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7`,e),...a})}function DropdownMenuSeparator({className:e,...r}){return n(i.Separator,{"data-slot":`dropdown-menu-separator`,className:t(`bg-border -mx-1 my-1 h-px`,e),...r})}function DropdownMenuShortcut({className:e,...r}){return n(`span`,{"data-slot":`dropdown-menu-shortcut`,className:t(`text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest`,e),...r})}function DropdownMenuSub({...e}){return n(i.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function DropdownMenuSubTrigger({className:e,inset:a,children:s,...c}){return r(i.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":a,className:t(`focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground`,`not-data-[variant=destructive]:focus:**:text-accent-foreground flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 outline-hidden select-none`,`[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),...c,children:[s,n(o,{className:`ml-auto`})]})}function DropdownMenuSubContent({className:e,...r}){return n(i.SubContent,{"data-slot":`dropdown-menu-sub-content`,className:t(`bg-popover text-popover-foreground ring-foreground/10 z-50 min-w-24 rounded-lg p-1 shadow-lg ring-1 duration-100 origin-(--radix-dropdown-menu-content-transform-origin) 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`,e),...r})}export{DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger};
+import"../chunk-IpJEthwI.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-foreground/10!`,`**:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:**:text-accent-foreground!`,`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-foreground/10!`,`**:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:**:text-accent-foreground!`,`animate-none!`,t),...n})}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 DropdownMenuLabelProps = React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}\n\nexport type DropdownMenuItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: 'default' | 'destructive'\n}\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\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 DropdownMenuSeparatorProps = React.ComponentProps<typeof DropdownMenuPrimitive.Separator>\n\nexport type DropdownMenuShortcutProps = React.ComponentProps<'span'>\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    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        align={align}\n        className={cn(\n          'bg-popover text-popover-foreground ring-foreground/10 z-50 min-w-32 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) rounded-lg p-1 shadow-md ring-1 duration-100 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto',\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          'data-[state=closed]:overflow-hidden',\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\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        'focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground',\n        'group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 outline-hidden select-none',\n        'data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive',\n        \"[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        'data-disabled:pointer-events-none data-disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: DropdownMenuCheckboxItemProps) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground',\n        'relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 outline-hidden select-none',\n        \"[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        'data-disabled:pointer-events-none data-disabled:opacity-50',\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span\n        className=\"absolute right-2 flex items-center justify-center pointer-events-none\"\n        data-slot=\"dropdown-menu-checkbox-item-indicator\"\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        'focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground',\n        'relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 outline-hidden select-none',\n        \"[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        'data-disabled:pointer-events-none data-disabled:opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <span\n        className=\"absolute right-2 flex items-center justify-center pointer-events-none\"\n        data-slot=\"dropdown-menu-radio-item-indicator\"\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('text-muted-foreground px-1.5 py-1 text-xs font-medium 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        'text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest',\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        'focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground',\n        'not-data-[variant=destructive]:focus:**:text-accent-foreground flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm data-inset:pl-7 outline-hidden select-none',\n        \"[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\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        'bg-popover text-popover-foreground ring-foreground/10 z-50 min-w-24 rounded-lg p-1 shadow-lg ring-1 duration-100 origin-(--radix-dropdown-menu-content-transform-origin) 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        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"],"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-foreground/10!',\n          '**:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:**:text-accent-foreground!',\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-foreground/10!',\n        '**:data-[variant=destructive]:text-accent-foreground! **:data-[variant=destructive]:**:text-accent-foreground!',\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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"}

package/dist/components/dropzone.d.ts

@@ -0,0 +1,107 @@
+import { t as __name } from "../chunk-IpJEthwI.js";
+import { ButtonProps } from "./button.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as React from "react";
+import { Accept, ErrorCode, FileError, useDropzone as useDropzone$1 } from "react-dropzone";
+
+//#region src/components/dropzone.d.ts
+type DropzoneUploadResult<TUploadResult, TUploadError> = {
+  status: 'error';
+  error: TUploadError;
+} | {
+  status: 'success';
+  result: TUploadResult;
+};
+type DropzoneFileStatus<TUploadResult, TUploadError> = {
+  id: string;
+  fileName: string;
+  file: File;
+  tries: number;
+} & ({
+  status: 'pending';
+  error?: undefined;
+  message?: undefined;
+  result?: undefined;
+} | {
+  status: 'error';
+  error: TUploadError;
+  message?: string;
+  result?: undefined;
+} | {
+  status: 'success';
+  result: TUploadResult;
+  error?: undefined;
+  message?: undefined;
+});
+type FileStatus<TUploadResult, TUploadError> = DropzoneFileStatus<TUploadResult, TUploadError>;
+type DropzoneValidation = {
+  accept?: Accept;
+  minSize?: number;
+  maxSize?: number;
+  maxFiles?: number;
+};
+type UseDropzoneProps<TUploadResult, TUploadError = string> = {
+  onDropFile: (file: File) => Promise<DropzoneUploadResult<TUploadResult, TUploadError>>;
+  onRemoveFile?: (id: string) => void | Promise<void>;
+  onFileUploaded?: (result: TUploadResult) => void;
+  onFileUploadError?: (error: TUploadError) => void;
+  onAllUploaded?: () => void;
+  onRootError?: (error: string | undefined) => void;
+  shapeUploadError?: (error: TUploadError) => string | undefined;
+  maxRetryCount?: number;
+  autoRetry?: boolean;
+  validation?: DropzoneValidation;
+  shiftOnMaxFiles?: boolean;
+};
+interface UseDropzoneReturn<TUploadResult, TUploadError> {
+  getRootProps: ReturnType<typeof useDropzone$1>['getRootProps'];
+  getInputProps: ReturnType<typeof useDropzone$1>['getInputProps'];
+  open: () => void;
+  onRemoveFile: (id: string) => Promise<void>;
+  onRetry: (id: string) => Promise<void>;
+  canRetry: (id: string) => boolean;
+  fileStatuses: DropzoneFileStatus<TUploadResult, TUploadError>[];
+  isInvalid: boolean;
+  isDragActive: boolean;
+  rootError: string | undefined;
+  inputId: string;
+  rootMessageId: string;
+  rootDescriptionId: string;
+  getFileMessageId: (id: string) => string;
+}
+type DropzoneProps<TUploadResult, TUploadError> = React.PropsWithChildren<UseDropzoneReturn<TUploadResult, TUploadError>>;
+type DropzoneAreaProps = React.ComponentProps<'div'>;
+type DropzoneDescriptionProps = React.ComponentProps<'p'>;
+type DropzoneFileListProps = React.ComponentProps<'ol'>;
+type DropzoneFileListItemProps<TUploadResult, TUploadError> = React.ComponentProps<'li'> & {
+  file: DropzoneFileStatus<TUploadResult, TUploadError>;
+};
+type DropzoneFileMessageProps = React.ComponentProps<'p'>;
+type DropzoneMessageProps = React.ComponentProps<'p'>;
+type DropzoneRemoveFileProps = ButtonProps;
+type DropzoneRetryFileProps = ButtonProps;
+type DropzoneTriggerProps = ButtonProps;
+type InfiniteProgressProps = React.ComponentProps<'div'> & {
+  status: 'pending' | 'success' | 'error';
+};
+declare function useDropzone<TUploadResult, TUploadError = string>(props: UseDropzoneProps<TUploadResult, TUploadError>): UseDropzoneReturn<TUploadResult, TUploadError>;
+declare function Dropzone<TUploadResult, TUploadError>({
+  children,
+  ...dropzone
+}: DropzoneProps<TUploadResult, TUploadError>): react_jsx_runtime0.JSX.Element;
+declare namespace Dropzone {
+  var displayName: string;
+}
+declare const DropzoneArea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropzoneDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const DropzoneFileList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const DropzoneFileListItem: React.ForwardRefExoticComponent<Omit<DropzoneFileListItemProps<unknown, unknown>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const DropzoneFileMessage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const DropzoneMessage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const DropzoneRemoveFile: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const DropzoneRetryFile: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const DropzoneTrigger: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const InfiniteProgress: React.ForwardRefExoticComponent<Omit<InfiniteProgressProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Dropzone, DropzoneArea, DropzoneAreaProps, DropzoneDescription, DropzoneDescriptionProps, DropzoneFileList, DropzoneFileListItem, DropzoneFileListItemProps, DropzoneFileListProps, DropzoneFileMessage, DropzoneFileMessageProps, DropzoneFileStatus, DropzoneMessage, DropzoneMessageProps, DropzoneProps, DropzoneRemoveFile, DropzoneRemoveFileProps, DropzoneRetryFile, DropzoneRetryFileProps, DropzoneTrigger, DropzoneTriggerProps, DropzoneUploadResult, DropzoneValidation, ErrorCode, type FileError, FileStatus, InfiniteProgress, InfiniteProgressProps, UseDropzoneProps, UseDropzoneReturn, useDropzone };
+//# sourceMappingURL=dropzone.d.ts.map

package/dist/components/dropzone.js

@@ -0,0 +1,2 @@
+import"../chunk-IpJEthwI.js";import{cn as e}from"../lib/utils.js";import{Button as t}from"./button.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import*as i from"react";import{ErrorCode as a,useDropzone as o}from"react-dropzone";const s=[a.FileInvalidType,a.FileTooLarge,a.FileTooSmall,a.TooManyFiles],c=new Set(s),l={pending:`indeterminate`,success:`100%`,error:`error`},u=i.createContext(null),d=i.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=>c.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/(1024*1024)).toFixed(2)} MB`]:[`this file is too large`];case`file-too-small`:return t.minSize?[`min size is ${(t.minSize/(1024*1024)).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 setRef(e,t){if(typeof e==`function`){e(t);return}e&&(e.current=t)}function composeRefs(...e){return t=>{e.forEach(e=>{setRef(e,t)})}}function useDropzoneContext(){let e=i.useContext(u);if(!e)throw Error(`Dropzone components must be used within a Dropzone.`);return e}function useDropzoneFileListContext(){let e=i.useContext(d);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:s,onFileUploadError:c,onAllUploaded:l,onRootError:u,maxRetryCount:d,autoRetry:f=!1,validation:p,shiftOnMaxFiles:m=!1}=e,h=i.useId(),g=`${h}-message`,_=`${h}-description`,[v,y]=i.useState(void 0),b=i.useCallback(e=>{y(e),u?.(e)},[u]),[x,S]=i.useReducer(fileStatusReducer,[]),C=i.useCallback(e=>`${h}-${e}-message`,[h]),w=i.useMemo(()=>v!==void 0||x.some(e=>e.status===`error`),[x,v]),T=i.useCallback(async(e,n,i=0)=>{try{let a=await t(e);if(a.status===`error`){if(f&&i<(d??1/0))return S({type:`update-status`,id:n,status:`pending`}),T(e,n,i+1);S({type:`update-status`,id:n,status:`error`,error:a.error,message:getUploadErrorMessage(a.error,r)}),c?.(a.error);return}S({type:`update-status`,id:n,status:`success`,result:a.result}),s?.(a.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,s,r]),E=i.useCallback(async e=>{await n?.(e),S({type:`remove`,id:e})},[n]),D=i.useCallback(e=>{let t=x.find(t=>t.id===e);return t?.status===`error`&&t.tries<=(d??1/0)},[x,d]),O=i.useCallback(async e=>{if(!D(e))return;let t=x.find(t=>t.id===e);!t||t.status!==`error`||(S({type:`update-status`,id:e,status:`pending`}),await T(t.file,e))},[D,x,T]),k=o({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([a.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 n(u.Provider,{value:t,children:e})}const f=i.forwardRef(({className:t,children:i,...a},o)=>{let s=useDropzoneContext(),c=[s.rootDescriptionId,s.isInvalid?s.rootMessageId:void 0].filter(Boolean).join(` `)||void 0,{ref:l,...u}=s.getRootProps({...a,"data-slot":`dropzone-area`,"aria-describedby":c,"aria-invalid":s.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`,s.isDragActive&&`border-primary bg-primary/5`,s.isInvalid&&`border-destructive bg-destructive/5`,t)}),d=s.getInputProps({id:s.inputId,className:`sr-only`,"aria-describedby":c,"aria-invalid":s.isInvalid,tabIndex:-1});return r(`div`,{...u,ref:composeRefs(o,l),children:[n(`input`,{...d}),i]})}),p=i.forwardRef(({className:t,...r},i)=>n(`p`,{ref:i,id:useDropzoneContext().rootDescriptionId,"data-slot":`dropzone-description`,className:e(`text-sm text-muted-foreground`,t),...r})),m=i.forwardRef(({className:t,...r},i)=>(useDropzoneContext(),n(`ol`,{ref:i,"data-slot":`dropzone-file-list`,className:e(`space-y-3`,t),...r}))),h=i.forwardRef(({className:t,file:r,children:a,...o},s)=>{let c=useDropzoneContext(),l=c.getFileMessageId(r.id),u=r.status===`error`,f=c.canRetry(r.id),p=i.useMemo(()=>({onRemoveFile:()=>c.onRemoveFile(r.id),onRetry:()=>c.onRetry(r.id),fileStatus:r,canRetry:f,dropzoneId:c.inputId,messageId:l}),[f,c,r,l]);return n(d.Provider,{value:p,children:n(`li`,{ref:s,"data-slot":`dropzone-file-item`,"data-status":r.status,"aria-describedby":u?l:void 0,className:e(`rounded-xl border bg-card px-4 py-3 shadow-xs`,r.status===`error`&&`border-destructive/50`,t),...o,children:a})})}),g=i.forwardRef(({className:t,children:r,...i},a)=>{let o=useDropzoneFileListContext(),s=o.fileStatus.status===`error`?o.fileStatus.message??String(o.fileStatus.error):r;return n(`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})}),_=i.forwardRef(({className:t,children:r,...i},a)=>{let o=useDropzoneContext(),s=o.rootError??r;return n(`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})}),v=i.forwardRef(({className:r,onClick:a,size:o=`icon-sm`,type:s=`button`,variant:c=`ghost`,...l},u)=>{let d=useDropzoneFileListContext(),f=i.useCallback(e=>{a?.(e),!e.defaultPrevented&&d.onRemoveFile()},[d,a]);return n(t,{ref:u,"data-slot":`dropzone-remove-file`,className:e(r),onClick:f,size:o,type:s,variant:c,...l})}),y=i.forwardRef(({className:r,disabled:a,onClick:o,size:s=`icon-sm`,type:c=`button`,variant:l=`ghost`,...u},d)=>{let f=useDropzoneFileListContext(),p=a||!f.canRetry,m=i.useCallback(e=>{o?.(e),!(e.defaultPrevented||p)&&f.onRetry()},[f,p,o]);return n(t,{ref:d,"data-slot":`dropzone-retry-file`,className:e(r),disabled:p,onClick:m,size:s,type:c,variant:l,...u})}),b=i.forwardRef(({className:r,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=i.useCallback(e=>{a?.(e),!e.defaultPrevented&&d.open()},[d,a]);return n(t,{ref:u,"aria-controls":d.inputId,"aria-describedby":f,"aria-invalid":d.isInvalid||void 0,"data-slot":`dropzone-trigger`,className:e(r),onClick:p,size:o,type:s,variant:c,...l})}),x=i.forwardRef(({className:t,status:r,...i},a)=>{let o=r===`success`||r===`error`,s=r===`error`;return n(`div`,{ref:a,"aria-valuemax":100,"aria-valuemin":0,"aria-valuetext":l[r],"data-slot":`dropzone-progress`,"data-status":r,role:`progressbar`,className:e(`relative h-2 w-full overflow-hidden rounded-full bg-muted`,t),...i,children:n(`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`,f.displayName=`DropzoneArea`,p.displayName=`DropzoneDescription`,m.displayName=`DropzoneFileList`,h.displayName=`DropzoneFileListItem`,g.displayName=`DropzoneFileMessage`,_.displayName=`DropzoneMessage`,v.displayName=`DropzoneRemoveFile`,y.displayName=`DropzoneRetryFile`,b.displayName=`DropzoneTrigger`,x.displayName=`InfiniteProgress`;export{Dropzone,f as DropzoneArea,p as DropzoneDescription,m as DropzoneFileList,h as DropzoneFileListItem,g as DropzoneFileMessage,_ as DropzoneMessage,v as DropzoneRemoveFile,y as DropzoneRetryFile,b as DropzoneTrigger,a as ErrorCode,x as InfiniteProgress,useDropzone};
+//# sourceMappingURL=dropzone.js.map

package/dist/components/dropzone.js.map

@@ -0,0 +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 { 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 setRef<T>(ref: React.Ref<T> | undefined, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value)\n    return\n  }\n\n  if (ref) {\n    ref.current = value\n  }\n}\n\nfunction composeRefs<T>(...refs: Array<React.Ref<T> | undefined>) {\n  return (value: T | null) => {\n    refs.forEach((ref) => {\n      setRef(ref, value)\n    })\n  }\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 || 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  InfiniteProgress,\n  useDropzone,\n  type FileError\n}\n"],"mappings":"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"}

package/dist/components/empty.d.ts

@@ -1,6 +1,6 @@
 import { t as __name } from "../chunk-IpJEthwI.js";
-import { VariantProps } from "class-variance-authority";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/empty.d.ts

package/dist/components/empty.js

@@ -1,2 +1,2 @@
-import{t as e}from"../chunk-IpJEthwI.js";import{cn as t}from"../lib/utils.js";import{cva as n}from"class-variance-authority";import{jsx as r}from"react/jsx-runtime";function Empty({className:e,...n}){return r(`div`,{"data-slot":`empty`,className:t(`gap-4 rounded-xl border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance`,e),...n})}function EmptyHeader({className:e,...n}){return r(`div`,{"data-slot":`empty-header`,className:t(`gap-2 flex max-w-sm flex-col items-center`,e),...n})}const i=n(`mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0`,{variants:{variant:{default:`bg-transparent`,icon:`bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4`}},defaultVariants:{variant:`default`}});function EmptyMedia({className:e,variant:n=`default`,...a}){return r(`div`,{"data-slot":`empty-icon`,"data-variant":n,className:t(i({variant:n,className:e})),...a})}function EmptyTitle({className:e,...n}){return r(`div`,{"data-slot":`empty-title`,className:t(`text-sm font-medium tracking-tight`,e),...n})}function EmptyDescription({className:e,...n}){return r(`div`,{"data-slot":`empty-description`,className:t(`text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,e),...n})}function EmptyContent({className:e,...n}){return r(`div`,{"data-slot":`empty-content`,className:t(`gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance`,e),...n})}export{Empty,EmptyContent,EmptyDescription,EmptyHeader,EmptyMedia,EmptyTitle};
+import"../chunk-IpJEthwI.js";import{cn as e}from"../lib/utils.js";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";function Empty({className:n,...r}){return t(`div`,{"data-slot":`empty`,className:e(`gap-4 rounded-xl border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance`,n),...r})}function EmptyHeader({className:n,...r}){return t(`div`,{"data-slot":`empty-header`,className:e(`gap-2 flex max-w-sm flex-col items-center`,n),...r})}const r=n(`mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0`,{variants:{variant:{default:`bg-transparent`,icon:`bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4`}},defaultVariants:{variant:`default`}});function EmptyMedia({className:n,variant:i=`default`,...a}){return t(`div`,{"data-slot":`empty-icon`,"data-variant":i,className:e(r({variant:i,className:n})),...a})}function EmptyTitle({className:n,...r}){return t(`div`,{"data-slot":`empty-title`,className:e(`text-sm font-medium tracking-tight`,n),...r})}function EmptyDescription({className:n,...r}){return t(`div`,{"data-slot":`empty-description`,className:e(`text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,n),...r})}function EmptyContent({className:n,...r}){return t(`div`,{"data-slot":`empty-content`,className:e(`gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance`,n),...r})}export{Empty,EmptyContent,EmptyDescription,EmptyHeader,EmptyMedia,EmptyTitle};
 //# sourceMappingURL=empty.js.map

package/dist/components/empty.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty.js","names":[],"sources":["../../src/components/empty.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\n\nexport type EmptyProps = React.ComponentProps<'div'>\n\nexport type EmptyHeaderProps = React.ComponentProps<'div'>\n\nexport type EmptyMediaProps = React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>\n\nexport type EmptyTitleProps = React.ComponentProps<'div'>\n\nexport type EmptyDescriptionProps = React.ComponentProps<'p'>\n\nexport type EmptyContentProps = React.ComponentProps<'div'>\n\nfunction Empty({ className, ...props }: EmptyProps) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={cn(\n        'gap-4 rounded-xl border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyHeader({ className, ...props }: EmptyHeaderProps) {\n  return (\n    <div data-slot=\"empty-header\" className={cn('gap-2 flex max-w-sm flex-col items-center', className)} {...props} />\n  )\n}\n\nconst emptyMediaVariants = cva(\n  'mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        icon: \"bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4\"\n      }\n    },\n    defaultVariants: {\n      variant: 'default'\n    }\n  }\n)\n\nfunction EmptyMedia({ className, variant = 'default', ...props }: EmptyMediaProps) {\n  return (\n    <div\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      className={cn(emptyMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyTitle({ className, ...props }: EmptyTitleProps) {\n  return <div data-slot=\"empty-title\" className={cn('text-sm font-medium tracking-tight', className)} {...props} />\n}\n\nfunction EmptyDescription({ className, ...props }: EmptyDescriptionProps) {\n  return (\n    <div\n      data-slot=\"empty-description\"\n      className={cn(\n        'text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyContent({ className, ...props }: EmptyContentProps) {\n  return (\n    <div\n      data-slot=\"empty-content\"\n      className={cn('gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle }\n"],"mappings":"qKAgBA,SAAS,MAAM,CAAE,YAAW,GAAG,GAAqB,CAClD,OACE,EAAC,MAAA,CACC,YAAU,QACV,UAAW,EACT,8HACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,YAAY,CAAE,YAAW,GAAG,GAA2B,CAC9D,OACE,EAAC,MAAA,CAAI,YAAU,eAAe,UAAW,EAAG,4CAA6C,EAAU,CAAE,GAAI,GAAS,CAItH,MAAM,EAAqB,EACzB,8FACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,KAAM,4HACP,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CACF,CAED,SAAS,WAAW,CAAE,YAAW,UAAU,UAAW,GAAG,GAA0B,CACjF,OACE,EAAC,MAAA,CACC,YAAU,aACV,eAAc,EACd,UAAW,EAAG,EAAmB,CAAE,UAAS,YAAW,CAAC,CAAC,CACzD,GAAI,GACJ,CAIN,SAAS,WAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OAAO,EAAC,MAAA,CAAI,YAAU,cAAc,UAAW,EAAG,qCAAsC,EAAU,CAAE,GAAI,GAAS,CAGnH,SAAS,iBAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAC,MAAA,CACC,YAAU,oBACV,UAAW,EACT,0GACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,aAAa,CAAE,YAAW,GAAG,GAA4B,CAChE,OACE,EAAC,MAAA,CACC,YAAU,gBACV,UAAW,EAAG,kFAAmF,EAAU,CAC3G,GAAI,GACJ"}
+{"version":3,"file":"empty.js","names":[],"sources":["../../src/components/empty.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\n\nexport type EmptyProps = React.ComponentProps<'div'>\n\nexport type EmptyHeaderProps = React.ComponentProps<'div'>\n\nexport type EmptyMediaProps = React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>\n\nexport type EmptyTitleProps = React.ComponentProps<'div'>\n\nexport type EmptyDescriptionProps = React.ComponentProps<'p'>\n\nexport type EmptyContentProps = React.ComponentProps<'div'>\n\nfunction Empty({ className, ...props }: EmptyProps) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={cn(\n        'gap-4 rounded-xl border-dashed p-6 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyHeader({ className, ...props }: EmptyHeaderProps) {\n  return (\n    <div data-slot=\"empty-header\" className={cn('gap-2 flex max-w-sm flex-col items-center', className)} {...props} />\n  )\n}\n\nconst emptyMediaVariants = cva(\n  'mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        icon: \"bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4\"\n      }\n    },\n    defaultVariants: {\n      variant: 'default'\n    }\n  }\n)\n\nfunction EmptyMedia({ className, variant = 'default', ...props }: EmptyMediaProps) {\n  return (\n    <div\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      className={cn(emptyMediaVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyTitle({ className, ...props }: EmptyTitleProps) {\n  return <div data-slot=\"empty-title\" className={cn('text-sm font-medium tracking-tight', className)} {...props} />\n}\n\nfunction EmptyDescription({ className, ...props }: EmptyDescriptionProps) {\n  return (\n    <div\n      data-slot=\"empty-description\"\n      className={cn(\n        'text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyContent({ className, ...props }: EmptyContentProps) {\n  return (\n    <div\n      data-slot=\"empty-content\"\n      className={cn('gap-2.5 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle }\n"],"mappings":"yJAgBA,SAAS,MAAM,CAAE,YAAW,GAAG,GAAqB,CAClD,OACE,EAAC,MAAD,CACE,YAAU,QACV,UAAW,EACT,8HACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,SAAS,YAAY,CAAE,YAAW,GAAG,GAA2B,CAC9D,OACE,EAAC,MAAD,CAAK,YAAU,eAAe,UAAW,EAAG,4CAA6C,EAAU,CAAE,GAAI,EAAS,CAAA,CAItH,MAAM,EAAqB,EACzB,8FACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,KAAM,4HACP,CACF,CACD,gBAAiB,CACf,QAAS,UACV,CACF,CACF,CAED,SAAS,WAAW,CAAE,YAAW,UAAU,UAAW,GAAG,GAA0B,CACjF,OACE,EAAC,MAAD,CACE,YAAU,aACV,eAAc,EACd,UAAW,EAAG,EAAmB,CAAE,UAAS,YAAW,CAAC,CAAC,CACzD,GAAI,EACJ,CAAA,CAIN,SAAS,WAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OAAO,EAAC,MAAD,CAAK,YAAU,cAAc,UAAW,EAAG,qCAAsC,EAAU,CAAE,GAAI,EAAS,CAAA,CAGnH,SAAS,iBAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAC,MAAD,CACE,YAAU,oBACV,UAAW,EACT,0GACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,SAAS,aAAa,CAAE,YAAW,GAAG,GAA4B,CAChE,OACE,EAAC,MAAD,CACE,YAAU,gBACV,UAAW,EAAG,kFAAmF,EAAU,CAC3G,GAAI,EACJ,CAAA"}

package/dist/components/field.d.ts

@@ -1,7 +1,7 @@
 import { t as __name } from "../chunk-IpJEthwI.js";
 import { Label } from "./label.js";
-import { VariantProps } from "class-variance-authority";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/field.d.ts
@@ -36,7 +36,7 @@ declare function FieldGroup({
   ...props
 }: FieldGroupProps): react_jsx_runtime0.JSX.Element;
 declare const fieldVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 type FieldProps = React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>;
 declare function Field({

package/dist/components/field.js

@@ -1,2 +1,2 @@
-import{t as e}from"../chunk-IpJEthwI.js";import{cn as t}from"../lib/utils.js";import{Label as n}from"./label.js";import{Separator as r}from"./separator.js";import{cva as i}from"class-variance-authority";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{useMemo as s}from"react";function FieldSet({className:e,...n}){return a(`fieldset`,{"data-slot":`field-set`,className:t(`flex flex-col gap-4`,`has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,e),...n})}function FieldLegend({className:e,variant:n=`legend`,...r}){return a(`legend`,{"data-slot":`field-legend`,"data-variant":n,className:t(`mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,e),...r})}function FieldGroup({className:e,...n}){return a(`div`,{"data-slot":`field-group`,className:t(`group/field-group @container/field-group flex w-full flex-col gap-5`,`data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4`,e),...n})}const c=i(`data-[invalid=true]:text-destructive gap-2 group/field flex w-full`,{variants:{orientation:{vertical:`flex-col *:w-full [&>.sr-only]:w-auto`,horizontal:`flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,responsive:`flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`}},defaultVariants:{orientation:`vertical`}});function Field({className:e,orientation:n=`vertical`,...r}){return a(`div`,{"data-slot":`field`,"data-orientation":n,className:t(c({orientation:n}),e),...r})}function FieldContent({className:e,...n}){return a(`div`,{"data-slot":`field-content`,className:t(`gap-0.5 group/field-content flex flex-1 flex-col leading-snug`,e),...n})}function FieldLabel({className:e,...r}){return a(n,{"data-slot":`field-label`,className:t(`group/field-label peer/field-label flex w-fit gap-2 leading-snug`,`has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5`,`group-data-[disabled=true]/field:opacity-50`,e),...r})}function FieldTitle({className:e,...n}){return a(`div`,{"data-slot":`field-label`,className:t(`gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug`,e),...n})}function FieldDescription({className:e,...n}){return a(`p`,{"data-slot":`field-description`,className:t(`text-muted-foreground text-left text-sm leading-normal font-normal`,`[[data-variant=legend]+&]:-mt-1.5 group-has-data-horizontal/field:text-balance last:mt-0 nth-last-2:-mt-1`,`[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,e),...n})}function FieldSeparator({children:e,className:n,...i}){return o(`div`,{"data-slot":`field-separator`,"data-content":!!e,className:t(`-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative`,n),...i,children:[a(r,{className:`absolute inset-0 top-1/2`}),e&&a(`span`,{className:`text-muted-foreground px-2 bg-background relative mx-auto block w-fit`,"data-slot":`field-separator-content`,children:e})]})}function FieldError({className:e,children:n,errors:r,...i}){let o=s(()=>{if(n)return n;if(!r?.length)return null;let e=[...new Map(r.map(e=>[e?.message,e])).values()];return e?.length===1?e[0]?.message:a(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map(e=>e?.message&&a(`li`,{children:e.message},e.message))})},[n,r]);return o?a(`div`,{role:`alert`,"data-slot":`field-error`,className:t(`text-destructive text-sm font-normal`,e),...i,children:o}):null}export{Field,FieldContent,FieldDescription,FieldError,FieldGroup,FieldLabel,FieldLegend,FieldSeparator,FieldSet,FieldTitle};
+import"../chunk-IpJEthwI.js";import{cn as e}from"../lib/utils.js";import{Separator as t}from"./separator.js";import{Label as n}from"./label.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{cva as a}from"class-variance-authority";import{useMemo as o}from"react";function FieldSet({className:t,...n}){return r(`fieldset`,{"data-slot":`field-set`,className:e(`flex flex-col gap-4`,`has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,t),...n})}function FieldLegend({className:t,variant:n=`legend`,...i}){return r(`legend`,{"data-slot":`field-legend`,"data-variant":n,className:e(`mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,t),...i})}function FieldGroup({className:t,...n}){return r(`div`,{"data-slot":`field-group`,className:e(`group/field-group @container/field-group flex w-full flex-col gap-5`,`data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4`,t),...n})}const s=a(`data-[invalid=true]:text-destructive gap-2 group/field flex w-full`,{variants:{orientation:{vertical:`flex-col *:w-full [&>.sr-only]:w-auto`,horizontal:`flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,responsive:`flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`}},defaultVariants:{orientation:`vertical`}});function Field({className:t,orientation:n=`vertical`,...i}){return r(`div`,{"data-slot":`field`,"data-orientation":n,className:e(s({orientation:n}),t),...i})}function FieldContent({className:t,...n}){return r(`div`,{"data-slot":`field-content`,className:e(`gap-0.5 group/field-content flex flex-1 flex-col leading-snug`,t),...n})}function FieldLabel({className:t,...i}){return r(n,{"data-slot":`field-label`,className:e(`group/field-label peer/field-label flex w-fit gap-2 leading-snug`,`has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5`,`group-data-[disabled=true]/field:opacity-50`,t),...i})}function FieldTitle({className:t,...n}){return r(`div`,{"data-slot":`field-label`,className:e(`gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug`,t),...n})}function FieldDescription({className:t,...n}){return r(`p`,{"data-slot":`field-description`,className:e(`text-muted-foreground text-left text-sm leading-normal font-normal`,`[[data-variant=legend]+&]:-mt-1.5 group-has-data-horizontal/field:text-balance last:mt-0 nth-last-2:-mt-1`,`[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,t),...n})}function FieldSeparator({children:n,className:a,...o}){return i(`div`,{"data-slot":`field-separator`,"data-content":!!n,className:e(`-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative`,a),...o,children:[r(t,{className:`absolute inset-0 top-1/2`}),n&&r(`span`,{className:`text-muted-foreground px-2 bg-background relative mx-auto block w-fit`,"data-slot":`field-separator-content`,children:n})]})}function FieldError({className:t,children:n,errors:i,...a}){let s=o(()=>{if(n)return n;if(!i?.length)return null;let e=[...new Map(i.map(e=>[e?.message,e])).values()];return e?.length===1?e[0]?.message:r(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map(e=>e?.message&&r(`li`,{children:e.message},e.message))})},[n,i]);return s?r(`div`,{role:`alert`,"data-slot":`field-error`,className:e(`text-destructive text-sm font-normal`,t),...a,children:s}):null}export{Field,FieldContent,FieldDescription,FieldError,FieldGroup,FieldLabel,FieldLegend,FieldSeparator,FieldSet,FieldTitle};
 //# sourceMappingURL=field.js.map

package/dist/components/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","names":[],"sources":["../../src/components/field.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\nimport { Label } from './label'\nimport { Separator } from './separator'\n\nexport type FieldSetProps = React.ComponentProps<'fieldset'>\n\nexport type FieldLegendProps = React.ComponentProps<'legend'> & { variant?: 'legend' | 'label' }\n\nexport type FieldGroupProps = React.ComponentProps<'div'>\n\nexport type FieldContentProps = React.ComponentProps<'div'>\n\nexport type FieldLabelProps = React.ComponentProps<typeof Label>\n\nexport type FieldTitleProps = React.ComponentProps<'div'>\n\nexport type FieldDescriptionProps = React.ComponentProps<'p'>\n\nexport type FieldSeparatorProps = React.ComponentProps<'div'> & {\n  children?: React.ReactNode\n}\n\nexport type FieldErrorProps = React.ComponentProps<'div'> & {\n  errors?: Array<{ message?: string } | undefined>\n}\n\nfunction FieldSet({ className, ...props }: FieldSetProps) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        'flex flex-col gap-4',\n        'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLegend({ className, variant = 'legend', ...props }: FieldLegendProps) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn('mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base', className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldGroup({ className, ...props }: FieldGroupProps) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        'group/field-group @container/field-group flex w-full flex-col gap-5',\n        'data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst fieldVariants = cva('data-[invalid=true]:text-destructive gap-2 group/field flex w-full', {\n  variants: {\n    orientation: {\n      vertical: 'flex-col *:w-full [&>.sr-only]:w-auto',\n      horizontal:\n        'flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n      responsive:\n        'flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px'\n    }\n  },\n  defaultVariants: {\n    orientation: 'vertical'\n  }\n})\n\nexport type FieldProps = React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>\n\nfunction Field({ className, orientation = 'vertical', ...props }: FieldProps) {\n  return (\n    <div\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldContent({ className, ...props }: FieldContentProps) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn('gap-0.5 group/field-content flex flex-1 flex-col leading-snug', className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLabel({ className, ...props }: FieldLabelProps) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        'group/field-label peer/field-label flex w-fit gap-2 leading-snug',\n        'has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10',\n        'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5',\n        'group-data-[disabled=true]/field:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldTitle({ className, ...props }: FieldTitleProps) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        'gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldDescription({ className, ...props }: FieldDescriptionProps) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        'text-muted-foreground text-left text-sm leading-normal font-normal',\n        '[[data-variant=legend]+&]:-mt-1.5 group-has-data-horizontal/field:text-balance last:mt-0 nth-last-2:-mt-1',\n        '[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldSeparator({ children, className, ...props }: FieldSeparatorProps) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn('-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative', className)}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"text-muted-foreground px-2 bg-background relative mx-auto block w-fit\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  )\n}\n\nfunction FieldError({ className, children, errors, ...props }: FieldErrorProps) {\n  const content = useMemo(() => {\n    if (children) {\n      return children\n    }\n\n    if (!errors?.length) {\n      return null\n    }\n\n    const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()]\n\n    if (uniqueErrors?.length === 1) {\n      return uniqueErrors[0]?.message\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map((error) => error?.message && <li key={error.message}>{error.message}</li>)}\n      </ul>\n    )\n  }, [children, errors])\n\n  if (!content) {\n    return null\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn('text-destructive text-sm font-normal', className)}\n      {...props}\n    >\n      {content}\n    </div>\n  )\n}\n\nexport {\n  Field,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldTitle\n}\n"],"mappings":"6RA8BA,SAAS,SAAS,CAAE,YAAW,GAAG,GAAwB,CACxD,OACE,EAAC,WAAA,CACC,YAAU,YACV,UAAW,EACT,sBACA,+EACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,YAAY,CAAE,YAAW,UAAU,SAAU,GAAG,GAA2B,CAClF,OACE,EAAC,SAAA,CACC,YAAU,eACV,eAAc,EACd,UAAW,EAAG,kFAAmF,EAAU,CAC3G,GAAI,GACJ,CAIN,SAAS,WAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OACE,EAAC,MAAA,CACC,YAAU,cACV,UAAW,EACT,sEACA,mEACA,EACD,CACD,GAAI,GACJ,CAIN,MAAM,EAAgB,EAAI,qEAAsE,CAC9F,SAAU,CACR,YAAa,CACX,SAAU,wCACV,WACE,iLACF,WACE,gUACH,CACF,CACD,gBAAiB,CACf,YAAa,WACd,CACF,CAAC,CAIF,SAAS,MAAM,CAAE,YAAW,cAAc,WAAY,GAAG,GAAqB,CAC5E,OACE,EAAC,MAAA,CACC,YAAU,QACV,mBAAkB,EAClB,UAAW,EAAG,EAAc,CAAE,cAAa,CAAC,CAAE,EAAU,CACxD,GAAI,GACJ,CAIN,SAAS,aAAa,CAAE,YAAW,GAAG,GAA4B,CAChE,OACE,EAAC,MAAA,CACC,YAAU,gBACV,UAAW,EAAG,gEAAiE,EAAU,CACzF,GAAI,GACJ,CAIN,SAAS,WAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OACE,EAAC,EAAA,CACC,YAAU,cACV,UAAW,EACT,mEACA,+IACA,kKACA,8CACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,WAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OACE,EAAC,MAAA,CACC,YAAU,cACV,UAAW,EACT,6GACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,iBAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAC,IAAA,CACC,YAAU,oBACV,UAAW,EACT,qEACA,4GACA,oEACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,eAAe,CAAE,WAAU,YAAW,GAAG,GAA8B,CAC9E,OACE,EAAC,MAAA,CACC,YAAU,kBACV,eAAc,CAAC,CAAC,EAChB,UAAW,EAAG,4EAA6E,EAAU,CACrG,GAAI,YAEJ,EAAC,EAAA,CAAU,UAAU,2BAAA,CAA6B,CACjD,GACC,EAAC,OAAA,CACC,UAAU,wEACV,YAAU,0BAET,YACI,CAAA,EAEL,CAIV,SAAS,WAAW,CAAE,YAAW,WAAU,SAAQ,GAAG,GAA0B,CAC9E,IAAM,EAAU,MAAc,CAC5B,GAAI,EACF,OAAO,EAGT,GAAI,CAAC,GAAQ,OACX,OAAO,KAGT,IAAM,EAAe,CAAC,GAAG,IAAI,IAAI,EAAO,IAAK,GAAU,CAAC,GAAO,QAAS,EAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAM1F,OAJI,GAAc,SAAW,EACpB,EAAa,IAAI,QAIxB,EAAC,KAAA,CAAG,UAAU,8CACX,EAAa,IAAK,GAAU,GAAO,SAAW,EAAC,KAAA,CAAA,SAAwB,EAAM,QAAA,CAAtB,EAAM,QAA6B,CAAC,EACzF,EAEN,CAAC,EAAU,EAAO,CAAC,CAMtB,OAJK,EAKH,EAAC,MAAA,CACC,KAAK,QACL,YAAU,cACV,UAAW,EAAG,uCAAwC,EAAU,CAChE,GAAI,WAEH,GACG,CAXC"}
+{"version":3,"file":"field.js","names":[],"sources":["../../src/components/field.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\nimport { Label } from './label'\nimport { Separator } from './separator'\n\nexport type FieldSetProps = React.ComponentProps<'fieldset'>\n\nexport type FieldLegendProps = React.ComponentProps<'legend'> & { variant?: 'legend' | 'label' }\n\nexport type FieldGroupProps = React.ComponentProps<'div'>\n\nexport type FieldContentProps = React.ComponentProps<'div'>\n\nexport type FieldLabelProps = React.ComponentProps<typeof Label>\n\nexport type FieldTitleProps = React.ComponentProps<'div'>\n\nexport type FieldDescriptionProps = React.ComponentProps<'p'>\n\nexport type FieldSeparatorProps = React.ComponentProps<'div'> & {\n  children?: React.ReactNode\n}\n\nexport type FieldErrorProps = React.ComponentProps<'div'> & {\n  errors?: Array<{ message?: string } | undefined>\n}\n\nfunction FieldSet({ className, ...props }: FieldSetProps) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        'flex flex-col gap-4',\n        'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLegend({ className, variant = 'legend', ...props }: FieldLegendProps) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn('mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base', className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldGroup({ className, ...props }: FieldGroupProps) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        'group/field-group @container/field-group flex w-full flex-col gap-5',\n        'data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst fieldVariants = cva('data-[invalid=true]:text-destructive gap-2 group/field flex w-full', {\n  variants: {\n    orientation: {\n      vertical: 'flex-col *:w-full [&>.sr-only]:w-auto',\n      horizontal:\n        'flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n      responsive:\n        'flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px'\n    }\n  },\n  defaultVariants: {\n    orientation: 'vertical'\n  }\n})\n\nexport type FieldProps = React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>\n\nfunction Field({ className, orientation = 'vertical', ...props }: FieldProps) {\n  return (\n    <div\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldContent({ className, ...props }: FieldContentProps) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn('gap-0.5 group/field-content flex flex-1 flex-col leading-snug', className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLabel({ className, ...props }: FieldLabelProps) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        'group/field-label peer/field-label flex w-fit gap-2 leading-snug',\n        'has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10',\n        'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5',\n        'group-data-[disabled=true]/field:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldTitle({ className, ...props }: FieldTitleProps) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        'gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldDescription({ className, ...props }: FieldDescriptionProps) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        'text-muted-foreground text-left text-sm leading-normal font-normal',\n        '[[data-variant=legend]+&]:-mt-1.5 group-has-data-horizontal/field:text-balance last:mt-0 nth-last-2:-mt-1',\n        '[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldSeparator({ children, className, ...props }: FieldSeparatorProps) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn('-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative', className)}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"text-muted-foreground px-2 bg-background relative mx-auto block w-fit\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  )\n}\n\nfunction FieldError({ className, children, errors, ...props }: FieldErrorProps) {\n  const content = useMemo(() => {\n    if (children) {\n      return children\n    }\n\n    if (!errors?.length) {\n      return null\n    }\n\n    const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()]\n\n    if (uniqueErrors?.length === 1) {\n      return uniqueErrors[0]?.message\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map((error) => error?.message && <li key={error.message}>{error.message}</li>)}\n      </ul>\n    )\n  }, [children, errors])\n\n  if (!content) {\n    return null\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn('text-destructive text-sm font-normal', className)}\n      {...props}\n    >\n      {content}\n    </div>\n  )\n}\n\nexport {\n  Field,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldTitle\n}\n"],"mappings":"iRA8BA,SAAS,SAAS,CAAE,YAAW,GAAG,GAAwB,CACxD,OACE,EAAC,WAAD,CACE,YAAU,YACV,UAAW,EACT,sBACA,+EACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,SAAS,YAAY,CAAE,YAAW,UAAU,SAAU,GAAG,GAA2B,CAClF,OACE,EAAC,SAAD,CACE,YAAU,eACV,eAAc,EACd,UAAW,EAAG,kFAAmF,EAAU,CAC3G,GAAI,EACJ,CAAA,CAIN,SAAS,WAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OACE,EAAC,MAAD,CACE,YAAU,cACV,UAAW,EACT,sEACA,mEACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,MAAM,EAAgB,EAAI,qEAAsE,CAC9F,SAAU,CACR,YAAa,CACX,SAAU,wCACV,WACE,iLACF,WACE,gUACH,CACF,CACD,gBAAiB,CACf,YAAa,WACd,CACF,CAAC,CAIF,SAAS,MAAM,CAAE,YAAW,cAAc,WAAY,GAAG,GAAqB,CAC5E,OACE,EAAC,MAAD,CACE,YAAU,QACV,mBAAkB,EAClB,UAAW,EAAG,EAAc,CAAE,cAAa,CAAC,CAAE,EAAU,CACxD,GAAI,EACJ,CAAA,CAIN,SAAS,aAAa,CAAE,YAAW,GAAG,GAA4B,CAChE,OACE,EAAC,MAAD,CACE,YAAU,gBACV,UAAW,EAAG,gEAAiE,EAAU,CACzF,GAAI,EACJ,CAAA,CAIN,SAAS,WAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OACE,EAAC,EAAD,CACE,YAAU,cACV,UAAW,EACT,mEACA,+IACA,kKACA,8CACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,SAAS,WAAW,CAAE,YAAW,GAAG,GAA0B,CAC5D,OACE,EAAC,MAAD,CACE,YAAU,cACV,UAAW,EACT,6GACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,SAAS,iBAAiB,CAAE,YAAW,GAAG,GAAgC,CACxE,OACE,EAAC,IAAD,CACE,YAAU,oBACV,UAAW,EACT,qEACA,4GACA,oEACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,SAAS,eAAe,CAAE,WAAU,YAAW,GAAG,GAA8B,CAC9E,OACE,EAAC,MAAD,CACE,YAAU,kBACV,eAAc,CAAC,CAAC,EAChB,UAAW,EAAG,4EAA6E,EAAU,CACrG,GAAI,WAJN,CAME,EAAC,EAAD,CAAW,UAAU,2BAA6B,CAAA,CACjD,GACC,EAAC,OAAD,CACE,UAAU,wEACV,YAAU,0BAET,WACI,CAAA,CAEL,GAIV,SAAS,WAAW,CAAE,YAAW,WAAU,SAAQ,GAAG,GAA0B,CAC9E,IAAM,EAAU,MAAc,CAC5B,GAAI,EACF,OAAO,EAGT,GAAI,CAAC,GAAQ,OACX,OAAO,KAGT,IAAM,EAAe,CAAC,GAAG,IAAI,IAAI,EAAO,IAAK,GAAU,CAAC,GAAO,QAAS,EAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAM1F,OAJI,GAAc,SAAW,EACpB,EAAa,IAAI,QAIxB,EAAC,KAAD,CAAI,UAAU,8CACX,EAAa,IAAK,GAAU,GAAO,SAAW,EAAC,KAAD,CAAA,SAAyB,EAAM,QAAa,CAAnC,EAAM,QAA6B,CAAC,CACzF,CAAA,EAEN,CAAC,EAAU,EAAO,CAAC,CAMtB,OAJK,EAKH,EAAC,MAAD,CACE,KAAK,QACL,YAAU,cACV,UAAW,EAAG,uCAAwC,EAAU,CAChE,GAAI,WAEH,EACG,CAAA,CAXC"}

package/dist/components/group.d.ts

@@ -0,0 +1,21 @@
+import { t as __name } from "../chunk-IpJEthwI.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/group.d.ts
+declare const groupVariants: (props?: ({
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+  wrap?: boolean | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type GroupProps = React.ComponentProps<'div'> & VariantProps<typeof groupVariants>;
+declare function Group({
+  className,
+  size,
+  wrap,
+  ...props
+}: GroupProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Group, GroupProps, groupVariants };
+//# sourceMappingURL=group.d.ts.map

package/dist/components/group.js

@@ -0,0 +1,2 @@
+import"../chunk-IpJEthwI.js";import{cn as e}from"../lib/utils.js";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(`flex flex-row items-center`,{variants:{size:{xs:`gap-1`,sm:`gap-2`,md:`gap-3`,lg:`gap-4`,xl:`gap-6`},wrap:{true:`flex-wrap`,false:`flex-nowrap`}},defaultVariants:{size:`md`,wrap:!1}});function Group({className:n,size:i=`md`,wrap:a=!1,...o}){return t(`div`,{"data-slot":`group`,"data-size":i,"data-wrap":a?`true`:`false`,className:e(r({size:i,wrap:a}),n),...o})}export{Group,r as groupVariants};
+//# sourceMappingURL=group.js.map

package/dist/components/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","names":[],"sources":["../../src/components/group.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\n\nconst groupVariants = cva('flex flex-row items-center', {\n  variants: {\n    size: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-3',\n      lg: 'gap-4',\n      xl: 'gap-6'\n    },\n    wrap: {\n      true: 'flex-wrap',\n      false: 'flex-nowrap'\n    }\n  },\n  defaultVariants: {\n    size: 'md',\n    wrap: false\n  }\n})\n\nexport type GroupProps = React.ComponentProps<'div'> & VariantProps<typeof groupVariants>\n\nfunction Group({ className, size = 'md', wrap = false, ...props }: GroupProps) {\n  return (\n    <div\n      data-slot=\"group\"\n      data-size={size}\n      data-wrap={wrap ? 'true' : 'false'}\n      className={cn(groupVariants({ size, wrap }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Group, groupVariants }\n"],"mappings":"yJAMA,MAAM,EAAgB,EAAI,6BAA8B,CACtD,SAAU,CACR,KAAM,CACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACL,CACD,KAAM,CACJ,KAAM,YACN,MAAO,cACR,CACF,CACD,gBAAiB,CACf,KAAM,KACN,KAAM,GACP,CACF,CAAC,CAIF,SAAS,MAAM,CAAE,YAAW,OAAO,KAAM,OAAO,GAAO,GAAG,GAAqB,CAC7E,OACE,EAAC,MAAD,CACE,YAAU,QACV,YAAW,EACX,YAAW,EAAO,OAAS,QAC3B,UAAW,EAAG,EAAc,CAAE,OAAM,OAAM,CAAC,CAAE,EAAU,CACvD,GAAI,EACJ,CAAA"}

package/dist/components/heading.d.ts

@@ -0,0 +1,22 @@
+import { t as __name } from "../chunk-IpJEthwI.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/heading.d.ts
+declare const headingVariants: (props?: ({
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type HeadingProps = React.ComponentProps<'h2'> & VariantProps<typeof headingVariants> & {
+  asChild?: boolean;
+};
+declare function Heading({
+  className,
+  size,
+  asChild,
+  ...props
+}: HeadingProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Heading, HeadingProps, headingVariants };
+//# sourceMappingURL=heading.d.ts.map

package/dist/components/heading.js

@@ -0,0 +1,2 @@
+import"../chunk-IpJEthwI.js";import{cn as e}from"../lib/utils.js";import{Slot as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";const i=r(`text-foreground font-semibold tracking-tight`,{variants:{size:{xs:`text-lg leading-7`,sm:`text-xl leading-8`,md:`text-2xl leading-tight`,lg:`text-3xl leading-tight`,xl:`text-4xl leading-none`}},defaultVariants:{size:`md`}});function Heading({className:r,size:a=`md`,asChild:o=!1,...s}){return n(o?t.Root:`h2`,{"data-slot":`heading`,"data-size":a,className:e(i({size:a}),r),...s})}export{Heading,i as headingVariants};
+//# sourceMappingURL=heading.js.map

package/dist/components/heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","names":[],"sources":["../../src/components/heading.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Slot } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nconst headingVariants = cva('text-foreground font-semibold tracking-tight', {\n  variants: {\n    size: {\n      xs: 'text-lg leading-7',\n      sm: 'text-xl leading-8',\n      md: 'text-2xl leading-tight',\n      lg: 'text-3xl leading-tight',\n      xl: 'text-4xl leading-none'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nexport type HeadingProps = React.ComponentProps<'h2'> &\n  VariantProps<typeof headingVariants> & {\n    asChild?: boolean\n  }\n\nfunction Heading({ className, size = 'md', asChild = false, ...props }: HeadingProps) {\n  const Comp = asChild ? Slot.Root : 'h2'\n\n  return <Comp data-slot=\"heading\" data-size={size} className={cn(headingVariants({ size }), className)} {...props} />\n}\n\nexport { Heading, headingVariants }\n"],"mappings":"yLAOA,MAAM,EAAkB,EAAI,+CAAgD,CAC1E,SAAU,CACR,KAAM,CACJ,GAAI,oBACJ,GAAI,oBACJ,GAAI,yBACJ,GAAI,yBACJ,GAAI,wBACL,CACF,CACD,gBAAiB,CACf,KAAM,KACP,CACF,CAAC,CAOF,SAAS,QAAQ,CAAE,YAAW,OAAO,KAAM,UAAU,GAAO,GAAG,GAAuB,CAGpF,OAAO,EAFM,EAAU,EAAK,KAAO,KAE5B,CAAM,YAAU,UAAU,YAAW,EAAM,UAAW,EAAG,EAAgB,CAAE,OAAM,CAAC,CAAE,EAAU,CAAE,GAAI,EAAS,CAAA"}