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

package/dist/Tag.mjs

@@ -1,12 +1,12 @@
 "use client";
 import d from "react";
-import { StyledIcon as C } from "./Icon.mjs";
-import { C as w } from "./index-C7zM96J_.mjs";
-import { forwardRef as S } from "./System.mjs";
-import { w as b } from "./wrap-children-aq69jtFP.mjs";
-import m, { css as n, th as i, system as A } from "@xstyled/styled-components";
+import { w as C } from "./wrap-children-aq69jtFP.mjs";
+import m, { css as n, th as i, system as w } from "@xstyled/styled-components";
 import { o as p } from "./overflow-ellipsis-DGV5Kgt-.mjs";
 import { g } from "./get-max-width-height-DoUro2T7.mjs";
+import { StyledIcon as S } from "./Icon.mjs";
+import { forwardRef as b } from "./System.mjs";
+import { C as A } from "./index-C7zM96J_.mjs";
 const E = (e, t, s) => n`
   ${i(`tags.shape.${e}`)}
   padding: 0;
@@ -29,7 +29,7 @@ const E = (e, t, s) => n`
     transition: medium;
     max-width: 100%;
     ${p}
-    ${A}
+    ${w}
     ${a !== 1 && n`
       span,
       p {
@@ -66,7 +66,7 @@ const E = (e, t, s) => n`
 
     > *:not(:only-child) {
       ${/* sc-selector */
-  C}:last-child {
+  S}:last-child {
         opacity: 1;
         transition: opacity ${i.transition("medium")};
         cursor: pointer;
@@ -91,7 +91,7 @@ const E = (e, t, s) => n`
 ), k = m.buttonBox`
   all: unset;
   display: flex;
-`, R = S(
+`, R = b(
   ({
     as: e,
     children: t,
@@ -104,7 +104,7 @@ const E = (e, t, s) => n`
     variant: $ = "default",
     ...f
   }, u) => {
-    const y = b(t), x = !!(t || t === 0) && ["number", "string"].includes(typeof t) ? t.toString().length : void 0, v = !!c || !!l;
+    const y = C(t), x = !!(t || t === 0) && ["number", "string"].includes(typeof t) ? t.toString().length : void 0, v = !!c || !!l;
     return /* @__PURE__ */ d.createElement(
       h,
       {
@@ -123,7 +123,7 @@ const E = (e, t, s) => n`
         ...f
       },
       y,
-      !!o && /* @__PURE__ */ d.createElement(I, { size: r }, /* @__PURE__ */ d.createElement(k, { onClick: o, title: "Remove", type: "button" }, /* @__PURE__ */ d.createElement(w, { size: "xs", title: "Remove" })))
+      !!o && /* @__PURE__ */ d.createElement(I, { size: r }, /* @__PURE__ */ d.createElement(k, { onClick: o, title: "Remove", type: "button" }, /* @__PURE__ */ d.createElement(A, { size: "xs", title: "Remove" })))
     );
   }
 );

package/dist/Text.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),b=require("./System.js"),s=require("@xstyled/styled-components"),p={h0:"h1",h1:"h2",h2:"h3",h3:"h4",h4:"h5",h5:"h6",h6:"h6"},f=e=>s.css`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),s=require("@xstyled/styled-components"),b=require("./System.js"),p={h0:"h1",h1:"h2",h2:"h3",h3:"h4",h4:"h5",h5:"h6",h6:"h6"},f=e=>s.css`
   /* stylelint-disable-next-line value-no-vendor-prefix */
   display: -webkit-box;
   /* stylelint-disable-next-line property-no-vendor-prefix */

package/dist/Text.mjs

@@ -1,7 +1,7 @@
 "use client";
 import p from "react";
-import { forwardRef as f } from "./System.mjs";
-import b, { css as n, th as r, system as d } from "@xstyled/styled-components";
+import f, { css as n, th as r, system as d } from "@xstyled/styled-components";
+import { forwardRef as b } from "./System.mjs";
 const x = {
   h0: "h1",
   h1: "h2",
@@ -20,7 +20,7 @@ const x = {
   line-height: normal;
   overflow: hidden;
   word-break: ${e === 1 ? "break-all" : null};
-`, y = b.p(({ lines: e, theme: o, variant: t, withDash: s }) => {
+`, y = f.p(({ lines: e, theme: o, variant: t, withDash: s }) => {
   const l = x[t], h = t == null ? void 0 : t.startsWith("h"), i = e && e !== 1 / 0 && t.startsWith("h") && o.fonts.headings.includes("welcome-font");
   return n`
     ${r(`texts.${l || t}`)};
@@ -72,7 +72,7 @@ const x = {
   xs: "p",
   "subtitle-md": "span",
   "subtitle-sm": "span"
-}, u = f(
+}, u = b(
   ({ as: e, children: o, dataTestId: t, lines: s, variant: l = "md", withDash: h, ...i }, a) => {
     const c = e || k[l], m = i.className || "";
     return /* @__PURE__ */ p.createElement(

package/dist/Textarea.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),a=require("./System.js"),e=require("@xstyled/styled-components"),T=require("./field-styles-D_gf6ypV.js"),p=e("textarea").withConfig({shouldForwardProp:a.shouldForwardProp})(({size:t,variant:r})=>e.css`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),e=require("@xstyled/styled-components"),T=require("./field-styles-D_gf6ypV.js"),a=require("./System.js"),p=e("textarea").withConfig({shouldForwardProp:a.shouldForwardProp})(({size:t,variant:r})=>e.css`
     ${T.defaultFieldStyles({size:t,variant:r})};
     ${e.th("textareas")};
     line-height: lg;

package/dist/Textarea.mjs

@@ -1,16 +1,16 @@
 "use client";
 import u from "react";
-import { shouldForwardProp as w, forwardRef as y } from "./System.mjs";
-import _, { css as $, th as g, system as T } from "@xstyled/styled-components";
-import { d as F } from "./field-styles-CeV7pnOp.mjs";
-const R = _("textarea").withConfig({ shouldForwardProp: w })(
-  ({ size: e, variant: t }) => $`
-    ${F({ size: e, variant: t })};
-    ${g("textareas")};
+import w, { css as y, th as _, system as $ } from "@xstyled/styled-components";
+import { d as g } from "./field-styles-CeV7pnOp.mjs";
+import { shouldForwardProp as T, forwardRef as F } from "./System.mjs";
+const R = w("textarea").withConfig({ shouldForwardProp: T })(
+  ({ size: e, variant: t }) => y`
+    ${g({ size: e, variant: t })};
+    ${_("textareas")};
     line-height: lg;
-    ${T};
+    ${$};
   `
-), C = y(
+), C = F(
   ({
     autoFocus: e,
     dataTestId: t,

package/dist/TimePicker.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("./CustomInput-CHhz-wtr.js"),H=require("./System.js"),I=require("@xstyled/styled-components"),O=I.div`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),H=require("@xstyled/styled-components"),c=require("./CustomInput-CDNZy-pz.js"),I=require("./System.js"),O=H.div`
   position: relative;
   ${c.fixAriaMessageStyle}
-`,S=H.forwardRef(({autoFocus:y,dataTestId:E,dateFormat:k="HH:mm",disabled:P,icon:a,iconPlacement:u="left",onBlur:m,onChange:t,onFocus:n,placeholder:g,popperProps:h,size:d="md",timeIntervals:p=15,transparent:q,value:l=c.DEFAULT_DATE,...f},D)=>{const i=e=>c.getDate(e,p),F=g||f.placeholderText,[R,T]=s.useState(y&&"time"||null),[b,o]=s.useState(i(l));s.useEffect(()=>{t&&t(i(l))},[]),s.useEffect(()=>{var r;const e=i(l);((r=new Date(l))==null?void 0:r.getTime())-(e==null?void 0:e.getTime())!==0&&t&&t(e),o(e)},[l]);const x=e=>{T("time"),n&&n(e)},A=e=>{T(null),m&&m(e)},M=e=>{e.preventDefault(),o(null),t&&t()},N=e=>{if(!e)return;const r=i(e);e.setFullYear(r.getFullYear(),r.getMonth(),r.getDate()),o(e),t&&t(new Date(e))};return s.createElement(O,null,s.createElement(c.StyledTimePicker,{calendarClassName:"time-picker-popper",customInput:s.createElement(c.CustomInput,{className:"time-picker","data-testid":E,focused:R,handleBlur:A,handleFocus:x,icon:a,iconPlacement:u,onReset:M,ref:D,size:d}),dateFormat:k,disabled:P,iconPlacement:!!a&&u,onChange:N,placeholderText:F,popperContainer:c.CustomPopper,popperProps:h,selected:b,showTimeSelect:!0,showTimeSelectOnly:!0,size:d,timeIntervals:p,transparent:q,...f,isClearable:!1}))});S.displayName="TimePicker";exports.TimePicker=S;
+`,S=I.forwardRef(({autoFocus:y,dataTestId:E,dateFormat:k="HH:mm",disabled:P,icon:a,iconPlacement:u="left",onBlur:m,onChange:t,onFocus:n,placeholder:g,popperProps:h,size:d="md",timeIntervals:p=15,transparent:q,value:l=c.DEFAULT_DATE,...f},D)=>{const i=e=>c.getDate(e,p),F=g||f.placeholderText,[R,T]=s.useState(y&&"time"||null),[b,o]=s.useState(i(l));s.useEffect(()=>{t&&t(i(l))},[]),s.useEffect(()=>{var r;const e=i(l);((r=new Date(l))==null?void 0:r.getTime())-(e==null?void 0:e.getTime())!==0&&t&&t(e),o(e)},[l]);const x=e=>{T("time"),n&&n(e)},A=e=>{T(null),m&&m(e)},M=e=>{e.preventDefault(),o(null),t&&t()},N=e=>{if(!e)return;const r=i(e);e.setFullYear(r.getFullYear(),r.getMonth(),r.getDate()),o(e),t&&t(new Date(e))};return s.createElement(O,null,s.createElement(c.StyledTimePicker,{calendarClassName:"time-picker-popper",customInput:s.createElement(c.CustomInput,{className:"time-picker","data-testid":E,focused:R,handleBlur:A,handleFocus:x,icon:a,iconPlacement:u,onReset:M,ref:D,size:d}),dateFormat:k,disabled:P,iconPlacement:!!a&&u,onChange:N,placeholderText:F,popperContainer:c.CustomPopper,popperProps:h,selected:b,showTimeSelect:!0,showTimeSelectOnly:!0,size:d,timeIntervals:p,transparent:q,...f,isClearable:!1}))});S.displayName="TimePicker";exports.TimePicker=S;

package/dist/TimePicker.mjs

@@ -1,12 +1,12 @@
 "use client";
 import c, { useState as T, useEffect as E } from "react";
-import { f as M, a as Y, c as w, b as I, D as L, g as O } from "./CustomInput-DsJYqH0X.mjs";
-import { forwardRef as U } from "./System.mjs";
-import W from "@xstyled/styled-components";
-const $ = W.div`
+import M from "@xstyled/styled-components";
+import { f as Y, a as w, c as I, b as L, D as O, g as U } from "./CustomInput-BCCxIle7.mjs";
+import { forwardRef as W } from "./System.mjs";
+const $ = M.div`
   position: relative;
-  ${M}
-`, j = U(
+  ${Y}
+`, j = W(
   ({
     autoFocus: k,
     dataTestId: y,
@@ -22,10 +22,10 @@ const $ = W.div`
     size: d = "md",
     timeIntervals: n = 15,
     transparent: x,
-    value: l = L,
+    value: l = O,
     ...u
   }, F) => {
-    const r = (e) => O(e, n), P = _ || u.placeholderText, [R, f] = T(k && "time" || null), [g, a] = T(r(l));
+    const r = (e) => U(e, n), P = _ || u.placeholderText, [R, f] = T(k && "time" || null), [g, a] = T(r(l));
     E(() => {
       t && t(r(l));
     }, []), E(() => {
@@ -45,11 +45,11 @@ const $ = W.div`
       e.setFullYear(s.getFullYear(), s.getMonth(), s.getDate()), a(e), t && t(new Date(e));
     };
     return /* @__PURE__ */ c.createElement($, null, /* @__PURE__ */ c.createElement(
-      Y,
+      w,
       {
         calendarClassName: "time-picker-popper",
         customInput: /* @__PURE__ */ c.createElement(
-          w,
+          I,
           {
             className: "time-picker",
             "data-testid": y,
@@ -68,7 +68,7 @@ const $ = W.div`
         iconPlacement: !!i && m,
         onChange: H,
         placeholderText: P,
-        popperContainer: I,
+        popperContainer: L,
         popperProps: h,
         selected: g,
         showTimeSelect: !0,

package/dist/Toast.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),l=require("@xstyled/styled-components"),q=require("./index-CQyLvMJP.js"),T=require("./Box.js"),A=require("./Alert.js"),B=require("./CloseButton.js"),C=require("./System.js"),M=require("./Button.js");var N=t=>typeof t=="function",$=(t,e)=>N(t)?t(e):t,R=(()=>{let t=0;return()=>(++t).toString()})(),G=20,x=new Map,z=1e3,P=t=>{if(x.has(t))return;let e=setTimeout(()=>{x.delete(t),h({type:4,toastId:t})},z);x.set(t,e)},H=t=>{let e=x.get(t);e&&clearTimeout(e)},S=(t,e)=>{switch(e.type){case 0:return{...t,toasts:[e.toast,...t.toasts].slice(0,G)};case 1:return e.toast.id&&H(e.toast.id),{...t,toasts:t.toasts.map(o=>o.id===e.toast.id?{...o,...e.toast}:o)};case 2:let{toast:s}=e;return t.toasts.find(o=>o.id===s.id)?S(t,{type:1,toast:s}):S(t,{type:0,toast:s});case 3:let{toastId:n}=e;return n?P(n):t.toasts.forEach(o=>{P(o.id)}),{...t,toasts:t.toasts.map(o=>o.id===n||n===void 0?{...o,visible:!1}:o)};case 4:return e.toastId===void 0?{...t,toasts:[]}:{...t,toasts:t.toasts.filter(o=>o.id!==e.toastId)};case 5:return{...t,pausedAt:e.time};case 6:let r=e.time-(t.pausedAt||0);return{...t,pausedAt:void 0,toasts:t.toasts.map(o=>({...o,pauseDuration:o.pauseDuration+r}))}}},E=[],k={toasts:[],pausedAt:void 0},h=t=>{k=S(k,t),E.forEach(e=>{e(k)})},L={blank:4e3,error:4e3,success:2e3,loading:1/0,custom:4e3},W=(t={})=>{let[e,s]=a.useState(k);a.useEffect(()=>(E.push(s),()=>{let r=E.indexOf(s);r>-1&&E.splice(r,1)}),[e]);let n=e.toasts.map(r=>{var o,u;return{...t,...t[r.type],...r,duration:r.duration||((o=t[r.type])==null?void 0:o.duration)||(t==null?void 0:t.duration)||L[r.type],style:{...t.style,...(u=t[r.type])==null?void 0:u.style,...r.style}}});return{...e,toasts:n}},Y=(t,e="blank",s)=>({createdAt:Date.now(),visible:!0,type:e,ariaProps:{role:"status","aria-live":"polite"},message:t,pauseDuration:0,...s,id:(s==null?void 0:s.id)||R()}),v=t=>(e,s)=>{let n=Y(e,t,s);return h({type:2,toast:n}),n.id},c=(t,e)=>v("blank")(t,e);c.error=v("error");c.success=v("success");c.loading=v("loading");c.custom=v("custom");c.dismiss=t=>{h({type:3,toastId:t})};c.remove=t=>h({type:4,toastId:t});c.promise=(t,e,s)=>{let n=c.loading(e.loading,{...s,...s==null?void 0:s.loading});return t.then(r=>(c.success($(e.success,r),{id:n,...s,...s==null?void 0:s.success}),r)).catch(r=>{c.error($(e.error,r),{id:n,...s,...s==null?void 0:s.error})}),t};var _=(t,e)=>{h({type:1,toast:{id:t,height:e}})},j=()=>{h({type:5,time:Date.now()})},U=t=>{let{toasts:e,pausedAt:s}=W(t);a.useEffect(()=>{if(s)return;let o=Date.now(),u=e.map(i=>{if(i.duration===1/0)return;let f=(i.duration||0)+i.pauseDuration-(o-i.createdAt);if(f<0){i.visible&&c.dismiss(i.id);return}return setTimeout(()=>c.dismiss(i.id),f)});return()=>{u.forEach(i=>i&&clearTimeout(i))}},[e,s]);let n=a.useCallback(()=>{s&&h({type:6,time:Date.now()})},[s]),r=a.useCallback((o,u)=>{let{reverseOrder:i=!1,gutter:f=8,defaultPosition:p}=u||{},m=e.filter(d=>(d.position||p)===(o.position||p)&&d.height),g=m.findIndex(d=>d.id===o.id),y=m.filter((d,b)=>b<g&&d.visible).length;return m.filter(d=>d.visible).slice(...i?[y+1]:[0,y]).reduce((d,b)=>d+(b.height||0)+f,0)},[e]);return{toasts:e,handlers:{updateHeight:_,startPause:j,endPause:n,calculateOffset:r}}},w=c;function F(t=!1){const[e,s]=a.useState(!1);return a.useEffect(()=>{s(!0)},[]),a.useMemo(()=>t?n=>n:e?(n,r,o)=>q.reactDomExports.createPortal(n,r||document.body,o):()=>null,[t,e])}const J=l(T.Box)(({isBottom:t})=>l.css`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),l=require("@xstyled/styled-components"),q=require("./index-BHi0wohR.js"),T=require("./Box.js"),A=require("./Alert.js"),B=require("./CloseButton.js"),C=require("./System.js"),M=require("./Button.js");var N=t=>typeof t=="function",$=(t,e)=>N(t)?t(e):t,R=(()=>{let t=0;return()=>(++t).toString()})(),G=20,x=new Map,z=1e3,P=t=>{if(x.has(t))return;let e=setTimeout(()=>{x.delete(t),h({type:4,toastId:t})},z);x.set(t,e)},H=t=>{let e=x.get(t);e&&clearTimeout(e)},S=(t,e)=>{switch(e.type){case 0:return{...t,toasts:[e.toast,...t.toasts].slice(0,G)};case 1:return e.toast.id&&H(e.toast.id),{...t,toasts:t.toasts.map(o=>o.id===e.toast.id?{...o,...e.toast}:o)};case 2:let{toast:s}=e;return t.toasts.find(o=>o.id===s.id)?S(t,{type:1,toast:s}):S(t,{type:0,toast:s});case 3:let{toastId:n}=e;return n?P(n):t.toasts.forEach(o=>{P(o.id)}),{...t,toasts:t.toasts.map(o=>o.id===n||n===void 0?{...o,visible:!1}:o)};case 4:return e.toastId===void 0?{...t,toasts:[]}:{...t,toasts:t.toasts.filter(o=>o.id!==e.toastId)};case 5:return{...t,pausedAt:e.time};case 6:let r=e.time-(t.pausedAt||0);return{...t,pausedAt:void 0,toasts:t.toasts.map(o=>({...o,pauseDuration:o.pauseDuration+r}))}}},E=[],k={toasts:[],pausedAt:void 0},h=t=>{k=S(k,t),E.forEach(e=>{e(k)})},L={blank:4e3,error:4e3,success:2e3,loading:1/0,custom:4e3},W=(t={})=>{let[e,s]=a.useState(k);a.useEffect(()=>(E.push(s),()=>{let r=E.indexOf(s);r>-1&&E.splice(r,1)}),[e]);let n=e.toasts.map(r=>{var o,u;return{...t,...t[r.type],...r,duration:r.duration||((o=t[r.type])==null?void 0:o.duration)||(t==null?void 0:t.duration)||L[r.type],style:{...t.style,...(u=t[r.type])==null?void 0:u.style,...r.style}}});return{...e,toasts:n}},Y=(t,e="blank",s)=>({createdAt:Date.now(),visible:!0,type:e,ariaProps:{role:"status","aria-live":"polite"},message:t,pauseDuration:0,...s,id:(s==null?void 0:s.id)||R()}),v=t=>(e,s)=>{let n=Y(e,t,s);return h({type:2,toast:n}),n.id},c=(t,e)=>v("blank")(t,e);c.error=v("error");c.success=v("success");c.loading=v("loading");c.custom=v("custom");c.dismiss=t=>{h({type:3,toastId:t})};c.remove=t=>h({type:4,toastId:t});c.promise=(t,e,s)=>{let n=c.loading(e.loading,{...s,...s==null?void 0:s.loading});return t.then(r=>(c.success($(e.success,r),{id:n,...s,...s==null?void 0:s.success}),r)).catch(r=>{c.error($(e.error,r),{id:n,...s,...s==null?void 0:s.error})}),t};var _=(t,e)=>{h({type:1,toast:{id:t,height:e}})},j=()=>{h({type:5,time:Date.now()})},U=t=>{let{toasts:e,pausedAt:s}=W(t);a.useEffect(()=>{if(s)return;let o=Date.now(),u=e.map(i=>{if(i.duration===1/0)return;let f=(i.duration||0)+i.pauseDuration-(o-i.createdAt);if(f<0){i.visible&&c.dismiss(i.id);return}return setTimeout(()=>c.dismiss(i.id),f)});return()=>{u.forEach(i=>i&&clearTimeout(i))}},[e,s]);let n=a.useCallback(()=>{s&&h({type:6,time:Date.now()})},[s]),r=a.useCallback((o,u)=>{let{reverseOrder:i=!1,gutter:f=8,defaultPosition:p}=u||{},m=e.filter(d=>(d.position||p)===(o.position||p)&&d.height),g=m.findIndex(d=>d.id===o.id),y=m.filter((d,b)=>b<g&&d.visible).length;return m.filter(d=>d.visible).slice(...i?[y+1]:[0,y]).reduce((d,b)=>d+(b.height||0)+f,0)},[e]);return{toasts:e,handlers:{updateHeight:_,startPause:j,endPause:n,calculateOffset:r}}},w=c;function F(t=!1){const[e,s]=a.useState(!1);return a.useEffect(()=>{s(!0)},[]),a.useMemo(()=>t?n=>n:e?(n,r,o)=>q.reactDomExports.createPortal(n,r||document.body,o):()=>null,[t,e])}const J=l(T.Box)(({isBottom:t})=>l.css`
     ${l.th("toasts.default")}
     ${t?l.th("toasts.bottom"):l.th("toasts.top")}
 

package/dist/Toast.mjs

@@ -1,7 +1,7 @@
 "use client";
 import d, { useEffect as C, useCallback as I, useState as M, useMemo as R, cloneElement as z, useContext as H } from "react";
 import v, { css as w, th as m, ThemeContext as L, ThemeProvider as W } from "@xstyled/styled-components";
-import { r as Y } from "./index-BZmKn5VO.mjs";
+import { r as Y } from "./index-BYdkhqH4.mjs";
 import { Box as $ } from "./Box.mjs";
 import { Alert as _ } from "./Alert.mjs";
 import { CloseButton as B } from "./CloseButton.mjs";

package/dist/Toggle.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),a=require("./index-C_r0bVmL.js"),s=require("./System.js"),t=require("@xstyled/styled-components"),p=t(a.Checkbox).withConfig({shouldForwardProp:s.shouldForwardProp})(({order:o="-1",size:e})=>t.css`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("@xstyled/styled-components"),s=require("./System.js"),a=require("./index-CUtaVckz.js"),p=t(a.Checkbox).withConfig({shouldForwardProp:s.shouldForwardProp})(({order:o="-1",size:e})=>t.css`
     ${t.th("toggles.item.default")};
     ${t.th(`toggles.item.sizes.${e}`)};
     position: relative;

package/dist/Toggle.mjs

@@ -1,9 +1,9 @@
 "use client";
 import r from "react";
-import { C as f, a as $ } from "./index-DCOLdphy.mjs";
-import { shouldForwardProp as g, forwardRef as c } from "./System.mjs";
-import s, { css as i, th as t, system as u } from "@xstyled/styled-components";
-const b = s(f).withConfig({ shouldForwardProp: g })(
+import s, { css as i, th as t, system as f } from "@xstyled/styled-components";
+import { shouldForwardProp as g, forwardRef as $ } from "./System.mjs";
+import { C as c, a as u } from "./index-CDjY0N2Z.mjs";
+const b = s(c).withConfig({ shouldForwardProp: g })(
   ({ order: o = "-1", size: e }) => i`
     ${t("toggles.item.default")};
     ${t(`toggles.item.sizes.${e}`)};
@@ -52,7 +52,7 @@ const b = s(f).withConfig({ shouldForwardProp: g })(
       }
     }
 
-    ${u};
+    ${f};
   `
 ), h = s.box`
   position: relative;
@@ -81,10 +81,10 @@ const b = s(f).withConfig({ shouldForwardProp: g })(
       right: ${t(`toggles.icon.position.${e}.right`)};
     `}
   `
-), w = c(
+), w = $(
   ({ checked: o, checkedIcon: e, onClick: a, size: l = "xs", uncheckedIcon: n, ...m }, d) => {
     const p = e && n;
-    return /* @__PURE__ */ r.createElement(h, { onClick: a }, p && /* @__PURE__ */ r.createElement(x, { checked: o, onClick: a, size: l }, o ? e : n), /* @__PURE__ */ r.createElement($, { ...m, Component: b, checked: o, ref: d, size: l }));
+    return /* @__PURE__ */ r.createElement(h, { onClick: a }, p && /* @__PURE__ */ r.createElement(x, { checked: o, onClick: a, size: l }, o ? e : n), /* @__PURE__ */ r.createElement(u, { ...m, Component: b, checked: o, ref: d, size: l }));
   }
 );
 w.displayName = "Toggle";

package/dist/Tooltip.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),F=require("./Box.js"),I=require("./System.js"),i=require("@xstyled/styled-components"),T=require("./BYC7LY2E-BE1a2svb.js"),S=require("./YV4JVR4I-DIthYWMj.js"),r=require("./LVA2YJMS-B2HZjIhJ.js"),q=require("./JC64G2H7-VmOGyhc1.js");function N(e={}){var n;process.env.NODE_ENV!=="production"&&e.type==="label"&&console.warn("The `type` option on the tooltip store is deprecated.","Render a visually hidden label or use the `aria-label` or `aria-labelledby` attributes on the anchor element instead.","See https://ariakit.org/components/tooltip#tooltip-anchors-must-have-accessible-names");const o=(n=e.store)==null?void 0:n.getState(),t=T.createHovercardStore(r.__spreadProps$1(r.__spreadValues$1({},e),{placement:r.defaultValue(e.placement,o==null?void 0:o.placement,"top"),hideTimeout:r.defaultValue(e.hideTimeout,o==null?void 0:o.hideTimeout,0)})),m=r.__spreadProps$1(r.__spreadValues$1({},t.getState()),{type:r.defaultValue(e.type,o==null?void 0:o.type,"description"),skipTimeout:r.defaultValue(e.skipTimeout,o==null?void 0:o.skipTimeout,300)}),a=S.createStore(m,t,e.store);return r.__spreadValues$1(r.__spreadValues$1({},t),a)}function M(e,n,o){return S.useStoreProps(e,o,"type"),S.useStoreProps(e,o,"skipTimeout"),T.useHovercardStoreProps(e,n,o)}function j(e={}){const[n,o]=S.useStore(N,e);return M(n,o,e)}var R=r.createStoreContext([T.HovercardContextProvider],[T.HovercardScopedContextProvider]),O=R.useProviderContext,D=R.ScopedContextProvider,Y="div",L=r.createHook(function(n){var o=n,{store:t,portal:m=!0,gutter:a=8,preserveTabOrder:x=!1,hideOnHoverOutside:v=!0,hideOnInteractOutside:f=!0}=o,c=r.__objRest(o,["store","portal","gutter","preserveTabOrder","hideOnHoverOutside","hideOnInteractOutside"]);const b=O();t=t||b,r.invariant(t,process.env.NODE_ENV!=="production"&&"Tooltip must receive a `store` prop or be wrapped in a TooltipProvider component."),c=r.useWrapElement(c,u=>r.jsxRuntimeExports.jsx(D,{value:t,children:u}),[t]);const g=t.useState(u=>u.type==="description"?"tooltip":"none");return c=r.__spreadValues({role:g},c),c=T.useHovercard(r.__spreadProps(r.__spreadValues({},c),{store:t,portal:m,gutter:a,preserveTabOrder:x,hideOnHoverOutside(u){if(r.isFalsyBooleanCallback(v,u))return!1;const d=t==null?void 0:t.getState().anchorElement;return d?!("focusVisible"in d.dataset):!0},hideOnInteractOutside:u=>{if(r.isFalsyBooleanCallback(f,u))return!1;const d=t==null?void 0:t.getState().anchorElement;return d?!r.contains(d,u.target):!0}})),c}),z=q.createDialogComponent(r.forwardRef2(function(n){const o=L(n);return r.createElement(Y,o)}),O),J="div",h=S.createStore({activeStore:null});function C(e){return()=>{const{activeStore:n}=h.getState();n===e&&h.setState("activeStore",null)}}var G=r.createHook(function(n){var o=n,{store:t,showOnHover:m=!0}=o,a=r.__objRest(o,["store","showOnHover"]);const x=O();t=t||x,r.invariant(t,process.env.NODE_ENV!=="production"&&"TooltipAnchor must receive a `store` prop or be wrapped in a TooltipProvider component.");const v=l.useRef(!1);l.useEffect(()=>S.sync(t,["mounted"],s=>{s.mounted||(v.current=!1)}),[t]),l.useEffect(()=>{if(t)return r.chain(C(t),S.sync(t,["mounted","skipTimeout"],s=>{if(!t)return;if(s.mounted){const{activeStore:E}=h.getState();return E!==t&&(E==null||E.hide()),h.setState("activeStore",t)}const p=setTimeout(C(t),s.skipTimeout);return()=>clearTimeout(p)}))},[t]);const f=a.onMouseEnter,c=r.useEvent(s=>{f==null||f(s),v.current=!0}),b=a.onFocusVisible,g=r.useEvent(s=>{b==null||b(s),!s.defaultPrevented&&(t==null||t.setAnchorElement(s.currentTarget),t==null||t.show())}),u=a.onBlur,d=r.useEvent(s=>{if(u==null||u(s),s.defaultPrevented)return;const{activeStore:p}=h.getState();v.current=!1,p===t&&h.setState("activeStore",null)}),$=t.useState("type"),P=t.useState(s=>{var p;return(p=s.contentElement)==null?void 0:p.id});return a=r.__spreadProps(r.__spreadValues({"aria-labelledby":$==="label"?P:void 0},a),{onMouseEnter:c,onFocusVisible:g,onBlur:d}),a=T.useHovercardAnchor(r.__spreadValues({store:t,showOnHover(s){if(!v.current||r.isFalsyBooleanCallback(m,s))return!1;const{activeStore:p}=h.getState();return p?(t==null||t.show(),!1):!0}},a)),a}),K=r.forwardRef2(function(n){const o=G(n);return r.createElement(J,o)});const W={top:"translate3d(0, -4px, 0)",right:"translate3d(4px, 0, 0)",bottom:"translate3d(0, 4px, 0)",left:"translate3d(-4px, 0, 0)",auto:"translate3d(0, 0, 0)"},X=e=>{const n=e==null?void 0:e.split("-"),o=n[0];if(n.length<2)return W[o];{let t="0, 0";return(e=="right-end"||e=="bottom-end")&&(t="4px, 4px"),(e=="right-start"||e=="top-end")&&(t="4px, -4px"),(e=="left-end"||e=="bottom-start")&&(t="-4px, 4px"),(e=="left-start"||e=="top-start")&&(t="-4px, -4px"),`translate3d(${t}, 0)`}},Q=i.css`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),i=require("@xstyled/styled-components"),F=require("./Box.js"),I=require("./System.js"),T=require("./BYC7LY2E-BkAEL2VD.js"),S=require("./YV4JVR4I-DIthYWMj.js"),r=require("./LVA2YJMS-B2HZjIhJ.js"),q=require("./JC64G2H7-YkBMNrtl.js");function N(e={}){var n;process.env.NODE_ENV!=="production"&&e.type==="label"&&console.warn("The `type` option on the tooltip store is deprecated.","Render a visually hidden label or use the `aria-label` or `aria-labelledby` attributes on the anchor element instead.","See https://ariakit.org/components/tooltip#tooltip-anchors-must-have-accessible-names");const o=(n=e.store)==null?void 0:n.getState(),t=T.createHovercardStore(r.__spreadProps$1(r.__spreadValues$1({},e),{placement:r.defaultValue(e.placement,o==null?void 0:o.placement,"top"),hideTimeout:r.defaultValue(e.hideTimeout,o==null?void 0:o.hideTimeout,0)})),m=r.__spreadProps$1(r.__spreadValues$1({},t.getState()),{type:r.defaultValue(e.type,o==null?void 0:o.type,"description"),skipTimeout:r.defaultValue(e.skipTimeout,o==null?void 0:o.skipTimeout,300)}),a=S.createStore(m,t,e.store);return r.__spreadValues$1(r.__spreadValues$1({},t),a)}function M(e,n,o){return S.useStoreProps(e,o,"type"),S.useStoreProps(e,o,"skipTimeout"),T.useHovercardStoreProps(e,n,o)}function j(e={}){const[n,o]=S.useStore(N,e);return M(n,o,e)}var R=r.createStoreContext([T.HovercardContextProvider],[T.HovercardScopedContextProvider]),O=R.useProviderContext,D=R.ScopedContextProvider,Y="div",L=r.createHook(function(n){var o=n,{store:t,portal:m=!0,gutter:a=8,preserveTabOrder:x=!1,hideOnHoverOutside:v=!0,hideOnInteractOutside:f=!0}=o,c=r.__objRest(o,["store","portal","gutter","preserveTabOrder","hideOnHoverOutside","hideOnInteractOutside"]);const b=O();t=t||b,r.invariant(t,process.env.NODE_ENV!=="production"&&"Tooltip must receive a `store` prop or be wrapped in a TooltipProvider component."),c=r.useWrapElement(c,u=>r.jsxRuntimeExports.jsx(D,{value:t,children:u}),[t]);const g=t.useState(u=>u.type==="description"?"tooltip":"none");return c=r.__spreadValues({role:g},c),c=T.useHovercard(r.__spreadProps(r.__spreadValues({},c),{store:t,portal:m,gutter:a,preserveTabOrder:x,hideOnHoverOutside(u){if(r.isFalsyBooleanCallback(v,u))return!1;const d=t==null?void 0:t.getState().anchorElement;return d?!("focusVisible"in d.dataset):!0},hideOnInteractOutside:u=>{if(r.isFalsyBooleanCallback(f,u))return!1;const d=t==null?void 0:t.getState().anchorElement;return d?!r.contains(d,u.target):!0}})),c}),z=q.createDialogComponent(r.forwardRef2(function(n){const o=L(n);return r.createElement(Y,o)}),O),J="div",h=S.createStore({activeStore:null});function C(e){return()=>{const{activeStore:n}=h.getState();n===e&&h.setState("activeStore",null)}}var G=r.createHook(function(n){var o=n,{store:t,showOnHover:m=!0}=o,a=r.__objRest(o,["store","showOnHover"]);const x=O();t=t||x,r.invariant(t,process.env.NODE_ENV!=="production"&&"TooltipAnchor must receive a `store` prop or be wrapped in a TooltipProvider component.");const v=l.useRef(!1);l.useEffect(()=>S.sync(t,["mounted"],s=>{s.mounted||(v.current=!1)}),[t]),l.useEffect(()=>{if(t)return r.chain(C(t),S.sync(t,["mounted","skipTimeout"],s=>{if(!t)return;if(s.mounted){const{activeStore:E}=h.getState();return E!==t&&(E==null||E.hide()),h.setState("activeStore",t)}const p=setTimeout(C(t),s.skipTimeout);return()=>clearTimeout(p)}))},[t]);const f=a.onMouseEnter,c=r.useEvent(s=>{f==null||f(s),v.current=!0}),b=a.onFocusVisible,g=r.useEvent(s=>{b==null||b(s),!s.defaultPrevented&&(t==null||t.setAnchorElement(s.currentTarget),t==null||t.show())}),u=a.onBlur,d=r.useEvent(s=>{if(u==null||u(s),s.defaultPrevented)return;const{activeStore:p}=h.getState();v.current=!1,p===t&&h.setState("activeStore",null)}),$=t.useState("type"),P=t.useState(s=>{var p;return(p=s.contentElement)==null?void 0:p.id});return a=r.__spreadProps(r.__spreadValues({"aria-labelledby":$==="label"?P:void 0},a),{onMouseEnter:c,onFocusVisible:g,onBlur:d}),a=T.useHovercardAnchor(r.__spreadValues({store:t,showOnHover(s){if(!v.current||r.isFalsyBooleanCallback(m,s))return!1;const{activeStore:p}=h.getState();return p?(t==null||t.show(),!1):!0}},a)),a}),K=r.forwardRef2(function(n){const o=G(n);return r.createElement(J,o)});const W={top:"translate3d(0, -4px, 0)",right:"translate3d(4px, 0, 0)",bottom:"translate3d(0, 4px, 0)",left:"translate3d(-4px, 0, 0)",auto:"translate3d(0, 0, 0)"},X=e=>{const n=e==null?void 0:e.split("-"),o=n[0];if(n.length<2)return W[o];{let t="0, 0";return(e=="right-end"||e=="bottom-end")&&(t="4px, 4px"),(e=="right-start"||e=="top-end")&&(t="4px, -4px"),(e=="left-end"||e=="bottom-start")&&(t="-4px, 4px"),(e=="left-start"||e=="top-start")&&(t="-4px, -4px"),`translate3d(${t}, 0)`}},Q=i.css`
   visibility: visible;
   opacity: 1;
   transform: translate3d(0, 0, 0);

package/dist/Tooltip.mjs

@@ -1,12 +1,12 @@
 "use client";
 import p, { useRef as G, useEffect as C, useState as J } from "react";
-import { Box as U } from "./Box.mjs";
-import { forwardRef as tt } from "./System.mjs";
-import M, { css as f, th as y, system as et } from "@xstyled/styled-components";
-import { c as ot, d as rt, e as nt, f as it, g as st, h as at } from "./BYC7LY2E-BNqcw1O8.mjs";
-import { c as j, a as ut, b as A, d as B } from "./YV4JVR4I-1ezWeCCz.mjs";
-import { B as I, C as $, D as E, n as lt, c as z, _ as Y, i as L, E as dt, a as P, h as K, f as Q, b as W, m as ct, Y as H, Z as pt, Q as ft, e as w } from "./LVA2YJMS-Dm5ieEMw.mjs";
-import { c as mt } from "./JC64G2H7-HxATiU-t.mjs";
+import M, { css as f, th as y, system as U } from "@xstyled/styled-components";
+import { Box as tt } from "./Box.mjs";
+import { forwardRef as et } from "./System.mjs";
+import { c as ot, d as rt, e as nt, f as it, g as st, h as at } from "./BYC7LY2E-CVjUW1dr.mjs";
+import { c as j, a as ut, b as A, d as B } from "./YV4JVR4I-BGfUf3Nu.mjs";
+import { B as I, C as $, D as E, v as lt, c as z, _ as Y, i as L, E as dt, g as P, d as K, f as Q, h as W, t as ct, Y as H, Z as pt, Q as ft, b as w } from "./LVA2YJMS-qFC9J-lt.mjs";
+import { c as mt } from "./JC64G2H7-Dey-8h60.mjs";
 function vt(t = {}) {
   var r;
   process.env.NODE_ENV !== "production" && t.type === "label" && console.warn(
@@ -185,7 +185,7 @@ const Pt = {
 }, wt = M.divBox(
   ({ fixed: t, placement: r, popoverHeight: o, withArrow: e }) => f`
     ${y("tooltips")};
-    ${et};
+    ${U};
     transition:
       opacity ${y.transition("medium")},
       transform ${y.transition("medium")},
@@ -247,7 +247,7 @@ const Pt = {
   `
 ), Ct = M.div`
   display: inline-block;
-`, Dt = tt(
+`, Dt = et(
   ({
     children: t,
     content: r,
@@ -280,7 +280,7 @@ const Pt = {
         fixed: o,
         gutter: m,
         ref: c,
-        render: /* @__PURE__ */ p.createElement(U, { ...g }),
+        render: /* @__PURE__ */ p.createElement(tt, { ...g }),
         store: d,
         updatePosition: o ? void 0 : l
       },

package/dist/UniversalLink.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),r=require("./System.js"),l=require("@xstyled/styled-components"),d=l.aBox.withConfig({shouldForwardProp:r.shouldForwardProp})`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),l=require("@xstyled/styled-components"),r=require("./System.js"),d=l.aBox.withConfig({shouldForwardProp:r.shouldForwardProp})`
   color: inherit;
   text-decoration: none;
 `,n=r.forwardRef(({children:o,dataTestId:i,target:e,...t},s)=>a.createElement(d,{color:"inherit","data-testid":i,ref:s,rel:e==="_blank"?"noopener noreferrer":void 0,target:e,...t},o));n.displayName="UniversalLink";exports.UniversalLink=n;

package/dist/UniversalLink.mjs

@@ -1,11 +1,11 @@
 "use client";
 import t from "react";
-import { shouldForwardProp as a, forwardRef as l } from "./System.mjs";
-import d from "@xstyled/styled-components";
-const f = d.aBox.withConfig({ shouldForwardProp: a })`
+import a from "@xstyled/styled-components";
+import { shouldForwardProp as l, forwardRef as d } from "./System.mjs";
+const f = a.aBox.withConfig({ shouldForwardProp: l })`
   color: inherit;
   text-decoration: none;
-`, s = l(
+`, s = d(
   ({ children: r, dataTestId: o, target: e, ...n }, i) => /* @__PURE__ */ t.createElement(
     f,
     {

package/dist/VEVQD5MH-ZMnHV8ZJ.mjs

@@ -0,0 +1,20 @@
+"use client";
+import { C as t, a as r } from "./P2CTZE2T-YPes1GXe.mjs";
+import { P as a, a as i } from "./MTZPJQMC-C0Xe_WK4.mjs";
+import { v as n } from "./LVA2YJMS-qFC9J-lt.mjs";
+import { createContext as o } from "react";
+o(
+  void 0
+);
+var e = n(
+  [i, r],
+  [a, t]
+), m = e.useContext, v = e.useProviderContext;
+o(
+  void 0
+);
+o(!1);
+export {
+  v as a,
+  m as u
+};

package/dist/{VEVQD5MH-Cal9SWXl.js → VEVQD5MH-mN1wMozH.js}

@@ -1 +1 @@
-"use client";"use strict";const o=require("./P2CTZE2T-q8vyaGc0.js"),t=require("./MTZPJQMC-D0pYOjc_.js"),n=require("./LVA2YJMS-B2HZjIhJ.js"),e=require("react");e.createContext(void 0);var r=n.createStoreContext([t.PopoverContextProvider,o.CompositeContextProvider],[t.PopoverScopedContextProvider,o.CompositeScopedContextProvider]),C=r.useContext,x=r.useProviderContext;e.createContext(void 0);e.createContext(!1);exports.useComboboxContext=C;exports.useComboboxProviderContext=x;
+"use client";"use strict";const o=require("./P2CTZE2T-q8vyaGc0.js"),t=require("./MTZPJQMC-5Xg78Uyy.js"),n=require("./LVA2YJMS-B2HZjIhJ.js"),e=require("react");e.createContext(void 0);var r=n.createStoreContext([t.PopoverContextProvider,o.CompositeContextProvider],[t.PopoverScopedContextProvider,o.CompositeScopedContextProvider]),C=r.useContext,x=r.useProviderContext;e.createContext(void 0);e.createContext(!1);exports.useComboboxContext=C;exports.useComboboxProviderContext=x;

package/dist/{VGCJ63VH-BqPfqkK_.mjs → VGCJ63VH-B39w1tBw.mjs}

@@ -1,8 +1,8 @@
 "use client";
-import { m as Y, o as Z, t as ee, s as y, c as te, d as O, e as ne, a as oe, b as P, u as H } from "./YV4JVR4I-1ezWeCCz.mjs";
-import { C as v, B as se, D as ae, H as re, n as R, c as ie, f as T, _ as F, i as ue, x as le, F as D, E as de, h as A, a as b, j as ce, z as me, b as fe, m as I } from "./LVA2YJMS-Dm5ieEMw.mjs";
+import { m as Y, o as Z, t as ee, s as y, c as te, d as j, e as ne, a as oe, b as P, u as H } from "./YV4JVR4I-BGfUf3Nu.mjs";
+import { C as v, B as se, D as ae, H as re, v as R, c as ie, f as T, _ as F, i as ue, x as le, F as D, E as de, d as A, g as _, e as ce, z as me, h as fe, t as I } from "./LVA2YJMS-qFC9J-lt.mjs";
 import { createContext as M, useRef as pe, useState as Se, useMemo as ve } from "react";
-import { r as De } from "./index-BZmKn5VO.mjs";
+import { r as De } from "./index-BYdkhqH4.mjs";
 function Ce(n = {}) {
   const o = Y(
     n.store,
@@ -24,7 +24,7 @@ function Ce(n = {}) {
   }, s = te(r, o);
   return y(
     s,
-    () => O(s, ["animated", "animating"], (a) => {
+    () => j(s, ["animated", "animating"], (a) => {
       a.animated || s.setState("animating", !1);
     })
   ), y(
@@ -34,7 +34,7 @@ function Ce(n = {}) {
     })
   ), y(
     s,
-    () => O(s, ["open", "animating"], (a) => {
+    () => j(s, ["open", "animating"], (a) => {
       s.setState("mounted", a.open || a.animating);
     })
   ), se(ae({}, s), {
@@ -55,7 +55,7 @@ function Re(n = {}) {
   const [o, e] = oe(Ce, n);
   return xe(o, e, n);
 }
-var _ = R(), N = _.useProviderContext, ge = _.ContextProvider, Ee = _.ScopedContextProvider, p = R(
+var b = R(), N = b.useProviderContext, ge = b.ContextProvider, Ee = b.ScopedContextProvider, p = R(
   [ge],
   [Ee]
 );
@@ -65,7 +65,7 @@ function V(n, o) {
   const e = setTimeout(o, n);
   return () => clearTimeout(e);
 }
-function be(n) {
+function _e(n) {
   let o = requestAnimationFrame(() => {
     o = requestAnimationFrame(n);
   });
@@ -77,7 +77,7 @@ function w(...n) {
     return i > o ? i : o;
   }, 0);
 }
-function _e(n, o, e) {
+function be(n, o, e) {
   return !e && o !== !1 && (!n || !!o);
 }
 var he = ie(function(o) {
@@ -101,7 +101,7 @@ var he = ie(function(o) {
         h(null);
         return;
       }
-      return be(() => {
+      return _e(() => {
         h(d ? "enter" : C ? "leave" : null);
       });
     }
@@ -131,20 +131,20 @@ var he = ie(function(o) {
       q,
       z,
       B
-    ), j = J + K;
-    if (!j) {
+    ), O = J + K;
+    if (!O) {
       l === "enter" && t.setState("animated", !1), u();
       return;
     }
-    const Q = 1e3 / 60, X = Math.max(j - Q, 0);
+    const Q = 1e3 / 60, X = Math.max(O - Q, 0);
     return V(X, S);
   }, [t, c, m, x, d, l]), r = de(
     r,
     (u) => /* @__PURE__ */ I.jsx(ye, { value: t, children: u }),
     [t]
   );
-  const g = _e(C, r.hidden, i), E = r.style, $ = ve(() => g ? A(b({}, E), { display: "none" }) : E, [g, E]);
-  return r = A(b({
+  const g = be(C, r.hidden, i), E = r.style, $ = ve(() => g ? A(_({}, E), { display: "none" }) : E, [g, E]);
+  return r = A(_({
     id: f,
     "data-open": d || void 0,
     "data-enter": l === "enter" || void 0,
@@ -154,7 +154,7 @@ var he = ie(function(o) {
     ref: ce(f ? t.setContentElement : null, a, r.ref),
     style: $
   }), me(r);
-}), je = T(function(o) {
+}), Oe = T(function(o) {
   const e = he(o);
   return fe(Pe, e);
 }), $e = T(function(o) {
@@ -167,11 +167,11 @@ var he = ie(function(o) {
   return H(
     s,
     (f) => !t || (f == null ? void 0 : f.mounted)
-  ) === !1 ? null : /* @__PURE__ */ I.jsx(je, b({}, i));
+  ) === !1 ? null : /* @__PURE__ */ I.jsx(Oe, _({}, i));
 });
 export {
   ye as D,
-  N as a,
+  Fe as a,
   Te as b,
   Ie as c,
   $e as d,
@@ -179,8 +179,8 @@ export {
   he as f,
   Ce as g,
   xe as h,
-  _e as i,
+  be as i,
   Me as j,
   Ne as k,
-  Fe as u
+  N as u
 };

package/dist/{VGCJ63VH-Cuf7P3qW.js → VGCJ63VH-BNLwLOaC.js}

@@ -1 +1 @@
-"use client";"use strict";const a=require("./YV4JVR4I-DIthYWMj.js"),n=require("./LVA2YJMS-B2HZjIhJ.js"),D=require("react"),z=require("./index-CQyLvMJP.js");function j(o={}){const r=a.mergeStore(o.store,a.omit2(o.disclosure,["contentElement","disclosureElement"]));a.throwOnConflictingProps(o,r);const e=r==null?void 0:r.getState(),t=n.defaultValue(o.open,e==null?void 0:e.open,o.defaultOpen,!1),l=n.defaultValue(o.animated,e==null?void 0:e.animated,!1),u={open:t,animated:l,animating:!!l&&t,mounted:t,contentElement:n.defaultValue(e==null?void 0:e.contentElement,null),disclosureElement:n.defaultValue(e==null?void 0:e.disclosureElement,null)},s=a.createStore(u,r);return a.setup(s,()=>a.sync(s,["animated","animating"],i=>{i.animated||s.setState("animating",!1)})),a.setup(s,()=>a.subscribe(s,["open"],()=>{s.getState().animated&&s.setState("animating",!0)})),a.setup(s,()=>a.sync(s,["open","animating"],i=>{s.setState("mounted",i.open||i.animating)})),n.__spreadProps$1(n.__spreadValues$1({},s),{disclosure:o.disclosure,setOpen:i=>s.setState("open",i),show:()=>s.setState("open",!0),hide:()=>s.setState("open",!1),toggle:()=>s.setState("open",i=>!i),stopAnimation:()=>s.setState("animating",!1),setContentElement:i=>s.setState("contentElement",i),setDisclosureElement:i=>s.setState("disclosureElement",i)})}function A(o,r,e){return n.useUpdateEffect(r,[e.store,e.disclosure]),a.useStoreProps(o,e,"open","setOpen"),a.useStoreProps(o,e,"mounted","setMounted"),a.useStoreProps(o,e,"animated"),Object.assign(o,{disclosure:e.disclosure})}function B(o={}){const[r,e]=a.useStore(j,o);return A(r,e,o)}var y=n.createStoreContext(),_=y.useProviderContext,G=y.ContextProvider,K=y.ScopedContextProvider,v=n.createStoreContext([G],[K]);v.useContext;var Q=v.useScopedContext,X=v.useProviderContext,Z=v.ContextProvider,O=v.ScopedContextProvider,ee=D.createContext(void 0),te=D.createContext(void 0),ne="div";function R(o,r){const e=setTimeout(r,o);return()=>clearTimeout(e)}function oe(o){let r=requestAnimationFrame(()=>{r=requestAnimationFrame(o)});return()=>cancelAnimationFrame(r)}function h(...o){return o.join(", ").split(", ").reduce((r,e)=>{const t=e.endsWith("ms")?1:1e3,l=Number.parseFloat(e||"0s")*t;return l>r?l:r},0)}function w(o,r,e){return!e&&r!==!1&&(!o||!!r)}var H=n.createHook(function(r){var e=r,{store:t,alwaysVisible:l}=e,u=n.__objRest(e,["store","alwaysVisible"]);const s=_();t=t||s,n.invariant(t,process.env.NODE_ENV!=="production"&&"DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component.");const i=D.useRef(null),p=n.useId(u.id),[d,V]=D.useState(null),m=t.useState("open"),x=t.useState("mounted"),f=t.useState("animated"),S=t.useState("contentElement"),g=a.useStoreState(t.disclosure,"contentElement");n.useSafeLayoutEffect(()=>{i.current&&(t==null||t.setContentElement(i.current))},[t]),n.useSafeLayoutEffect(()=>{let c;return t==null||t.setState("animated",C=>(c=C,!0)),()=>{c!==void 0&&(t==null||t.setState("animated",c))}},[t]),n.useSafeLayoutEffect(()=>{if(f){if(!(S!=null&&S.isConnected)){V(null);return}return oe(()=>{V(m?"enter":x?"leave":null)})}},[f,S,m,x]),n.useSafeLayoutEffect(()=>{if(!t||!f||!d||!S)return;const c=()=>t==null?void 0:t.setState("animating",!1),C=()=>z.reactDomExports.flushSync(c);if(d==="leave"&&m||d==="enter"&&!m)return;if(typeof f=="number")return R(f,C);const{transitionDuration:T,animationDuration:I,transitionDelay:L,animationDelay:M}=getComputedStyle(S),{transitionDuration:F="0",animationDuration:N="0",transitionDelay:$="0",animationDelay:J="0"}=g?getComputedStyle(g):{},U=h(L,M,$,J),W=h(T,I,F,N),b=U+W;if(!b){d==="enter"&&t.setState("animated",!1),c();return}const Y=1e3/60,k=Math.max(b-Y,0);return R(k,C)},[t,f,S,g,m,d]),u=n.useWrapElement(u,c=>n.jsxRuntimeExports.jsx(O,{value:t,children:c}),[t]);const P=w(x,u.hidden,l),E=u.style,q=D.useMemo(()=>P?n.__spreadProps(n.__spreadValues({},E),{display:"none"}):E,[P,E]);return u=n.__spreadProps(n.__spreadValues({id:p,"data-open":m||void 0,"data-enter":d==="enter"||void 0,"data-leave":d==="leave"||void 0,hidden:P},u),{ref:n.useMergeRefs(p?t.setContentElement:null,i,u.ref),style:q}),n.removeUndefinedValues(u)}),re=n.forwardRef2(function(r){const e=H(r);return n.createElement(ne,e)}),se=n.forwardRef2(function(r){var e=r,{unmountOnHide:t}=e,l=n.__objRest(e,["unmountOnHide"]);const u=_(),s=l.store||u;return a.useStoreState(s,p=>!t||(p==null?void 0:p.mounted))===!1?null:n.jsxRuntimeExports.jsx(re,n.__spreadValues({},l))});exports.DialogContextProvider=Z;exports.DialogDescriptionContext=te;exports.DialogHeadingContext=ee;exports.DialogScopedContextProvider=O;exports.DisclosureContent=se;exports.createDisclosureStore=j;exports.isHidden=w;exports.useDialogProviderContext=X;exports.useDialogScopedContext=Q;exports.useDisclosureContent=H;exports.useDisclosureProviderContext=_;exports.useDisclosureStore=B;exports.useDisclosureStoreProps=A;
+"use client";"use strict";const a=require("./YV4JVR4I-DIthYWMj.js"),n=require("./LVA2YJMS-B2HZjIhJ.js"),D=require("react"),z=require("./index-BHi0wohR.js");function j(o={}){const r=a.mergeStore(o.store,a.omit2(o.disclosure,["contentElement","disclosureElement"]));a.throwOnConflictingProps(o,r);const e=r==null?void 0:r.getState(),t=n.defaultValue(o.open,e==null?void 0:e.open,o.defaultOpen,!1),l=n.defaultValue(o.animated,e==null?void 0:e.animated,!1),u={open:t,animated:l,animating:!!l&&t,mounted:t,contentElement:n.defaultValue(e==null?void 0:e.contentElement,null),disclosureElement:n.defaultValue(e==null?void 0:e.disclosureElement,null)},s=a.createStore(u,r);return a.setup(s,()=>a.sync(s,["animated","animating"],i=>{i.animated||s.setState("animating",!1)})),a.setup(s,()=>a.subscribe(s,["open"],()=>{s.getState().animated&&s.setState("animating",!0)})),a.setup(s,()=>a.sync(s,["open","animating"],i=>{s.setState("mounted",i.open||i.animating)})),n.__spreadProps$1(n.__spreadValues$1({},s),{disclosure:o.disclosure,setOpen:i=>s.setState("open",i),show:()=>s.setState("open",!0),hide:()=>s.setState("open",!1),toggle:()=>s.setState("open",i=>!i),stopAnimation:()=>s.setState("animating",!1),setContentElement:i=>s.setState("contentElement",i),setDisclosureElement:i=>s.setState("disclosureElement",i)})}function A(o,r,e){return n.useUpdateEffect(r,[e.store,e.disclosure]),a.useStoreProps(o,e,"open","setOpen"),a.useStoreProps(o,e,"mounted","setMounted"),a.useStoreProps(o,e,"animated"),Object.assign(o,{disclosure:e.disclosure})}function B(o={}){const[r,e]=a.useStore(j,o);return A(r,e,o)}var y=n.createStoreContext(),_=y.useProviderContext,G=y.ContextProvider,K=y.ScopedContextProvider,v=n.createStoreContext([G],[K]);v.useContext;var Q=v.useScopedContext,X=v.useProviderContext,Z=v.ContextProvider,O=v.ScopedContextProvider,ee=D.createContext(void 0),te=D.createContext(void 0),ne="div";function R(o,r){const e=setTimeout(r,o);return()=>clearTimeout(e)}function oe(o){let r=requestAnimationFrame(()=>{r=requestAnimationFrame(o)});return()=>cancelAnimationFrame(r)}function h(...o){return o.join(", ").split(", ").reduce((r,e)=>{const t=e.endsWith("ms")?1:1e3,l=Number.parseFloat(e||"0s")*t;return l>r?l:r},0)}function w(o,r,e){return!e&&r!==!1&&(!o||!!r)}var H=n.createHook(function(r){var e=r,{store:t,alwaysVisible:l}=e,u=n.__objRest(e,["store","alwaysVisible"]);const s=_();t=t||s,n.invariant(t,process.env.NODE_ENV!=="production"&&"DisclosureContent must receive a `store` prop or be wrapped in a DisclosureProvider component.");const i=D.useRef(null),p=n.useId(u.id),[d,V]=D.useState(null),m=t.useState("open"),x=t.useState("mounted"),f=t.useState("animated"),S=t.useState("contentElement"),g=a.useStoreState(t.disclosure,"contentElement");n.useSafeLayoutEffect(()=>{i.current&&(t==null||t.setContentElement(i.current))},[t]),n.useSafeLayoutEffect(()=>{let c;return t==null||t.setState("animated",C=>(c=C,!0)),()=>{c!==void 0&&(t==null||t.setState("animated",c))}},[t]),n.useSafeLayoutEffect(()=>{if(f){if(!(S!=null&&S.isConnected)){V(null);return}return oe(()=>{V(m?"enter":x?"leave":null)})}},[f,S,m,x]),n.useSafeLayoutEffect(()=>{if(!t||!f||!d||!S)return;const c=()=>t==null?void 0:t.setState("animating",!1),C=()=>z.reactDomExports.flushSync(c);if(d==="leave"&&m||d==="enter"&&!m)return;if(typeof f=="number")return R(f,C);const{transitionDuration:T,animationDuration:I,transitionDelay:L,animationDelay:M}=getComputedStyle(S),{transitionDuration:F="0",animationDuration:N="0",transitionDelay:$="0",animationDelay:J="0"}=g?getComputedStyle(g):{},U=h(L,M,$,J),W=h(T,I,F,N),b=U+W;if(!b){d==="enter"&&t.setState("animated",!1),c();return}const Y=1e3/60,k=Math.max(b-Y,0);return R(k,C)},[t,f,S,g,m,d]),u=n.useWrapElement(u,c=>n.jsxRuntimeExports.jsx(O,{value:t,children:c}),[t]);const P=w(x,u.hidden,l),E=u.style,q=D.useMemo(()=>P?n.__spreadProps(n.__spreadValues({},E),{display:"none"}):E,[P,E]);return u=n.__spreadProps(n.__spreadValues({id:p,"data-open":m||void 0,"data-enter":d==="enter"||void 0,"data-leave":d==="leave"||void 0,hidden:P},u),{ref:n.useMergeRefs(p?t.setContentElement:null,i,u.ref),style:q}),n.removeUndefinedValues(u)}),re=n.forwardRef2(function(r){const e=H(r);return n.createElement(ne,e)}),se=n.forwardRef2(function(r){var e=r,{unmountOnHide:t}=e,l=n.__objRest(e,["unmountOnHide"]);const u=_(),s=l.store||u;return a.useStoreState(s,p=>!t||(p==null?void 0:p.mounted))===!1?null:n.jsxRuntimeExports.jsx(re,n.__spreadValues({},l))});exports.DialogContextProvider=Z;exports.DialogDescriptionContext=te;exports.DialogHeadingContext=ee;exports.DialogScopedContextProvider=O;exports.DisclosureContent=se;exports.createDisclosureStore=j;exports.isHidden=w;exports.useDialogProviderContext=X;exports.useDialogScopedContext=Q;exports.useDisclosureContent=H;exports.useDisclosureProviderContext=_;exports.useDisclosureStore=B;exports.useDisclosureStoreProps=A;

package/dist/VariantIcon.js

@@ -1 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("./Icon.js");const e=require("./index-CiYwvMF0.js");require("./System.js");exports.VariantIcon=e.VariantIcon;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),l=require("@xstyled/styled-components");require("./Icon.js");const c=require("./index-23RJrN0D.js"),a=require("./System.js"),f=l.divBox(({variant:r})=>l.css`
+    display: inline-flex;
+    ${l.th(`variantIcon.${r}`)}
+    flex-shrink: 0;
+    align-self: center;
+
+    ${l.system};
+  `),u=a.forwardRef(({icon:r,size:t="md",variant:e,...s},i)=>{const o=n.useMemo(()=>{if(r===null)return null;if(r)return r;if(e==="default")return n.createElement(c.PromoteIcon,{size:t});if(e==="success")return n.createElement(c.CheckIcon,{size:t});if(e==="info")return n.createElement(c.InformationIcon,{size:t});if(e==="warning")return n.createElement(c.AlertIcon,{size:t});if(e==="danger")return n.createElement(c.SquareAlertIcon,{size:t})},[t,r,e]);return o?n.createElement(f,{ref:i,variant:e,...s},o):null});u.displayName="VariantIcon";exports.VariantIcon=u;

package/dist/VariantIcon.mjs

@@ -1,7 +1,33 @@
-import "react";
+"use client";
+import n, { useMemo as f } from "react";
+import m, { css as a, th as u, system as s } from "@xstyled/styled-components";
 import "./Icon.mjs";
-import { V as p } from "./index-DRa_xux4.mjs";
-import "./System.mjs";
+import { P as i, C as I, I as d, A as p, S as E } from "./index-RUkz9Z2V.mjs";
+import { forwardRef as x } from "./System.mjs";
+const y = m.divBox(
+  ({ variant: r }) => a`
+    display: inline-flex;
+    ${u(`variantIcon.${r}`)}
+    flex-shrink: 0;
+    align-self: center;
+
+    ${s};
+  `
+), _ = x(
+  ({ icon: r, size: t = "md", variant: e, ...l }, c) => {
+    const o = f(() => {
+      if (r === null) return null;
+      if (r) return r;
+      if (e === "default") return /* @__PURE__ */ n.createElement(i, { size: t });
+      if (e === "success") return /* @__PURE__ */ n.createElement(I, { size: t });
+      if (e === "info") return /* @__PURE__ */ n.createElement(d, { size: t });
+      if (e === "warning") return /* @__PURE__ */ n.createElement(p, { size: t });
+      if (e === "danger") return /* @__PURE__ */ n.createElement(E, { size: t });
+    }, [t, r, e]);
+    return o ? /* @__PURE__ */ n.createElement(y, { ref: c, variant: e, ...l }, o) : null;
+  }
+);
+_.displayName = "VariantIcon";
 export {
-  p as VariantIcon
+  _ as VariantIcon
 };