@epam/ai-dial-ui-kit 0.16.0-dev.55 → 0.16.0-dev.57

package/dist/{MarkdownEditor-BtLY7OVq.cjs → MarkdownEditor-B-x8Ntfe.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),O=require("react"),h=require("@uiw/react-md-editor"),k=require("./editors.cjs"),b=require("./icon-D93YIwGJ.cjs"),t=require("@tabler/icons-react");function p(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(i,r,c.get?c:{enumerable:!0,get:()=>n[r]})}}return i.default=n,Object.freeze(i)}const C=p(h),f=b.DIAL_ICON_SIZE.SM,o={size:f,stroke:b.DIAL_KIT_ICON_STROKE},s=(n,i)=>({...n,icon:i}),E=()=>{const{bold:n,code:i,divider:r,group:c,heading1:a,heading2:d,heading3:u,italic:l,link:m,orderedListCommand:I,quote:x,strikethrough:g,table:j,unorderedListCommand:_}=C;return[s(n,e.jsx(t.IconBold,{...o})),s(l,e.jsx(t.IconItalic,{...o})),s(g,e.jsx(t.IconStrikethrough,{...o})),r,c([a,d,u],{name:"heading",groupName:"heading",icon:e.jsx(t.IconTextSize,{...o}),buttonProps:{"aria-label":"Text style",title:"Text style"}}),r,s(_,e.jsx(t.IconList,{...o})),s(I,e.jsx(t.IconListNumbers,{...o})),r,s(x,e.jsx(t.IconQuote,{...o})),s(m,e.jsx(t.IconLink,{...o})),s(i,e.jsx(t.IconCode,{...o})),r,s(j,e.jsx(t.IconTable,{...o}))]},L=()=>{const{codeEdit:n,codeLive:i,codePreview:r,divider:c,fullscreen:a}=C;return[s(n,e.jsx(t.IconPencil,{...o})),s(i,e.jsx(t.IconLayoutColumns,{...o})),s(r,e.jsx(t.IconEye,{...o})),c,s(a,e.jsx(t.IconMaximize,{...o}))]},M=({value:n,onChange:i,height:r=300,theme:c=k.EditorThemes.light,className:a,placeholder:d,defaultPreview:u="edit",id:l,ariaLabel:m,showDragbar:I=!0})=>{const x=O.useMemo(()=>E(),[]),g=O.useMemo(()=>L(),[]);return e.jsx("div",{"data-color-mode":c,className:b.mergeClasses("dial-kit-markdown-editor",a),children:e.jsx(h,{value:n,onChange:j=>i?.(j||""),height:r,preview:u,visibleDragbar:I,commands:x,extraCommands:g,textareaProps:{placeholder:d,id:l,"aria-label":m}})})};exports.MarkdownEditor=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),O=require("react"),h=require("@uiw/react-md-editor"),k=require("./editors.cjs"),b=require("./icon-4D9xu6E_.cjs"),t=require("@tabler/icons-react");function p(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(i,r,c.get?c:{enumerable:!0,get:()=>n[r]})}}return i.default=n,Object.freeze(i)}const C=p(h),f=b.DIAL_ICON_SIZE.SM,o={size:f,stroke:b.DIAL_KIT_ICON_STROKE},s=(n,i)=>({...n,icon:i}),E=()=>{const{bold:n,code:i,divider:r,group:c,heading1:a,heading2:d,heading3:u,italic:l,link:m,orderedListCommand:I,quote:x,strikethrough:g,table:j,unorderedListCommand:_}=C;return[s(n,e.jsx(t.IconBold,{...o})),s(l,e.jsx(t.IconItalic,{...o})),s(g,e.jsx(t.IconStrikethrough,{...o})),r,c([a,d,u],{name:"heading",groupName:"heading",icon:e.jsx(t.IconTextSize,{...o}),buttonProps:{"aria-label":"Text style",title:"Text style"}}),r,s(_,e.jsx(t.IconList,{...o})),s(I,e.jsx(t.IconListNumbers,{...o})),r,s(x,e.jsx(t.IconQuote,{...o})),s(m,e.jsx(t.IconLink,{...o})),s(i,e.jsx(t.IconCode,{...o})),r,s(j,e.jsx(t.IconTable,{...o}))]},L=()=>{const{codeEdit:n,codeLive:i,codePreview:r,divider:c,fullscreen:a}=C;return[s(n,e.jsx(t.IconPencil,{...o})),s(i,e.jsx(t.IconLayoutColumns,{...o})),s(r,e.jsx(t.IconEye,{...o})),c,s(a,e.jsx(t.IconMaximize,{...o}))]},M=({value:n,onChange:i,height:r=300,theme:c=k.EditorThemes.light,className:a,placeholder:d,defaultPreview:u="edit",id:l,ariaLabel:m,showDragbar:I=!0})=>{const x=O.useMemo(()=>E(),[]),g=O.useMemo(()=>L(),[]);return e.jsx("div",{"data-color-mode":c,className:b.mergeClasses("dial-kit-markdown-editor",a),children:e.jsx(h,{value:n,onChange:j=>i?.(j||""),height:r,preview:u,visibleDragbar:I,commands:x,extraCommands:g,textareaProps:{placeholder:d,id:l,"aria-label":m}})})};exports.MarkdownEditor=M;

package/dist/components/New/Dropdown/Dropdown.js

@@ -1,124 +1,131 @@
-import { jsxs as S, Fragment as R, jsx as n } from "react/jsx-runtime";
-import { useFloatingNodeId as $e, useFloating as Be, autoUpdate as He, offset as Ye, autoPlacement as Ke, flip as Ue, shift as We, size as je, useClick as ze, useHover as Qe, safePolygon as qe, useDismiss as Xe, useRole as Ge, useInteractions as Je, FloatingTree as Ze, FloatingNode as Ve, FloatingPortal as eo, FloatingFocusManager as oo } from "@floating-ui/react";
-import { useState as b, useRef as to, useCallback as g, useId as no, useEffect as ie, useMemo as le, Fragment as ro, isValidElement as so, cloneElement as io } from "react";
-import { InteractiveTooltip as lo } from "../InteractiveTooltip/InteractiveTooltip.js";
-import { DIAL_KIT_CLASS as _ } from "../../../constants/public-class-names.js";
-import { DropdownTrigger as y, DropdownItemType as ae } from "../../../types/dropdown.js";
-import { MenuItemMark as ao } from "../../../types/menu-item.js";
-import { dropdownGap as k, dropdownSearchClassName as co, dropdownNoResultsClassName as uo, dropdownDividerClassName as fo, getDropdownListHeight as po, dropdownItemListClassName as mo, dropdownBaseClassName as ho, dropdownListBaseClassName as go } from "./constants.js";
-import { CloseButton as wo } from "../CloseButton/CloseButton.js";
-import { MenuItem as yo } from "../MenuItem/MenuItem.js";
-import { Search as vo } from "../Search/Search.js";
-import { useThemeScope as xo } from "../ThemeScope/ThemeScope.js";
-import { ElementSize as Co } from "../../../types/size.js";
-import { mergeClasses as v } from "../../../utils/merge-classes.js";
-import { DropdownSubMenuItem as No } from "./DropdownSubMenuItem.js";
-import { resolveItemMark as ko, getItemRole as Eo } from "./item-mark.js";
-import { highlightDropdownItems as Do, filterDropdownItems as Io } from "./search.js";
-const Mo = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="option"]', Po = (t) => !t.hasAttribute("disabled") && t.getAttribute("aria-disabled") !== "true", Ao = ["ArrowDown", "ArrowUp", "Home", "End"], So = (t, d, f) => {
+import { jsxs as F, Fragment as H, jsx as n } from "react/jsx-runtime";
+import { useFloatingNodeId as Ge, useFloating as Je, autoUpdate as Ze, offset as Ve, autoPlacement as eo, flip as oo, shift as to, size as no, useClick as ro, useHover as so, safePolygon as io, useDismiss as lo, useRole as ao, useInteractions as co, FloatingTree as uo, FloatingNode as fo, FloatingPortal as po, FloatingFocusManager as mo } from "@floating-ui/react";
+import { useState as W, useRef as go, useCallback as h, useId as me, useEffect as ge, useMemo as he, Fragment as ho, isValidElement as wo, cloneElement as yo } from "react";
+import { InteractiveTooltip as vo } from "../InteractiveTooltip/InteractiveTooltip.js";
+import { DIAL_KIT_CLASS as Y } from "../../../constants/public-class-names.js";
+import { DropdownTrigger as y, DropdownOverlayRole as v, DropdownItemType as we } from "../../../types/dropdown.js";
+import { MenuItemMark as xo } from "../../../types/menu-item.js";
+import { dropdownGap as D, dropdownSearchClassName as Co, dropdownNoResultsClassName as No, dropdownDividerClassName as ko, getDropdownListHeight as Eo, dropdownItemListClassName as Do, dropdownBaseClassName as Mo, dropdownListBaseClassName as Io } from "./constants.js";
+import { CloseButton as Po } from "../CloseButton/CloseButton.js";
+import { MenuItem as So } from "../MenuItem/MenuItem.js";
+import { Search as To } from "../Search/Search.js";
+import { useThemeScope as bo } from "../ThemeScope/ThemeScope.js";
+import { ElementSize as Fo } from "../../../types/size.js";
+import { mergeClasses as x } from "../../../utils/merge-classes.js";
+import { DropdownSubMenuItem as Ro } from "./DropdownSubMenuItem.js";
+import { resolveItemMark as Ao, getItemRole as Oo } from "./item-mark.js";
+import { highlightDropdownItems as Lo, filterDropdownItems as _o } from "./search.js";
+const $o = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="option"]', Ho = (t) => !t.hasAttribute("disabled") && t.getAttribute("aria-disabled") !== "true", Wo = ["ArrowDown", "ArrowUp", "Home", "End"], Yo = (t, d, p) => {
   if (t === "Home") return 0;
-  if (t === "End") return f - 1;
+  if (t === "End") return p - 1;
   const u = t === "ArrowDown" ? 1 : -1;
-  return d === -1 ? u === 1 ? 0 : f - 1 : (d + u + f) % f;
-}, Fo = (t) => "clientWidth" in t ? t.clientWidth : t.getBoundingClientRect?.()?.width ?? 0, Xo = ({
+  return d === -1 ? u === 1 ? 0 : p - 1 : (d + u + p) % p;
+}, Bo = (t) => "clientWidth" in t ? t.clientWidth : t.getBoundingClientRect?.()?.width ?? 0, it = ({
   children: t,
   items: d,
-  onItemClick: f,
+  onItemClick: p,
   menuHeader: u,
-  menuFooter: x,
-  renderOverlay: E,
-  trigger: p = [y.Click],
-  placement: $,
+  menuFooter: C,
+  renderOverlay: N,
+  trigger: f = [y.Click],
+  placement: B,
   disabled: a = !1,
-  open: B,
-  defaultOpen: ce = !1,
-  onOpenChange: H,
-  closable: de = !1,
-  onClose: ue,
-  className: fe,
-  overlayContentClassName: Y,
-  separatorClassName: K,
-  listClassName: pe,
-  listStyle: U,
-  outsidePressIgnoreRef: W,
-  outsideClosable: me = !0,
-  allowedPlacements: he,
-  anchorToMouse: D = !1,
-  matchReferenceWidth: F = !0,
-  maxDropdownHeight: j,
-  initialFocus: z,
+  open: K,
+  defaultOpen: ye = !1,
+  onOpenChange: U,
+  closable: ve = !1,
+  onClose: xe,
+  className: Ce,
+  overlayContentClassName: j,
+  separatorClassName: z,
+  listClassName: Ne,
+  listStyle: Q,
+  outsidePressIgnoreRef: q,
+  outsideClosable: ke = !0,
+  allowedPlacements: Ee,
+  anchorToMouse: M = !1,
+  matchReferenceWidth: R = !0,
+  maxDropdownHeight: X,
+  initialFocus: G,
+  returnFocus: De = !0,
+  overlayRole: Me = v.Menu,
+  overlayAriaLabel: A,
+  overlayAriaLabelledBy: O,
   searchable: l = !1,
-  searchValue: T,
-  onSearchChange: Q,
-  searchPlaceholder: L = "Search",
-  searchClearLabel: q = "Clear search",
-  noResultsLabel: X = "No results found",
-  filterItem: G,
-  maxVisibleItems: C
+  searchValue: L,
+  onSearchChange: J,
+  searchPlaceholder: _ = "Search",
+  searchClearLabel: Z = "Clear search",
+  noResultsLabel: V = "No results found",
+  filterItem: ee,
+  maxVisibleItems: k
 }) => {
-  const ge = xo(), [we, ye] = b(ce), O = B !== void 0, c = O ? !!B : we, I = to(null), [ve, xe] = b(""), m = T ?? ve, M = g(
+  const Ie = bo(), [Pe, Se] = W(ye), $ = K !== void 0, c = $ ? !!K : Pe, I = go(null), [Te, be] = W(""), m = L ?? Te, P = h(
     (o) => {
-      T === void 0 && xe(o), Q?.(o);
+      L === void 0 && be(o), J?.(o);
     },
-    [T, Q]
-  ), [Ce, Ne] = b(!0), r = g(
+    [L, J]
+  ), [Fe, Re] = W(!0), r = h(
     (o, e, s) => {
-      o ? Ne(s !== "hover" && s !== "safe-polygon") : l && m && M(""), O || ye(o), H?.(o);
+      o ? Re(s !== "hover" && s !== "safe-polygon") : l && m && P(""), $ || Se(o), U?.(o);
     },
-    [O, H, l, m, M]
-  ), J = no(), ke = $ === void 0, Z = $e(), { refs: w, floatingStyles: V, context: N } = Be({
-    nodeId: Z,
-    placement: $,
+    [$, U, l, m, P]
+  ), oe = me(), Ae = B === void 0, te = Ge(), { refs: w, floatingStyles: ne, context: E } = Je({
+    nodeId: te,
+    placement: B,
     open: c,
     onOpenChange: r,
-    whileElementsMounted: He,
+    whileElementsMounted: Ze,
     middleware: [
-      Ye({ mainAxis: k, crossAxis: 0 }),
-      ke ? Ke({
+      Ve({ mainAxis: D, crossAxis: 0 }),
+      Ae ? eo({
         alignment: "start",
         crossAxis: !0,
-        padding: k,
-        allowedPlacements: he
-      }) : Ue({ padding: k }),
-      We({ padding: k }),
-      je({
-        padding: k,
+        padding: D,
+        allowedPlacements: Ee
+      }) : oo({ padding: D }),
+      to({ padding: D }),
+      no({
+        padding: D,
         apply({ availableWidth: o, availableHeight: e, elements: s }) {
-          const i = s.floating, h = Fo(s.reference);
+          const i = s.floating, g = Bo(s.reference);
           i.style.setProperty(
             "--fui-available-height",
             `${Math.floor(e)}px`
           ), i.style.setProperty(
             "--reference-width",
-            F ? `${Math.round(h)}px` : "0px"
-          ), F ? i.style.minWidth = `${Math.round(h)}px` : i.style.removeProperty("min-width"), i.style.maxWidth = `${Math.floor(o)}px`;
-          const se = Math.floor(e);
-          i.style.maxHeight = `${j ? Math.min(se, j) : se}px`;
+            R ? `${Math.round(g)}px` : "0px"
+          ), R ? i.style.minWidth = `${Math.round(g)}px` : i.style.removeProperty("min-width"), i.style.maxWidth = `${Math.floor(o)}px`;
+          const pe = Math.floor(e);
+          i.style.maxHeight = `${X ? Math.min(pe, X) : pe}px`;
         }
       })
     ]
-  }), Ee = ze(N, {
-    enabled: p.includes(y.Click) && !a
-  }), De = Qe(N, {
-    enabled: p.includes(y.Hover) && !a,
+  }), Oe = ro(E, {
+    enabled: f.includes(y.Click) && !a
+  }), Le = so(E, {
+    enabled: f.includes(y.Hover) && !a,
     move: !1,
     restMs: 40,
-    handleClose: qe(),
+    handleClose: io(),
     delay: { open: 80, close: 80 }
-  }), Ie = Xe(N, {
+  }), _e = lo(E, {
     bubbles: !0,
     referencePress: !1,
     outsidePress: (o) => {
-      if (!me) return !1;
+      if (!ke) return !1;
       const e = o.target;
-      return !(W?.current && e instanceof Node && W.current.contains(e));
+      return !(q?.current && e instanceof Node && q.current.contains(e));
     }
-  }), Me = Ge(N, { role: "menu" }), { getReferenceProps: Pe, getFloatingProps: Ae } = Je([
-    Ee,
-    De,
-    Ie,
-    Me
-  ]), P = g(
+  }), S = N ? Me : v.Menu, re = S === v.Menu, se = S === v.Dialog, ie = me(), $e = ao(E, {
+    role: se ? "dialog" : "menu",
+    enabled: S !== v.None
+  }), { getReferenceProps: He, getFloatingProps: We } = co([
+    Oe,
+    Le,
+    _e,
+    $e
+  ]), T = h(
     (o, e) => {
       w.setPositionReference({
         getBoundingClientRect: () => ({
@@ -134,89 +141,89 @@ const Mo = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
       });
     },
     [w]
-  ), Se = g(
+  ), Ye = h(
     (o) => {
-      !p.includes(y.ContextMenu) || a || (o.preventDefault(), D && (P(o.clientX, o.clientY), I.current = document.elementFromPoint(
+      !f.includes(y.ContextMenu) || a || (o.preventDefault(), M && (T(o.clientX, o.clientY), I.current = document.elementFromPoint(
         o.clientX,
         o.clientY
       )), r(!0));
     },
-    [D, a, r, P, p]
-  ), Fe = g(
+    [M, a, r, T, f]
+  ), Be = h(
     (o) => {
-      !D || a || (p.includes(y.ContextMenu) && c && r(!1), P(o.clientX, o.clientY), I.current = document.elementFromPoint(
+      !M || a || (f.includes(y.ContextMenu) && c && r(!1), T(o.clientX, o.clientY), I.current = document.elementFromPoint(
         o.clientX,
         o.clientY
       ));
     },
-    [D, a, P, c, p, r]
+    [M, a, T, c, f, r]
   );
-  ie(() => {
+  ge(() => {
     a && c && r(!1);
   }, [a, c, r]);
-  const Te = g(
+  const Ke = h(
     (o) => {
-      if (o.defaultPrevented || !Ao.includes(o.key) || !o.currentTarget.contains(o.target) || o.target instanceof HTMLInputElement && (o.key === "Home" || o.key === "End"))
+      if (!re || o.defaultPrevented || !Wo.includes(o.key) || !o.currentTarget.contains(o.target) || o.target instanceof HTMLInputElement && (o.key === "Home" || o.key === "End"))
         return;
       const e = Array.from(
         o.currentTarget.querySelectorAll(
-          Mo
+          $o
         )
-      ).filter(Po);
+      ).filter(Ho);
       if (e.length === 0) return;
       o.preventDefault();
-      const s = o.currentTarget.ownerDocument.activeElement, i = e.findIndex((h) => h === s);
-      e[So(o.key, i, e.length)]?.focus();
+      const s = o.currentTarget.ownerDocument.activeElement, i = e.findIndex((g) => g === s);
+      e[Yo(o.key, i, e.length)]?.focus();
     },
-    []
-  ), ee = g(
+    [re]
+  ), le = h(
     (o) => (e) => {
-      o.disabled || (o.onClick?.({ key: o.key, domEvent: e }), f?.({ key: o.key, domEvent: e }), o.selectable || r(!1));
+      o.disabled || (o.onClick?.({ key: o.key, domEvent: e }), p?.({ key: o.key, domEvent: e }), o.selectable || r(!1));
     },
-    [f, r]
-  ), A = le(() => !d || !l ? d : Do(
-    Io(d, m, G),
+    [p, r]
+  ), b = he(() => !d || !l ? d : Lo(
+    _o(d, m, ee),
     m
-  ), [d, l, m, G]), Le = le(() => {
-    if (E) return E();
-    if (!A) return null;
-    const o = l && A.length === 0;
-    return /* @__PURE__ */ S(R, { children: [
-      u && /* @__PURE__ */ n(R, { children: typeof u == "function" ? u() : u }),
+  ), [d, l, m, ee]), Ue = he(() => {
+    if (N) return N();
+    if (!b) return null;
+    const o = l && b.length === 0;
+    return /* @__PURE__ */ F(H, { children: [
+      u && /* @__PURE__ */ n(H, { children: typeof u == "function" ? u() : u }),
       l && /* @__PURE__ */ n(
         "div",
         {
-          className: v(
-            co,
-            _.dropdownSearch
+          className: x(
+            Co,
+            Y.dropdownSearch
           ),
           children: /* @__PURE__ */ n(
-            vo,
+            To,
             {
               value: m,
-              placeholder: L,
-              "aria-label": L,
-              clearLabel: q,
-              size: Co.Small,
-              onChange: (e) => M(e ?? "")
+              placeholder: _,
+              "aria-label": _,
+              clearLabel: Z,
+              size: Fo.Small,
+              onChange: (e) => P(e ?? "")
             }
           )
         }
       ),
-      /* @__PURE__ */ S(
+      /* @__PURE__ */ F(
         "div",
         {
           role: "none",
-          className: v(
-            mo,
+          className: x(
+            Do,
             /* Under a search field or a row cap the list scrolls by itself,
                so the field stays in view; the panel's own height cap still
                shrinks it through `min-h-0`. */
-            (l || C != null) && "min-h-0 flex-1 overflow-auto",
-            Y,
-            _.dropdownList
+            (l || k != null) && "min-h-0 flex-1 overflow-auto",
+            j,
+            Y.dropdownList
           ),
-          style: C != null ? { maxHeight: po(C) } : void 0,
+          style: k != null ? { maxHeight: Eo(k) } : void 0,
           "aria-label": "dropdown",
           children: [
             l && /* Always mounted, so a screen reader announces the text when a
@@ -225,28 +232,28 @@ const Mo = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
               "div",
               {
                 role: "status",
-                className: o ? uo : "sr-only",
-                children: o ? X : ""
+                className: o ? No : "sr-only",
+                children: o ? V : ""
               }
             ),
-            A.map((e) => {
-              if (e.type === ae.Divider)
+            b.map((e) => {
+              if (e.type === we.Divider)
                 return /* @__PURE__ */ n(
                   "div",
                   {
                     role: "separator",
-                    className: v(
-                      fo,
-                      K
+                    className: x(
+                      ko,
+                      z
                     )
                   },
                   e.key
                 );
-              if (e.type === ae.PlainText)
+              if (e.type === we.PlainText)
                 return /* @__PURE__ */ n(
                   "div",
                   {
-                    className: v(
+                    className: x(
                       "px-3 py-2 text-secondary dial-caption-text",
                       e.className
                     ),
@@ -256,19 +263,19 @@ const Mo = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
                 );
               if (e.children?.length)
                 return /* @__PURE__ */ n(
-                  No,
+                  Ro,
                   {
                     item: e,
                     onRootClose: () => r(!1)
                   },
                   e.key
                 );
-              const s = ko(e), i = Eo(e), h = /* @__PURE__ */ n(
-                yo,
+              const s = Ao(e), i = Oo(e), g = /* @__PURE__ */ n(
+                So,
                 {
                   role: i,
                   "aria-checked": i === "menuitem" ? void 0 : !!e.checked,
-                  "aria-current": s === ao.Highlight && e.checked ? !0 : void 0,
+                  "aria-current": s === xo.Highlight && e.checked ? !0 : void 0,
                   "aria-disabled": !!e.disabled,
                   disabled: e.disabled,
                   mark: s,
@@ -278,60 +285,60 @@ const Mo = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
                   label: e.label,
                   className: e.className,
                   rightControl: e.rightControl,
-                  onClick: ee(e),
+                  onClick: le(e),
                   children: e.renderItem?.(e)
                 }
               );
-              return /* @__PURE__ */ n(ro, { children: e.interactiveTooltip ? /* @__PURE__ */ n(
-                lo,
+              return /* @__PURE__ */ n(ho, { children: e.interactiveTooltip ? /* @__PURE__ */ n(
+                vo,
                 {
                   asChild: !0,
                   placement: e.interactiveTooltip.placement,
                   content: e.interactiveTooltip.content,
                   contentClassName: e.interactiveTooltip.contentClassName,
-                  children: h
+                  children: g
                 }
-              ) : h }, e.key);
+              ) : g }, e.key);
             })
           ]
         }
       ),
-      x && /* @__PURE__ */ n(R, { children: typeof x == "function" ? x() : x })
+      C && /* @__PURE__ */ n(H, { children: typeof C == "function" ? C() : C })
     ] });
   }, [
-    ee,
-    A,
-    x,
+    le,
+    b,
+    C,
     u,
-    E,
+    N,
     r,
-    Y,
-    K,
+    j,
+    z,
     l,
     m,
-    M,
-    L,
-    q,
-    X,
-    C
-  ]), Oe = !E && (l || C != null), {
-    "aria-haspopup": oe = "menu",
-    "aria-expanded": te = c,
-    "aria-controls": ne = J,
-    ...Re
-  } = Pe({
-    onContextMenu: Se,
-    onMouseDown: Fe
-  }), be = {
-    "aria-haspopup": oe,
-    "aria-expanded": te,
-    "aria-controls": ne
-  }, re = so(t) && p.some((o) => o !== y.ContextMenu), _e = re ? io(t, {
-    "aria-haspopup": t.props["aria-haspopup"] ?? oe,
-    "aria-expanded": t.props["aria-expanded"] ?? te,
-    "aria-controls": t.props["aria-controls"] ?? ne
+    P,
+    _,
+    Z,
+    V,
+    k
+  ]), je = !N && (l || k != null), {
+    "aria-haspopup": ae,
+    "aria-expanded": ce = c,
+    "aria-controls": de = oe,
+    ...ze
+  } = He({
+    onContextMenu: Ye,
+    onMouseDown: Be
+  }), ue = se && !A && !O, Qe = () => S === v.None ? {} : O ? { "aria-labelledby": O } : A ? { "aria-label": A, "aria-labelledby": void 0 } : ue ? { "aria-labelledby": ie } : {}, qe = {
+    "aria-haspopup": ae,
+    "aria-expanded": ce,
+    "aria-controls": de
+  }, fe = wo(t) && (f.length === 0 || f.some((o) => o !== y.ContextMenu)), Xe = fe ? yo(t, {
+    "aria-haspopup": t.props["aria-haspopup"] ?? ae,
+    "aria-expanded": t.props["aria-expanded"] ?? ce,
+    "aria-controls": t.props["aria-controls"] ?? de
   }) : t;
-  return ie(() => {
+  return ge(() => {
     if (!c) return;
     const o = w.reference.current;
     let e = null;
@@ -343,54 +350,56 @@ const Mo = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
       { root: null, threshold: 0 }
     );
     return s.observe(e), () => s.disconnect();
-  }, [c, w.reference, r]), /* @__PURE__ */ n(Ze, { children: /* @__PURE__ */ S(Ve, { id: Z, children: [
+  }, [c, w.reference, r]), /* @__PURE__ */ n(uo, { children: /* @__PURE__ */ F(fo, { id: te, children: [
     /* @__PURE__ */ n(
       "span",
       {
         ref: w.setReference,
-        className: v(
-          ho,
+        id: ue ? ie : void 0,
+        className: x(
+          Mo,
           a && "!cursor-not-allowed opacity-75",
-          fe,
-          _.dropdown
+          Ce,
+          Y.dropdown
         ),
-        ...re ? void 0 : be,
-        ...Re,
-        children: _e
+        ...fe ? void 0 : qe,
+        ...ze,
+        children: Xe
       }
     ),
-    c && /* @__PURE__ */ n(eo, { children: /* @__PURE__ */ n(
-      oo,
+    c && /* @__PURE__ */ n(po, { children: /* @__PURE__ */ n(
+      mo,
       {
-        context: N,
+        context: E,
         modal: !1,
-        initialFocus: z !== void 0 ? z : Ce ? 0 : -1,
-        returnFocus: !0,
-        children: /* @__PURE__ */ S(
+        initialFocus: G !== void 0 ? G : Fe ? 0 : -1,
+        returnFocus: De,
+        children: /* @__PURE__ */ F(
           "div",
           {
-            id: J,
+            id: oe,
             ref: w.setFloating,
-            style: U ? { ...U, ...V } : V,
-            className: v(
-              go,
-              !F && "w-max",
-              Oe ? "flex flex-col overflow-hidden" : "overflow-auto",
-              ge,
-              pe
+            style: Q ? { ...Q, ...ne } : ne,
+            className: x(
+              Io,
+              !R && "w-max",
+              je ? "flex flex-col overflow-hidden" : "overflow-auto",
+              Ie,
+              Ne
             ),
-            ...Ae({ onKeyDown: Te }),
+            ...We({ onKeyDown: Ke }),
+            ...Qe(),
             children: [
-              de && /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-2 pt-2", children: /* @__PURE__ */ n(
-                wo,
+              ve && /* @__PURE__ */ n("div", { className: "flex items-center justify-between px-2 pt-2", children: /* @__PURE__ */ n(
+                Po,
                 {
                   ariaLabel: "Close dropdown",
                   onClose: (o) => {
-                    ue?.(o), r(!1);
+                    xe?.(o), r(!1);
                   }
                 }
               ) }),
-              Le
+              Ue
             ]
           }
         )
@@ -399,5 +408,5 @@ const Mo = '[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]
   ] }) });
 };
 export {
-  Xo as Dropdown
+  it as Dropdown
 };