welcome-ui 1.0.0-beta.9 → 7.0.0-alpha.7

package/dist/DatePicker.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),Y=require("./System.js"),c=require("./CustomInput-CHhz-wtr.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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),Y=require("./System.js"),c=require("./CustomInput-CDNZy-pz.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

@@ -1,7 +1,7 @@
 "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-DsJYqH0X.mjs";
+import { S as J, c as Q, b as V, C as W, D as P, g as X } from "./CustomInput-BCCxIle7.mjs";
 const Z = G(
   ({
     autoFocus: S,

package/dist/DateTimePicker.js

@@ -1,4 +1,4 @@
-"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-CHhz-wtr.js"),h=require("./System.js"),p=require("@xstyled/styled-components"),g=p.css`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),p=require("@xstyled/styled-components"),a=require("./CustomInput-CDNZy-pz.js"),b=require("./DatePicker.js"),$=require("./TimePicker.js"),h=require("./System.js"),g=p.css`
   &:focus {
     position: relative;
     z-index: 1;

package/dist/DateTimePicker.mjs

@@ -1,28 +1,28 @@
 "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-DsJYqH0X.mjs";
-import { forwardRef as A } from "./System.mjs";
-import N, { css as R, system as C } from "@xstyled/styled-components";
-const T = R`
+import x, { css as _, system as b } from "@xstyled/styled-components";
+import { S as w, a as h, D as S, g as A } from "./CustomInput-BCCxIle7.mjs";
+import { DatePicker as N } from "./DatePicker.mjs";
+import { TimePicker as R } from "./TimePicker.mjs";
+import { forwardRef as C } from "./System.mjs";
+const T = _`
   &:focus {
     position: relative;
     z-index: 1;
   }
-`, F = N.divBox`
+`, F = x.divBox`
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
 
   .react-datepicker-wrapper {
     flex-grow: 1;
-    ${b} {
+    ${w} {
       ${T};
       border-top-right-radius: 0;
       border-bottom-right-radius: 0;
     }
-    ${w} {
+    ${h} {
       ${T};
       border-top-left-radius: 0;
       border-bottom-left-radius: 0;
@@ -41,8 +41,8 @@ const T = R`
     font-family: inherit;
   }
 
-  ${C};
-`, I = A(
+  ${b};
+`, I = C(
   ({
     children: i,
     dataTestId: c,
@@ -51,11 +51,11 @@ const T = R`
     onChange: m,
     size: f = "md",
     transparent: s,
-    value: t = h
+    value: t = S
   }, 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) => {
+    ), y = r.isValidElement(u) ? u.props.timeIntervals : void 0, d = (e) => A(e, y), [D, g] = E(d(t)), o = (e) => {
       g(e || null), m && m(e && new Date(e));
     };
     return P(() => {
@@ -78,7 +78,7 @@ const T = R`
         transparent: s
       })
     ), !i && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
-      x,
+      N,
       {
         dataTestId: `${c}-datePicker`,
         disabled: l,
@@ -90,7 +90,7 @@ const T = R`
         value: t
       }
     ), /* @__PURE__ */ r.createElement(
-      _,
+      R,
       {
         dataTestId: `${c}-timePicker`,
         disabled: l,

package/dist/DateTimePickerCommon.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CustomInput-CHhz-wtr.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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./CustomInput-CDNZy-pz.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

@@ -1,5 +1,5 @@
 "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-DsJYqH0X.mjs";
+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-BCCxIle7.mjs";
 export {
   a as CustomHeader,
   t as CustomInput,

package/dist/Drawer.js

@@ -1 +1,64 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("./System.js");const r=require("./index-B8roHPE-.js");require("./JC64G2H7-VmOGyhc1.js");require("./AXB53BZF-CAQ85RSy.js");exports.AssetDrawer=r.AssetDrawer;exports.Drawer=r.Drawer;exports.DrawerBackdrop=r.DrawerBackdrop;exports.Trigger=r.Trigger;exports.useDrawer=r.useDrawer;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=require("@xstyled/styled-components"),B=require("./CloseButton.js"),i=require("./Box.js"),b=require("./SYRFVSLH-BpAfr7UE.js"),l=require("./System.js"),u=require("./Text.js");require("./Icon.js");const $=require("./index-_wqLxu7x.js"),D=require("./Button.js"),f=require("./JC64G2H7-YkBMNrtl.js"),k=require("./AXB53BZF-KWM2jKTz.js"),C=e=>{switch(e){case"top":return{top:"0 !important",right:0,left:0,transform:"translateY(-100%)"};case"right":return{top:"0 !important",right:0,bottom:0,transform:"translateX(100%)"};case"bottom":return{right:0,bottom:0,left:0,transform:"translateY(100%)"};case"left":return{top:"0 !important",bottom:0,left:0,transform:"translateX(-100%)"}}},m=["sm","md","lg"],v=(e,r)=>{switch(r){case"top":case"bottom":return m.includes(e)?o.th(`drawers.sizes.vertical.${e}`):{height:e};case"right":case"left":return m.includes(e)?o.th(`drawers.sizes.horizontal.${e}`):{width:e}}},S=o.divBox(({placement:e,size:r})=>o.css`
+    ${o.th("cards.default")};
+    ${o.th("drawers.default")};
+    ${C(e)}
+    ${v(r,e)}
+    position: fixed;
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+    opacity: 0;
+    transition: medium;
+    max-width: 100%;
+
+    &[data-enter] {
+      opacity: 1;
+      transform: translate(0, 0);
+    }
+  `),p=o.div.withConfig({shouldForwardProp:e=>!["hideOnInteractOutside"].includes(e)})(({hideOnInteractOutside:e})=>o.css`
+    ${o.th("drawers.backdrop")};
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    opacity: 0;
+    transition: opacity 150ms ease-in-out;
+    ${o.system};
+
+    ${e&&o.css`
+      cursor: pointer;
+    `}
+
+    &[data-enter] {
+      opacity: 1;
+    }
+  `),q=o.divBox`
+  ${o.th("drawers.title")};
+`,T=o.divBox`
+  ${o.th("drawers.content")};
+`,I=o(B.CloseButton)`
+  ${o.th("drawers.closeButton")};
+`,R=o.divBox`
+  ${o.th("drawers.footer")};
+`,x=({zIndex:e="2",...r})=>{const n=o.useTheme();return t.createElement(i.Box,{h:"0"},t.createElement(b.DialogDismiss,{render:t.createElement(I,{left:`calc(100% - ${n.space.lg} - ${n.buttons.sizes.sm.height})`,mt:"lg",position:"sticky",top:"0",zIndex:e,...r})}))},F=l.forwardRef((e,r)=>t.createElement(T,{flex:"1",overflowY:{md:"auto"},ref:r,...e})),j=l.forwardRef((e,r)=>t.createElement(R,{bottom:{xs:0,md:"auto"},position:{xs:"sticky",md:"static"},ref:r,w:"100%",...e})),O=({children:e,zIndex:r="1",...n})=>t.createElement(q,{alignItems:"center",display:"flex",justifyContent:"space-between",position:{xs:"sticky",md:"static"},top:{xs:0,md:"auto"},w:"100%",zIndex:r,...n},t.createElement(u.Text,{m:"0",variant:"h3",w:"100%"},e)),A=o.divBox`
+  overflow-y: scroll;
+  flex: 1;
+  margin: 0 auto;
+  width: 100%;
+`,Y=o.divBox(({size:e})=>o.css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    height: 48;
+    width: 48;
+    border-radius: md;
+    background-color: beige-20;
+    transition: background-color ${o.th("transitions.medium")};
+
+    ${e==="sm"&&o.css`
+      height: 32;
+      width: 32;
+    `}
+  `),_=l.forwardRef(({children:e,maxWidth:r=820,store:n,...s},a)=>{const c=o.useTheme();return t.createElement(g,{...s,autoFocusOnShow:!1,h:{_:"100%",md:"calc(100% - 3rem)"},hideOnInteractOutside:!0,placement:"bottom",ref:a,store:n,style:{borderTopLeftRadius:c.radii.xxl,borderTopRightRadius:c.radii.xxl},withBackdrop:!0,withCloseButton:!0},t.createElement(A,{maxWidth:r},t.createElement(i.Box,{p:{_:"xl md",md:"3xl xl"}},e)))}),H=({action:e,icon:r,onBackButtonClick:n,subtitle:s,title:a})=>t.createElement(i.Box,{alignItems:{md:"center"},backgroundColor:"neutral-10",display:"flex",flexDirection:{_:"column",md:"row"},gap:"xl",justifyContent:"space-between",mb:"xl",mt:"-md",position:"sticky",py:"md",top:0,zIndex:1},t.createElement(i.Box,{alignItems:"center",display:"flex",gap:{_:"md",md:"xl"}},!!n&&t.createElement(D.Button,{onClick:n,shape:"circle",size:"lg",variant:"ghost"},t.createElement($.ArrowLeftIcon,null)),!!r&&t.createElement(L,{icon:r}),t.createElement(i.Box,{display:"flex",flexDirection:"column",gap:"xxs"},t.createElement(u.Text,{pr:"xl",variant:"h3"},a),s)),e&&t.createElement(i.Box,{alignItems:"center",display:"flex",flexShrink:0,gap:"md"},e)),L=({icon:e,size:r="md"})=>t.createElement(Y,{size:r},t.createElement(e,{color:"neutral-90",size:r})),P=l.forwardRef(({children:e,hideOnInteractOutside:r=!0,placement:n="right",size:s="lg",store:a,withBackdrop:c=!1,withCloseButton:w=!0,...y},E)=>t.createElement(f.Dialog,{backdrop:c?t.createElement(p,{hideOnInteractOutside:r}):!1,hideOnInteractOutside:r,modal:c,ref:E,render:t.createElement(S,{placement:n,size:s}),store:a,...y},t.createElement(t.Fragment,null,w&&t.createElement(x,null),e)));function X(e={}){return f.useDialogStore({animated:!0,...e})}const h=({hideOnInteractOutside:e=!0,...r})=>t.createElement(p,{hideOnInteractOutside:e,...r}),d=l.forwardRef(({as:e,store:r,...n},s)=>t.createElement(k.DialogDisclosure,{ref:s,render:e?a=>t.createElement(e,{...a}):void 0,store:r,...n})),g=Object.assign(P,{Trigger:d,Backdrop:h,Close:x,Title:O,Content:F,Footer:j}),Z=Object.assign(_,{Trigger:d,Header:H});exports.AssetDrawer=Z;exports.Drawer=g;exports.DrawerBackdrop=h;exports.Trigger=d;exports.useDrawer=X;

package/dist/Drawer.mjs

@@ -1,12 +1,268 @@
-import "react";
-import "./System.mjs";
-import { b as t, a as i, D as m, T as D, u as w } from "./index-Cjf3wLkx.mjs";
-import "./JC64G2H7-HxATiU-t.mjs";
-import "./AXB53BZF-DCqNWRx3.mjs";
+"use client";
+import e from "react";
+import a, { css as m, th as n, system as $, useTheme as p } from "@xstyled/styled-components";
+import { CloseButton as b } from "./CloseButton.mjs";
+import { Box as l } from "./Box.mjs";
+import { D } from "./SYRFVSLH-cVmYtx36.mjs";
+import { forwardRef as d } from "./System.mjs";
+import { Text as f } from "./Text.mjs";
+import "./Icon.mjs";
+import { A as B } from "./index-BJAZgeHL.mjs";
+import { Button as k } from "./Button.mjs";
+import { D as C, u as v } from "./JC64G2H7-Dey-8h60.mjs";
+import { D as I } from "./AXB53BZF-CGoc4K3d.mjs";
+const S = (t) => {
+  switch (t) {
+    case "top":
+      return {
+        top: "0 !important",
+        right: 0,
+        left: 0,
+        transform: "translateY(-100%)"
+      };
+    case "right":
+      return {
+        top: "0 !important",
+        right: 0,
+        bottom: 0,
+        transform: "translateX(100%)"
+      };
+    case "bottom":
+      return {
+        right: 0,
+        bottom: 0,
+        left: 0,
+        transform: "translateY(100%)"
+      };
+    case "left":
+      return {
+        top: "0 !important",
+        bottom: 0,
+        left: 0,
+        transform: "translateX(-100%)"
+      };
+  }
+}, u = ["sm", "md", "lg"], _ = (t, r) => {
+  switch (r) {
+    case "top":
+    case "bottom":
+      return u.includes(t) ? n(`drawers.sizes.vertical.${t}`) : {
+        height: t
+      };
+    case "right":
+    case "left":
+      return u.includes(t) ? n(`drawers.sizes.horizontal.${t}`) : {
+        width: t
+      };
+  }
+}, T = a.divBox(
+  ({ placement: t, size: r }) => m`
+    ${n("cards.default")};
+    ${n("drawers.default")};
+    ${S(t)}
+    ${_(r, t)}
+    position: fixed;
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+    opacity: 0;
+    transition: medium;
+    max-width: 100%;
+
+    &[data-enter] {
+      opacity: 1;
+      transform: translate(0, 0);
+    }
+  `
+), g = a.div.withConfig({
+  shouldForwardProp: (t) => !["hideOnInteractOutside"].includes(t)
+})(
+  ({ hideOnInteractOutside: t }) => m`
+    ${n("drawers.backdrop")};
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    opacity: 0;
+    transition: opacity 150ms ease-in-out;
+    ${$};
+
+    ${t && m`
+      cursor: pointer;
+    `}
+
+    &[data-enter] {
+      opacity: 1;
+    }
+  `
+), j = a.divBox`
+  ${n("drawers.title")};
+`, F = a.divBox`
+  ${n("drawers.content")};
+`, O = a(b)`
+  ${n("drawers.closeButton")};
+`, R = a.divBox`
+  ${n("drawers.footer")};
+`, x = ({ zIndex: t = "2", ...r }) => {
+  const o = p();
+  return /* @__PURE__ */ e.createElement(l, { h: "0" }, /* @__PURE__ */ e.createElement(
+    D,
+    {
+      render: /* @__PURE__ */ e.createElement(
+        O,
+        {
+          left: `calc(100% - ${o.space.lg} - ${o.buttons.sizes.sm.height})`,
+          mt: "lg",
+          position: "sticky",
+          top: "0",
+          zIndex: t,
+          ...r
+        }
+      )
+    }
+  ));
+}, A = d((t, r) => /* @__PURE__ */ e.createElement(F, { flex: "1", overflowY: { md: "auto" }, ref: r, ...t })), Y = d((t, r) => /* @__PURE__ */ e.createElement(
+  R,
+  {
+    bottom: { xs: 0, md: "auto" },
+    position: { xs: "sticky", md: "static" },
+    ref: r,
+    w: "100%",
+    ...t
+  }
+)), L = ({ children: t, zIndex: r = "1", ...o }) => /* @__PURE__ */ e.createElement(
+  j,
+  {
+    alignItems: "center",
+    display: "flex",
+    justifyContent: "space-between",
+    position: { xs: "sticky", md: "static" },
+    top: { xs: 0, md: "auto" },
+    w: "100%",
+    zIndex: r,
+    ...o
+  },
+  /* @__PURE__ */ e.createElement(f, { m: "0", variant: "h3", w: "100%" }, t)
+), P = a.divBox`
+  overflow-y: scroll;
+  flex: 1;
+  margin: 0 auto;
+  width: 100%;
+`, X = a.divBox(
+  ({ size: t }) => m`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    height: 48;
+    width: 48;
+    border-radius: md;
+    background-color: beige-20;
+    transition: background-color ${n("transitions.medium")};
+
+    ${t === "sm" && m`
+      height: 32;
+      width: 32;
+    `}
+  `
+), z = d(
+  ({ children: t, maxWidth: r = 820, store: o, ...s }, i) => {
+    const c = p();
+    return /* @__PURE__ */ e.createElement(
+      J,
+      {
+        ...s,
+        autoFocusOnShow: !1,
+        h: { _: "100%", md: "calc(100% - 3rem)" },
+        hideOnInteractOutside: !0,
+        placement: "bottom",
+        ref: i,
+        store: o,
+        style: {
+          borderTopLeftRadius: c.radii.xxl,
+          borderTopRightRadius: c.radii.xxl
+        },
+        withBackdrop: !0,
+        withCloseButton: !0
+      },
+      /* @__PURE__ */ e.createElement(P, { maxWidth: r }, /* @__PURE__ */ e.createElement(l, { p: { _: "xl md", md: "3xl xl" } }, t))
+    );
+  }
+), H = ({
+  action: t,
+  icon: r,
+  onBackButtonClick: o,
+  subtitle: s,
+  title: i
+}) => /* @__PURE__ */ e.createElement(
+  l,
+  {
+    alignItems: { md: "center" },
+    backgroundColor: "neutral-10",
+    display: "flex",
+    flexDirection: { _: "column", md: "row" },
+    gap: "xl",
+    justifyContent: "space-between",
+    mb: "xl",
+    mt: "-md",
+    position: "sticky",
+    py: "md",
+    top: 0,
+    zIndex: 1
+  },
+  /* @__PURE__ */ e.createElement(l, { alignItems: "center", display: "flex", gap: { _: "md", md: "xl" } }, !!o && /* @__PURE__ */ e.createElement(k, { onClick: o, shape: "circle", size: "lg", variant: "ghost" }, /* @__PURE__ */ e.createElement(B, null)), !!r && /* @__PURE__ */ e.createElement(Z, { icon: r }), /* @__PURE__ */ e.createElement(l, { display: "flex", flexDirection: "column", gap: "xxs" }, /* @__PURE__ */ e.createElement(f, { pr: "xl", variant: "h3" }, i), s)),
+  t && /* @__PURE__ */ e.createElement(l, { alignItems: "center", display: "flex", flexShrink: 0, gap: "md" }, t)
+), Z = ({ icon: t, size: r = "md" }) => /* @__PURE__ */ e.createElement(X, { size: r }, /* @__PURE__ */ e.createElement(t, { color: "neutral-90", size: r })), q = d(
+  ({
+    children: t,
+    hideOnInteractOutside: r = !0,
+    placement: o = "right",
+    size: s = "lg",
+    store: i,
+    withBackdrop: c = !1,
+    withCloseButton: w = !0,
+    ...E
+  }, y) => /* @__PURE__ */ e.createElement(
+    C,
+    {
+      backdrop: c ? /* @__PURE__ */ e.createElement(g, { hideOnInteractOutside: r }) : !1,
+      hideOnInteractOutside: r,
+      modal: c,
+      ref: y,
+      render: /* @__PURE__ */ e.createElement(T, { placement: o, size: s }),
+      store: i,
+      ...E
+    },
+    /* @__PURE__ */ e.createElement(e.Fragment, null, w && /* @__PURE__ */ e.createElement(x, null), t)
+  )
+);
+function at(t = {}) {
+  return v({ animated: !0, ...t });
+}
+const G = ({
+  hideOnInteractOutside: t = !0,
+  ...r
+}) => /* @__PURE__ */ e.createElement(g, { hideOnInteractOutside: t, ...r }), h = d(({ as: t, store: r, ...o }, s) => /* @__PURE__ */ e.createElement(
+  I,
+  {
+    ref: s,
+    render: t ? (i) => /* @__PURE__ */ e.createElement(t, { ...i }) : void 0,
+    store: r,
+    ...o
+  }
+)), J = Object.assign(q, {
+  Trigger: h,
+  Backdrop: G,
+  Close: x,
+  Title: L,
+  Content: A,
+  Footer: Y
+}), st = Object.assign(z, { Trigger: h, Header: H });
 export {
-  t as AssetDrawer,
-  i as Drawer,
-  m as DrawerBackdrop,
-  D as Trigger,
-  w as useDrawer
+  st as AssetDrawer,
+  J as Drawer,
+  G as DrawerBackdrop,
+  h as Trigger,
+  at as useDrawer
 };

package/dist/DropdownMenu.js

@@ -1,4 +1,4 @@
-"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-BE1a2svb.js"),e=require("./LVA2YJMS-B2HZjIhJ.js"),ne=require("./QYJ6MIDR-T-fJ_t8N.js"),E=require("./YV4JVR4I-DIthYWMj.js"),fe=require("./Box.js"),Y=require("./ITI7HKP4-BPa8qpnl.js"),pe=require("./VGCJ63VH-Cuf7P3qW.js"),re=require("./JC64G2H7-VmOGyhc1.js"),me=require("./VEVQD5MH-Cal9SWXl.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`
+"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")};

package/dist/DropdownMenu.mjs

@@ -2,16 +2,16 @@
 import C, { useCallback as Ve, useRef as le, createContext as ge, useState as we, useEffect as Me, createRef as Re, useMemo as Be } from "react";
 import Y, { th as U, css as Ke, system as Se, useTheme as ze } from "@xstyled/styled-components";
 import { forwardRef as J } from "./System.mjs";
-import { h as ce, j as je, C as Ee, a as xe, u as We } from "./P2CTZE2T-5jxBu6ix.mjs";
-import { e as Ze, f as Ue, c as qe, d as Ge, g as Ye, h as Je } from "./BYC7LY2E-BNqcw1O8.mjs";
-import { c as D, _ as O, i as K, a7 as Qe, u as ae, e as V, a9 as Z, V as Xe, h as y, j as re, a as v, z as Ce, w as ye, f as k, b as F, Z as et, $ as tt, I as Pe, R as nt, q as rt, p as ot, ab as ut, n as Oe, A as at, B as G, C as W, D as L, a3 as st, H as it, x as Ae, E as _e, m as se, Y as lt, ac as ct, o as dt, ad as Ie, g as ft, ae as pt, af as mt } from "./LVA2YJMS-Dm5ieEMw.mjs";
-import { u as bt, b as vt } from "./QYJ6MIDR-YegHsExc.mjs";
-import { m as ht, o as gt, p as wt, t as Mt, s as be, d as ve, c as St, a as Et, b as xt, u as R } from "./YV4JVR4I-1ezWeCCz.mjs";
+import { h as ce, j as je, C as Ee, a as xe, u as We } from "./P2CTZE2T-YPes1GXe.mjs";
+import { e as Ze, f as Ue, c as qe, d as Ge, g as Ye, h as Je } from "./BYC7LY2E-CVjUW1dr.mjs";
+import { c as D, _ as O, i as K, a7 as Qe, u as ae, b as V, a9 as Z, V as Xe, d as y, e as re, g as v, z as Ce, w as ye, f as k, h as F, Z as et, $ as tt, I as Pe, R as nt, n as rt, m as ot, ab as ut, v as Oe, A as at, B as G, C as W, D as L, a3 as st, H as it, x as Ae, E as _e, t as se, Y as lt, ac as ct, l as dt, ad as Ie, s as ft, ae as pt, af as mt } from "./LVA2YJMS-qFC9J-lt.mjs";
+import { u as bt, b as vt } from "./QYJ6MIDR-BLLqyXdd.mjs";
+import { m as ht, o as gt, p as wt, t as Mt, s as be, d as ve, c as St, a as Et, b as xt, u as R } from "./YV4JVR4I-BGfUf3Nu.mjs";
 import { Box as Ct } from "./Box.mjs";
-import { c as yt, u as Pt, a as Ot } from "./ITI7HKP4-Couz1Z73.mjs";
-import { i as At } from "./VGCJ63VH-BqPfqkK_.mjs";
-import { c as _t, R as It } from "./JC64G2H7-HxATiU-t.mjs";
-import { a as Tt } from "./VEVQD5MH-DOp_qaPw.mjs";
+import { c as yt, u as Pt, a as Ot } from "./ITI7HKP4-BONrZ9Pq.mjs";
+import { i as At } from "./VGCJ63VH-B39w1tBw.mjs";
+import { c as _t, R as It } from "./JC64G2H7-Dey-8h60.mjs";
+import { a as Tt } from "./VEVQD5MH-ZMnHV8ZJ.mjs";
 var Ht = "div";
 function Te(n) {
   const t = n.relatedTarget;

package/dist/Field.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),N=require("./index-CiYwvMF0.js"),y=require("./Hint.js"),$=require("./index-DHCyCfRv.js"),j=require("./use-isomorphic-layout-effect-C1_Gy5Nu.js"),F=require("./System.js"),t=require("@xstyled/styled-components"),V=t.css`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),N=require("./use-isomorphic-layout-effect-C1_Gy5Nu.js"),t=require("@xstyled/styled-components"),$=require("./Label.js"),F=require("./System.js"),j=require("./VariantIcon.js"),y=require("./Hint.js"),V=t.css`
   ${t.th("defaultFields.checkablelabel.default")};
   align-items: flex-start;
   overflow-wrap: break-word;
@@ -69,4 +69,4 @@
         width: ${t.th("buttons.sizes.xxs.height")};
       }
     `}
-  `),Y={Checkbox:"checkbox",Radio:"radio",InputText:"text",RadioTab:"radio",Select:"text",Toggle:"checkbox"},w=e=>Y[e]||e,A=({error:e,success:o,warning:i})=>{if(e)return"danger";if(i)return"warning";if(o)return"success"},J=()=>`wui-field-${Math.random().toString(36).slice(2)}`,K=["disabled","required","variant"],E=F.forwardRef(({children:e,dataTestId:o,disabled:i,disabledIcon:d,error:u,flexDirection:k,hint:I,label:p,required:m,success:h,transparent:v,warning:f,...T},G)=>{const c=w(e.props.type||e.type.displayName),R=c==="radio",b=c==="RadioGroup",S=c==="FieldGroup",q=c==="checkbox",L=e.type.displayName==="Toggle",s=R||q||L,W=k||(s?"row":"column"),P=S||b,a=A({error:u,warning:f,success:h}),r=a?u||f||h:I,B=!!r,l=e.props.id||e.props.name||J(),g=n.cloneElement(n.Children.only(e),{disabled:i,id:l,required:m,variant:a,transparent:v,...P?{flexDirection:W}:{}});return j.useIsomorphicLayoutEffect(()=>{Object.keys(e.props).forEach(x=>{if(K.includes(x)){const H=document.getElementById(l);console.warn(`You must pass the "${x}" prop to the <Field /> instead of`,H)}})},[e.props,e.type.displayName,l]),n.createElement(z,{ref:G,...T,"data-testid":o,isCheckable:s,isRadioGroup:b,withHintText:B},n.createElement(C,null,s&&g,n.createElement(D,null,p&&n.createElement($.Label,{checkableField:s,disabled:i,disabledIcon:d,htmlFor:l,required:m,variant:a,withDisabledIcon:!s},s&&n.createElement(N.VariantIcon,{size:"sm",variant:a}),p),s&&r&&n.createElement(y.Hint,{checkableField:!0,dataTestId:o?`${o}-hint`:void 0,mt:"0",variant:a},r))),!s&&g,!s&&r&&n.createElement(y.Hint,{dataTestId:o?`${o}-hint`:void 0,variant:a},r))});E.displayName="Field";const Q=M,U=O;exports.Field=E;exports.IconGroupWrapper=U;exports.IconWrapper=Q;exports.getBaseType=w;
+  `),Y={Checkbox:"checkbox",Radio:"radio",InputText:"text",RadioTab:"radio",Select:"text",Toggle:"checkbox"},w=e=>Y[e]||e,A=({error:e,success:o,warning:i})=>{if(e)return"danger";if(i)return"warning";if(o)return"success"},J=()=>`wui-field-${Math.random().toString(36).slice(2)}`,K=["disabled","required","variant"],E=F.forwardRef(({children:e,dataTestId:o,disabled:i,disabledIcon:d,error:u,flexDirection:k,hint:I,label:p,required:m,success:h,transparent:v,warning:f,...T},G)=>{const c=w(e.props.type||e.type.displayName),R=c==="radio",b=c==="RadioGroup",S=c==="FieldGroup",q=c==="checkbox",L=e.type.displayName==="Toggle",s=R||q||L,W=k||(s?"row":"column"),P=S||b,a=A({error:u,warning:f,success:h}),r=a?u||f||h:I,B=!!r,l=e.props.id||e.props.name||J(),g=n.cloneElement(n.Children.only(e),{disabled:i,id:l,required:m,variant:a,transparent:v,...P?{flexDirection:W}:{}});return N.useIsomorphicLayoutEffect(()=>{Object.keys(e.props).forEach(x=>{if(K.includes(x)){const H=document.getElementById(l);console.warn(`You must pass the "${x}" prop to the <Field /> instead of`,H)}})},[e.props,e.type.displayName,l]),n.createElement(z,{ref:G,...T,"data-testid":o,isCheckable:s,isRadioGroup:b,withHintText:B},n.createElement(C,null,s&&g,n.createElement(D,null,p&&n.createElement($.Label,{checkableField:s,disabled:i,disabledIcon:d,htmlFor:l,required:m,variant:a,withDisabledIcon:!s},s&&n.createElement(j.VariantIcon,{size:"sm",variant:a}),p),s&&r&&n.createElement(y.Hint,{checkableField:!0,dataTestId:o?`${o}-hint`:void 0,mt:"0",variant:a},r))),!s&&g,!s&&r&&n.createElement(y.Hint,{dataTestId:o?`${o}-hint`:void 0,variant:a},r))});E.displayName="Field";const Q=M,U=O;exports.Field=E;exports.IconGroupWrapper=U;exports.IconWrapper=Q;exports.getBaseType=w;