@oneplatformdev/ui 0.1.99-beta.304 → 0.1.99-beta.306

package/DropdownMenu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction DropdownMenu({\n                        ...props\n                      }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n                              ...props\n                            }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n                               ...props\n                             }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n                               className,\n                               sideOffset = 4,\n                               ...props\n                             }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'rounded-lg border border-[#EBEBEB] p-1',\n          \"bg-[#FCFCFC] shadow-[1px_1px_10px_rgba(6,8,13,0.06)]\",\n          'text-sm text-[#06080D] font-medium leading-[1.25]',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50',\n          'max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin)',\n          'overflow-x-hidden overflow-y-auto',\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n                             ...props\n                           }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n                            className,\n                            inset,\n                            variant = \"default\",\n                            ...props\n                          }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        'relative flex items-center gap-1 rounded-md p-1',\n        'text-sm text-[#06080D] font-medium leading-[1.25]',\n        \"[&_svg:not([class*='text-'])]:text-[#06080D]\",\n        'outline-hidden select-none',\n        'focus:bg-accent focus:text-accent-foreground ',\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]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-6\",\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8',\n        'cursor-pointer',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\n\nfunction DropdownMenuCheckboxItem({\n                                    className,\n                                    children,\n                                    checked,\n                                    ...props\n                                  }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n                                  ...props\n                                }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n                                 className,\n                                 children,\n                                 ...props\n                               }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n                             className,\n                             inset,\n                             ...props\n                           }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n                                 className,\n                                 ...props\n                               }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\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({\n                                className,\n                                ...props\n                              }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n                           ...props\n                         }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n                                  className,\n                                  inset,\n                                  children,\n                                  ...props\n                                }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\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-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n                                  className,\n                                  ...props\n                                }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n  DropdownMenuPrimitive\n}\n"],"names":["DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuPortal","DropdownMenuTrigger","jsx","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuRadioGroup","DropdownMenuRadioItem","CircleIcon","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","ChevronRightIcon","DropdownMenuSubContent"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\r\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nfunction DropdownMenu({\r\n                        ...props\r\n                      }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\r\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\r\n}\r\n\r\nfunction DropdownMenuPortal({\r\n                              ...props\r\n                            }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\r\n  return (\r\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\r\n  )\r\n}\r\n\r\nfunction DropdownMenuTrigger({\r\n                               ...props\r\n                             }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\r\n  return (\r\n    <DropdownMenuPrimitive.Trigger\r\n      data-slot=\"dropdown-menu-trigger\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction DropdownMenuContent({\r\n                               className,\r\n                               sideOffset = 4,\r\n                               ...props\r\n                             }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\r\n  return (\r\n    <DropdownMenuPrimitive.Portal>\r\n      <DropdownMenuPrimitive.Content\r\n        data-slot=\"dropdown-menu-content\"\r\n        sideOffset={sideOffset}\r\n        className={cn(\r\n          'rounded-lg border border-[#EBEBEB] p-1',\r\n          \"bg-[#FCFCFC] shadow-[1px_1px_10px_rgba(6,8,13,0.06)]\",\r\n          'text-sm text-[#06080D] font-medium leading-[1.25]',\r\n          'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50',\r\n          'max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin)',\r\n          'overflow-x-hidden overflow-y-auto',\r\n          className\r\n        )}\r\n        {...props}\r\n      />\r\n    </DropdownMenuPrimitive.Portal>\r\n  )\r\n}\r\n\r\nfunction DropdownMenuGroup({\r\n                             ...props\r\n                           }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\r\n  return (\r\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\r\n  )\r\n}\r\n\r\nfunction DropdownMenuItem({\r\n                            className,\r\n                            inset,\r\n                            variant = \"default\",\r\n                            ...props\r\n                          }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\r\n  inset?: boolean\r\n  variant?: \"default\" | \"destructive\"\r\n}) {\r\n  return (\r\n    <DropdownMenuPrimitive.Item\r\n      data-slot=\"dropdown-menu-item\"\r\n      data-inset={inset}\r\n      data-variant={variant}\r\n      className={cn(\r\n        'relative flex items-center gap-1 rounded-md p-1',\r\n        'text-sm text-[#06080D] font-medium leading-[1.25]',\r\n        \"[&_svg:not([class*='text-'])]:text-[#06080D]\",\r\n        'outline-hidden select-none',\r\n        'focus:bg-accent focus:text-accent-foreground ',\r\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\",\r\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-6\",\r\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8',\r\n        'cursor-pointer',\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\n\r\nfunction DropdownMenuCheckboxItem({\r\n                                    className,\r\n                                    children,\r\n                                    checked,\r\n                                    ...props\r\n                                  }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\r\n  return (\r\n    <DropdownMenuPrimitive.CheckboxItem\r\n      data-slot=\"dropdown-menu-checkbox-item\"\r\n      className={cn(\r\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\r\n        className\r\n      )}\r\n      checked={checked}\r\n      {...props}\r\n    >\r\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\r\n        <DropdownMenuPrimitive.ItemIndicator>\r\n          <CheckIcon className=\"size-4\" />\r\n        </DropdownMenuPrimitive.ItemIndicator>\r\n      </span>\r\n      {children}\r\n    </DropdownMenuPrimitive.CheckboxItem>\r\n  )\r\n}\r\n\r\nfunction DropdownMenuRadioGroup({\r\n                                  ...props\r\n                                }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\r\n  return (\r\n    <DropdownMenuPrimitive.RadioGroup\r\n      data-slot=\"dropdown-menu-radio-group\"\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction DropdownMenuRadioItem({\r\n                                 className,\r\n                                 children,\r\n                                 ...props\r\n                               }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\r\n  return (\r\n    <DropdownMenuPrimitive.RadioItem\r\n      data-slot=\"dropdown-menu-radio-item\"\r\n      className={cn(\r\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\r\n        <DropdownMenuPrimitive.ItemIndicator>\r\n          <CircleIcon className=\"size-2 fill-current\" />\r\n        </DropdownMenuPrimitive.ItemIndicator>\r\n      </span>\r\n      {children}\r\n    </DropdownMenuPrimitive.RadioItem>\r\n  )\r\n}\r\n\r\nfunction DropdownMenuLabel({\r\n                             className,\r\n                             inset,\r\n                             ...props\r\n                           }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\r\n  inset?: boolean\r\n}) {\r\n  return (\r\n    <DropdownMenuPrimitive.Label\r\n      data-slot=\"dropdown-menu-label\"\r\n      data-inset={inset}\r\n      className={cn(\r\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction DropdownMenuSeparator({\r\n                                 className,\r\n                                 ...props\r\n                               }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\r\n  return (\r\n    <DropdownMenuPrimitive.Separator\r\n      data-slot=\"dropdown-menu-separator\"\r\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction DropdownMenuShortcut({\r\n                                className,\r\n                                ...props\r\n                              }: React.ComponentProps<\"span\">) {\r\n  return (\r\n    <span\r\n      data-slot=\"dropdown-menu-shortcut\"\r\n      className={cn(\r\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction DropdownMenuSub({\r\n                           ...props\r\n                         }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\r\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\r\n}\r\n\r\nfunction DropdownMenuSubTrigger({\r\n                                  className,\r\n                                  inset,\r\n                                  children,\r\n                                  ...props\r\n                                }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\r\n  inset?: boolean\r\n}) {\r\n  return (\r\n    <DropdownMenuPrimitive.SubTrigger\r\n      data-slot=\"dropdown-menu-sub-trigger\"\r\n      data-inset={inset}\r\n      className={cn(\r\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      {children}\r\n      <ChevronRightIcon className=\"ml-auto size-4\" />\r\n    </DropdownMenuPrimitive.SubTrigger>\r\n  )\r\n}\r\n\r\nfunction DropdownMenuSubContent({\r\n                                  className,\r\n                                  ...props\r\n                                }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\r\n  return (\r\n    <DropdownMenuPrimitive.SubContent\r\n      data-slot=\"dropdown-menu-sub-content\"\r\n      className={cn(\r\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nexport {\r\n  DropdownMenu,\r\n  DropdownMenuPortal,\r\n  DropdownMenuTrigger,\r\n  DropdownMenuContent,\r\n  DropdownMenuGroup,\r\n  DropdownMenuLabel,\r\n  DropdownMenuItem,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuRadioGroup,\r\n  DropdownMenuRadioItem,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuShortcut,\r\n  DropdownMenuSub,\r\n  DropdownMenuSubTrigger,\r\n  DropdownMenuSubContent,\r\n  DropdownMenuPrimitive\r\n}\r\n"],"names":["DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuPortal","DropdownMenuTrigger","jsx","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuRadioGroup","DropdownMenuRadioItem","CircleIcon","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","ChevronRightIcon","DropdownMenuSubContent"],"mappings":"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"}

package/Dropzone/Dropzone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEL,eAAe,EACf,aAAa,EAEd,MAAM,kBAAkB,CAAC;AAgG1B;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,2GAgkBpB,CAAC"}
+{"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEL,eAAe,EACf,aAAa,EAEd,MAAM,kBAAkB,CAAC;AAgG1B;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,2GAokBpB,CAAC"}

package/Dropzone/Dropzone.js

@@ -10,66 +10,65 @@ import { DropzoneFileCard as Oe } from "./DropzoneFileCard.js";
 import { FilePreview as Te } from "./DropzoneFilePreview.js";
 import { DropzoneSinglePickPreview as qe } from "./DropzoneSinglePickPreview.js";
 import { isFile as F, isVideoUrl as He, extractName as oe } from "./DropzoneUtils.js";
-import { Button as Je } from "../Button/Button.js";
-import "../Button/buttonVariants.js";
-import Pe from "./icons/file-csv.svg.js";
-import Ye from "./icons/file-doc.svg.js";
-import Ze from "./icons/file-docx.svg.js";
-import ie from "./icons/file-jpg.svg.js";
-import Qe from "./icons/file-pdf.svg.js";
-import Ue from "./icons/file-png.svg.js";
-import Ve from "./icons/file-ppt.svg.js";
-import et from "./icons/file-pptx.svg.js";
-import tt from "./icons/file-rar.svg.js";
-import rt from "./icons/file-svg.svg.js";
-import lt from "./icons/file-webp.svg.js";
-import ot from "./icons/file-xls.svg.js";
-import it from "./icons/file-xlsx.svg.js";
+import Je from "./icons/file-csv.svg.js";
+import Pe from "./icons/file-doc.svg.js";
+import Ye from "./icons/file-docx.svg.js";
+import ne from "./icons/file-jpg.svg.js";
+import Ze from "./icons/file-pdf.svg.js";
+import Qe from "./icons/file-png.svg.js";
+import Ue from "./icons/file-ppt.svg.js";
+import Ve from "./icons/file-pptx.svg.js";
+import et from "./icons/file-rar.svg.js";
+import tt from "./icons/file-svg.svg.js";
+import rt from "./icons/file-webp.svg.js";
+import lt from "./icons/file-xls.svg.js";
+import ot from "./icons/file-xlsx.svg.js";
 import nt from "./icons/file-zip.svg.js";
+import { Button as it } from "../Button/Button.js";
 const z = (l = 0) => {
   if (!l || l < 0) return "0 KB";
-  const s = 1024, d = s * 1024, m = d * 1024;
-  if (l >= m) return `${(l / m).toFixed(2)} GB`;
+  const c = 1024, d = c * 1024, f = d * 1024;
+  if (l >= f) return `${(l / f).toFixed(2)} GB`;
   if (l >= d) {
-    const a = l / d;
-    return `${a >= 100 ? a.toFixed(0) : a.toFixed(2)} MB`;
+    const m = l / d;
+    return `${m >= 100 ? m.toFixed(0) : m.toFixed(2)} MB`;
   }
-  return l >= s ? `${(l / s).toFixed(l / s >= 100 ? 0 : 1)} KB` : `${l} B`;
+  return l >= c ? `${(l / c).toFixed(l / c >= 100 ? 0 : 1)} KB` : `${l} B`;
 }, st = {
-  csv: Pe,
-  doc: Ye,
-  docx: Ze,
-  jpg: ie,
-  jpeg: ie,
-  pdf: Qe,
-  png: Ue,
-  ppt: Ve,
-  pptx: et,
-  rar: tt,
-  svg: rt,
-  webp: lt,
-  xls: ot,
-  xlsx: it,
+  csv: Je,
+  doc: Pe,
+  docx: Ye,
+  jpg: ne,
+  jpeg: ne,
+  pdf: Ze,
+  png: Qe,
+  ppt: Ue,
+  pptx: Ve,
+  rar: et,
+  svg: tt,
+  webp: rt,
+  xls: lt,
+  xlsx: ot,
   zip: nt
 }, ct = (l) => {
   if (!l) return "";
-  const s = l.toLowerCase().split(".");
-  return s.length > 1 ? s[s.length - 1] : "";
-}, ne = (l) => {
-  const s = ct(l);
-  return st[s] ?? null;
-}, at = (l, s) => {
-  if (l === s) return !0;
-  if (l.length !== s.length) return !1;
+  const c = l.toLowerCase().split(".");
+  return c.length > 1 ? c[c.length - 1] : "";
+}, ie = (l) => {
+  const c = ct(l);
+  return st[c] ?? null;
+}, at = (l, c) => {
+  if (l === c) return !0;
+  if (l.length !== c.length) return !1;
   for (let d = 0; d < l.length; d++) {
-    const m = l[d], a = s[d];
-    if (m !== a) {
-      if (typeof m == "string" && typeof a == "string") {
-        if (m !== a) return !1;
+    const f = l[d], m = c[d];
+    if (f !== m) {
+      if (typeof f == "string" && typeof m == "string") {
+        if (f !== m) return !1;
         continue;
       }
-      if (F(m) && F(a)) {
-        if (m.name !== a.name || m.size !== a.size || m.type !== a.type || m.lastModified !== a.lastModified)
+      if (F(f) && F(m)) {
+        if (f.name !== m.name || f.size !== m.size || f.type !== m.type || f.lastModified !== m.lastModified)
           return !1;
         continue;
       }
@@ -77,28 +76,28 @@ const z = (l = 0) => {
     }
   }
   return !0;
-}, dt = _e(
+}, mt = _e(
   ({
     acceptTypes: l = Ke,
-    maxSizeMB: s,
+    maxSizeMB: c,
     maxFiles: d = 1,
-    onErrors: m,
-    hideErrors: a = !1,
-    disabled: f = !1,
-    classNames: b,
-    value: I,
+    onErrors: f,
+    hideErrors: m = !1,
+    disabled: s = !1,
+    classNames: I,
+    value: b,
     onChangeValue: q,
     className: se,
     labelDropzonePrompt: R = "Drop files here or click to select",
     labelDropzoneSubPrompt: ce = "",
     labelOrClickToSelect: ae = "Upload file",
-    labelSelectedFiles: de = "Selected Files",
-    labelUploadErrors: me = "Upload Errors",
+    labelSelectedFiles: me = "Selected Files",
+    labelUploadErrors: de = "Upload Errors",
     labelFileTooLarge: k = "File is too large",
     labelInvalidFileType: y = "Invalid file type",
     labelVideoUploaded: fe = "Uploaded",
     labelVideoReplace: pe = "Replace",
-    singlePick: n = !1,
+    singlePick: i = !1,
     labelDropzoneClassname: xe,
     labelDropzoneSubClassname: he,
     isUploading: p = !1,
@@ -116,48 +115,48 @@ const z = (l = 0) => {
     previewVariant: h = "default",
     coverFirstItem: ze = !1,
     ...$
-  }, be) => {
-    const [o, A] = re(I ?? []), [u, P] = re([]), w = o[0], L = u[0]?.file, Ie = !!L?.type?.includes("image"), G = n && o.length > 0 && F(w), Ee = G && w.type.includes("image"), Y = G && w.type.includes("video") || n && o.length > 0 && typeof w == "string" && He(w), X = G && !Ee && !Y, Z = n && !o.length && !!L && !Ie, v = X ? w : L, S = ne(v?.name), j = n && Y, De = j, B = n && o.length > 0, ye = B && !X && !j, N = h === "file-list" && !n && o.length >= d, Ae = (e, c) => {
-      P(c), m?.(c);
-      const i = n ? e.slice(0, 1) : [...o, ...e].slice(0, d);
-      A(i), q?.(i);
+  }, Ie) => {
+    const [o, A] = re(b ?? []), [u, P] = re([]), w = o[0], L = u[0]?.file, be = !!L?.type?.includes("image"), G = i && o.length > 0 && F(w), Ee = G && w.type.includes("image"), Y = G && w.type.includes("video") || i && o.length > 0 && typeof w == "string" && He(w), X = G && !Ee && !Y, Z = i && !o.length && !!L && !be, v = X ? w : L, S = ie(v?.name), j = i && Y, De = j, B = i && o.length > 0, ye = B && !X && !j, N = h === "file-list" && !i && o.length >= d, Ae = (e, a) => {
+      P(a), f?.(a);
+      const n = i ? e.slice(0, 1) : [...o, ...e].slice(0, d);
+      A(n), q?.(n);
     };
     $e(() => {
-      I && !at(o, I) && A(I);
-    }, [o, I]);
-    const E = (e, c) => {
-      if (f) return;
+      b && !at(o, b) && A(b);
+    }, [o, b]);
+    const E = (e, a) => {
+      if (s) return;
       e.stopPropagation();
-      const i = o.filter((g, C) => C !== c);
-      A(i), q?.(i);
+      const n = o.filter((g, C) => C !== a);
+      A(n), q?.(n);
     }, { getRootProps: Se, getInputProps: je, isDragActive: Be, open: K } = Ge({
       onDrop: Ae,
-      accept: l.reduce((e, c) => (e[c] = [], e), {}),
-      maxSize: s * 1024 * 1024,
-      maxFiles: n ? 1 : d,
-      disabled: f || p || N,
+      accept: l.reduce((e, a) => (e[a] = [], e), {}),
+      maxSize: c * 1024 * 1024,
+      maxFiles: i ? 1 : d,
+      disabled: s || p || N,
       noClick: !0
     });
-    Le(be, () => ({
+    Le(Ie, () => ({
       setItems: A
     }), []);
-    const D = ze && h === "image-grid" && !n && o.length > 0, O = !p && !n && _ && o.length > 0, T = D ? o.slice(1) : o, Q = !f && !n && h === "image-grid" && o.length > 0 && o.length < d, Me = !n && h === "image-grid" && (_ || o.length === 0), U = !p && !n && (T.length > 0 || Q) && /* @__PURE__ */ r("div", { className: x("w-full mt-2", b?.previewWrapper), children: [
+    const D = ze && h === "image-grid" && !i && o.length > 0, O = !p && !i && _ && o.length > 0, T = D ? o.slice(1) : o, Q = !s && !i && h === "image-grid" && o.length > 0 && o.length < d, Me = !i && h === "image-grid" && (_ || o.length === 0), U = !p && !i && (T.length > 0 || Q) && /* @__PURE__ */ r("div", { className: x("w-full mt-2", I?.previewWrapper), children: [
       h === "default" && /* @__PURE__ */ r("pre", { className: "font-semibold text-gray-600", children: [
-        de,
+        me,
         ":"
       ] }),
-      h === "file-list" ? /* @__PURE__ */ t("div", { className: "mt-2 flex flex-col gap-2", children: T.map((e, c) => {
-        const i = F(e) ? e.name : oe(e), g = F(e) ? z(e.size) : "";
+      h === "file-list" ? /* @__PURE__ */ t("div", { className: "mt-2 flex flex-col gap-2", children: T.map((e, a) => {
+        const n = F(e) ? e.name : oe(e), g = F(e) ? z(e.size) : "";
         return /* @__PURE__ */ t(
           Oe,
           {
-            name: i,
+            name: n,
             sizeLabel: g,
-            iconSrc: ne(i),
-            disabled: f,
-            onRemove: (C) => E(C, c)
+            iconSrc: ie(n),
+            disabled: s,
+            onRemove: (C) => E(C, a)
           },
-          c
+          a
         );
       }) }) : /* @__PURE__ */ r(
         "ul",
@@ -167,8 +166,8 @@ const z = (l = 0) => {
             h === "image-grid" ? "gap-2 justify-start" : "gap-4 justify-center"
           ),
           children: [
-            T.map((e, c) => {
-              const i = D ? c + 1 : c, g = F(e) ? e.name : oe(e), C = F(e) ? z(e.size) : "";
+            T.map((e, a) => {
+              const n = D ? a + 1 : a, g = F(e) ? e.name : oe(e), C = F(e) ? z(e.size) : "";
               return /* @__PURE__ */ r(
                 "li",
                 {
@@ -178,15 +177,15 @@ const z = (l = 0) => {
                   ),
                   children: [
                     /* @__PURE__ */ r("div", { className: "relative w-full h-full", children: [
-                      h === "image-grid" ? /* @__PURE__ */ t(le, { item: e, className: "rounded-[8px]" }) : /* @__PURE__ */ t(Te, { item: e, styles: b }),
-                      /* @__PURE__ */ t(
+                      h === "image-grid" ? /* @__PURE__ */ t(le, { item: e, className: "rounded-[8px]" }) : /* @__PURE__ */ t(Te, { item: e, styles: I }),
+                      !s && /* @__PURE__ */ t(
                         "div",
                         {
                           className: x(
                             "absolute top-0 right-0 z-20 cursor-pointer bg-gray-300 rounded-sm",
                             h === "image-grid" && "top-1 right-1 bg-white/90 rounded-full p-0.5"
                           ),
-                          onClick: (Re) => E(Re, i),
+                          onClick: (Re) => E(Re, n),
                           children: /* @__PURE__ */ t(M, { size: 16, strokeWidth: 1, color: "black" })
                         }
                       )
@@ -201,7 +200,7 @@ const z = (l = 0) => {
                     ] })
                   ]
                 },
-                i
+                n
               );
             }),
             Q && /* @__PURE__ */ t(
@@ -209,7 +208,7 @@ const z = (l = 0) => {
               {
                 className: "relative w-[75px] h-[75px] flex items-center justify-center rounded-[8px] border border-dashed border-[#9368FF80] bg-[#FCFCFC] cursor-pointer hover:bg-[#9368FF0F]",
                 onClick: (e) => {
-                  e.stopPropagation(), !(f || p) && K();
+                  e.stopPropagation(), !(s || p) && K();
                 },
                 children: /* @__PURE__ */ t("div", { className: "flex size-6 items-center justify-center rounded-full bg-[#9368FF1F]", children: /* @__PURE__ */ t(ke, { size: 16, className: "text-[#9368FF]" }) })
               },
@@ -226,7 +225,7 @@ const z = (l = 0) => {
           ...$,
           ...Se({
             onClick: (e) => {
-              if (!(f || p || N)) {
+              if (!(s || p || N)) {
                 if (De) {
                   $.onClick?.(e);
                   return;
@@ -241,11 +240,11 @@ const z = (l = 0) => {
             B && "min-h-0 border-0 bg-transparent p-0",
             Me && "aspect-video h-auto",
             D && "relative",
-            f && "border-[#E4E4E7] pointer-events-none",
+            s && "border-[#E4E4E7] pointer-events-none",
             u.length > 0 && !B && "border-red-500",
             Be && "bg-gray-100",
-            n && "shadow-none!",
-            n && o.length > 0 && !j && "p-0! shadow-none!",
+            i && "shadow-none!",
+            i && o.length > 0 && !j && "p-0! shadow-none!",
             j && "h-auto! max-h-none! min-h-0! p-2!",
             ye && "h-64",
             N && O && "border-[#E4E4E7] bg-[#F5F5F5] cursor-default pointer-events-none",
@@ -305,7 +304,7 @@ const z = (l = 0) => {
                 onClick: (e) => e.stopPropagation(),
                 children: [
                   /* @__PURE__ */ t(le, { item: o[0], className: "rounded-[8px]" }),
-                  /* @__PURE__ */ t(
+                  !s && /* @__PURE__ */ t(
                     "div",
                     {
                       className: "absolute top-2 right-2 z-20 cursor-pointer bg-white/90 rounded-full p-1",
@@ -316,12 +315,12 @@ const z = (l = 0) => {
                 ]
               }
             ),
-            !p && (o.length === 0 || !n && _) && (u.length === 0 || !n) && /* @__PURE__ */ r(
+            !p && (o.length === 0 || !i && _) && (u.length === 0 || !i) && /* @__PURE__ */ r(
               "div",
               {
                 className: x(
                   "flex flex-col items-center gap-2 w-full",
-                  b?.idleWrapper,
+                  I?.idleWrapper,
                   D && "invisible"
                 ),
                 children: [
@@ -330,20 +329,20 @@ const z = (l = 0) => {
                     {
                       className: x(
                         "flex size-12 items-center justify-center rounded-full bg-[#9368FF1F]",
-                        N && "bg-[#EDEDF0]"
+                        (N || s) && "bg-[#EDEDF0]"
                       ),
                       children: /* @__PURE__ */ t(
                         We,
                         {
                           className: x(
                             "size-6 text-[#9368FF]",
-                            N && "text-[#A1A1AA]"
+                            (N || s) && "text-[#A1A1AA]"
                           )
                         }
                       )
                     }
                   ),
-                  /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-1 w-full", children: !f && /* @__PURE__ */ r(V, { children: [
+                  /* @__PURE__ */ t("div", { className: "flex flex-col items-center gap-1 w-full", children: !s && /* @__PURE__ */ r(V, { children: [
                     /* @__PURE__ */ t(
                       "span",
                       {
@@ -366,8 +365,8 @@ const z = (l = 0) => {
                       }
                     )
                   ] }) }),
-                  !f && /* @__PURE__ */ t(
-                    Je,
+                  !s && /* @__PURE__ */ t(
+                    it,
                     {
                       type: "button",
                       size: "md",
@@ -378,24 +377,24 @@ const z = (l = 0) => {
                 ]
               }
             ),
-            !p && n && u.length > 0 && !Z && /* @__PURE__ */ r("div", { className: x("w-full mt-4", b?.errorWrapper), children: [
+            !p && i && u.length > 0 && !Z && /* @__PURE__ */ r("div", { className: x("w-full mt-4", I?.errorWrapper), children: [
               /* @__PURE__ */ r("span", { className: "font-semibold text-red-500", children: [
-                me,
+                de,
                 ":"
               ] }),
-              /* @__PURE__ */ t("ul", { className: "mt-2 text-sm text-red-500 list-disc list-inside", children: u.map((e, c) => /* @__PURE__ */ r("li", { children: [
+              /* @__PURE__ */ t("ul", { className: "mt-2 text-sm text-red-500 list-disc list-inside", children: u.map((e, a) => /* @__PURE__ */ r("li", { children: [
                 e.file.name,
                 " (",
                 z(e.file.size),
                 ")",
-                !a && /* @__PURE__ */ t("ul", { className: "ml-4 list-disc list-inside", children: e.errors.map((i, g) => /* @__PURE__ */ r("li", { children: [
-                  i.code === "file-too-large" && k,
-                  i.code === "file-invalid-type" && y,
-                  i.code !== "file-too-large" && i.code !== "file-invalid-type" && i.message
+                !m && /* @__PURE__ */ t("ul", { className: "ml-4 list-disc list-inside", children: e.errors.map((n, g) => /* @__PURE__ */ r("li", { children: [
+                  n.code === "file-too-large" && k,
+                  n.code === "file-invalid-type" && y,
+                  n.code !== "file-too-large" && n.code !== "file-invalid-type" && n.message
                 ] }, g)) })
-              ] }, c)) })
+              ] }, a)) })
             ] }),
-            !p && !!(n && o.length) && /* @__PURE__ */ t(V, { children: X ? /* @__PURE__ */ r(
+            !p && !!(i && o.length) && /* @__PURE__ */ t(V, { children: X ? /* @__PURE__ */ r(
               "div",
               {
                 className: "w-full max-w-[502px] flex flex-col items-center gap-4",
@@ -415,7 +414,7 @@ const z = (l = 0) => {
                       /* @__PURE__ */ t("span", { className: "w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate", children: W?.name || v?.name }),
                       /* @__PURE__ */ t("span", { className: "w-full text-[12px] font-medium leading-[120%] text-[#666A78]", children: z(W?.size || v?.size) })
                     ] }),
-                    !f && /* @__PURE__ */ t(
+                    !s && /* @__PURE__ */ t(
                       "div",
                       {
                         className: "size-6 flex items-center justify-center cursor-pointer",
@@ -432,12 +431,12 @@ const z = (l = 0) => {
                 item: o[0],
                 onRemoveClick: (e) => E(e, 0),
                 onReplaceClick: (e) => {
-                  e.stopPropagation(), !f && K();
+                  e.stopPropagation(), !s && K();
                 },
                 labelUploaded: fe,
                 labelReplace: pe,
                 fileInfo: W,
-                disabled: f,
+                disabled: s,
                 playerTranslations: Ce
               }
             ) }),
@@ -461,7 +460,7 @@ const z = (l = 0) => {
                       /* @__PURE__ */ t("span", { className: "w-full text-[14px] font-semibold leading-[125%] text-[#06080D] truncate", children: v?.name }),
                       /* @__PURE__ */ t("span", { className: "w-full text-[12px] font-medium leading-[120%] text-[#666A78]", children: v ? `${(v.size / (1024 * 1024)).toFixed(0)} MB` : "" })
                     ] }),
-                    !f && /* @__PURE__ */ t(
+                    !s && /* @__PURE__ */ t(
                       "div",
                       {
                         className: "size-6 flex items-center justify-center cursor-pointer",
@@ -484,12 +483,12 @@ const z = (l = 0) => {
         }
       ),
       O && /* @__PURE__ */ t("div", { className: "w-full", children: U }),
-      !p && !n && u.length > 0 && /* @__PURE__ */ t(
+      !p && !i && u.length > 0 && /* @__PURE__ */ t(
         "div",
         {
-          className: x("w-full mt-4 flex flex-col gap-2", b?.errorWrapper),
-          children: u.map((e, c) => {
-            const i = e.errors[0], g = i?.code === "file-too-large" ? k : i?.code === "file-invalid-type" ? y : i?.message || y;
+          className: x("w-full mt-4 flex flex-col gap-2", I?.errorWrapper),
+          children: u.map((e, a) => {
+            const n = e.errors[0], g = n?.code === "file-too-large" ? k : n?.code === "file-invalid-type" ? y : n?.message || y;
             return /* @__PURE__ */ r(
               "div",
               {
@@ -503,7 +502,7 @@ const z = (l = 0) => {
                   ] })
                 ]
               },
-              c
+              a
             );
           })
         }
@@ -511,8 +510,8 @@ const z = (l = 0) => {
     ] });
   }
 );
-dt.displayName = "Dropzone";
+mt.displayName = "Dropzone";
 export {
-  dt as Dropzone
+  mt as Dropzone
 };
 //# sourceMappingURL=Dropzone.js.map