brd-ui-kit 0.1.75 → 0.1.76

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

@@ -1,5 +1,4 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import "react";
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
 import "@radix-ui/react-accessible-icon";
 import "@radix-ui/react-accordion";
 import "@radix-ui/react-alert-dialog";
@@ -39,7 +38,7 @@ import { Icon as m } from "./components-ui-icon-icon.js";
 import { cn as d } from "./lib-utils.js";
 import { dropdownMenuIconClassName as p, dropdownMenuItemClassName as h, dropdownMenuContentClassName as f, dropdownMenuLabelClassName as M, dropdownMenuSeparatorClassName as y, dropdownMenuSubTriggerClassName as x, dropdownMenuReadonlyItemTextClassName as k, dropdownMenuItemTextClassName as D, dropdownMenuShortcutClassName as I } from "./components-ui-dropdown-menu-dropdown-menu.styles.js";
 function b({ ...e }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(
     a.Root,
     {
       "data-slot": "dropdown-menu",
@@ -48,7 +47,7 @@ function b({ ...e }) {
   );
 }
 function w({ ...e }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(
     a.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -58,34 +57,34 @@ function w({ ...e }) {
 }
 function N({
   className: e,
-  sideOffset: n = 4,
+  sideOffset: r = 4,
   align: t = "end",
   ...l
 }) {
-  return /* @__PURE__ */ r(a.Portal, { children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(a.Portal, { children: /* @__PURE__ */ n(
     a.Content,
     {
       "data-slot": "dropdown-menu-content",
-      sideOffset: n,
+      sideOffset: r,
       align: t,
       className: d(f, e),
       ...l
     }
   ) });
 }
-function S({ className: e, ...n }) {
-  return /* @__PURE__ */ r(
+function S({ className: e, ...r }) {
+  return /* @__PURE__ */ n(
     a.Item,
     {
       "data-slot": "dropdown-menu-item",
       className: d(h, e),
-      ...n
+      ...r
     }
   );
 }
 function T({
   className: e,
-  children: n,
+  children: r,
   checked: t,
   itemIndicator: l,
   closeOnSelect: c = !0,
@@ -104,7 +103,7 @@ function T({
       },
       ...u,
       children: [
-        C && /* @__PURE__ */ r(a.ItemIndicator, { children: l ?? /* @__PURE__ */ r(
+        C && /* @__PURE__ */ n(a.ItemIndicator, { children: l ?? /* @__PURE__ */ n(
           m,
           {
             type: "check",
@@ -112,21 +111,21 @@ function T({
             className: p
           }
         ) }),
-        n
+        r
       ]
     }
   );
 }
-function ge({
+function Ne({
   trigger: e,
-  items: n,
+  items: r,
   onItemCheckedChange: t,
   contentProps: l,
   keepOpenOnItemSelect: c = !0
 }) {
   return /* @__PURE__ */ s(b, { children: [
-    /* @__PURE__ */ r(w, { asChild: !0, children: e }),
-    /* @__PURE__ */ r(N, { ...l, children: n.map((o) => /* @__PURE__ */ r(
+    /* @__PURE__ */ n(w, { asChild: !0, children: e }),
+    /* @__PURE__ */ n(N, { ...l, children: r.map((o) => /* @__PURE__ */ n(
       T,
       {
         checked: o.checked,
@@ -144,7 +143,7 @@ function ge({
               (o.endAdornment || o.checkedEndAdornment) && "justify-between"
             ),
             children: [
-              /* @__PURE__ */ r("span", { children: o.label }),
+              /* @__PURE__ */ n("span", { children: o.label }),
               o.checked ? o.checkedEndAdornment ?? o.endAdornment : o.endAdornment
             ]
           }
@@ -154,53 +153,53 @@ function ge({
     )) })
   ] });
 }
-function O({ className: e, ...n }) {
-  return /* @__PURE__ */ r(
+function O({ className: e, ...r }) {
+  return /* @__PURE__ */ n(
     a.Label,
     {
       "data-slot": "dropdown-menu-label",
       className: d(M, e),
-      ...n
+      ...r
     }
   );
 }
-function j({ className: e, ...n }) {
-  return /* @__PURE__ */ r(
+function j({ className: e, ...r }) {
+  return /* @__PURE__ */ n(
     a.Separator,
     {
       "data-slot": "dropdown-menu-separator",
       className: d(y, e),
-      ...n
+      ...r
     }
   );
 }
-function v({ className: e, ...n }) {
-  return /* @__PURE__ */ r(
+function v({ className: e, ...r }) {
+  return /* @__PURE__ */ n(
     a.SubTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
       className: d(x, e),
-      ...n
+      ...r
     }
   );
 }
 function A({
   className: e,
-  sideOffset: n = 4,
+  sideOffset: r = 4,
   ...t
 }) {
-  return /* @__PURE__ */ r(a.Portal, { children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(a.Portal, { children: /* @__PURE__ */ n(
     a.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
-      sideOffset: n,
+      sideOffset: r,
       className: d(f, e),
       ...t
     }
   ) });
 }
 function L(e) {
-  return e.icon ? /* @__PURE__ */ r("span", { className: p, children: e.icon }) : e.iconType ? /* @__PURE__ */ r(
+  return e.icon ? /* @__PURE__ */ n("span", { className: p, children: e.icon }) : e.iconType ? /* @__PURE__ */ n(
     m,
     {
       type: e.iconType,
@@ -208,20 +207,20 @@ function L(e) {
     }
   ) : null;
 }
-function g(e, n) {
+function g(e, r) {
   const t = e.id ?? e.type + ("label" in e ? e.label : "");
   if (e.type === "separator")
-    return /* @__PURE__ */ r(j, {}, t);
+    return /* @__PURE__ */ n(j, {}, t);
   if (e.type === "label")
-    return /* @__PURE__ */ r(O, { children: e.label }, t);
+    return /* @__PURE__ */ n(O, { children: e.label }, t);
   const l = e.readOnly ? null : L(e);
   return e.children?.length ? /* @__PURE__ */ s(a.Sub, { children: [
     /* @__PURE__ */ s(v, { disabled: e.disabled, children: [
       /* @__PURE__ */ s("span", { className: "flex items-center gap-2", children: [
         l,
-        /* @__PURE__ */ r("span", { children: e.label })
+        /* @__PURE__ */ n("span", { children: e.label })
       ] }),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ n(
         m,
         {
           type: "caret-right",
@@ -230,7 +229,7 @@ function g(e, n) {
         }
       )
     ] }),
-    /* @__PURE__ */ r(A, { children: e.children.map((c) => g(c, n)) })
+    /* @__PURE__ */ n(A, { children: e.children.map((c) => g(c, r)) })
   ] }, t) : /* @__PURE__ */ s(
     S,
     {
@@ -245,11 +244,11 @@ function g(e, n) {
           c.preventDefault();
           return;
         }
-        e.onSelect?.(), n?.(e);
+        e.onSelect?.(), r?.(e);
       },
       children: [
         l,
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ n(
           "span",
           {
             className: d(
@@ -259,26 +258,26 @@ function g(e, n) {
             children: e.label
           }
         ),
-        e.shortcut && !e.readOnly ? /* @__PURE__ */ r("span", { className: I, children: e.shortcut }) : null
+        e.shortcut && !e.readOnly ? /* @__PURE__ */ n("span", { className: I, children: e.shortcut }) : null
       ]
     },
     t
   );
 }
-function Ce({
+function ge({
   trigger: e,
-  items: n,
+  items: r,
   onAction: t,
   contentProps: l
 }) {
   return /* @__PURE__ */ s(b, { children: [
-    /* @__PURE__ */ r(w, { asChild: !0, children: e }),
-    /* @__PURE__ */ r(N, { ...l, children: n.map((c) => g(c, t)) })
+    /* @__PURE__ */ n(w, { asChild: !0, children: e }),
+    /* @__PURE__ */ n(N, { ...l, children: r.map((c) => g(c, t)) })
   ] });
 }
 export {
-  ge as CheckboxDropdownMenu,
-  Ce as ConfigurableDropdownMenu,
+  Ne as CheckboxDropdownMenu,
+  ge as ConfigurableDropdownMenu,
   b as DropdownMenu,
   T as DropdownMenuCheckboxItem,
   N as DropdownMenuContent,

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

@@ -1 +1 @@
-{"version":3,"file":"components-ui-dropdown-menu-dropdown-menu.js","sources":["../src/components/ui/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport type { IconName } from \"phosphor-strokes-icons/by-name\";\n\nimport { Icon } from \"@/components/ui/icon\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  dropdownMenuContentClassName,\n  dropdownMenuIconClassName,\n  dropdownMenuItemClassName,\n  dropdownMenuLabelClassName,\n  dropdownMenuSeparatorClassName,\n  dropdownMenuShortcutClassName,\n  dropdownMenuSubTriggerClassName,\n  dropdownMenuItemTextClassName,\n  dropdownMenuReadonlyItemTextClassName,\n} from \"./dropdown-menu.styles\";\n\ntype DropdownMenuRef = React.ComponentRef<typeof DropdownMenuPrimitive.Root>;\ntype DropdownMenuProps = React.ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.Root\n> & {\n  ref?: React.Ref<DropdownMenuRef>;\n};\n\ntype DropdownMenuTriggerRef = React.ComponentRef<typeof DropdownMenuPrimitive.Trigger>;\ntype DropdownMenuTriggerProps = React.ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.Trigger\n> & {\n  ref?: React.Ref<DropdownMenuTriggerRef>;\n};\n\ntype DropdownMenuContentRef = React.ComponentRef<typeof DropdownMenuPrimitive.Content>;\ntype DropdownMenuContentProps = React.ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.Content\n> & {\n  ref?: React.Ref<DropdownMenuContentRef>;\n};\n\ntype DropdownMenuItemRef = React.ComponentRef<typeof DropdownMenuPrimitive.Item>;\ntype DropdownMenuItemProps = React.ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.Item\n> & {\n  ref?: React.Ref<DropdownMenuItemRef>;\n};\n\ntype DropdownMenuCheckboxItemRef = React.ComponentRef<\n  typeof DropdownMenuPrimitive.CheckboxItem\n>;\ntype DropdownMenuCheckboxItemProps = React.ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.CheckboxItem\n> & {\n  ref?: React.Ref<DropdownMenuCheckboxItemRef>;\n  itemIndicator?: React.ReactNode;\n  closeOnSelect?: boolean;\n};\n\ntype DropdownMenuLabelRef = React.ComponentRef<typeof DropdownMenuPrimitive.Label>;\ntype DropdownMenuLabelProps = React.ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.Label\n> & {\n  ref?: React.Ref<DropdownMenuLabelRef>;\n};\n\ntype DropdownMenuSeparatorRef = React.ComponentRef<\n  typeof DropdownMenuPrimitive.Separator\n>;\ntype DropdownMenuSeparatorProps = React.ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.Separator\n> & {\n  ref?: React.Ref<DropdownMenuSeparatorRef>;\n};\n\ntype DropdownMenuSubTriggerRef = React.ComponentRef<\n  typeof DropdownMenuPrimitive.SubTrigger\n>;\ntype DropdownMenuSubTriggerProps = React.ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.SubTrigger\n> & {\n  ref?: React.Ref<DropdownMenuSubTriggerRef>;\n};\n\ntype DropdownMenuSubContentRef = React.ComponentRef<\n  typeof DropdownMenuPrimitive.SubContent\n>;\ntype DropdownMenuSubContentProps = React.ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.SubContent\n> & {\n  ref?: React.Ref<DropdownMenuSubContentRef>;\n};\n\ntype DropdownMenuCheckboxOption = {\n  key: string;\n  label: React.ReactNode;\n  checked: boolean;\n  disabled?: boolean;\n  className?: string;\n  checkedClassName?: string;\n  textValue?: string;\n  itemIndicator?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  checkedEndAdornment?: React.ReactNode;\n};\n\ntype CheckboxDropdownMenuProps = {\n  trigger: React.ReactNode;\n  items: DropdownMenuCheckboxOption[];\n  onItemCheckedChange: (key: string, checked: boolean) => void;\n  contentProps?: Omit<DropdownMenuContentProps, \"children\">;\n  keepOpenOnItemSelect?: boolean;\n};\n\nfunction DropdownMenu({ ...props }: DropdownMenuProps) {\n  return (\n    <DropdownMenuPrimitive.Root\n      data-slot=\"dropdown-menu\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuTrigger({ ...props }: DropdownMenuTriggerProps) {\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  align = \"end\",\n  ...props\n}: DropdownMenuContentProps) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        align={align}\n        className={cn(dropdownMenuContentClassName, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuItem({ className, ...props }: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      className={cn(dropdownMenuItemClassName, className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  itemIndicator,\n  closeOnSelect = true,\n  onSelect,\n  ...props\n}: DropdownMenuCheckboxItemProps) {\n  const shouldRenderIndicator = itemIndicator !== null;\n\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(dropdownMenuItemClassName, \"border-none\", className)}\n      checked={checked}\n      onSelect={(event) => {\n        onSelect?.(event);\n\n        if (!closeOnSelect && !event.defaultPrevented) {\n          event.preventDefault();\n        }\n      }}\n      {...props}\n    >\n      {shouldRenderIndicator && (\n        <DropdownMenuPrimitive.ItemIndicator>\n          {itemIndicator ?? (\n            <Icon\n              type=\"check\"\n              size=\"small\"\n              className={dropdownMenuIconClassName}\n            />\n          )}\n        </DropdownMenuPrimitive.ItemIndicator>\n      )}\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction CheckboxDropdownMenu({\n  trigger,\n  items,\n  onItemCheckedChange,\n  contentProps,\n  keepOpenOnItemSelect = true,\n}: CheckboxDropdownMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n      <DropdownMenuContent {...contentProps}>\n        {items.map((item) => (\n          <DropdownMenuCheckboxItem\n            key={item.key}\n            checked={item.checked}\n            disabled={item.disabled}\n            className={cn(item.className, item.checked && item.checkedClassName)}\n            textValue={item.textValue}\n            itemIndicator={item.itemIndicator}\n            closeOnSelect={!keepOpenOnItemSelect}\n            onCheckedChange={(checked) => onItemCheckedChange(item.key, checked === true)}\n          >\n            <div\n              className={cn(\n                \"flex w-full items-center gap-2\",\n                (item.endAdornment || item.checkedEndAdornment) && \"justify-between\",\n              )}\n            >\n              <span>{item.label}</span>\n              {item.checked\n                ? (item.checkedEndAdornment ?? item.endAdornment)\n                : item.endAdornment}\n            </div>\n          </DropdownMenuCheckboxItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nfunction DropdownMenuLabel({ className, ...props }: DropdownMenuLabelProps) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      className={cn(dropdownMenuLabelClassName, 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(dropdownMenuSeparatorClassName, className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSubTrigger({ className, ...props }: DropdownMenuSubTriggerProps) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      className={cn(dropdownMenuSubTriggerClassName, className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: DropdownMenuSubContentProps) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.SubContent\n        data-slot=\"dropdown-menu-sub-content\"\n        sideOffset={sideOffset}\n        className={cn(dropdownMenuContentClassName, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\ntype DropdownMenuConfigBase = {\n  id?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n};\n\ntype DropdownMenuConfigLabel = DropdownMenuConfigBase & {\n  type: \"label\";\n  label: string;\n};\n\ntype DropdownMenuConfigSeparator = DropdownMenuConfigBase & {\n  type: \"separator\";\n};\n\ntype DropdownMenuConfigItem = DropdownMenuConfigBase & {\n  type?: \"item\";\n  label: string;\n  icon?: React.ReactNode;\n  iconType?: IconName;\n  shortcut?: string;\n  alert?: boolean;\n  children?: DropdownMenuConfigNode[];\n  onSelect?: () => void;\n};\n\ntype DropdownMenuConfigNode =\n  | DropdownMenuConfigLabel\n  | DropdownMenuConfigSeparator\n  | DropdownMenuConfigItem;\n\ntype ConfigurableDropdownMenuProps = {\n  trigger: React.ReactNode;\n  items: DropdownMenuConfigNode[];\n  onAction?: (item: DropdownMenuConfigItem) => void;\n  contentProps?: Omit<DropdownMenuContentProps, \"children\">;\n};\n\nfunction renderLeadingIcon(item: DropdownMenuConfigItem) {\n  if (item.icon) {\n    return <span className={dropdownMenuIconClassName}>{item.icon}</span>;\n  }\n\n  if (item.iconType) {\n    return (\n      <Icon\n        type={item.iconType}\n        className={cn(dropdownMenuIconClassName, item.alert && \"text-error-text\")}\n      />\n    );\n  }\n\n  return null;\n}\n\nfunction renderConfigNode(\n  item: DropdownMenuConfigNode,\n  onAction?: (item: DropdownMenuConfigItem) => void,\n) {\n  const key = item.id ?? item.type + (\"label\" in item ? item.label : \"\");\n\n  if (item.type === \"separator\") {\n    return <DropdownMenuSeparator key={key} />;\n  }\n\n  if (item.type === \"label\") {\n    return <DropdownMenuLabel key={key}>{item.label}</DropdownMenuLabel>;\n  }\n\n  const iconNode = item.readOnly ? null : renderLeadingIcon(item);\n\n  if (item.children?.length) {\n    return (\n      <DropdownMenuPrimitive.Sub key={key}>\n        <DropdownMenuSubTrigger disabled={item.disabled}>\n          <span className=\"flex items-center gap-2\">\n            {iconNode}\n            <span>{item.label}</span>\n          </span>\n          <Icon\n            type=\"caret-right\"\n            size=\"small\"\n            className={dropdownMenuIconClassName}\n          />\n        </DropdownMenuSubTrigger>\n        <DropdownMenuSubContent>\n          {item.children.map((child) => renderConfigNode(child, onAction))}\n        </DropdownMenuSubContent>\n      </DropdownMenuPrimitive.Sub>\n    );\n  }\n\n  return (\n    <DropdownMenuItem\n      key={key}\n      disabled={item.disabled}\n      className={cn(\n        item.readOnly &&\n          `pointer-events-none cursor-default justify-center\n          data-[highlighted]:bg-transparent`,\n        item.alert && \"text-error-text\",\n      )}\n      onSelect={(event) => {\n        if (item.readOnly) {\n          event.preventDefault();\n          return;\n        }\n\n        item.onSelect?.();\n        onAction?.(item);\n      }}\n    >\n      {iconNode}\n      <span\n        className={cn(\n          dropdownMenuItemTextClassName,\n          item.readOnly && dropdownMenuReadonlyItemTextClassName,\n        )}\n      >\n        {item.label}\n      </span>\n      {item.shortcut && !item.readOnly ? (\n        <span className={dropdownMenuShortcutClassName}>{item.shortcut}</span>\n      ) : null}\n    </DropdownMenuItem>\n  );\n}\n\nfunction ConfigurableDropdownMenu({\n  trigger,\n  items,\n  onAction,\n  contentProps,\n}: ConfigurableDropdownMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n      <DropdownMenuContent {...contentProps}>\n        {items.map((item) => renderConfigNode(item, onAction))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuCheckboxItem,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPrimitive,\n  DropdownMenuSeparator,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n  ConfigurableDropdownMenu,\n  CheckboxDropdownMenu,\n};\n\nexport type {\n  ConfigurableDropdownMenuProps,\n  DropdownMenuConfigItem,\n  DropdownMenuConfigLabel,\n  DropdownMenuConfigNode,\n  DropdownMenuConfigSeparator,\n  DropdownMenuContentProps,\n  DropdownMenuCheckboxItemProps,\n  DropdownMenuCheckboxOption,\n  DropdownMenuItemProps,\n  DropdownMenuLabelProps,\n  DropdownMenuProps,\n  DropdownMenuSeparatorProps,\n  DropdownMenuSubContentProps,\n  DropdownMenuSubTriggerProps,\n  DropdownMenuTriggerProps,\n  CheckboxDropdownMenuProps,\n};\n"],"names":["DropdownMenu","props","jsx","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuContent","className","sideOffset","align","cn","dropdownMenuContentClassName","DropdownMenuItem","dropdownMenuItemClassName","DropdownMenuCheckboxItem","children","checked","itemIndicator","closeOnSelect","onSelect","shouldRenderIndicator","jsxs","event","Icon","dropdownMenuIconClassName","CheckboxDropdownMenu","trigger","items","onItemCheckedChange","contentProps","keepOpenOnItemSelect","item","DropdownMenuLabel","dropdownMenuLabelClassName","DropdownMenuSeparator","dropdownMenuSeparatorClassName","DropdownMenuSubTrigger","dropdownMenuSubTriggerClassName","DropdownMenuSubContent","renderLeadingIcon","renderConfigNode","onAction","key","iconNode","child","dropdownMenuItemTextClassName","dropdownMenuReadonlyItemTextClassName","dropdownMenuShortcutClassName","ConfigurableDropdownMenu"],"mappings":"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"}
+{"version":3,"file":"components-ui-dropdown-menu-dropdown-menu.js","sources":["../src/components/ui/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ComponentRef, ReactNode, Ref } from \"react\";\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\";\nimport type { IconName } from \"phosphor-strokes-icons/by-name\";\n\nimport { Icon } from \"@/components/ui/icon\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  dropdownMenuContentClassName,\n  dropdownMenuIconClassName,\n  dropdownMenuItemClassName,\n  dropdownMenuLabelClassName,\n  dropdownMenuSeparatorClassName,\n  dropdownMenuShortcutClassName,\n  dropdownMenuSubTriggerClassName,\n  dropdownMenuItemTextClassName,\n  dropdownMenuReadonlyItemTextClassName,\n} from \"./dropdown-menu.styles\";\n\ntype DropdownMenuRef = ComponentRef<typeof DropdownMenuPrimitive.Root>;\ntype DropdownMenuProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> & {\n  ref?: Ref<DropdownMenuRef>;\n};\n\ntype DropdownMenuTriggerRef = ComponentRef<typeof DropdownMenuPrimitive.Trigger>;\ntype DropdownMenuTriggerProps = ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.Trigger\n> & {\n  ref?: Ref<DropdownMenuTriggerRef>;\n};\n\ntype DropdownMenuContentRef = ComponentRef<typeof DropdownMenuPrimitive.Content>;\ntype DropdownMenuContentProps = ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.Content\n> & {\n  ref?: Ref<DropdownMenuContentRef>;\n};\n\ntype DropdownMenuItemRef = ComponentRef<typeof DropdownMenuPrimitive.Item>;\ntype DropdownMenuItemProps = ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.Item\n> & {\n  ref?: Ref<DropdownMenuItemRef>;\n};\n\ntype DropdownMenuCheckboxItemRef = ComponentRef<\n  typeof DropdownMenuPrimitive.CheckboxItem\n>;\ntype DropdownMenuCheckboxItemProps = ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.CheckboxItem\n> & {\n  ref?: Ref<DropdownMenuCheckboxItemRef>;\n  itemIndicator?: ReactNode;\n  closeOnSelect?: boolean;\n};\n\ntype DropdownMenuLabelRef = ComponentRef<typeof DropdownMenuPrimitive.Label>;\ntype DropdownMenuLabelProps = ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.Label\n> & {\n  ref?: Ref<DropdownMenuLabelRef>;\n};\n\ntype DropdownMenuSeparatorRef = ComponentRef<typeof DropdownMenuPrimitive.Separator>;\ntype DropdownMenuSeparatorProps = ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.Separator\n> & {\n  ref?: Ref<DropdownMenuSeparatorRef>;\n};\n\ntype DropdownMenuSubTriggerRef = ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>;\ntype DropdownMenuSubTriggerProps = ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.SubTrigger\n> & {\n  ref?: Ref<DropdownMenuSubTriggerRef>;\n};\n\ntype DropdownMenuSubContentRef = ComponentRef<typeof DropdownMenuPrimitive.SubContent>;\ntype DropdownMenuSubContentProps = ComponentPropsWithoutRef<\n  typeof DropdownMenuPrimitive.SubContent\n> & {\n  ref?: Ref<DropdownMenuSubContentRef>;\n};\n\ntype DropdownMenuCheckboxOption = {\n  key: string;\n  label: ReactNode;\n  checked: boolean;\n  disabled?: boolean;\n  className?: string;\n  checkedClassName?: string;\n  textValue?: string;\n  itemIndicator?: ReactNode;\n  endAdornment?: ReactNode;\n  checkedEndAdornment?: ReactNode;\n};\n\ntype CheckboxDropdownMenuProps = {\n  trigger: ReactNode;\n  items: DropdownMenuCheckboxOption[];\n  onItemCheckedChange: (key: string, checked: boolean) => void;\n  contentProps?: Omit<DropdownMenuContentProps, \"children\">;\n  keepOpenOnItemSelect?: boolean;\n};\n\nfunction DropdownMenu({ ...props }: DropdownMenuProps) {\n  return (\n    <DropdownMenuPrimitive.Root\n      data-slot=\"dropdown-menu\"\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuTrigger({ ...props }: DropdownMenuTriggerProps) {\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  align = \"end\",\n  ...props\n}: DropdownMenuContentProps) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        align={align}\n        className={cn(dropdownMenuContentClassName, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuItem({ className, ...props }: DropdownMenuItemProps) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      className={cn(dropdownMenuItemClassName, className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  itemIndicator,\n  closeOnSelect = true,\n  onSelect,\n  ...props\n}: DropdownMenuCheckboxItemProps) {\n  const shouldRenderIndicator = itemIndicator !== null;\n\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(dropdownMenuItemClassName, \"border-none\", className)}\n      checked={checked}\n      onSelect={(event) => {\n        onSelect?.(event);\n\n        if (!closeOnSelect && !event.defaultPrevented) {\n          event.preventDefault();\n        }\n      }}\n      {...props}\n    >\n      {shouldRenderIndicator && (\n        <DropdownMenuPrimitive.ItemIndicator>\n          {itemIndicator ?? (\n            <Icon\n              type=\"check\"\n              size=\"small\"\n              className={dropdownMenuIconClassName}\n            />\n          )}\n        </DropdownMenuPrimitive.ItemIndicator>\n      )}\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction CheckboxDropdownMenu({\n  trigger,\n  items,\n  onItemCheckedChange,\n  contentProps,\n  keepOpenOnItemSelect = true,\n}: CheckboxDropdownMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n      <DropdownMenuContent {...contentProps}>\n        {items.map((item) => (\n          <DropdownMenuCheckboxItem\n            key={item.key}\n            checked={item.checked}\n            disabled={item.disabled}\n            className={cn(item.className, item.checked && item.checkedClassName)}\n            textValue={item.textValue}\n            itemIndicator={item.itemIndicator}\n            closeOnSelect={!keepOpenOnItemSelect}\n            onCheckedChange={(checked) => onItemCheckedChange(item.key, checked === true)}\n          >\n            <div\n              className={cn(\n                \"flex w-full items-center gap-2\",\n                (item.endAdornment || item.checkedEndAdornment) && \"justify-between\",\n              )}\n            >\n              <span>{item.label}</span>\n              {item.checked\n                ? (item.checkedEndAdornment ?? item.endAdornment)\n                : item.endAdornment}\n            </div>\n          </DropdownMenuCheckboxItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nfunction DropdownMenuLabel({ className, ...props }: DropdownMenuLabelProps) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      className={cn(dropdownMenuLabelClassName, 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(dropdownMenuSeparatorClassName, className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSubTrigger({ className, ...props }: DropdownMenuSubTriggerProps) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      className={cn(dropdownMenuSubTriggerClassName, className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: DropdownMenuSubContentProps) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.SubContent\n        data-slot=\"dropdown-menu-sub-content\"\n        sideOffset={sideOffset}\n        className={cn(dropdownMenuContentClassName, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\ntype DropdownMenuConfigBase = {\n  id?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n};\n\ntype DropdownMenuConfigLabel = DropdownMenuConfigBase & {\n  type: \"label\";\n  label: string;\n};\n\ntype DropdownMenuConfigSeparator = DropdownMenuConfigBase & {\n  type: \"separator\";\n};\n\ntype DropdownMenuConfigItem = DropdownMenuConfigBase & {\n  type?: \"item\";\n  label: string;\n  icon?: ReactNode;\n  iconType?: IconName;\n  shortcut?: string;\n  alert?: boolean;\n  children?: DropdownMenuConfigNode[];\n  onSelect?: () => void;\n};\n\ntype DropdownMenuConfigNode =\n  | DropdownMenuConfigLabel\n  | DropdownMenuConfigSeparator\n  | DropdownMenuConfigItem;\n\ntype ConfigurableDropdownMenuProps = {\n  trigger: ReactNode;\n  items: DropdownMenuConfigNode[];\n  onAction?: (item: DropdownMenuConfigItem) => void;\n  contentProps?: Omit<DropdownMenuContentProps, \"children\">;\n};\n\nfunction renderLeadingIcon(item: DropdownMenuConfigItem) {\n  if (item.icon) {\n    return <span className={dropdownMenuIconClassName}>{item.icon}</span>;\n  }\n\n  if (item.iconType) {\n    return (\n      <Icon\n        type={item.iconType}\n        className={cn(dropdownMenuIconClassName, item.alert && \"text-error-text\")}\n      />\n    );\n  }\n\n  return null;\n}\n\nfunction renderConfigNode(\n  item: DropdownMenuConfigNode,\n  onAction?: (item: DropdownMenuConfigItem) => void,\n) {\n  const key = item.id ?? item.type + (\"label\" in item ? item.label : \"\");\n\n  if (item.type === \"separator\") {\n    return <DropdownMenuSeparator key={key} />;\n  }\n\n  if (item.type === \"label\") {\n    return <DropdownMenuLabel key={key}>{item.label}</DropdownMenuLabel>;\n  }\n\n  const iconNode = item.readOnly ? null : renderLeadingIcon(item);\n\n  if (item.children?.length) {\n    return (\n      <DropdownMenuPrimitive.Sub key={key}>\n        <DropdownMenuSubTrigger disabled={item.disabled}>\n          <span className=\"flex items-center gap-2\">\n            {iconNode}\n            <span>{item.label}</span>\n          </span>\n          <Icon\n            type=\"caret-right\"\n            size=\"small\"\n            className={dropdownMenuIconClassName}\n          />\n        </DropdownMenuSubTrigger>\n        <DropdownMenuSubContent>\n          {item.children.map((child) => renderConfigNode(child, onAction))}\n        </DropdownMenuSubContent>\n      </DropdownMenuPrimitive.Sub>\n    );\n  }\n\n  return (\n    <DropdownMenuItem\n      key={key}\n      disabled={item.disabled}\n      className={cn(\n        item.readOnly &&\n          `pointer-events-none cursor-default justify-center\n          data-[highlighted]:bg-transparent`,\n        item.alert && \"text-error-text\",\n      )}\n      onSelect={(event) => {\n        if (item.readOnly) {\n          event.preventDefault();\n          return;\n        }\n\n        item.onSelect?.();\n        onAction?.(item);\n      }}\n    >\n      {iconNode}\n      <span\n        className={cn(\n          dropdownMenuItemTextClassName,\n          item.readOnly && dropdownMenuReadonlyItemTextClassName,\n        )}\n      >\n        {item.label}\n      </span>\n      {item.shortcut && !item.readOnly ? (\n        <span className={dropdownMenuShortcutClassName}>{item.shortcut}</span>\n      ) : null}\n    </DropdownMenuItem>\n  );\n}\n\nfunction ConfigurableDropdownMenu({\n  trigger,\n  items,\n  onAction,\n  contentProps,\n}: ConfigurableDropdownMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n      <DropdownMenuContent {...contentProps}>\n        {items.map((item) => renderConfigNode(item, onAction))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuCheckboxItem,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPrimitive,\n  DropdownMenuSeparator,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n  ConfigurableDropdownMenu,\n  CheckboxDropdownMenu,\n};\n\nexport type {\n  ConfigurableDropdownMenuProps,\n  DropdownMenuConfigItem,\n  DropdownMenuConfigLabel,\n  DropdownMenuConfigNode,\n  DropdownMenuConfigSeparator,\n  DropdownMenuContentProps,\n  DropdownMenuCheckboxItemProps,\n  DropdownMenuCheckboxOption,\n  DropdownMenuItemProps,\n  DropdownMenuLabelProps,\n  DropdownMenuProps,\n  DropdownMenuSeparatorProps,\n  DropdownMenuSubContentProps,\n  DropdownMenuSubTriggerProps,\n  DropdownMenuTriggerProps,\n  CheckboxDropdownMenuProps,\n};\n"],"names":["DropdownMenu","props","jsx","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuContent","className","sideOffset","align","cn","dropdownMenuContentClassName","DropdownMenuItem","dropdownMenuItemClassName","DropdownMenuCheckboxItem","children","checked","itemIndicator","closeOnSelect","onSelect","shouldRenderIndicator","jsxs","event","Icon","dropdownMenuIconClassName","CheckboxDropdownMenu","trigger","items","onItemCheckedChange","contentProps","keepOpenOnItemSelect","item","DropdownMenuLabel","dropdownMenuLabelClassName","DropdownMenuSeparator","dropdownMenuSeparatorClassName","DropdownMenuSubTrigger","dropdownMenuSubTriggerClassName","DropdownMenuSubContent","renderLeadingIcon","renderConfigNode","onAction","key","iconNode","child","dropdownMenuItemTextClassName","dropdownMenuReadonlyItemTextClassName","dropdownMenuShortcutClassName","ConfigurableDropdownMenu"],"mappings":"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"}