twenty-ui 2.47.0 → 2.48.0

package/dist/{surfaces-DZ2A-Nb9.js → surfaces-BLsR5ka0.js}

@@ -1,11 +1,11 @@
 import { t as u } from "./isDefined-fMi6eQ4r.js";
 import { t as _ } from "./theme-B2EaXhye.js";
-import { t as s } from "./mergeClassNames-ClFMR1v0.js";
+import { t as p } from "./mergeClassNames-ClFMR1v0.js";
 import { t as v } from "./useProvidedTextDirection-Dk8LBQeF.js";
 import { t as f } from "./Heading-pXllCJCO.js";
-import { useRender as p } from "@base-ui/react/use-render";
+import { useRender as c } from "@base-ui/react/use-render";
 import { isUndefined as C } from "@sniptt/guards";
-import { clsx as c } from "clsx";
+import { clsx as s } from "clsx";
 import { jsx as i } from "react/jsx-runtime";
 import { AlertDialog as d } from "@base-ui/react/alert-dialog";
 import { Dialog as l } from "@base-ui/react/dialog";
@@ -20,30 +20,30 @@ var N = "_backdrop_aak4r_1", k = "_viewport_aak4r_12", H = "_popup_aak4r_30", P
   description: w
 }, B = ({ className: r, ...a }) => /* @__PURE__ */ i(d.Backdrop, {
   ...a,
-  className: s(t.backdrop, r)
-}), F = ({ render: r, ref: a, className: e, ...o }) => p({
+  className: p(t.backdrop, r)
+}), F = ({ render: r, ref: a, className: e, ...o }) => c({
   render: r,
   ref: a,
   props: {
     ...o,
-    className: c(t.body, e)
+    className: s(t.body, e)
   }
 }), b = ({ className: r, ...a }) => /* @__PURE__ */ i(d.Description, {
   ...a,
-  className: s(t.description, r)
-}), h = ({ render: r, ref: a, className: e, ...o }) => p({
+  className: p(t.description, r)
+}), h = ({ render: r, ref: a, className: e, ...o }) => c({
   render: r,
   ref: a,
   props: {
     ...o,
-    className: c(t.footer, e)
+    className: s(t.footer, e)
   }
-}), R = ({ render: r, ref: a, className: e, ...o }) => p({
+}), R = ({ render: r, ref: a, className: e, ...o }) => c({
   render: r,
   ref: a,
   props: {
     ...o,
-    className: c(t.header, e)
+    className: s(t.header, e)
   }
 }), V = ({ container: r, ...a }) => {
   const e = _(), o = v();
@@ -55,25 +55,25 @@ var N = "_backdrop_aak4r_1", k = "_viewport_aak4r_12", H = "_popup_aak4r_30", P
 }, x = ({ size: r = "md", className: a, ...e }) => /* @__PURE__ */ i(d.Popup, {
   ...e,
   "data-size": r,
-  className: s(t.popup, a)
-}), z = ({ className: r, ...a }) => /* @__PURE__ */ i(d.Title, {
+  className: p(t.popup, a)
+}), $ = ({ className: r, ...a }) => /* @__PURE__ */ i(d.Title, {
   ...a,
-  className: s(t.title, r)
-}), $ = ({ className: r, ...a }) => {
+  className: p(t.title, r)
+}), z = ({ className: r, ...a }) => {
   const e = v();
   return /* @__PURE__ */ i(d.Viewport, {
     dir: e,
     ...a,
-    className: s(t.viewport, r)
+    className: p(t.viewport, r)
   });
 }, j = () => ({
   Root: d.Root,
   Trigger: d.Trigger,
   Portal: V,
   Backdrop: B,
-  Viewport: $,
+  Viewport: z,
   Popup: x,
-  Title: z,
+  Title: $,
   Description: b,
   Close: d.Close,
   Header: R,
@@ -81,35 +81,35 @@ var N = "_backdrop_aak4r_1", k = "_viewport_aak4r_12", H = "_popup_aak4r_30", P
   Footer: h,
   Handle: d.Handle,
   createHandle: d.createHandle
-}), fr = /* @__PURE__ */ j(), U = "_cardContent_122dn_1", q = { cardContent: U }, E = ({ className: r, divider: a, render: e, ref: o, ...n }) => p({
+}), Nr = /* @__PURE__ */ j(), U = "_cardContent_122dn_1", q = { cardContent: U }, E = ({ className: r, divider: a, render: e, ref: o, ...n }) => c({
   render: e,
   ref: o,
   props: {
     ...n,
-    className: c(q.cardContent, r),
+    className: s(q.cardContent, r),
     "data-divider": a || void 0
   }
-}), G = "_cardFooter_yo8y2_1", I = { cardFooter: G }, J = ({ className: r, divider: a, render: e, ref: o, ...n }) => p({
+}), G = "_cardFooter_yo8y2_1", I = { cardFooter: G }, J = ({ className: r, divider: a, render: e, ref: o, ...n }) => c({
   render: e,
   ref: o,
   props: {
     ...n,
-    className: c(I.cardFooter, r),
+    className: s(I.cardFooter, r),
     "data-no-divider": a === !1 || void 0
   }
-}), K = "_cardHeader_18psr_1", L = { cardHeader: K }, M = ({ className: r, render: a, ref: e, ...o }) => p({
+}), K = "_cardHeader_18psr_1", L = { cardHeader: K }, M = ({ className: r, render: a, ref: e, ...o }) => c({
   render: a,
   ref: e,
   props: {
     ...o,
-    className: c(L.cardHeader, r)
+    className: s(L.cardHeader, r)
   }
-}), O = "_card_1mvso_1", Q = { card: O }, S = ({ className: r, fullWidth: a, rounded: e, backgroundColor: o, style: n, render: m, ref: g, ...D }) => p({
+}), O = "_card_1mvso_1", Q = { card: O }, S = ({ className: r, fullWidth: a, rounded: e, backgroundColor: o, style: n, render: m, ref: g, ...D }) => c({
   render: m,
   ref: g,
   props: {
     ...D,
-    className: c(Q.card, r),
+    className: s(Q.card, r),
     "data-full-width": a || void 0,
     "data-rounded": e || void 0,
     style: u(o) ? {
@@ -117,86 +117,86 @@ var N = "_backdrop_aak4r_1", k = "_viewport_aak4r_12", H = "_popup_aak4r_30", P
       "--card-background-color": o
     } : n
   }
-}), Cr = {
+}), kr = {
   Root: S,
   Header: M,
   Content: E,
   Footer: J
 }, W = ({ className: r, ...a }) => /* @__PURE__ */ i(l.Backdrop, {
   ...a,
-  className: s(t.backdrop, r)
-}), X = ({ render: r, ref: a, className: e, ...o }) => p({
+  className: p(t.backdrop, r)
+}), X = ({ render: r, ref: a, className: e, ...o }) => c({
   render: r,
   ref: a,
   props: {
     ...o,
-    className: c(t.body, e)
+    className: s(t.body, e)
   }
-}), Y = ({ className: r, ...a }) => /* @__PURE__ */ i(l.Description, {
+}), Y = "_description_3f4d1_1", Z = { description: Y }, rr = ({ className: r, ...a }) => /* @__PURE__ */ i(l.Description, {
   ...a,
-  className: s(t.description, r)
-}), Z = ({ render: r, ref: a, className: e, ...o }) => p({
+  className: p(s(t.description, Z.description), r)
+}), ar = ({ render: r, ref: a, className: e, ...o }) => c({
   render: r,
   ref: a,
   props: {
     ...o,
-    className: c(t.footer, e)
+    className: s(t.footer, e)
   }
-}), rr = ({ render: r, ref: a, className: e, ...o }) => p({
+}), er = ({ render: r, ref: a, className: e, ...o }) => c({
   render: r,
   ref: a,
   props: {
     ...o,
-    className: c(t.header, e)
+    className: s(t.header, e)
   }
-}), ar = ({ size: r = "md", className: a, ...e }) => {
+}), or = ({ size: r = "md", className: a, ...e }) => {
   const o = v();
   return /* @__PURE__ */ i(l.Popup, {
     dir: o,
     ...e,
     "data-size": r,
-    className: s(t.popup, a)
+    className: p(t.popup, a)
   });
-}, er = ({ container: r, ...a }) => {
+}, tr = ({ container: r, ...a }) => {
   const e = _();
   return /* @__PURE__ */ i(l.Portal, {
     ...a,
     container: C(r) ? e ?? void 0 : r
   });
-}, or = "_title_yzpck_1", tr = { title: or }, ir = ({ level: r = 2, size: a = "lg", color: e = "primary", className: o, render: n, ...m }) => /* @__PURE__ */ i(l.Title, {
+}, ir = "_title_yzpck_1", dr = { title: ir }, lr = ({ level: r = 2, size: a = "lg", color: e = "primary", className: o, render: n, ...m }) => /* @__PURE__ */ i(l.Title, {
   ...m,
-  className: s(tr.title, o),
+  className: p(dr.title, o),
   render: /* @__PURE__ */ i(f, {
     level: r,
     size: a,
     color: e,
     render: n
   })
-}), dr = ({ className: r, ...a }) => {
+}), sr = ({ className: r, ...a }) => {
   const e = v();
   return /* @__PURE__ */ i(l.Viewport, {
     dir: e,
     ...a,
-    className: s(t.viewport, r)
+    className: p(t.viewport, r)
   });
-}, Nr = {
+}, Hr = {
   createHandle: l.createHandle,
   Handle: l.Handle,
   Root: l.Root,
   Trigger: l.Trigger,
-  Portal: er,
+  Portal: tr,
   Backdrop: W,
-  Viewport: dr,
-  Popup: ar,
-  Title: ir,
-  Description: Y,
+  Viewport: sr,
+  Popup: or,
+  Title: lr,
+  Description: rr,
   Close: l.Close,
-  Header: rr,
+  Header: er,
   Body: X,
-  Footer: Z
+  Footer: ar
 };
 export {
-  Cr as n,
-  fr as r,
-  Nr as t
+  kr as n,
+  Nr as r,
+  Hr as t
 };

package/dist/typography-B5QEuPaL.cjs

@@ -0,0 +1 @@
+const t=require("./Shortcut-CgrdLv_L.cjs"),o=require("./OverflowingTextWithTooltip-Z2daM0_x.cjs");let i=require("react/jsx-runtime");var n=({mode:e,children:r})=>(0,i.jsx)(o.OverflowingTextTooltipModeContext.Provider,{value:e,children:r}),u=e=>t.getShortcutPresentation(e).text;Object.defineProperty(exports,"OverflowingTextTooltipModeProvider",{enumerable:!0,get:function(){return n}});Object.defineProperty(exports,"formatShortcut",{enumerable:!0,get:function(){return u}});

package/dist/typography-fOTFr0jS.js

@@ -0,0 +1,11 @@
+import { n as r } from "./Shortcut-BvWUZ3pb.js";
+import { n as e } from "./OverflowingTextWithTooltip-BmUROIah.js";
+import { jsx as i } from "react/jsx-runtime";
+var v = ({ mode: o, children: t }) => /* @__PURE__ */ i(e.Provider, {
+  value: o,
+  children: t
+}), f = (o) => r(o).text;
+export {
+  v as n,
+  f as t
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "twenty-ui",
-  "version": "2.47.0",
+  "version": "2.48.0",
   "description": "Twenty's shared React UI component library.",
   "license": "MIT",
   "repository": {

package/dist/Dropdown-BBUGkQQV.cjs

@@ -1 +0,0 @@
-const d=require("./isDefined-DS2Q42p5.cjs"),Y=require("./mergeClassNames-D4lshrT6.cjs"),Re=require("./preventDismissingClickActivation-DZxTSLV3.cjs"),ie=require("./Button-COxEKIHL.cjs"),we=require("./isRenderableSlot-Guryb6Nf.cjs"),Oe=require("./Tooltip-JOYVeSsf.cjs"),De=require("./OverflowingTextWithTooltip-BlufG-6n.cjs"),te=require("./ListItem.module-B8NeDH1P.cjs"),ce=require("./ListItem-q6DHGlev.cjs"),J=require("./Popover-CneCJTvD.cjs"),Ee=require("./Input-DvL77rvu.cjs");let _e=require("@base-ui/react/use-render"),$=require("@sniptt/guards"),M=require("clsx"),g=require("react"),a=require("react/jsx-runtime"),Ie=require("@base-ui/react/button"),ne=require("@base-ui/utils/useMergedRefs"),xe=require("@base-ui/react/popover"),ye=require("@base-ui/react/direction-provider"),de=require("@base-ui/react/menu"),re=require("@tabler/icons-react");var Le="_content_pi98m_1",Fe="_page_pi98m_12",Be="_group_pi98m_16",Me="_groupLabel_pi98m_22",Ge="_separator_pi98m_34",Ke="_section_pi98m_41",We="_back_pi98m_72",He="_backIcon_pi98m_84",Ue="_searchContainer_pi98m_88",ze="_search_pi98m_88",$e="_status_pi98m_105",Ye="_header_pi98m_111",Ve="_title_pi98m_124",Xe="_itemWithActions_pi98m_133",Je="_itemWithActionsPrimary_pi98m_139",Qe="_itemActions_pi98m_154",Ze="_itemDecoration_pi98m_158",T={content:Le,page:Fe,group:Be,groupLabel:Me,separator:Ge,section:Ke,back:We,backIcon:He,searchContainer:Ue,search:ze,status:$e,header:Ye,title:Ve,itemWithActions:Xe,itemWithActionsPrimary:Je,itemActions:Qe,itemDecoration:Ze},ue=({render:e,ref:t,disabled:r,...o})=>(0,_e.useRender)({render:e,ref:t,defaultTagName:"button",props:{...o,disabled:r}}),le=({nativeButton:e,renderProps:t})=>e&&"disabled"in t&&(0,$.isBoolean)(t.disabled)?t.disabled:void 0,et="[data-dropdown-item]",Te=({actions:e,actionsVisibility:t="hover",color:r="neutral",selected:o=!1,focused:s=!1,indicator:i="none",disabled:n=!1,hasSubmenu:u=!1,children:l})=>(0,a.jsxs)("div",{className:(0,M.clsx)(te.ListItem_module_default.root,T.itemWithActions),role:"none","data-actions-visibility":t,"data-color":r,"data-selected":o?"":void 0,"data-highlighted":s?"":void 0,"data-indicator":i,"data-disabled":n?"":void 0,onClick:f=>{f.target===f.currentTarget&&f.currentTarget.querySelector(et)?.click()},children:[l,(0,a.jsx)("span",{className:(0,M.clsx)(te.ListItem_module_default.actions,T.itemActions),children:e}),i==="check"&&o&&(0,a.jsx)(re.IconCheck,{className:(0,M.clsx)(te.ListItem_module_default.checkIndicator,T.itemDecoration),"aria-hidden":!0}),u&&(0,a.jsx)(re.IconChevronRight,{className:(0,M.clsx)(te.ListItem_module_default.submenuIcon,T.itemDecoration),"aria-hidden":!0})]}),pe=e=>e.getAttribute("aria-label")??e.textContent??"",Z=e=>Array.from(e.querySelectorAll("[data-dropdown-item]")).filter(t=>t.getAttribute("aria-disabled")!=="true"&&!t.hasAttribute("disabled")&&t.closest("[data-dropdown-content]")===e),oe=(0,g.createContext)(void 0),B=()=>{const e=(0,g.useContext)(oe);if(!d.isDefined(e))throw new Error("Dropdown components must be inside Dropdown.Root");return e},fe=({id:e,disabled:t,isSubmenuTrigger:r=!1})=>{const o=B(),s=r?o.parentType:o.type,i=r?o.parentActiveItemId:o.activeItemId,n=r?o.setParentActiveItemId:o.setActiveItemId;return{tabIndex:t||s==="menu"&&i!==e?-1:0,activate:()=>n?.(e)}},Ae=({color:e,startIcon:t,endIcon:r,description:o,descriptionPlacement:s,shortcut:i,shortcutJoinLabel:n,hasSubmenu:u,actions:l,actionsVisibility:f,children:m,render:h,disabled:w=!1,nativeButton:c=!d.isDefined(h),closeOnClick:S=!0,onClick:b,onFocus:I,page:p,id:D,...v})=>{const{type:x,closeTree:N,goToPage:A}=B(),R=(0,g.useId)(),O=D??R,k=fe({id:O,disabled:w}),P=we.isRenderableSlot(l),E=u??d.isDefined(p),L=(0,a.jsx)(Ie.Button,{...v,id:O,disabled:w,nativeButton:c,role:v.role??(x==="menu"?"menuitem":void 0),tabIndex:k.tabIndex,onFocus:y=>{k.activate(),I?.(y)},"data-dropdown-item":"","data-dropdown-page":p,onClick:y=>{if(b?.(y),!y.defaultPrevented){if(d.isDefined(p)){const j=y.currentTarget.closest("[data-dropdown-content]");if(!d.isDefined(j))return;A({id:p,trigger:{id:D,index:Z(j).indexOf(y.currentTarget),page:p,label:pe(y.currentTarget)}});return}S&&N()}},render:y=>{const j=le({nativeButton:c,renderProps:y});return(0,a.jsx)(ce.ListItem,{...y,render:(0,a.jsx)(ue,{render:h,disabled:j}),className:(0,M.clsx)(y.className,P&&T.itemWithActionsPrimary),disabled:w,color:e,startIcon:t,endIcon:r,actionsVisibility:f,description:o,descriptionPlacement:s,shortcut:i,shortcutJoinLabel:n,hasSubmenu:!P&&E,children:m})}});return P?(0,a.jsx)(Te,{actions:l,actionsVisibility:f,color:e,disabled:w,hasSubmenu:E,children:L}):L},tt=({children:e="Back",className:t,onClick:r,...o})=>{const{goBack:s,canGoBack:i}=B();return(0,a.jsx)(Ae,{...o,className:(0,M.clsx)(T.back,t),"data-dropdown-back":"",disabled:o.disabled||!i,startIcon:(0,a.jsx)(re.IconChevronLeft,{className:T.backIcon}),closeOnClick:!1,onClick:n=>{r?.(n),!n.defaultPrevented&&s()},children:e})},rt="_button_1qwl0_1",ot="_tooltipAnchor_1qwl0_29",nt="_icon_1qwl0_33",ae={button:rt,tooltipAnchor:ot,icon:nt},Ce=({children:e,size:t,shape:r="square",className:o,tooltip:s,tooltipPlace:i="bottom",tooltipDelay:n=1e3,tooltipOffset:u=5,disabled:l,loading:f,...m})=>{const h=(0,g.useContext)(ie.ButtonGroupContext),w=t??h?.size??"md",c=(0,$.isNonEmptyString)(s),S=l||f,b=(0,a.jsx)(ie.Button,{...m,size:w==="xs"?"sm":w,"data-icon-size":w,"data-shape":r,disabled:l,loading:f,startIcon:(0,a.jsx)("span",{className:ae.icon,children:e}),className:Y.mergeClassNames(ae.button,o)});return c?(0,a.jsx)(Oe.Tooltip,{content:s,delay:n,side:i,sideOffset:u,children:S?(0,a.jsx)("span",{className:ae.tooltipAnchor,children:b}):b}):b},st="_button_prhtf_1",at={button:st},Pe=({className:e,emphasis:t="standard",size:r,variant:o,...s})=>{const i=(0,g.useContext)(ie.ButtonGroupContext),n=r??i?.size??"sm",u=o??i?.variant??"ghost";return(0,a.jsx)(Ce,{...s,size:n,variant:u,"data-emphasis":t,className:Y.mergeClassNames(at.button,e)})},it=({render:e,children:t,"aria-label":r,...o})=>(0,a.jsx)(xe.Popover.Close,{...o,"aria-label":r,render:e??(0,a.jsx)(Pe,{size:"sm","aria-label":r,children:t??(0,a.jsx)(re.IconX,{})}),children:d.isDefined(e)?t:void 0}),me=({content:e,target:t,edge:r="first",type:o})=>{const s=d.isDefined(t?.id)?e.ownerDocument.getElementById(t.id):null;if(d.isDefined(s)&&e.contains(s))return s;const i=Z(e),n=d.isDefined(t)?i.filter(c=>c.dataset.dropdownPage===t.page):[],[u]=n;if(n.length===1&&d.isDefined(u))return u;const l=(0,$.isNonEmptyString)(t?.label)?n.filter(c=>pe(c)===t?.label):[],[f]=l;if(l.length===1&&d.isDefined(f))return f;const m=d.isDefined(t)?i[t.index]:void 0;if(d.isDefined(m))return m;const h=e.querySelector('input:not(:disabled):not([type="hidden"]),button:not(:disabled),textarea:not(:disabled),select:not(:disabled),a[href],[tabindex="0"]');if((Array.from(e.querySelectorAll("[data-dropdown-page-type]")).find(c=>c.closest("[data-dropdown-content]")===e)?.dataset.dropdownPageType??o??e.dataset.type)==="panel")return h??e;const w=e.querySelector("[data-dropdown-search]:not(:disabled)");return d.isDefined(w)?w:r==="last"?i[i.length-1]??h??e:i.find(c=>!c.hasAttribute("data-dropdown-back"))??i[0]??h??e},ct=({contentRef:e})=>{const{open:t,pageId:r,pageFocusRequest:o,setPageFocusRequest:s}=B();return(0,g.useLayoutEffect)(()=>{d.isDefined(o)&&(s(void 0),!(!t||o.pageId!==r||!d.isDefined(e.current))&&me({content:e.current,target:o.target}).focus())},[e,t,r,o,s]),null},ge=e=>{if(e.dataset.type==="panel")return;const t=e.querySelector("[data-dropdown-search]:not(:disabled)");if(!(!d.isDefined(t)||!(0,$.isNonEmptyString)(t.value.trim())))return Z(e).find(r=>r.hasAttribute("data-dropdown-option-item"))},dt=({content:e})=>{const{setSearchTargetId:t}=B();return(0,g.useLayoutEffect)(()=>{if(!d.isDefined(e))return;const r=()=>t(ge(e)?.id);r();const o=new MutationObserver(r);return o.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["disabled","aria-disabled"]}),()=>{o.disconnect(),t(void 0)}},[e,t]),null},ut=e=>(e.ctrlKey||e.metaKey)&&!e.defaultPrevented,lt=e=>Array.from(e.ownerDocument.querySelectorAll("[data-dropdown-item][aria-controls]")).find(t=>t.getAttribute("aria-controls")===e.id),pt=({rowCells:e,column:t,isEnabledCell:r})=>{const o=Math.min(t,e.length-1);for(let s=0;s<e.length;s++){const i=[e[o-s],e[o+s]].find(r);if(d.isDefined(i))return i}},je=({key:e,items:t,currentItem:r,search:o,isRightToLeft:s})=>{const i=r?.closest("[data-dropdown-columns]"),n=Number(i?.dataset.dropdownColumns),u=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e);if(!d.isDefined(i)||!d.isDefined(r)||!u||!(0,$.isPositiveInteger)(n))return;const l=Array.from(i.children).filter(p=>p instanceof HTMLElement&&!p.hasAttribute("data-dropdown-section-label")),f=l.indexOf(r);if(f<0)return;const m=Math.floor(f/n),h=f%n,w=e==="ArrowUp"||e==="ArrowDown",c=e==="ArrowDown"||e===(s?"ArrowLeft":"ArrowRight")?1:-1,S=Math.ceil(l.length/n),b=new Set(t),I=p=>d.isDefined(p)&&b.has(p);if(w){for(let v=m+c;v>=0&&v<S;v+=c){const x=l[Math.min(v*n+h,l.length-1)];if(I(x))return x}for(let v=m+c;v>=0&&v<S;v+=c){const x=pt({rowCells:l.slice(v*n,(v+1)*n),column:h,isEnabledCell:I});if(d.isDefined(x))return x}const p=l.filter(I),D=c<0?p[0]:p[p.length-1];return(d.isDefined(D)?t[t.indexOf(D)+c]:void 0)??(c<0?o:void 0)??r}for(let p=h+c;p>=0&&p<n;p+=c){const D=l[m*n+p];if(I(D))return D}return r},ft=({key:e,items:t,currentIndex:r,search:o,isSearch:s,isRightToLeft:i=!1})=>{const n=je({key:e,items:t,currentItem:t[r],search:o,isRightToLeft:i});if(d.isDefined(n))return n;const u=t.length-1;if(e==="ArrowDown")return t[r===u?0:r+1];if(e==="ArrowUp"&&r===0&&d.isDefined(o))return o;if(e==="ArrowUp")return t[r<=0?u:r-1];if(!s&&e==="Home")return t[0];if(!s&&e==="End")return t[u]},mt=500,gt=({type:e,isSubmenu:t,setOpen:r})=>{const o=(0,ye.useDirection)(),[s,i]=(0,g.useState)({text:"",timestamp:0});return n=>{if(n.defaultPrevented)return;const u=n.currentTarget,l=n.target;if(!(l instanceof HTMLElement)||l.closest("[data-dropdown-content]")!==u)return;const f=l.matches('input,textarea,select,[contenteditable="true"]'),m=o==="rtl",h=m?"ArrowRight":"ArrowLeft",w=t&&!f&&n.key===h,c=w&&e!=="panel"?je({key:n.key,items:Z(u),currentItem:l,search:null,isRightToLeft:m}):void 0,S=d.isDefined(c)&&c!==l;if(t&&(n.key==="Escape"||w&&!S)){n.preventDefault(),n.stopPropagation(),lt(u)?.focus(),r(!1);return}if(e==="panel")return;const b=u.querySelector("[data-dropdown-search]:not(:disabled)"),I=l===b;if(f&&!I)return;const p=Z(u).filter(k=>!d.isDefined(b)||!k.hasAttribute("data-dropdown-back")),D=I&&n.key==="Enter"&&!n.nativeEvent.isComposing?ge(u):void 0;if(d.isDefined(D)){n.preventDefault(),D.click();return}const v=p.indexOf(l),x=ft({key:n.key,items:p,currentIndex:v,search:b,isSearch:I,isRightToLeft:m});if(d.isDefined(x)){n.preventDefault(),x.focus();return}if(f||n.key.length!==1||n.key===" "||n.altKey||n.ctrlKey||n.metaKey)return;const N=Date.now(),A=N-s.timestamp>mt?n.key:s.text+n.key;i({text:A,timestamp:N});const R=([...A].every(k=>k===A[0])?n.key:A).toLocaleLowerCase(),O=[...p.slice(v+1),...p.slice(0,v+1)].find(k=>pe(k).trim().toLocaleLowerCase().startsWith(R));d.isDefined(O)&&(n.preventDefault(),O.focus())}},ht=({side:e,align:t="start",sideOffset:r=0,alignOffset:o,anchor:s,collisionPadding:i,container:n,keepMounted:u,width:l=200,className:f,style:m,children:h,initialFocus:w,onKeyDown:c,onInput:S,onClick:b,onMouseDown:I,onPointerDown:p,"aria-label":D,"aria-labelledby":v,ref:x,...N})=>{const{type:A,isSubmenu:R,setOpen:O,initialFocusEdge:k,focusOnOpen:P,triggerId:E,titleId:L,setSearchTargetId:y}=B(),j=(0,g.useRef)(null),[C,G]=(0,g.useState)(null),K=(0,ne.useMergedRefs)(j,x,G),U=gt({type:A,isSubmenu:R,setOpen:O}),z=d.isDefined(D)?void 0:L??E;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(J.Popover.Portal,{container:n,keepMounted:u,children:(0,a.jsx)(J.Popover.Positioner,{side:e??(R?"inline-end":"bottom"),align:t,sideOffset:r,alignOffset:o,anchor:s,collisionPadding:i,children:(0,a.jsx)(J.Popover.Popup,{...N,ref:K,role:A==="menu"?"menu":"dialog","aria-label":D,"aria-labelledby":v??z,"data-dropdown-content":"","data-type":A,className:Y.mergeClassNames(T.content,f),style:_=>({width:l,...(0,$.isFunction)(m)?m(_):m}),initialFocus:w??(()=>P?d.isDefined(j.current)?me({content:j.current,edge:k,type:A}):!0:!1),onKeyDown:_=>{c?.(_),U(_),ut(_)||_.stopPropagation()},onInput:_=>{S?.(_),y(ge(_.currentTarget)?.id)},onClick:_=>{_.stopPropagation(),b?.(_)},onMouseDown:_=>{_.stopPropagation(),I?.(_)},onPointerDown:_=>{_.stopPropagation(),p?.(_)},children:h})})}),(0,a.jsx)(ct,{contentRef:j}),(0,a.jsx)(dt,{content:C})]})},bt=({className:e,...t})=>(0,a.jsx)(De.Text,{...t,role:"status","aria-live":"polite",className:(0,M.clsx)(T.status,e)}),vt=({render:e,ref:t,className:r,...o})=>(0,_e.useRender)({render:e,ref:t,props:{...o,className:(0,M.clsx)(T.header,r)}}),wt=({className:e,...t})=>(0,a.jsx)(De.Text,{...t,role:"status","aria-live":"polite","aria-busy":"true",className:(0,M.clsx)(T.status,e)}),Dt=({selected:e,indicator:t,onSelect:r,closeOnSelect:o,color:s,startIcon:i,endIcon:n,description:u,descriptionPlacement:l,shortcut:f,shortcutJoinLabel:m,hasSubmenu:h,actions:w,actionsVisibility:c,children:S,render:b,disabled:I=!1,nativeButton:p=!d.isDefined(b),onClick:D,onFocus:v,id:x,...N})=>{const{type:A,multiple:R,closeTree:O,searchTargetId:k}=B(),P=A==="menu",E=d.isDefined(e),L=!P&&(p||N.role==="button"),y=!P&&!L&&E&&e,j=E?R?"menuitemcheckbox":"menuitemradio":"menuitem",C=R?"checkbox":"check",G=(0,g.useId)(),K=x??G,U=fe({id:K,disabled:I}),z=we.isRenderableSlot(w),_=k===K,V=t??(E?C:"none"),ee=z&&V==="check",X=(0,a.jsx)(Ie.Button,{...N,id:K,disabled:I,nativeButton:p,role:P?j:N.role,"aria-checked":P&&E?e:void 0,"aria-pressed":L&&E?e:void 0,"aria-current":y?"true":void 0,tabIndex:U.tabIndex,onFocus:W=>{U.activate(),v?.(W)},"data-dropdown-item":"","data-dropdown-option-item":"",onClick:W=>{D?.(W),!W.defaultPrevented&&(r?.(),(o??!R)&&O())},render:W=>{const se=le({nativeButton:p,renderProps:W});return(0,a.jsx)(ce.ListItem,{...W,render:(0,a.jsx)(ue,{render:b,disabled:se}),className:(0,M.clsx)(W.className,z&&T.itemWithActionsPrimary),disabled:I,selected:e,focused:_,indicator:ee?"none":V,color:s,startIcon:i,endIcon:n,actionsVisibility:c,description:u,descriptionPlacement:l,shortcut:f,shortcutJoinLabel:m,hasSubmenu:!z&&h,children:S})}});return z?(0,a.jsx)(Te,{actions:w,actionsVisibility:c,color:s,selected:e,focused:_,indicator:V,disabled:I,hasSubmenu:h,children:X}):X},_t=({id:e,type:t,children:r})=>{const o=B(),{registerPage:s}=o,i=(0,g.useCallback)(n=>{d.isDefined(n)&&s({id:e,type:t})},[e,t,s]);return o.pageId!==e?null:(0,a.jsx)(oe.Provider,{value:{...o,type:t??o.rootType},children:(0,a.jsx)("div",{ref:i,className:T.page,"data-dropdown-page-type":t??o.rootType,children:r})})},It=({open:e,registerOpenNestedRoot:t})=>((0,g.useEffect)(()=>{if(e)return t?.()},[e,t]),null),xt=e=>e instanceof FocusEvent?e.type==="focusout"&&e.relatedTarget instanceof Element?e.relatedTarget:null:e.target instanceof Element?e.target:null,be=({onDismiss:e,event:t})=>{if(!d.isDefined(e))return!1;let r=!1;return e({target:xt(t),type:t.type,preventDefault:()=>{r=!0}}),r},ve=()=>{const[e,t]=(0,g.useState)();return[e,(0,g.useCallback)(r=>(t(r),()=>t(o=>o===r?void 0:o)),[])]},Se=({children:e,type:t,open:r,defaultOpen:o=!1,onOpenChange:s,onEscapeKeyDown:i,onInteractOutside:n,multiple:u=!1,defaultPage:l="root",isSubmenu:f=!1})=>{const m=(0,g.useContext)(oe),h=(0,g.useRef)(0),w=(0,g.useCallback)(()=>(h.current+=1,()=>{h.current-=1}),[]),[c,S]=(0,g.useState)(o),b=r??c,[I,p]=(0,g.useState)(b),[D,v]=(0,g.useState)([{id:l}]),[x,N]=(0,g.useState)(),[A,R]=(0,g.useState)(),O=D[D.length-1]?.id,[k,P]=(0,g.useState)(),[E,L]=(0,g.useState)("first"),[y,j]=(0,g.useState)(!0),[C,G]=(0,g.useState)(),[K,U]=ve(),[z,_]=ve(),V=b&&!I,ee=!b&&I;(V||ee)&&p(b),V&&(v([{id:l}]),N(void 0),P(void 0)),ee&&(L("first"),j(!0),G(void 0));const X=F=>{d.isDefined(r)||S(F),s?.(F)},W=()=>{X(!1),f&&m?.closeTree()},se=({id:F,trigger:q})=>{P({pageId:F}),v(H=>[...H,{id:F,trigger:q}])},ke=()=>{const F=D[D.length-2];if(!d.isDefined(F))return;const q=D[D.length-1]?.trigger;P({pageId:F.id,target:q}),v(H=>H.slice(0,-1))},Ne=(0,g.useCallback)(({id:F,type:q})=>{if(!b)return;const H=q??t;N(Q=>Q?.id===F&&Q.type===H?Q:{id:F,type:H})},[b,t]);return(0,a.jsx)(J.Popover.Root,{open:b,onOpenChange:(F,q)=>{const H=q.reason==="outside-press"||q.reason==="focus-out";if(H&&h.current>0){q.cancel();return}const Q=q.reason==="escape-key"&&be({onDismiss:i,event:q.event}),qe=H&&be({onDismiss:n,event:q.event});if(Q||qe){q.cancel();return}H&&Re.preventDismissingClickActivation(q.event),j(q.reason!=="trigger-hover"),X(F)},children:(0,a.jsxs)(oe.Provider,{value:{type:d.isDefined(x)&&x.id===O?x.type:t,rootType:t,open:b,multiple:u,isSubmenu:f,parentType:m?.type,activeItemId:A,parentActiveItemId:m?.activeItemId,setActiveItemId:R,setParentActiveItemId:m?.setActiveItemId,pageId:O,pageFocusRequest:k,setPageFocusRequest:P,canGoBack:D.length>1,initialFocusEdge:E,setInitialFocusEdge:L,focusOnOpen:y,setFocusOnOpen:j,setOpen:X,closeTree:W,goToPage:se,goBack:ke,registerPage:Ne,registerOpenNestedRoot:w,searchTargetId:C,setSearchTargetId:G,triggerId:K,registerTrigger:U,titleId:z,registerTitle:_},children:[(0,a.jsx)(It,{open:b,registerOpenNestedRoot:f?void 0:m?.registerOpenNestedRoot}),e]})})},yt=({onValueChange:e,className:t,...r})=>{const{searchTargetId:o}=B();return(0,a.jsx)("div",{className:T.searchContainer,children:(0,a.jsx)(Ee.Input,{type:"search",autoComplete:"off","aria-activedescendant":o,...r,"data-dropdown-search":"",className:Y.mergeClassNames(T.search,t),onValueChange:s=>e?.(s)})})},Tt=({className:e,...t})=>(0,a.jsx)(de.Menu.Group,{...t,className:Y.mergeClassNames(T.group,e)}),At=({className:e,...t})=>(0,a.jsx)(de.Menu.GroupLabel,{...t,className:Y.mergeClassNames(T.groupLabel,e)}),Ct=({label:e,scrollable:t,columns:r,style:o,className:s,children:i,...n})=>{const u=(0,$.isPositiveInteger)(r)?r:void 0;return(0,a.jsxs)(Tt,{...n,"data-scrollable":t||void 0,"data-dropdown-columns":u,style:{...o,...d.isDefined(u)&&{gridTemplateColumns:`repeat(${u}, minmax(0, 1fr))`}},className:(0,M.clsx)(T.section,s),children:[d.isDefined(e)&&(0,a.jsx)(At,{"data-dropdown-section-label":"",children:e}),i]})},Pt=({className:e,...t})=>(0,a.jsx)(de.Menu.Separator,{...t,role:"separator","data-dropdown-separator":"",className:(0,M.clsx)(T.separator,e)}),jt=({type:e="menu",...t})=>(0,a.jsx)(Se,{...t,type:e,isSubmenu:!0}),he=e=>(0,g.useCallback)(t=>{if(!(!d.isDefined(t)||!(0,$.isNonEmptyString)(t.id)))return e(t.id)},[e]),St=({color:e,startIcon:t,endIcon:r,description:o,descriptionPlacement:s,shortcut:i,shortcutJoinLabel:n,hasSubmenu:u=!0,children:l,render:f,disabled:m=!1,nativeButton:h=!d.isDefined(f),openOnHover:w=!0,onKeyDown:c,onFocus:S,id:b,ref:I,...p})=>{const D=(0,ye.useDirection)(),{type:v,rootType:x,parentType:N,open:A,setOpen:R,setFocusOnOpen:O,registerTrigger:k}=B(),P=A?v:x,E=(0,g.useId)(),L=b??E,y=fe({id:L,disabled:m,isSubmenuTrigger:!0}),j=(0,ne.useMergedRefs)(I,he(k));return(0,a.jsx)(J.Popover.Trigger,{...p,ref:j,id:L,disabled:m,nativeButton:h,openOnHover:w,role:N==="menu"?"menuitem":void 0,"aria-haspopup":P==="menu"?"menu":"dialog",tabIndex:y.tabIndex,onFocus:C=>{y.activate(),S?.(C)},"data-dropdown-item":"",onKeyDown:C=>{if(c?.(C),C.defaultPrevented||m)return;const G=D==="rtl"?"ArrowLeft":"ArrowRight";if(C.key===G){C.preventDefault(),C.stopPropagation(),O(!0);const K=C.currentTarget.getAttribute("aria-controls"),U=d.isDefined(K)?C.currentTarget.ownerDocument.getElementById(K):null;if(A&&d.isDefined(U)){me({content:U,type:v}).focus();return}R(!0)}},render:C=>{const G=le({nativeButton:h,renderProps:C});return(0,a.jsx)(ce.ListItem,{...C,render:(0,a.jsx)(ue,{render:f,disabled:G}),disabled:m,color:e,startIcon:t,endIcon:r,description:o,descriptionPlacement:s,shortcut:i,shortcutJoinLabel:n,hasSubmenu:u,children:l})}})},kt=({className:e,render:t,ref:r,...o})=>{const{registerTitle:s}=B(),i=(0,ne.useMergedRefs)(r,he(s));return(0,a.jsx)(xe.Popover.Title,{...o,ref:i,render:t??(0,a.jsx)("div",{}),className:Y.mergeClassNames(T.title,e)})},Nt=({onKeyDown:e,onClick:t,ref:r,...o})=>{const{type:s,rootType:i,open:n,setOpen:u,setInitialFocusEdge:l,setFocusOnOpen:f,registerTrigger:m}=B(),h=n?s:i,w=(0,ne.useMergedRefs)(r,he(m));return(0,a.jsx)(J.Popover.Trigger,{...o,ref:w,"aria-haspopup":h==="menu"?"menu":"dialog",onClick:c=>{c.stopPropagation(),c.preventDefault(),t?.(c)},onKeyDown:c=>{e?.(c),!(c.defaultPrevented||c.baseUIHandlerPrevented||o.disabled||h==="panel")&&(c.key!=="ArrowDown"&&c.key!=="ArrowUp"||(c.preventDefault(),f(!0),l(c.key==="ArrowUp"?"last":"first"),u(!0)))}})},qt=Se,Rt={Root:qt,Trigger:Nt,Content:ht,ActionItem:Ae,OptionItem:Dt,Search:yt,Header:vt,Title:kt,Close:it,Page:_t,Back:tt,Submenu:jt,SubmenuTrigger:St,Section:Ct,Separator:Pt,Loading:wt,Empty:bt};Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:function(){return Rt}});Object.defineProperty(exports,"IconButton",{enumerable:!0,get:function(){return Ce}});Object.defineProperty(exports,"LightIconButton",{enumerable:!0,get:function(){return Pe}});Object.defineProperty(exports,"useDropdownContext",{enumerable:!0,get:function(){return B}});