@tedi-design-system/react 19.1.2-rc.2 → 19.1.2-rc.4

package/src/tedi/components/overlays/dropdown/dropdown-item/dropdown-item.es.js

@@ -1,32 +1,32 @@
-import { jsx as $ } from "react/jsx-runtime";
-import { useMergeRefs as z } from "../../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { jsx as z } from "react/jsx-runtime";
+import { useMergeRefs as A } from "../../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
 import D from "../../../../../../external/classnames/index.es.js";
-import { isValidElement as I, cloneElement as A } from "react";
-import { useDropdownContext as B } from "../dropdown-context.es.js";
+import { isValidElement as I, cloneElement as B } from "react";
+import { useDropdownContext as F } from "../dropdown-context.es.js";
 import p from "./dropdown-item.module.scss.es.js";
-const b = (n, e) => (o) => {
-  n == null || n(o), o.defaultPrevented || e == null || e(o);
-}, W = ({
+const g = (n, o) => (e) => {
+  n == null || n(e), e.defaultPrevented || o == null || o(e);
+}, X = ({
   children: n,
-  onClick: e,
-  disabled: o,
-  active: g,
+  onClick: o,
+  disabled: e,
+  active: x,
   index: m,
   indent: u,
   asChild: s = !1,
   closeOnSelect: i = !0,
-  isParent: l = !1,
-  className: x,
-  role: d,
+  isParent: b = !1,
+  className: K,
+  role: a,
   ...k
 }) => {
-  const { getItemProps: K, listItemsRef: N, setOpen: a, activeIndex: P, divided: R, variant: y } = B(), E = s ? "div" : "button", c = s && i !== !1 && I(n), w = (t) => {
+  const { getItemProps: l, listItemsRef: N, setOpen: c, activeIndex: P, divided: R, variant: w, navigation: E } = F(), T = s ? "div" : "button", d = s && i !== !1 && I(n), v = (t) => {
     typeof m == "number" && (N.current[m] = t);
-  }, T = I(n) ? n.ref : void 0, q = z([w, T]), V = (t) => typeof t != "number" || t <= 0 ? {} : {
+  }, q = I(n) ? n.ref : void 0, V = A([v, q]), j = (t) => typeof t != "number" || t <= 0 ? {} : {
     "--dropdown-indent-level": t,
     "--dropdown-indent": `${t}rem`
-  }, j = (t) => {
-    if (o) {
+  }, M = (t) => {
+    if (e) {
       t.preventDefault();
       return;
     }
@@ -37,9 +37,9 @@ const b = (n, e) => (o) => {
       r.click();
       return;
     }
-    e == null || e(t), (!s || c) && i && a(!1);
-  }, M = (t) => {
-    if (o) {
+    o == null || o(t), (!s || d) && i && c(!1);
+  }, $ = (t) => {
+    if (e) {
       (t.key === "Enter" || t.key === " ") && t.preventDefault();
       return;
     }
@@ -48,54 +48,54 @@ const b = (n, e) => (o) => {
         'input[type="checkbox"], input[type="radio"]'
       );
       if (r) {
-        t.preventDefault(), r.click(), !s && i && a(!1);
+        t.preventDefault(), r.click(), !s && i && c(!1);
         return;
       }
-      if (c) {
+      if (d) {
         t.preventDefault(), t.currentTarget.click();
         return;
       }
-      t.preventDefault(), e == null || e(t), !s && i && a(!1);
+      t.preventDefault(), o == null || o(t), !s && i && c(!1);
     }
-  }, v = {
-    ref: w,
+  }, y = {
+    ref: v,
     tabIndex: P === m ? 0 : -1,
     className: D(
       p["tedi-dropdown__item"],
       {
-        [p["tedi-dropdown__item--active"]]: g,
-        [p["tedi-dropdown__item--disabled"]]: o,
+        [p["tedi-dropdown__item--active"]]: x,
+        [p["tedi-dropdown__item--disabled"]]: e,
         [p["tedi-dropdown__item--divided"]]: R,
         [p["tedi-dropdown__item--indent"]]: u,
-        [p["tedi-dropdown__item--tree-item"]]: y === "tree" && u,
-        [p["tedi-dropdown__item--tree-parent"]]: y === "tree" && l
+        [p["tedi-dropdown__item--tree-item"]]: w === "tree" && u,
+        [p["tedi-dropdown__item--tree-parent"]]: w === "tree" && b
       },
-      x
+      K
     ),
-    style: V(u),
-    onClick: j,
-    onKeyDown: M,
+    style: j(u),
+    onClick: M,
+    onKeyDown: $,
     ...k
-  }, _ = s && i === !1 ? { ...v, role: d } : K({
-    role: d ?? "menuitem",
-    disabled: s ? void 0 : o,
-    ...v
+  }, _ = E ? { ...y, onKeyDown: void 0, tabIndex: e ? -1 : 0, role: a } : s && i === !1 ? { ...y, role: a } : l({
+    role: a ?? "menuitem",
+    disabled: s ? void 0 : e,
+    ...y
   });
-  if (c) {
+  if (d) {
     const t = n, r = t.props, f = _;
-    return A(t, {
+    return B(t, {
       ...f,
-      ref: q,
+      ref: V,
       className: D(f.className, r.className),
       style: { ...f.style, ...r.style },
-      "aria-disabled": o || void 0,
-      tabIndex: o ? -1 : f.tabIndex,
-      onClick: b(f.onClick, r.onClick),
-      onKeyDown: b(f.onKeyDown, r.onKeyDown)
+      "aria-disabled": e || void 0,
+      tabIndex: e ? -1 : f.tabIndex,
+      onClick: g(f.onClick, r.onClick),
+      onKeyDown: g(f.onKeyDown, r.onKeyDown)
     });
   }
-  return /* @__PURE__ */ $(E, { ..._, children: n });
+  return /* @__PURE__ */ z(T, { ..._, children: n });
 };
 export {
-  W as DropdownItem
+  X as DropdownItem
 };

package/src/tedi/components/overlays/dropdown/dropdown-trigger/dropdown-trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),c=require("react"),g=require("../../../../helpers/get-element-ref.cjs.js"),f=require("../dropdown-context.cjs.js"),i=({children:e})=>{const{refs:r,getReferenceProps:t}=f.useDropdownContext(),o=g.getElementRef(e),n=s.useMergeRefs([r.setReference,o]);return c.cloneElement(e,t({...e.props,ref:n}))};exports.DropdownTrigger=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),d=require("react"),f=require("../../../../helpers/get-element-ref.cjs.js"),p=require("../dropdown-context.cjs.js"),u=({children:e})=>{const{refs:t,getReferenceProps:r,navigation:n,open:o,contentId:s}=p.useDropdownContext(),i=f.getElementRef(e),c=g.useMergeRefs([t.setReference,i]),a=n?{"aria-expanded":o,"aria-controls":o?s:void 0}:void 0;return d.cloneElement(e,r({...e.props,...a,ref:c}))};exports.DropdownTrigger=u;

package/src/tedi/components/overlays/dropdown/dropdown-trigger/dropdown-trigger.es.js

@@ -1,13 +1,14 @@
 import { useMergeRefs as m } from "../../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import { cloneElement as n } from "react";
-import { getElementRef as s } from "../../../../helpers/get-element-ref.es.js";
-import { useDropdownContext as p } from "../dropdown-context.es.js";
+import { cloneElement as a } from "react";
+import { getElementRef as c } from "../../../../helpers/get-element-ref.es.js";
+import { useDropdownContext as g } from "../dropdown-context.es.js";
 const u = ({ children: e }) => {
-  const { refs: o, getReferenceProps: r } = p(), t = s(e), f = m([o.setReference, t]);
-  return n(
+  const { refs: r, getReferenceProps: t, navigation: n, open: o, contentId: s } = g(), p = c(e), f = m([r.setReference, p]), i = n ? { "aria-expanded": o, "aria-controls": o ? s : void 0 } : void 0;
+  return a(
     e,
-    r({
+    t({
       ...e.props,
+      ...i,
       ref: f
     })
   );

package/src/tedi/components/overlays/dropdown/dropdown.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),e=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),A=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),v=require("./dropdown.module.scss.cjs.js"),z=require("./dropdown-content/dropdown-content.cjs.js"),G=require("./dropdown-context.cjs.js"),J=require("./dropdown-helpers.cjs.js"),K=require("./dropdown-item/dropdown-item.cjs.js"),Q=require("./dropdown-separator/dropdown-separator.cjs.js"),V=require("./dropdown-trigger/dropdown-trigger.cjs.js"),X=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Y=require("../../../providers/label-provider/use-labels.cjs.js"),Z=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),x=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),ee=4,a=h=>{var O;const{getCurrentBreakpointProps:b}=X.useBreakpointProps(h.defaultServerBreakpoint),{children:F,modal:q=!1,divided:P=!1,width:R="auto",variant:p="default",open:f,defaultOpen:y=!1,onOpenChange:l,defaultActiveIndex:n,placement:g="bottom-start",maxHeight:c,className:j}=b(h),{getLabel:N}=Y.useLabels(),_=e.useFloatingNodeId(),D=t.useRef([]),[u,m]=t.useState(n??null),[w,k]=t.useState(null),[B,T]=t.useState(y),o=f??B;t.useEffect(()=>{o||m(n??null)},[o,n]);const I=t.useCallback(i=>{f===void 0&&T(i),l==null||l(i)},[f,l]),U=e.useFloating({nodeId:_,open:o,placement:g,onOpenChange:I,middleware:[x.offset(ee),x.flip(),x.shift()],whileElementsMounted:Z.autoUpdate}),{context:r,refs:s,x:H,y:L,strategy:M}=U,C=e.useInteractions([e.useClick(r),e.useRole(r,{role:"menu"}),e.useDismiss(r),e.useListNavigation(r,{listRef:D,activeIndex:u,onNavigate:m,loop:!0,selectedIndex:n??null,focusItemOnOpen:n!==null?!0:"auto"})]),W={open:o,setOpen:I,refs:s,listItemsRef:D,activeIndex:u,setActiveIndex:m,placement:g,content:w,setContent:k,divided:P,variant:p,...C},E=(O=s.reference.current)==null?void 0:O.getBoundingClientRect().width,$=t.useMemo(()=>{const i=s.reference.current;if(!i)return;const S=i.offsetParent;if(S)return S.getBoundingClientRect().width},[s.reference.current]);return d.jsxs(G.DropdownContext.Provider,{value:W,children:[F,d.jsx(e.FloatingPortal,{children:o&&d.jsx(e.FloatingFocusManager,{context:r,modal:q,visuallyHiddenDismiss:q?N("close"):!1,children:d.jsx("div",{...C.getFloatingProps({ref:s.setFloating,className:A.default(v.default["tedi-dropdown"],{[v.default[`tedi-dropdown--${p}`]]:p==="tree"},j),style:{position:M,left:H??0,top:L??0,width:J.resolveDropdownWidth(R,E,$)},role:"menu","aria-orientation":"vertical","aria-activedescendant":u!==null?`dropdown-item-${u}`:void 0}),"data-placement":g,"data-state":o?"open":"closed",children:c!==void 0?d.jsx("div",{className:v.default["tedi-dropdown__scroll"],role:"group",tabIndex:0,style:{maxHeight:typeof c=="number"?`${c}px`:c},children:w}):w})})})]})};a.Trigger=V.DropdownTrigger;a.Content=z.DropdownContent;a.Item=K.DropdownItem;a.Separator=Q.DropdownSeparator;exports.Dropdown=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),e=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),G=require("../../../../../external/classnames/index.cjs.js"),t=require("react"),x=require("./dropdown.module.scss.cjs.js"),J=require("./dropdown-content/dropdown-content.cjs.js"),K=require("./dropdown-context.cjs.js"),Q=require("./dropdown-helpers.cjs.js"),V=require("./dropdown-item/dropdown-item.cjs.js"),X=require("./dropdown-separator/dropdown-separator.cjs.js"),Y=require("./dropdown-trigger/dropdown-trigger.cjs.js"),Z=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),ee=require("../../../providers/label-provider/use-labels.cjs.js"),te=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),h=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),ne=4,a=q=>{var S;const{getCurrentBreakpointProps:P}=Z.useBreakpointProps(q.defaultServerBreakpoint),{children:R,modal:I=!1,divided:y=!1,width:j="auto",variant:f="default",open:g,defaultOpen:N=!1,onOpenChange:l,defaultActiveIndex:o,placement:m="bottom-start",maxHeight:c,navigation:u=!1,className:_}=P(q),{getLabel:k}=ee.useLabels(),B=e.useFloatingNodeId(),D=t.useId(),b=t.useRef([]),[p,w]=t.useState(o??null),[v,T]=t.useState(null),[U,H]=t.useState(N),n=g??U;t.useEffect(()=>{n||w(o??null)},[n,o]);const C=t.useCallback(i=>{g===void 0&&H(i),l==null||l(i)},[g,l]),L=e.useFloating({nodeId:B,open:n,placement:m,onOpenChange:C,middleware:[h.offset(ne),h.flip(),h.shift()],whileElementsMounted:te.autoUpdate}),{context:r,refs:s,x:M,y:W,strategy:E}=L,O=e.useInteractions([e.useClick(r),e.useRole(r,{role:"menu",enabled:!u}),e.useDismiss(r),e.useListNavigation(r,{listRef:b,activeIndex:p,onNavigate:w,loop:!0,selectedIndex:o??null,focusItemOnOpen:o!==null?!0:"auto",enabled:!u})]),$={open:n,setOpen:C,refs:s,listItemsRef:b,activeIndex:p,setActiveIndex:w,placement:m,content:v,setContent:T,divided:y,variant:f,navigation:u,contentId:D,...O},A=(S=s.reference.current)==null?void 0:S.getBoundingClientRect().width,z=t.useMemo(()=>{const i=s.reference.current;if(!i)return;const F=i.offsetParent;if(F)return F.getBoundingClientRect().width},[s.reference.current]);return d.jsxs(K.DropdownContext.Provider,{value:$,children:[R,d.jsx(e.FloatingPortal,{children:n&&d.jsx(e.FloatingFocusManager,{context:r,modal:I,visuallyHiddenDismiss:I?k("close"):!1,children:d.jsx("div",{...O.getFloatingProps({ref:s.setFloating,className:G.default(x.default["tedi-dropdown"],{[x.default[`tedi-dropdown--${f}`]]:f==="tree"},_),style:{position:E,left:M??0,top:W??0,width:Q.resolveDropdownWidth(j,A,z)},...u?{id:D}:{role:"menu","aria-orientation":"vertical","aria-activedescendant":p!==null?`dropdown-item-${p}`:void 0}}),"data-placement":m,"data-state":n?"open":"closed",children:c!==void 0?d.jsx("div",{className:x.default["tedi-dropdown__scroll"],role:"group",tabIndex:0,style:{maxHeight:typeof c=="number"?`${c}px`:c},children:v}):v})})})]})};a.Trigger=Y.DropdownTrigger;a.Content=J.DropdownContent;a.Item=V.DropdownItem;a.Separator=X.DropdownSeparator;exports.Dropdown=a;

package/src/tedi/components/overlays/dropdown/dropdown.d.ts

@@ -78,6 +78,14 @@ export interface DropdownProps extends BreakpointSupport<DropdownBreakpointProps
      * the user has to press an arrow key to start navigating.
      */
     defaultActiveIndex?: number;
+    /**
+     * Navigation mode — use when the dropdown lists **links** (e.g. collapsed breadcrumbs) rather than
+     * menu commands. Drops the `menu` / `menuitem` roles, `aria-haspopup="menu"` and roving tabindex, so
+     * screen readers announce the items as links and each is a normal Tab stop. Keep it `false` (default)
+     * for action menus.
+     * @default false
+     */
+    navigation?: boolean;
     className?: string;
 }
 export declare const Dropdown: {

package/src/tedi/components/overlays/dropdown/dropdown.es.js

@@ -1,131 +1,139 @@
-import { jsxs as A, jsx as d } from "react/jsx-runtime";
-import { useFloatingNodeId as U, useFloating as q, useInteractions as z, useClick as G, useRole as J, useDismiss as K, useListNavigation as Q, FloatingPortal as V, FloatingFocusManager as X } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import Y from "../../../../../external/classnames/index.es.js";
+import { jsxs as q, jsx as c } from "react/jsx-runtime";
+import { useFloatingNodeId as z, useFloating as G, useInteractions as J, useClick as K, useRole as Q, useDismiss as V, useListNavigation as X, FloatingPortal as Y, FloatingFocusManager as Z } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import ee from "../../../../../external/classnames/index.es.js";
 import e from "react";
-import v from "./dropdown.module.scss.es.js";
-import { DropdownContent as Z } from "./dropdown-content/dropdown-content.es.js";
-import { DropdownContext as ee } from "./dropdown-context.es.js";
-import { resolveDropdownWidth as te } from "./dropdown-helpers.es.js";
-import { DropdownItem as oe } from "./dropdown-item/dropdown-item.es.js";
-import { DropdownSeparator as ne } from "./dropdown-separator/dropdown-separator.es.js";
-import { DropdownTrigger as re } from "./dropdown-trigger/dropdown-trigger.es.js";
-import { useBreakpointProps as ie } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-import { useLabels as se } from "../../../providers/label-provider/use-labels.es.js";
-import { autoUpdate as ae } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as le, flip as de, shift as ce } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-const me = 4, c = (h) => {
-  var O;
-  const { getCurrentBreakpointProps: F } = ie(h.defaultServerBreakpoint), {
-    children: N,
-    modal: w = !1,
-    divided: R = !1,
-    width: y = "auto",
-    variant: m = "default",
+import h from "./dropdown.module.scss.es.js";
+import { DropdownContent as te } from "./dropdown-content/dropdown-content.es.js";
+import { DropdownContext as oe } from "./dropdown-context.es.js";
+import { resolveDropdownWidth as ne } from "./dropdown-helpers.es.js";
+import { DropdownItem as re } from "./dropdown-item/dropdown-item.es.js";
+import { DropdownSeparator as ie } from "./dropdown-separator/dropdown-separator.es.js";
+import { DropdownTrigger as se } from "./dropdown-trigger/dropdown-trigger.es.js";
+import { useBreakpointProps as ae } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as le } from "../../../providers/label-provider/use-labels.es.js";
+import { autoUpdate as de } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { offset as ce, flip as me, shift as ue } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+const pe = 4, m = (w) => {
+  var F;
+  const { getCurrentBreakpointProps: N } = ae(w.defaultServerBreakpoint), {
+    children: R,
+    modal: I = !1,
+    divided: y = !1,
+    width: P = "auto",
+    variant: u = "default",
     open: p,
-    defaultOpen: P = !1,
+    defaultOpen: S = !1,
     onOpenChange: s,
     defaultActiveIndex: o,
-    placement: u = "bottom-start",
+    placement: f = "bottom-start",
     maxHeight: a,
-    className: S
-  } = F(h), { getLabel: b } = se(), k = U(), x = e.useRef([]), [l, f] = e.useState(o ?? null), [g, B] = e.useState(null), [_, W] = e.useState(P), t = p ?? _;
+    navigation: l = !1,
+    className: k
+  } = N(w), { getLabel: B } = le(), _ = z(), x = e.useId(), D = e.useRef([]), [d, g] = e.useState(o ?? null), [v, W] = e.useState(null), [E, H] = e.useState(S), t = p ?? E;
   e.useEffect(() => {
-    t || f(o ?? null);
+    t || g(o ?? null);
   }, [t, o]);
-  const I = e.useCallback(
+  const O = e.useCallback(
     (i) => {
-      p === void 0 && W(i), s == null || s(i);
+      p === void 0 && H(i), s == null || s(i);
     },
     [p, s]
-  ), E = q({
-    nodeId: k,
+  ), L = G({
+    nodeId: _,
     open: t,
-    placement: u,
-    onOpenChange: I,
-    middleware: [le(me), de(), ce()],
-    whileElementsMounted: ae
-  }), { context: n, refs: r, x: H, y: L, strategy: M } = E, D = z([
-    G(n),
-    J(n, { role: "menu" }),
+    placement: f,
+    onOpenChange: O,
+    middleware: [ce(pe), me(), ue()],
+    whileElementsMounted: de
+  }), { context: n, refs: r, x: M, y: T, strategy: $ } = L, C = J([
     K(n),
-    Q(n, {
-      listRef: x,
-      activeIndex: l,
-      onNavigate: f,
+    // In navigation mode the popup is a list of links, not a menu — disable the menu role and the
+    // roving-tabindex list navigation so items stay plain, tabbable links.
+    Q(n, { role: "menu", enabled: !l }),
+    V(n),
+    X(n, {
+      listRef: D,
+      activeIndex: d,
+      onNavigate: g,
       loop: !0,
       selectedIndex: o ?? null,
-      focusItemOnOpen: o !== null ? !0 : "auto"
+      focusItemOnOpen: o !== null ? !0 : "auto",
+      enabled: !l
     })
-  ]), T = {
+  ]), j = {
     open: t,
-    setOpen: I,
+    setOpen: O,
     refs: r,
-    listItemsRef: x,
-    activeIndex: l,
-    setActiveIndex: f,
-    placement: u,
-    content: g,
-    setContent: B,
-    divided: R,
-    variant: m,
-    ...D
-  }, $ = (O = r.reference.current) == null ? void 0 : O.getBoundingClientRect().width, j = e.useMemo(() => {
+    listItemsRef: D,
+    activeIndex: d,
+    setActiveIndex: g,
+    placement: f,
+    content: v,
+    setContent: W,
+    divided: y,
+    variant: u,
+    navigation: l,
+    contentId: x,
+    ...C
+  }, A = (F = r.reference.current) == null ? void 0 : F.getBoundingClientRect().width, U = e.useMemo(() => {
     const i = r.reference.current;
     if (!i) return;
-    const C = i.offsetParent;
-    if (C)
-      return C.getBoundingClientRect().width;
+    const b = i.offsetParent;
+    if (b)
+      return b.getBoundingClientRect().width;
   }, [r.reference.current]);
-  return /* @__PURE__ */ A(ee.Provider, { value: T, children: [
-    N,
-    /* @__PURE__ */ d(V, { children: t && /* @__PURE__ */ d(
-      X,
+  return /* @__PURE__ */ q(oe.Provider, { value: j, children: [
+    R,
+    /* @__PURE__ */ c(Y, { children: t && /* @__PURE__ */ c(
+      Z,
       {
         context: n,
-        modal: w,
-        visuallyHiddenDismiss: w ? b("close") : !1,
-        children: /* @__PURE__ */ d(
+        modal: I,
+        visuallyHiddenDismiss: I ? B("close") : !1,
+        children: /* @__PURE__ */ c(
           "div",
           {
-            ...D.getFloatingProps({
+            ...C.getFloatingProps({
               ref: r.setFloating,
-              className: Y(
-                v["tedi-dropdown"],
-                { [v[`tedi-dropdown--${m}`]]: m === "tree" },
-                S
+              className: ee(
+                h["tedi-dropdown"],
+                { [h[`tedi-dropdown--${u}`]]: u === "tree" },
+                k
               ),
               style: {
-                position: M,
-                left: H ?? 0,
-                top: L ?? 0,
-                width: te(y, $, j)
+                position: $,
+                left: M ?? 0,
+                top: T ?? 0,
+                width: ne(P, A, U)
               },
-              role: "menu",
-              "aria-orientation": "vertical",
-              "aria-activedescendant": l !== null ? `dropdown-item-${l}` : void 0
+              ...l ? { id: x } : {
+                role: "menu",
+                "aria-orientation": "vertical",
+                "aria-activedescendant": d !== null ? `dropdown-item-${d}` : void 0
+              }
             }),
-            "data-placement": u,
+            "data-placement": f,
             "data-state": t ? "open" : "closed",
-            children: a !== void 0 ? /* @__PURE__ */ d(
+            children: a !== void 0 ? /* @__PURE__ */ c(
               "div",
               {
-                className: v["tedi-dropdown__scroll"],
+                className: h["tedi-dropdown__scroll"],
                 role: "group",
                 tabIndex: 0,
                 style: { maxHeight: typeof a == "number" ? `${a}px` : a },
-                children: g
+                children: v
               }
-            ) : g
+            ) : v
           }
         )
       }
     ) })
   ] });
 };
-c.Trigger = re;
-c.Content = Z;
-c.Item = oe;
-c.Separator = ne;
+m.Trigger = se;
+m.Content = te;
+m.Item = re;
+m.Separator = ie;
 export {
-  c as Dropdown
+  m as Dropdown
 };