welcome-ui 1.0.0-beta.3 → 1.0.0-beta.5

package/dist/DatePicker.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),Y=require("./System.js"),c=require("./CustomInput-NV_j0IWq.js"),P=Y.forwardRef(({autoFocus:I,dataTestId:R,dateFormat:b="dd/MM/yyyy",disabled:F,endYear:M=c.DEFAULT_DATE.getFullYear(),icon:d,iconPlacement:i="left",locale:p,onBlur:f,onChange:s,onFocus:m,placeholder:g,popperProps:A,preventVirtualKeyboard:H=!1,showMonthYearPicker:y,size:D="md",startYear:h=1900,transparent:q,useWeekdaysShort:x=!0,value:t=c.DEFAULT_DATE,...n},a)=>{const C=n==null?void 0:n.timeIntervals,o=e=>c.getDate(e,C),N=g||n.placeholderText,[j,E]=r.useState(I&&"date"||null),[K,l]=r.useState(o(t)),T=r.useRef();r.useEffect(()=>{s&&s(o(t))},[]),r.useEffect(()=>{var k;const e=o(t),u=typeof t=="object"?t==null?void 0:t.toISOString():t;((k=new Date(Date.parse(u)))==null?void 0:k.getTime())-(e==null?void 0:e.getTime())!==0&&s&&s(e),l(e)},[t]);const S=()=>{var e;return(e=T.current)==null?void 0:e.blur()},L=e=>{E("date"),m&&m(e)},O=e=>{E(null),f&&f(e)},U=e=>{["Escape","Enter"].includes(e.key)&&S()},_=e=>{e.preventDefault(),S(),l(null),s&&s(null)},B=e=>{if(!e)return;const u=o(e);e.setHours(u.getHours(),u.getMinutes()),l(e),s&&s(new Date(e))};return r.createElement(c.StyledDatePicker,{autoComplete:"off",calendarClassName:"date-picker-popper",customInput:r.createElement(c.CustomInput,{className:"date-picker","data-testid":R,focused:j,handleBlur:e=>O(e),handleFocus:e=>L(e),icon:d,iconPlacement:i,inputMode:H?"none":"text",onReset:_,ref:e=>{T.current=e,typeof a=="function"?a(e):a.current=e},size:D}),dateFormat:b,disabled:F,iconPlacement:!!d&&i,locale:p,onChange:B,onKeyDown:U,placeholderText:N,popperContainer:c.CustomPopper,popperProps:A,renderCustomHeader:e=>r.createElement(c.CustomHeader,{endYear:M,isMonthYearPicker:y,locale:p,startYear:h,...e}),selected:K,showMonthYearPicker:y,size:D,transparent:q,useWeekdaysShort:x,...n})});P.displayName="DatePicker";exports.DatePicker=P;

package/dist/DatePicker.mjs

@@ -0,0 +1,108 @@
+"use client";
+import d, { useState as R, useRef as w, useEffect as I } from "react";
+import { forwardRef as G } from "./System.mjs";
+import { S as J, c as Q, b as V, C as W, D as P, g as X } from "./CustomInput-DUq7mNvC.mjs";
+const Z = G(
+  ({
+    autoFocus: S,
+    dataTestId: b,
+    dateFormat: x = "dd/MM/yyyy",
+    disabled: F,
+    endYear: H = P.getFullYear(),
+    icon: l,
+    iconPlacement: u = "left",
+    locale: p,
+    onBlur: i,
+    onChange: s,
+    onFocus: m,
+    placeholder: M,
+    popperProps: g,
+    preventVirtualKeyboard: h = !1,
+    showMonthYearPicker: f,
+    size: y = "md",
+    startYear: C = 1900,
+    transparent: N,
+    useWeekdaysShort: _ = !0,
+    value: t = P,
+    ...r
+  }, n) => {
+    const A = r == null ? void 0 : r.timeIntervals, o = (e) => X(e, A), K = M || r.placeholderText, [j, D] = R(S && "date" || null), [B, a] = R(o(t)), E = w();
+    I(() => {
+      s && s(o(t));
+    }, []), I(() => {
+      var k;
+      const e = o(t), c = typeof t == "object" ? t == null ? void 0 : t.toISOString() : t;
+      ((k = new Date(Date.parse(c))) == null ? void 0 : k.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && s && s(e), a(e);
+    }, [t]);
+    const T = () => {
+      var e;
+      return (e = E.current) == null ? void 0 : e.blur();
+    }, L = (e) => {
+      D("date"), m && m(e);
+    }, O = (e) => {
+      D(null), i && i(e);
+    }, U = (e) => {
+      ["Escape", "Enter"].includes(e.key) && T();
+    }, Y = (e) => {
+      e.preventDefault(), T(), a(null), s && s(null);
+    }, q = (e) => {
+      if (!e) return;
+      const c = o(e);
+      e.setHours(c.getHours(), c.getMinutes()), a(e), s && s(new Date(e));
+    };
+    return /* @__PURE__ */ d.createElement(
+      J,
+      {
+        autoComplete: "off",
+        calendarClassName: "date-picker-popper",
+        customInput: /* @__PURE__ */ d.createElement(
+          Q,
+          {
+            className: "date-picker",
+            "data-testid": b,
+            focused: j,
+            handleBlur: (e) => O(e),
+            handleFocus: (e) => L(e),
+            icon: l,
+            iconPlacement: u,
+            inputMode: h ? "none" : "text",
+            onReset: Y,
+            ref: (e) => {
+              E.current = e, typeof n == "function" ? n(e) : n.current = e;
+            },
+            size: y
+          }
+        ),
+        dateFormat: x,
+        disabled: F,
+        iconPlacement: !!l && u,
+        locale: p,
+        onChange: q,
+        onKeyDown: U,
+        placeholderText: K,
+        popperContainer: V,
+        popperProps: g,
+        renderCustomHeader: (e) => /* @__PURE__ */ d.createElement(
+          W,
+          {
+            endYear: H,
+            isMonthYearPicker: f,
+            locale: p,
+            startYear: C,
+            ...e
+          }
+        ),
+        selected: B,
+        showMonthYearPicker: f,
+        size: y,
+        transparent: N,
+        useWeekdaysShort: _,
+        ...r
+      }
+    );
+  }
+);
+Z.displayName = "DatePicker";
+export {
+  Z as DatePicker
+};

package/dist/DateTimePicker.js

@@ -0,0 +1,38 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),b=require("./DatePicker.js"),$=require("./TimePicker.js"),a=require("./CustomInput-NV_j0IWq.js"),h=require("./System.js"),p=require("@xstyled/styled-components"),g=p.css`
+  &:focus {
+    position: relative;
+    z-index: 1;
+  }
+`,S=p.divBox`
+  position: relative;
+  display: inline-flex;
+  flex-wrap: nowrap;
+
+  .react-datepicker-wrapper {
+    flex-grow: 1;
+    ${a.StyledDatePicker} {
+      ${g};
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+    ${a.StyledTimePicker} {
+      ${g};
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+
+  .react-datepicker-wrapper:first-child:not(:only-child) {
+    margin-right: -1px;
+  }
+
+  .react-datepicker__input-container {
+    display: block;
+  }
+
+  .react-datepicker {
+    font-family: inherit;
+  }
+
+  ${p.system};
+`,D=h.forwardRef(({children:r,dataTestId:s,disabled:u,locale:d,onChange:o,size:f="md",transparent:m,value:i=a.DEFAULT_DATE},k)=>{const y=t.Children.count(r)>1&&t.Children.toArray(r).find(e=>e.type.displayName==="TimePicker"),P=t.isValidElement(y)?y.props.timeIntervals:void 0,l=e=>a.getDate(e,P),[E,T]=t.useState(l(i)),c=e=>{T(e||null),o&&o(e&&new Date(e))};return t.useEffect(()=>{o&&c(l(i))},[]),t.useEffect(()=>{var n;const e=l(i);((n=new Date(i))==null?void 0:n.getTime())-(e==null?void 0:e.getTime())!==0&&o&&c(e),T(e)},[i]),t.createElement(S,{"data-testid":s},r&&t.Children.map(r,(e,n)=>t.cloneElement(e,{key:n,onChange:c,inputRef:n<1?k:null,locale:d,timeIntervals:P,value:E,transparent:m})),!r&&t.createElement(t.Fragment,null,t.createElement(b.DatePicker,{dataTestId:`${s}-datePicker`,disabled:u,locale:d,onChange:c,ref:k,size:f,transparent:m,value:i}),t.createElement($.TimePicker,{dataTestId:`${s}-timePicker`,disabled:u,locale:d,onChange:c,size:f,transparent:m,value:i})))});D.displayName="DateTimePicker";exports.DateTimePicker=D;

package/dist/DateTimePicker.mjs

@@ -0,0 +1,109 @@
+"use client";
+import r, { Children as p, useState as E, useEffect as P, cloneElement as $ } from "react";
+import { DatePicker as x } from "./DatePicker.mjs";
+import { TimePicker as _ } from "./TimePicker.mjs";
+import { S as b, a as w, D as h, g as S } from "./CustomInput-DUq7mNvC.mjs";
+import { forwardRef as A } from "./System.mjs";
+import N, { css as R, system as C } from "@xstyled/styled-components";
+const T = R`
+  &:focus {
+    position: relative;
+    z-index: 1;
+  }
+`, F = N.divBox`
+  position: relative;
+  display: inline-flex;
+  flex-wrap: nowrap;
+
+  .react-datepicker-wrapper {
+    flex-grow: 1;
+    ${b} {
+      ${T};
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+    ${w} {
+      ${T};
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+
+  .react-datepicker-wrapper:first-child:not(:only-child) {
+    margin-right: -1px;
+  }
+
+  .react-datepicker__input-container {
+    display: block;
+  }
+
+  .react-datepicker {
+    font-family: inherit;
+  }
+
+  ${C};
+`, I = A(
+  ({
+    children: i,
+    dataTestId: c,
+    disabled: l,
+    locale: n,
+    onChange: m,
+    size: f = "md",
+    transparent: s,
+    value: t = h
+  }, k) => {
+    const u = p.count(i) > 1 && p.toArray(i).find(
+      (e) => e.type.displayName === "TimePicker"
+    ), y = r.isValidElement(u) ? u.props.timeIntervals : void 0, d = (e) => S(e, y), [D, g] = E(d(t)), o = (e) => {
+      g(e || null), m && m(e && new Date(e));
+    };
+    return P(() => {
+      m && o(d(t));
+    }, []), P(() => {
+      var a;
+      const e = d(t);
+      ((a = new Date(t)) == null ? void 0 : a.getTime()) - (e == null ? void 0 : e.getTime()) !== 0 && m && o(e), g(e);
+    }, [t]), /* @__PURE__ */ r.createElement(F, { "data-testid": c }, i && p.map(
+      i,
+      (e, a) => $(e, {
+        // eslint-disable-next-line react/no-array-index-key
+        key: a,
+        onChange: o,
+        // give ref only to the first child
+        inputRef: a < 1 ? k : null,
+        locale: n,
+        timeIntervals: y,
+        value: D,
+        transparent: s
+      })
+    ), !i && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
+      x,
+      {
+        dataTestId: `${c}-datePicker`,
+        disabled: l,
+        locale: n,
+        onChange: o,
+        ref: k,
+        size: f,
+        transparent: s,
+        value: t
+      }
+    ), /* @__PURE__ */ r.createElement(
+      _,
+      {
+        dataTestId: `${c}-timePicker`,
+        disabled: l,
+        locale: n,
+        onChange: o,
+        size: f,
+        transparent: s,
+        value: t
+      }
+    )));
+  }
+);
+I.displayName = "DateTimePicker";
+export {
+  I as DateTimePicker
+};

package/dist/DateTimePickerCommon.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CustomInput-NV_j0IWq.js");exports.CustomHeader=e.CustomHeader;exports.CustomInput=e.CustomInput;exports.CustomPopper=e.CustomPopper;exports.DEFAULT_DATE=e.DEFAULT_DATE;exports.StyledDatePicker=e.StyledDatePicker;exports.StyledTimePicker=e.StyledTimePicker;exports.fixAriaMessageStyle=e.fixAriaMessageStyle;exports.getDate=e.getDate;exports.getMonths=e.getMonths;exports.getYears=e.getYears;

package/dist/DateTimePickerCommon.mjs

@@ -0,0 +1,14 @@
+"use client";
+import { C as a, c as t, b as r, D as o, S as i, a as g, f as m, g as u, d as D, e as c } from "./CustomInput-DUq7mNvC.mjs";
+export {
+  a as CustomHeader,
+  t as CustomInput,
+  r as CustomPopper,
+  o as DEFAULT_DATE,
+  i as StyledDatePicker,
+  g as StyledTimePicker,
+  m as fixAriaMessageStyle,
+  u as getDate,
+  D as getMonths,
+  c as getYears
+};

package/dist/Drawer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("./System.js");const r=require("./index-BPNky7_R.js");require("./JC64G2H7-YkBMNrtl.js");require("./AXB53BZF-KWM2jKTz.js");exports.AssetDrawer=r.AssetDrawer;exports.Drawer=r.Drawer;exports.DrawerBackdrop=r.DrawerBackdrop;exports.Trigger=r.Trigger;exports.useDrawer=r.useDrawer;

package/dist/Drawer.mjs

@@ -0,0 +1,12 @@
+import "react";
+import "./System.mjs";
+import { b as t, a as i, D as m, T as D, u as w } from "./index-DG4lwZUW.mjs";
+import "./JC64G2H7-CQsqXPS_.mjs";
+import "./AXB53BZF-BxNazDnS.mjs";
+export {
+  t as AssetDrawer,
+  i as Drawer,
+  m as DrawerBackdrop,
+  D as Trigger,
+  w as useDrawer
+};

package/dist/DropdownMenu.js

@@ -0,0 +1,45 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),x=require("@xstyled/styled-components"),j=require("./System.js"),T=require("./P2CTZE2T-q8vyaGc0.js"),N=require("./BYC7LY2E-BkAEL2VD.js"),e=require("./LVA2YJMS-B2HZjIhJ.js"),ne=require("./QYJ6MIDR-CRK3satR.js"),E=require("./YV4JVR4I-DIthYWMj.js"),fe=require("./Box.js"),Y=require("./ITI7HKP4-BPa8qpnl.js"),pe=require("./VGCJ63VH-BNLwLOaC.js"),re=require("./JC64G2H7-YkBMNrtl.js"),me=require("./VEVQD5MH-mN1wMozH.js");var be="div";function oe(r){const n=r.relatedTarget;return(n==null?void 0:n.nodeType)===Node.ELEMENT_NODE?n:null}function _e(r){const n=oe(r);return n?e.contains(r.currentTarget,n):!1}var J=Symbol("composite-hover");function ve(r){let n=oe(r);if(!n)return!1;do{if(e.hasOwnProperty(n,J)&&n[J])return!0;n=n.parentElement}while(n);return!1}var ue=e.createHook(function(n){var o=n,{store:t,focusOnHover:s=!0,blurOnHoverEnd:i=!!s}=o,a=e.__objRest(o,["store","focusOnHover","blurOnHoverEnd"]);const u=T.useCompositeContext();t=t||u,e.invariant(t,process.env.NODE_ENV!=="production"&&"CompositeHover must be wrapped in a Composite component.");const c=e.useIsMouseMoving(),d=a.onMouseMove,l=e.useBooleanEvent(s),g=e.useEvent(p=>{if(d==null||d(p),!p.defaultPrevented&&c()&&l(p)){if(!e.hasFocusWithin(p.currentTarget)){const S=t==null?void 0:t.getState().baseElement;S&&!e.hasFocus(S)&&S.focus()}t==null||t.setActiveId(p.currentTarget.id)}}),b=a.onMouseLeave,f=e.useBooleanEvent(i),C=e.useEvent(p=>{var S;b==null||b(p),!p.defaultPrevented&&c()&&(_e(p)||ve(p)||l(p)&&f(p)&&(t==null||t.setActiveId(null),(S=t==null?void 0:t.getState().baseElement)==null||S.focus()))}),m=h.useCallback(p=>{p&&(p[J]=!0)},[]);return a=e.__spreadProps(e.__spreadValues({},a),{ref:e.useMergeRefs(m,a.ref),onMouseMove:g,onMouseLeave:C}),e.removeUndefinedValues(a)});e.memo2(e.forwardRef2(function(n){const o=ue(n);return e.createElement(be,o)}));var he="hr",se=e.createHook(function(n){var o=n,{orientation:t="horizontal"}=o,s=e.__objRest(o,["orientation"]);return s=e.__spreadValues({role:"separator","aria-orientation":t},s),s});e.forwardRef2(function(n){const o=se(n);return e.createElement(he,o)});var we="hr",ae=e.createHook(function(n){var o=n,{store:t}=o,s=e.__objRest(o,["store"]);const i=T.useCompositeContext();t=t||i,e.invariant(t,process.env.NODE_ENV!=="production"&&"CompositeSeparator must be wrapped in a Composite component.");const a=t.useState(u=>u.orientation==="horizontal"?"vertical":"horizontal");return s=se(e.__spreadProps(e.__spreadValues({},s),{orientation:a})),s});e.forwardRef2(function(n){const o=ae(n);return e.createElement(we,o)});var ge="div",R="";function U(){R=""}function Se(r){const n=r.target;return n&&e.isTextField(n)?!1:r.key===" "&&R.length?!0:r.key.length===1&&!r.ctrlKey&&!r.altKey&&!r.metaKey&&/^[\p{Letter}\p{Number}]$/u.test(r.key)}function Ee(r,n){if(e.isSelfTarget(r))return!0;const o=r.target;return o?n.some(s=>s.element===o):!1}function Me(r){return r.filter(n=>!n.disabled)}function z(r,n){var o;const t=((o=r.element)==null?void 0:o.textContent)||r.children||"value"in r&&r.value;return t?e.normalizeString(t).trim().toLowerCase().startsWith(n.toLowerCase()):!1}function Ce(r,n,o){if(!o)return r;const t=r.find(s=>s.id===o);return!t||!z(t,n)||R!==n&&z(t,R)?r:(R=n,T.flipItems(r.filter(s=>z(s,R)),o).filter(s=>s.id!==o))}var G=e.createHook(function(n){var o=n,{store:t,typeahead:s=!0}=o,i=e.__objRest(o,["store","typeahead"]);const a=T.useCompositeContext();t=t||a,e.invariant(t,process.env.NODE_ENV!=="production"&&"CompositeTypeahead must be a Composite component");const u=i.onKeyDownCapture,c=h.useRef(0),d=e.useEvent(l=>{if(u==null||u(l),l.defaultPrevented||!s||!t)return;if(!Se(l))return U();const{renderedItems:g,items:b,activeId:f,id:C}=t.getState();let m=Me(b.length>g.length?b:g);const p=e.getDocument(l.currentTarget),S=`[data-offscreen-id="${C}"]`,_=p.querySelectorAll(S);for(const M of _){const A=M.ariaDisabled==="true"||"disabled"in M&&!!M.disabled;m.push({id:M.id,element:M,disabled:A})}if(_.length&&(m=e.sortBasedOnDOMPosition(m,M=>M.element)),!Ee(l,m))return U();l.preventDefault(),window.clearTimeout(c.current),c.current=window.setTimeout(()=>{R=""},500);const O=l.key.toLowerCase();R+=O,m=Ce(m,O,f);const y=m.find(M=>z(M,R));y?t.move(y.id):U()});return i=e.__spreadProps(e.__spreadValues({},i),{onKeyDownCapture:d}),e.removeUndefinedValues(i)});e.forwardRef2(function(n){const o=G(n);return e.createElement(ge,o)});var ie=e.createStoreContext([T.CompositeContextProvider],[T.CompositeScopedContextProvider]),xe=ie.useContext,Pe=ie.useScopedContext;h.createContext(void 0);var B=e.createStoreContext([T.CompositeContextProvider,N.HovercardContextProvider],[T.CompositeScopedContextProvider,N.HovercardScopedContextProvider]),Q=B.useContext,ye=B.useScopedContext,Z=B.useProviderContext,Oe=B.ContextProvider,Ve=B.ScopedContextProvider;h.createContext(void 0);function He(r={}){var n=r,{combobox:o,parent:t,menubar:s}=n,i=e.__objRest$1(n,["combobox","parent","menubar"]);const a=!!s&&!t,u=E.mergeStore(i.store,E.pick2(t,["values"]),E.omit2(o,["arrowElement","anchorElement","contentElement","popoverElement","disclosureElement"]));E.throwOnConflictingProps(i,u);const c=u.getState(),d=Y.createCompositeStore(e.__spreadProps$1(e.__spreadValues$1({},i),{store:u,orientation:e.defaultValue(i.orientation,c.orientation,"vertical")})),l=N.createHovercardStore(e.__spreadProps$1(e.__spreadValues$1({},i),{store:u,placement:e.defaultValue(i.placement,c.placement,"bottom-start"),timeout:e.defaultValue(i.timeout,c.timeout,a?0:150),hideTimeout:e.defaultValue(i.hideTimeout,c.hideTimeout,0)})),g=e.__spreadProps$1(e.__spreadValues$1(e.__spreadValues$1({},d.getState()),l.getState()),{initialFocus:e.defaultValue(c.initialFocus,"container"),values:e.defaultValue(i.values,c.values,i.defaultValues,{})}),b=E.createStore(g,d,l,u);return E.setup(b,()=>E.sync(b,["mounted"],f=>{f.mounted||b.setState("activeId",null)})),E.setup(b,()=>E.sync(t,["orientation"],f=>{b.setState("placement",f.orientation==="vertical"?"right-start":"bottom-start")})),e.__spreadProps$1(e.__spreadValues$1(e.__spreadValues$1(e.__spreadValues$1({},d),l),b),{combobox:o,parent:t,menubar:s,hideAll:()=>{l.hide(),t==null||t.hideAll()},setInitialFocus:f=>b.setState("initialFocus",f),setValues:f=>b.setState("values",f),setValue:(f,C)=>{f!=="__proto__"&&f!=="constructor"&&(Array.isArray(f)||b.setState("values",m=>{const p=m[f],S=e.applyState(C,p);return S===p?m:e.__spreadProps$1(e.__spreadValues$1({},m),{[f]:S!==void 0&&S})}))}})}function Ae(r,n,o){return e.useUpdateEffect(n,[o.combobox,o.parent,o.menubar]),E.useStoreProps(r,o,"values","setValues"),Object.assign(N.useHovercardStoreProps(Y.useCompositeStoreProps(r,n,o),n,o),{combobox:o.combobox,parent:o.parent,menubar:o.menubar})}function Ie(r={}){const n=Q(),o=xe(),t=me.useComboboxProviderContext();r=e.__spreadProps(e.__spreadValues({},r),{parent:r.parent!==void 0?r.parent:n,menubar:r.menubar!==void 0?r.menubar:o,combobox:r.combobox!==void 0?r.combobox:t});const[s,i]=E.useStore(He,r);return Ae(s,i,r)}var Re="div";function Te(r){var n=r,{store:o}=n,t=e.__objRest(n,["store"]);const[s,i]=h.useState(void 0),a=t["aria-label"],u=E.useStoreState(o,"disclosureElement"),c=E.useStoreState(o,"contentElement");return h.useEffect(()=>{const d=u;if(!d)return;const l=c;if(!l)return;a||l.hasAttribute("aria-label")?i(void 0):d.id&&i(d.id)},[a,u,c]),s}var le=e.createHook(function(n){var o=n,{store:t,alwaysVisible:s,composite:i}=o,a=e.__objRest(o,["store","alwaysVisible","composite"]);const u=Z();t=t||u,e.invariant(t,process.env.NODE_ENV!=="production"&&"MenuList must receive a `store` prop or be wrapped in a MenuProvider component.");const c=t.parent,d=t.menubar,l=!!c,g=e.useId(a.id),b=a.onKeyDown,f=t.useState(w=>w.placement.split("-")[0]),C=t.useState(w=>w.orientation==="both"?void 0:w.orientation),m=C!=="vertical",p=E.useStoreState(d,w=>!!w&&w.orientation!=="vertical"),S=e.useEvent(w=>{if(b==null||b(w),!w.defaultPrevented){if(l||d&&!m){const V={ArrowRight:()=>f==="left"&&!m,ArrowLeft:()=>f==="right"&&!m,ArrowUp:()=>f==="bottom"&&m,ArrowDown:()=>f==="top"&&m}[w.key];if(V!=null&&V())return w.stopPropagation(),w.preventDefault(),t==null?void 0:t.hide()}if(d){const V={ArrowRight:()=>{if(p)return d.next()},ArrowLeft:()=>{if(p)return d.previous()},ArrowDown:()=>{if(!p)return d.next()},ArrowUp:()=>{if(!p)return d.previous()}}[w.key],D=V==null?void 0:V();D!==void 0&&(w.stopPropagation(),w.preventDefault(),d.move(D))}}});a=e.useWrapElement(a,w=>e.jsxRuntimeExports.jsx(Ve,{value:t,children:w}),[t]);const _=Te(e.__spreadValues({store:t},a)),O=t.useState("mounted"),y=pe.isHidden(O,a.hidden,s),M=y?e.__spreadProps(e.__spreadValues({},a.style),{display:"none"}):a.style;a=e.__spreadProps(e.__spreadValues({id:g,"aria-labelledby":_,hidden:y},a),{ref:e.useMergeRefs(g?t.setContentElement:null,a.ref),style:M,onKeyDown:S});const A=!!t.combobox;return i=i??!A,i&&(a=e.__spreadValues({role:"menu","aria-orientation":C},a)),a=Y.useComposite(e.__spreadValues({store:t,composite:i},a)),a=G(e.__spreadValues({store:t,typeahead:!A},a)),a});e.forwardRef2(function(n){const o=le(n);return e.createElement(Re,o)});var De="div",ke=e.createHook(function(n){var o=n,{store:t,modal:s=!1,portal:i=!!s,hideOnEscape:a=!0,autoFocusOnShow:u=!0,hideOnHoverOutside:c,alwaysVisible:d}=o,l=e.__objRest(o,["store","modal","portal","hideOnEscape","autoFocusOnShow","hideOnHoverOutside","alwaysVisible"]);const g=Z();t=t||g,e.invariant(t,process.env.NODE_ENV!=="production"&&"Menu must receive a `store` prop or be wrapped in a MenuProvider component.");const b=h.useRef(null),f=t.parent,C=t.menubar,m=!!f,p=!!C&&!m;l=e.__spreadProps(e.__spreadValues({},l),{ref:e.useMergeRefs(b,l.ref)});const S=le(e.__spreadValues({store:t,alwaysVisible:d},l)),{"aria-labelledby":_}=S;l=e.__objRest(S,["aria-labelledby"]);const[y,M]=h.useState(),A=t.useState("autoFocusOnShow"),w=t.useState("initialFocus"),F=t.useState("baseElement"),V=t.useState("renderedItems");h.useEffect(()=>{let I=!1;return M(P=>{var K,X,ee;if(I||!A)return;if((K=P==null?void 0:P.current)!=null&&K.isConnected)return P;const W=h.createRef();switch(w){case"first":W.current=((X=V.find(L=>!L.disabled&&L.element))==null?void 0:X.element)||null;break;case"last":W.current=((ee=[...V].reverse().find(L=>!L.disabled&&L.element))==null?void 0:ee.element)||null;break;default:W.current=F}return W}),()=>{I=!0}},[t,A,w,V,F]);const D=m?!1:s,v=!!u,H=!!y||!!l.initialFocus||!!D,$=E.useStoreState(t.combobox||t,"contentElement"),k=E.useStoreState((f==null?void 0:f.combobox)||f,"contentElement"),q=h.useMemo(()=>{if(!k||!$)return;const I=$.getAttribute("role"),P=k.getAttribute("role");if(!((P==="menu"||P==="menubar")&&I==="menu"))return k},[$,k]);return q!==void 0&&(l=e.__spreadValues({preserveTabOrderAnchor:q},l)),l=N.useHovercard(e.__spreadProps(e.__spreadValues({store:t,alwaysVisible:d,initialFocus:y,autoFocusOnShow:v?H&&u:A||!!D},l),{hideOnEscape(I){return e.isFalsyBooleanCallback(a,I)?!1:(t==null||t.hideAll(),!0)},hideOnHoverOutside(I){const P=t==null?void 0:t.getState().disclosureElement;return(typeof c=="function"?c(I):c??(m?!0:p?P?!e.hasFocusWithin(P):!0:!1))?I.defaultPrevented||!m||!P||(e.fireEvent(P,"mouseout",I),!e.hasFocusWithin(P))?!0:(requestAnimationFrame(()=>{e.hasFocusWithin(P)||t==null||t.hide()}),!1):!1},modal:D,portal:i,backdrop:m?!1:l.backdrop})),l=e.__spreadValues({"aria-labelledby":_},l),l}),Fe=re.createDialogComponent(e.forwardRef2(function(n){const o=ke(n);return e.createElement(De,o)}),Z),$e="div",Ne=e.createHook(function(n){var o=n,{store:t}=o,s=e.__objRest(o,["store"]);const i=Q();return t=t||i,ne.usePopoverArrow(e.__spreadValues({store:t},s))}),Le=e.forwardRef2(function(n){const o=Ne(n);return e.createElement($e,o)}),je="button";function Be(r,n){return{ArrowDown:n==="bottom"||n==="top"?"first":!1,ArrowUp:n==="bottom"||n==="top"?"last":!1,ArrowRight:n==="right"?"first":!1,ArrowLeft:n==="left"?"first":!1}[r.key]}function te(r,n){return!!(r!=null&&r.some(o=>!o.element||o.element===n?!1:o.element.getAttribute("aria-expanded")==="true"))}var qe=e.createHook(function(n){var o=n,{store:t,focusable:s,accessibleWhenDisabled:i,showOnHover:a}=o,u=e.__objRest(o,["store","focusable","accessibleWhenDisabled","showOnHover"]);const c=Z();t=t||c,e.invariant(t,process.env.NODE_ENV!=="production"&&"MenuButton must receive a `store` prop or be wrapped in a MenuProvider component.");const d=h.useRef(null),l=t.parent,g=t.menubar,b=!!l,f=!!g&&!b,C=e.disabledFromProps(u),m=()=>{const v=d.current;v&&(t==null||t.setDisclosureElement(v),t==null||t.setAnchorElement(v),t==null||t.show())},p=u.onFocus,S=e.useEvent(v=>{if(p==null||p(v),C||v.defaultPrevented||(t==null||t.setAutoFocusOnShow(!1),t==null||t.setActiveId(null),!g)||!f)return;const{items:H}=g.getState();te(H,v.currentTarget)&&m()}),_=E.useStoreState(t,v=>v.placement.split("-")[0]),O=u.onKeyDown,y=e.useEvent(v=>{if(O==null||O(v),C||v.defaultPrevented)return;const H=Be(v,_);H&&(v.preventDefault(),m(),t==null||t.setAutoFocusOnShow(!0),t==null||t.setInitialFocus(H))}),M=u.onClick,A=e.useEvent(v=>{if(M==null||M(v),v.defaultPrevented||!t)return;const H=!v.detail,{open:$}=t.getState();(!$||H)&&((!b||H)&&t.setAutoFocusOnShow(!0),t.setInitialFocus(H?"first":"container")),b&&m()});u=e.useWrapElement(u,v=>e.jsxRuntimeExports.jsx(Oe,{value:t,children:v}),[t]),b&&(u=e.__spreadProps(e.__spreadValues({},u),{render:e.jsxRuntimeExports.jsx(re.Role.div,{render:u.render})}));const w=e.useId(u.id),F=E.useStoreState((l==null?void 0:l.combobox)||l,"contentElement"),V=b||f?e.getPopupItemRole(F,"menuitem"):void 0,D=t.useState("contentElement");return u=e.__spreadProps(e.__spreadValues({id:w,role:V,"aria-haspopup":e.getPopupRole(D,"menu")},u),{ref:e.useMergeRefs(d,u.ref),onFocus:S,onKeyDown:y,onClick:A}),u=N.useHovercardAnchor(e.__spreadProps(e.__spreadValues({store:t,focusable:s,accessibleWhenDisabled:i},u),{showOnHover:v=>{if(!(()=>{if(typeof a=="function")return a(v);if(a!=null)return a;if(b)return!0;if(!g)return!1;const{items:q}=g.getState();return f&&te(q)})())return!1;const k=f?g:l;return k&&k.setActiveId(v.currentTarget.id),!0}})),u=ne.usePopoverDisclosure(e.__spreadValues({store:t,toggleOnClick:!b,focusable:s,accessibleWhenDisabled:i},u)),u=G(e.__spreadValues({store:t,typeahead:f},u)),u}),Ke=e.forwardRef2(function(n){const o=qe(n);return e.createElement(je,o)}),We="div";function ze(r,n,o){var t;if(!r)return!1;if(e.hasFocusWithin(r))return!0;const s=n==null?void 0:n.find(c=>{var d;return c.element===o?!1:((d=c.element)==null?void 0:d.getAttribute("aria-expanded"))==="true"}),i=(t=s==null?void 0:s.element)==null?void 0:t.getAttribute("aria-controls");if(!i)return!1;const u=e.getDocument(r).getElementById(i);return u?e.hasFocusWithin(u)?!0:!!u.querySelector("[role=menuitem][aria-expanded=true]"):!1}var Ze=e.createHook(function(n){var o=n,{store:t,hideOnClick:s=!0,preventScrollOnKeyDown:i=!0,focusOnHover:a,blurOnHoverEnd:u}=o,c=e.__objRest(o,["store","hideOnClick","preventScrollOnKeyDown","focusOnHover","blurOnHoverEnd"]);const d=ye(!0),l=Pe();t=t||d||l,e.invariant(t,process.env.NODE_ENV!=="production"&&"MenuItem must be wrapped in a MenuList, Menu or Menubar component");const g=c.onClick,b=e.useBooleanEvent(s),f="hideAll"in t?t.hideAll:void 0,C=!!f,m=e.useEvent(_=>{g==null||g(_),!(_.defaultPrevented||e.isDownloading(_)||e.isOpeningInNewTab(_)||!f||_.currentTarget.getAttribute("aria-haspopup")==="menu")&&b(_)&&f()}),p=E.useStoreState(t,_=>"contentElement"in _?_.contentElement:null),S=e.getPopupItemRole(p,"menuitem");return c=e.__spreadProps(e.__spreadValues({role:S},c),{onClick:m}),c=T.useCompositeItem(e.__spreadValues({store:t,preventScrollOnKeyDown:i},c)),c=ue(e.__spreadProps(e.__spreadValues({store:t},c),{focusOnHover(_){const O=()=>typeof a=="function"?a(_):a??!0;if(!t||!O())return!1;const{baseElement:y,items:M}=t.getState();return C?(_.currentTarget.hasAttribute("aria-expanded")&&_.currentTarget.focus(),!0):ze(y,M,_.currentTarget)?(_.currentTarget.focus(),!0):!1},blurOnHoverEnd(_){return typeof u=="function"?u(_):u??C}})),c}),Ue=e.memo2(e.forwardRef2(function(n){const o=Ze(n);return e.createElement(We,o)})),Je="hr",Ye=e.createHook(function(n){var o=n,{store:t}=o,s=e.__objRest(o,["store"]);const i=Q();return t=t||i,s=ae(e.__spreadValues({store:t},s)),s}),Ge=e.forwardRef2(function(n){const o=Ye(n);return e.createElement(Je,o)});const Qe=x.divBox`
+  display: flex;
+  z-index: 2;
+  color: ${x.th("defaultCards.backgroundColor")};
+  stroke-width: 0 !important;
+
+  #stroke {
+    color: ${x.th("defaultCards.borderColor")};
+  }
+`,Xe=x.svgBox(({$transform:r})=>x.css`
+    transform: ${r};
+  `),et={top:"rotateZ(180deg)",right:"rotateZ(-90deg)",bottom:"rotateZ(360deg)",left:"rotateZ(90deg)"},ce=j.forwardRef(({store:r},n)=>{const o=r==null?void 0:r.useState("currentPlacement"),[t]=o.split("-");return h.createElement(Le,{ref:n,render:h.createElement(Qe,null)},h.createElement(Xe,{$transform:et[t],h:30,viewBox:"0 0 30 30",w:30,xmlns:"http://www.w3.org/2000/svg"},h.createElement("path",{d:"M7 30L15 22L23 30H7Z",fill:"currentColor",fillRule:"nonzero",id:"stroke"}),h.createElement("path",{d:"M8 30L15 23L22 30H8Z",fill:"currentColor",fillRule:"nonzero"})))});ce.displayName="Arrow";const tt=x.button`
+  ${x.th("dropdownMenu.item")};
+  display: flex;
+  align-items: center;
+  width: 100%;
+  border: 0;
+  appearance: none;
+  cursor: pointer;
+  transition: medium;
+  text-decoration: none;
+  padding: md;
+
+  &:focus {
+    outline: none !important; /* important for firefox */
+  }
+
+  ${x.system};
+`,de=j.forwardRef(({as:r,...n},o)=>h.createElement(Ue,{ref:o,type:"button",...n,render:h.createElement(tt,{as:r})}));de.displayName="Item";const nt=x.hr`
+  ${x.th("dropdownMenu.separator")};
+  border: 0;
+  height: 1px;
+  margin: 0;
+`,rt=j.forwardRef((r,n)=>h.createElement(Ge,{ref:n,render:h.createElement(nt,null),...r})),ot=x(fe.Box)`
+  ${x.th("cards.default")};
+  ${x.th("dropdownMenu.inner")};
+  z-index: 1;
+  opacity: 0;
+  transition: opacity 150ms ease-in-out;
+  ${x.system};
+
+  &[data-enter] {
+    opacity: 1;
+  }
+`,ut=j.forwardRef(({children:r,dataTestId:n,gutter:o="xs",innerProps:t={},store:s,...i},a)=>{const u=x.useTheme(),c=s.useState("arrowElement");let d=o;return typeof d=="string"&&(d=parseInt(u.toPx(parseFloat(u.space[o])),10)||0),c&&(d=0),h.createElement(Fe,{"aria-label":"dropdown-menu","data-testid":n,gutter:d,ref:a,render:h.createElement(ot,{...t}),store:s,tabIndex:0,...i},r)});function st(r={}){return Ie({animated:!0,...r})}const at=j.forwardRef(({as:r,store:n,...o},t)=>h.createElement(Ke,{ref:t,render:r?s=>h.createElement(r,{...s}):void 0,store:n,...o})),it=Object.assign(ut,{Trigger:at,Item:de,Separator:rt,Arrow:ce});exports.DropdownMenu=it;exports.useDropdownMenu=st;