welcome-ui 7.0.0 → 7.0.1-alpha.0

package/dist/Tabs.mjs

@@ -1,22 +1,23 @@
 "use client";
-import L, { createContext as ae, useMemo as ie, useCallback as ce, useRef as z, useEffect as Z, useState as K, Children as Pe, Fragment as Ce, cloneElement as Ee } from "react";
+import L, { createContext as re, useMemo as ge, useCallback as ae, useRef as z, useEffect as Z, useState as K, Children as Te, Fragment as Pe, cloneElement as Ce } from "react";
+import { u as Ee } from "./use-fork-ref-CUZErtAC.mjs";
 import { u as $e } from "./use-viewport-m3glsbna.mjs";
 import { u as ye } from "./use-isomorphic-layout-effect-Izr-e2pi.mjs";
 import j, { css as D, th as x, system as we } from "@xstyled/styled-components";
-import { C as le, a as de, d as ee, u as _e, e as Re } from "./P2CTZE2T-YPes1GXe.mjs";
-import { v as ue, A as Le, B as V, C as O, D as k, Q as te, d as g, g as p, H as ne, c as Q, _ as U, i as X, x as me, l as Ne, b as H, t as M, w as Be, f as Y, h as q, E as fe, aa as Oe, e as ke, r as Ae } from "./LVA2YJMS-qFC9J-lt.mjs";
+import { C as ie, a as ce, d as ee, u as _e, e as Re } from "./P2CTZE2T-YPes1GXe.mjs";
+import { v as le, A as Le, B as V, C as A, D as O, Q as te, d as g, g as p, H as oe, c as Q, _ as U, i as X, x as de, l as Ne, b as H, t as M, w as Be, f as Y, h as q, E as ue, aa as Ae, e as Oe, r as ke } from "./LVA2YJMS-qFC9J-lt.mjs";
 import { c as De, b as Ve, u as Fe, a as Me } from "./ITI7HKP4-BONrZ9Pq.mjs";
 import { e as je, f as ze } from "./VGCJ63VH-B39w1tBw.mjs";
-import { m as He, o as oe, s as A, d as y, g as We, c as Ke, a as be, b as se, u as F } from "./YV4JVR4I-BGfUf3Nu.mjs";
+import { m as He, o as ne, s as k, d as y, g as We, c as Ke, a as me, b as se, u as F } from "./YV4JVR4I-BGfUf3Nu.mjs";
 import { forwardRef as G } from "./System.mjs";
 import { u as Qe } from "./VEVQD5MH-ZMnHV8ZJ.mjs";
 import { P as Ue, a as Xe } from "./MTZPJQMC-C0Xe_WK4.mjs";
-var Ye = ue(
-  [Xe, de],
-  [Ue, le]
+var Ye = le(
+  [Xe, ce],
+  [Ue, ie]
 ), qe = Ye.useContext;
-ae(!1);
-ae(null);
+re(!1);
+re(null);
 function Ge(t = {}) {
   var n = t, {
     composite: o,
@@ -38,38 +39,38 @@ function Ge(t = {}) {
     "focusWrap"
   ], m = He(
     s.store,
-    oe(o, r),
-    oe(e, r)
-  ), c = m == null ? void 0 : m.getState(), d = De(V(k({}, s), {
+    ne(o, r),
+    ne(e, r)
+  ), c = m == null ? void 0 : m.getState(), d = De(V(O({}, s), {
     store: m,
     // We need to explicitly set the default value of `includesBaseElement` to
     // `false` since we don't want the composite store to default it to `true`
     // when the activeId state is null, which could be the case when rendering
     // combobox with tab.
-    includesBaseElement: O(
+    includesBaseElement: A(
       s.includesBaseElement,
       c == null ? void 0 : c.includesBaseElement,
       !1
     ),
-    orientation: O(
+    orientation: A(
       s.orientation,
       c == null ? void 0 : c.orientation,
       "horizontal"
     ),
-    focusLoop: O(s.focusLoop, c == null ? void 0 : c.focusLoop, !0)
-  })), a = Ve(), T = V(k({}, d.getState()), {
-    selectedId: O(
+    focusLoop: A(s.focusLoop, c == null ? void 0 : c.focusLoop, !0)
+  })), a = Ve(), T = V(O({}, d.getState()), {
+    selectedId: A(
       s.selectedId,
       c == null ? void 0 : c.selectedId,
       s.defaultSelectedId
     ),
-    selectOnMove: O(
+    selectOnMove: A(
       s.selectOnMove,
       c == null ? void 0 : c.selectOnMove,
       !0
     )
   }), i = Ke(T, d, m);
-  A(
+  k(
     i,
     () => y(i, ["moves"], () => {
       const { activeId: u, selectOnMove: b } = i.getState();
@@ -79,7 +80,7 @@ function Ge(t = {}) {
     })
   );
   let v = !0;
-  A(
+  k(
     i,
     () => We(i, ["selectedId"], (u, b) => {
       if (!v) {
@@ -88,7 +89,7 @@ function Ge(t = {}) {
       }
       o && u.selectedId === b.selectedId || i.setState("activeId", u.selectedId);
     })
-  ), A(
+  ), k(
     i,
     () => y(i, ["selectedId", "renderedItems"], (u) => {
       if (u.selectedId !== void 0) return;
@@ -102,7 +103,7 @@ function Ge(t = {}) {
         i.setState("selectedId", E == null ? void 0 : E.id);
       }
     })
-  ), A(
+  ), k(
     i,
     () => y(i, ["renderedItems"], (u) => {
       const b = u.renderedItems;
@@ -112,13 +113,13 @@ function Ge(t = {}) {
           S.some((P) => !P.tabId) && S.forEach((P, _) => {
             if (P.tabId) return;
             const N = b[_];
-            N && a.renderItem(V(k({}, P), { tabId: N.id }));
+            N && a.renderItem(V(O({}, P), { tabId: N.id }));
           });
         });
     })
   );
   let h = null;
-  return A(i, () => {
+  return k(i, () => {
     const u = () => {
       h = i.getState().selectedId;
     }, b = () => {
@@ -134,7 +135,7 @@ function Ge(t = {}) {
         y(e, ["selectedValue"], u),
         y(e, ["mounted"], b)
       );
-  }), V(k(k({}, d), i), {
+  }), V(O(O({}, d), i), {
     panels: a,
     setSelectedId: (u) => i.setState("selectedId", u),
     select: (u) => {
@@ -143,10 +144,10 @@ function Ge(t = {}) {
   });
 }
 function Je(t, n, o) {
-  ne(n, [o.composite, o.combobox]), t = Fe(t, n, o), se(t, o, "selectedId", "setSelectedId"), se(t, o, "selectOnMove");
-  const [e, s] = be(() => t.panels, {});
-  return ne(s, [t, s]), Object.assign(
-    ie(() => g(p({}, t), { panels: e }), [t, e]),
+  oe(n, [o.composite, o.combobox]), t = Fe(t, n, o), se(t, o, "selectedId", "setSelectedId"), se(t, o, "selectOnMove");
+  const [e, s] = me(() => t.panels, {});
+  return oe(s, [t, s]), Object.assign(
+    ge(() => g(p({}, t), { panels: e }), [t, e]),
     { composite: o.composite, combobox: o.combobox }
   );
 }
@@ -156,13 +157,13 @@ function Ze(t = {}) {
     composite: t.composite !== void 0 ? t.composite : o,
     combobox: t.combobox !== void 0 ? t.combobox : n
   });
-  const [e, s] = be(Ge, t);
+  const [e, s] = me(Ge, t);
   return Je(e, s, t);
 }
-var J = ue(
-  [de],
-  [le]
-), et = J.useScopedContext, pe = J.useProviderContext, ve = J.ScopedContextProvider, tt = "button", nt = Q(function(n) {
+var J = le(
+  [ce],
+  [ie]
+), et = J.useScopedContext, fe = J.useProviderContext, be = J.ScopedContextProvider, tt = "button", ot = Q(function(n) {
   var o = n, {
     store: e,
     getItem: s
@@ -175,7 +176,7 @@ var J = ue(
     e,
     process.env.NODE_ENV !== "production" && "Tab must be wrapped in a TabList component."
   );
-  const d = me(), a = r.id || d, T = Ne(r), i = ce(
+  const d = de(), a = r.id || d, T = Ne(r), i = ae(
     (f) => {
       const w = g(p({}, f), { dimmed: T });
       return s ? s(w) : w;
@@ -226,15 +227,15 @@ var J = ue(
     getItem: i,
     shouldRegisterItem: b
   })), r;
-}), ot = Be(
+}), nt = Be(
   Y(function(n) {
-    const o = nt(n);
+    const o = ot(n);
     return q(tt, o);
   })
 ), st = "div", rt = Q(
   function(n) {
     var o = n, { store: e } = o, s = U(o, ["store"]);
-    const r = pe();
+    const r = fe();
     e = e || r, X(
       e,
       process.env.NODE_ENV !== "production" && "TabList must receive a `store` prop or be wrapped in a TabProvider component."
@@ -242,9 +243,9 @@ var J = ue(
     const m = e.useState(
       (c) => c.orientation === "both" ? void 0 : c.orientation
     );
-    return s = fe(
+    return s = ue(
       s,
-      (c) => /* @__PURE__ */ M.jsx(ve, { value: e, children: c }),
+      (c) => /* @__PURE__ */ M.jsx(be, { value: e, children: c }),
       [e]
     ), e.composite && (s = p({
       focusable: !1
@@ -273,12 +274,12 @@ var J = ue(
       "scrollRestoration",
       "scrollElement"
     ]);
-    const T = pe();
+    const T = fe();
     e = e || T, X(
       e,
       process.env.NODE_ENV !== "production" && "TabPanel must receive a `store` prop or be wrapped in a TabProvider component."
     );
-    const i = z(null), v = me(a.id), h = F(
+    const i = z(null), v = de(a.id), h = F(
       e.panels,
       () => {
         var l;
@@ -319,10 +320,10 @@ var J = ue(
     Z(() => {
       const l = i.current;
       if (!l) return;
-      const $ = Oe(l);
+      const $ = Ae(l);
       _(!!$.length);
     }, []);
-    const N = ce(
+    const N = ae(
       (l) => {
         const $ = g(p({}, l), { id: v || l.id, tabId: r });
         return m ? m($) : $;
@@ -340,9 +341,9 @@ var J = ue(
       const { selectedId: R } = e.getState(), B = C({ activeId: R });
       B && (l.preventDefault(), e.move(B));
     });
-    return a = fe(
+    return a = ue(
       a,
-      (l) => /* @__PURE__ */ M.jsx(ve, { value: e, children: l }),
+      (l) => /* @__PURE__ */ M.jsx(be, { value: e, children: l }),
       [e]
     ), a = g(p({
       id: v,
@@ -350,9 +351,9 @@ var J = ue(
       "aria-labelledby": h || void 0
     }, a), {
       children: s && !I ? null : a.children,
-      ref: ke(i, a.ref),
+      ref: Oe(i, a.ref),
       onKeyDown: w
-    }), a = Ae(p({
+    }), a = ke(p({
       // If the tab panel is rendered as part of another composite widget such
       // as combobox, it should not be focusable.
       focusable: !e.composite && !P
@@ -363,20 +364,12 @@ var J = ue(
   return q(it, o);
 });
 function W(t) {
-  var n = Pe.toArray(t);
+  var n = Te.toArray(t);
   return n.reduce(function(o, e) {
-    return e.type === Ce ? o.concat(W(e.props.children)) : (o.push(e), o);
+    return e.type === Pe ? o.concat(W(e.props.children)) : (o.push(e), o);
   }, []);
 }
-function re(t, n) {
-  typeof t == "function" ? t(n) : t && (t.current = n);
-}
-function dt(t, n) {
-  return ie(() => t == null && n == null ? null : (o) => {
-    re(t, o), re(n, o);
-  }, [t, n]);
-}
-const ut = j(at)(
+const dt = j(at)(
   ({ size: t }) => D`
     position: relative;
     width: 100%;
@@ -392,12 +385,12 @@ const ut = j(at)(
 
     ${x("tabs.tabsBorder.horizontal")};
 
-    ${Ie} {
+    ${pe} {
       ${x(`tabs.item.size.${t}`)}
     }
     ${we};
   `
-), Ie = j.button`
+), pe = j.button`
   border: 0;
   background: none;
   ${x("tabs.item.default")};
@@ -439,41 +432,41 @@ const ut = j(at)(
   & > span {
     ${x("tabs.badge")};
   }
-`, mt = j(lt)(
+`, ut = j(lt)(
   ({ orientation: t }) => D`
     ${t === "vertical" ? x("tabs.panel.vertical") : x("tabs.panel.horizontal")};
   `
-), ft = ({ offset: t = 0, size: n = 0 }) => D`
+), mt = ({ offset: t = 0, size: n = 0 }) => D`
   ${x("tabs.activeBar.horizontal")};
   left: 0;
   bottom: 0;
   width: ${n}px;
   transform: translateX(${t}px);
-`, bt = ({ offset: t = 0, size: n = 0 }) => D`
+`, ft = ({ offset: t = 0, size: n = 0 }) => D`
   ${x("tabs.activeBar.vertical")};
   right: 0;
   top: 0;
   height: ${n}px;
   transform: translateY(${t}px);
-`, pt = j.span(
+`, bt = j.span(
   ({ orientation: t, ...n }) => D`
     position: absolute;
-    ${t === "vertical" ? bt(n) : ft(n)}
+    ${t === "vertical" ? ft(n) : mt(n)}
     will-change: width, transform;
     transition: medium;
     transition-property: transform, width;
   `
-), Se = (t) => {
+), ve = (t) => {
   if (!t || typeof window > "u") return 1;
   const n = Number(window.getComputedStyle(t).scale);
-  return isNaN(n) ? Se(t.parentElement) : n;
+  return isNaN(n) ? ve(t.parentElement) : n;
 };
-function vt(t, n, o) {
+function pt(t, n, o) {
   const [e, s] = K({}), { height: r, width: m } = $e();
   return ye(() => {
     const c = t.current;
     if (!c || !n) return;
-    const d = c.getBoundingClientRect(), a = n.getBoundingClientRect(), T = Se(c);
+    const d = c.getBoundingClientRect(), a = n.getBoundingClientRect(), T = ve(c);
     if (o === "vertical") {
       const i = a.top - d.top, v = a.height;
       s({
@@ -491,49 +484,49 @@ function vt(t, n, o) {
     }
   }, [t, n, m, r, o]), e;
 }
-const xe = ({ activeTab: t, listRef: n, orientation: o }) => {
-  const e = vt(n, t, o);
-  return /* @__PURE__ */ L.createElement(pt, { ...e });
+const Ie = ({ activeTab: t, listRef: n, orientation: o }) => {
+  const e = pt(n, t, o);
+  return /* @__PURE__ */ L.createElement(bt, { ...e });
 };
-xe.displayName = "ActiveBar";
-const It = W.default || W;
-function St(t, n) {
+Ie.displayName = "ActiveBar";
+const vt = W.default || W;
+function It(t, n) {
   const [o, e] = K(null);
-  return [It(n).map((r) => r.props.id === t ? Ee(r, { ref: e }) : r), o];
+  return [vt(n).map((r) => r.props.id === t ? Ce(r, { ref: e }) : r), o];
 }
-const he = G(
+const Se = G(
   ({ children: t, size: n = "md", store: o, ...e }, s) => {
-    const r = z(), m = dt(s, r), { orientation: c, selectedId: d } = o.useState(), [a, T] = St(d, t);
-    return /* @__PURE__ */ L.createElement(ut, { orientation: c, ref: m, size: n, store: o, ...e }, a, a.length > 1 && /* @__PURE__ */ L.createElement(xe, { activeTab: T, listRef: r, orientation: c }));
+    const r = z(), m = Ee(s, r), { orientation: c, selectedId: d } = o.useState(), [a, T] = It(d, t);
+    return /* @__PURE__ */ L.createElement(dt, { orientation: c, ref: m, size: n, store: o, ...e }, a, a.length > 1 && /* @__PURE__ */ L.createElement(Ie, { activeTab: T, listRef: r, orientation: c }));
   }
 );
-he.displayName = "TabList";
-const ge = G(
+Se.displayName = "TabList";
+const xe = G(
   ({ children: t, store: n, tabId: o, ...e }, s) => {
     const r = n.useState("orientation");
-    return /* @__PURE__ */ L.createElement(mt, { orientation: r, ref: s, store: n, tabId: o, ...e }, t);
+    return /* @__PURE__ */ L.createElement(ut, { orientation: r, ref: s, store: n, tabId: o, ...e }, t);
   }
 );
-ge.displayName = "TabPanel";
-const Te = G(
+xe.displayName = "TabPanel";
+const he = G(
   ({ as: t, children: n, id: o, store: e, ...s }, r) => /* @__PURE__ */ L.createElement(
-    ot,
+    nt,
     {
       id: o,
-      render: (m) => /* @__PURE__ */ L.createElement(Ie, { as: t, ...m, ref: r }),
+      render: (m) => /* @__PURE__ */ L.createElement(pe, { as: t, ...m, ref: r }),
       store: e,
       ...s
     },
     n
   )
 );
-Te.displayName = "Tab";
-const Lt = Object.assign(Te, { List: he, Panel: ge });
+he.displayName = "Tab";
+const Lt = Object.assign(he, { List: Se, Panel: xe });
 function Nt(t) {
   return Ze(t);
 }
 export {
   Lt as Tab,
-  Te as TabComponent,
+  he as TabComponent,
   Nt as useTab
 };

package/dist/Textarea.js

@@ -1,4 +1,4 @@
-"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`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),e=require("@xstyled/styled-components"),T=require("./field-styles-DYEc1l_A.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,7 +1,7 @@
 "use client";
 import u from "react";
 import w, { css as y, th as _, system as $ } from "@xstyled/styled-components";
-import { d as g } from "./field-styles-CeV7pnOp.mjs";
+import { d as g } from "./field-styles-DLIhqG_8.mjs";
 import { shouldForwardProp as T, forwardRef as F } from "./System.mjs";
 const R = w("textarea").withConfig({ shouldForwardProp: T })(
   ({ size: e, variant: t }) => y`

package/dist/TimePicker.js

@@ -1,4 +1,4 @@
-"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`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),H=require("@xstyled/styled-components"),c=require("./CustomInput-DVH2rh9-.js"),I=require("./System.js"),O=H.div`
   position: relative;
   ${c.fixAriaMessageStyle}
 `,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,7 +1,7 @@
 "use client";
 import c, { useState as T, useEffect as E } from "react";
 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 { f as Y, a as w, c as I, b as L, D as O, g as U } from "./CustomInput-Cewo45Hd.mjs";
 import { forwardRef as W } from "./System.mjs";
 const $ = M.div`
   position: relative;

package/dist/Toast.js

@@ -1,11 +1,11 @@
-"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`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),l=require("@xstyled/styled-components"),O=require("./index-BHi0wohR.js"),w=require("./Box.js"),A=require("./Alert.js"),B=require("./CloseButton.js"),C=require("./System.js"),q=require("./Button.js");var M=t=>typeof t=="function",$=(t,e)=>M(t)?t(e):t,N=(()=>{let t=0;return()=>(++t).toString()})(),R=20,x=new Map,G=1e3,P=t=>{if(x.has(t))return;let e=setTimeout(()=>{x.delete(t),h({type:4,toastId:t})},G);x.set(t,e)},z=t=>{let e=x.get(t);e&&clearTimeout(e)},T=(t,e)=>{switch(e.type){case 0:return{...t,toasts:[e.toast,...t.toasts].slice(0,R)};case 1:return e.toast.id&&z(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)?T(t,{type:1,toast:s}):T(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=T(k,t),E.forEach(e=>{e(k)})},H={blank:4e3,error:4e3,success:2e3,loading:1/0,custom:4e3},L=(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)||H[r.type],style:{...t.style,...(u=t[r.type])==null?void 0:u.style,...r.style}}});return{...e,toasts:n}},W=(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)||N()}),v=t=>(e,s)=>{let n=W(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 Y=(t,e)=>{h({type:1,toast:{id:t,height:e}})},_=()=>{h({type:5,time:Date.now()})},j=t=>{let{toasts:e,pausedAt:s}=L(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:Y,startPause:_,endPause:n,calculateOffset:r}}},S=c;function U(t=!1){const[e,s]=a.useState(!1);return a.useEffect(()=>{s(!0)},[]),a.useMemo(()=>t?n=>n:e?(n,r,o)=>O.reactDomExports.createPortal(n,r||document.body,o):()=>null,[t,e])}const F=l(w.Box)(({isBottom:t})=>l.css`
     ${l.th("toasts.default")}
     ${t?l.th("toasts.bottom"):l.th("toasts.top")}
 
     position: fixed;
     z-index: 9999;
     transition: all 400ms ease-out;
-  `),K=l(A.Alert)(()=>l.css`
+  `),J=l(A.Alert)(()=>l.css`
     position: relative;
     padding: lg;
     ${l.th("toasts.growls.default")};
@@ -17,7 +17,7 @@
     button {
       flex-shrink: 0;
     }
-  `),Q=l(T.Box)(()=>l.css`
+  `),K=l(w.Box)(()=>l.css`
     display: flex;
     align-items: center;
     padding-bottom: xs;
@@ -26,7 +26,7 @@
     & > *:first-child {
       flex-shrink: 0;
     }
-  `),V=l(A.Alert)`
+  `),Q=l(A.Alert)`
   display: flex;
   align-items: center;
   padding: sm md;
@@ -35,8 +35,8 @@
   > div {
     align-self: center !important;
   }
-`,X=l.box(({variant:t})=>l.css`
+`,V=l.box(({variant:t})=>l.css`
     ${l.th("toasts.snackbar.separator.default")};
     ${l.th(`toasts.snackbar.separator.${t}`)};
     padding-left: sm;
-  `),Z={"top-left":{top:0,left:0},"top-center":{top:0,left:"50%"},"top-right":{top:0,right:0},"bottom-left":{bottom:0,left:0},"bottom-center":{bottom:0,left:"50%"},"bottom-right":{bottom:0,right:0}},tt=({calculateOffset:t,toast:e,updateHeight:s})=>{var m,g,y;if(typeof e.message=="string")return console.warn("You must pass a React component or a HTML element."),null;const n=t(e,{reverseOrder:!1,gutter:0}),r=d=>{if(d&&typeof e.height!="number"){const b=d.getBoundingClientRect().height;s(e.id,b)}},o=(m=e.position)==null?void 0:m.includes("center"),u=(g=e.position)==null?void 0:g.includes("top"),i=(y=e.position)==null?void 0:y.includes("bottom"),f=()=>{e.onClose&&e.onClose(),w.dismiss(e.id)},p={opacity:e.visible?1:0,transform:`translate(${o?"-50%":"0"}, ${n*(u?1:-1)}px)`,...Z[e.position]};return a.createElement(J,{isBottom:i,opacity:p.opacity,ref:r,style:p,transform:p.transform,...e.ariaProps},a.cloneElement(e.message,{onClose:f}))},D=C.forwardRef(({children:t,dataTestId:e,hasCloseButton:s=!0,icon:n,onClose:r,variant:o="default"},u)=>{const i=e?`${e}-close-button`:void 0;return a.createElement(K,{"data-testid":e,hasCloseButton:s,icon:n,ref:u,variant:o},s&&a.createElement(B.CloseButton,{dataTestId:i,onClick:r,position:"absolute",right:"sm",top:"sm"}),a.createElement(T.Box,{pr:"xl"},t))});D.displayName="Growl";const I=C.forwardRef(({children:t,cta:e,hasCloseButton:s=!0,icon:n,onClose:r,variant:o="default",...u},i)=>a.createElement(V,{icon:n,ref:i,variant:o,...u},a.createElement(T.Box,{alignItems:"center",display:"flex",gap:"sm"},t,e&&a.createElement(X,{variant:o},e),s&&a.createElement(B.CloseButton,{onClick:r,size:"xs"})))),et=C.forwardRef((t,e)=>a.createElement(M.Button,{flexShrink:0,ref:e,size:"xs",variant:"ghost",...t}));I.displayName="Snackbar";const st=({pauseOnHover:t=!0})=>{const e=a.useContext(l.ThemeContext),s=F(),{handlers:n,toasts:r}=U(),{calculateOffset:o,endPause:u,startPause:i,updateHeight:f}=n,p=t?i:void 0,m=t?u:void 0;return a.createElement(l.ThemeProvider,{theme:e},r.length>0&&s(a.createElement("div",{onMouseEnter:p,onMouseLeave:m},r.map(g=>a.createElement(tt,{calculateOffset:o,key:g.id,toast:g,updateHeight:f})))))},ot=({children:t,...e})=>a.createElement(Q,{...e},t),O=(t,e)=>{var o,u;const r={duration:7e3,position:(typeof t=="string"?void 0:((o=t==null?void 0:t.type)==null?void 0:o.displayName)||((u=t==null?void 0:t.type)==null?void 0:u.name))==="Growl"?"top-right":"bottom-center",...e};return w(t,r)},rt=t=>{w.remove(t)},nt=t=>{w.dismiss(t)},at=()=>O,it={Title:ot,Growl:D,Snackbar:I,SnackbarAction:et};exports.Notifications=st;exports.Toast=it;exports.dismiss=nt;exports.remove=rt;exports.toast=O;exports.useToast=at;
+  `),X={"top-left":{top:0,left:0},"top-center":{top:0,left:"50%"},"top-right":{top:0,right:0},"bottom-left":{bottom:0,left:0},"bottom-center":{bottom:0,left:"50%"},"bottom-right":{bottom:0,right:0}},Z=({calculateOffset:t,toast:e,updateHeight:s})=>{var m,g,y;if(typeof e.message=="string")return console.warn("You must pass a React component or a HTML element."),null;const n=t(e,{reverseOrder:!1,gutter:0}),r=d=>{if(d&&typeof e.height!="number"){const b=d.getBoundingClientRect().height;s(e.id,b)}},o=(m=e.position)==null?void 0:m.includes("center"),u=(g=e.position)==null?void 0:g.includes("top"),i=(y=e.position)==null?void 0:y.includes("bottom"),f=()=>{e.onClose&&e.onClose(),S.dismiss(e.id)},p={opacity:e.visible?1:0,transform:`translate(${o?"-50%":"0"}, ${n*(u?1:-1)}px)`,...X[e.position]};return a.createElement(F,{isBottom:i,opacity:p.opacity,ref:r,style:p,transform:p.transform,...e.ariaProps},a.cloneElement(e.message,{onClose:f}))},D=C.forwardRef(({children:t,dataTestId:e,hasCloseButton:s=!0,icon:n,onClose:r,variant:o="default"},u)=>{const i=e?`${e}-close-button`:void 0;return a.createElement(J,{"data-testid":e,hasCloseButton:s,icon:n,ref:u,variant:o},s&&a.createElement(B.CloseButton,{dataTestId:i,onClick:r,position:"absolute",right:"sm",top:"sm"}),a.createElement(w.Box,{pr:"xl"},t))});D.displayName="Growl";const I=C.forwardRef(({children:t,cta:e,hasCloseButton:s=!0,icon:n,onClose:r,variant:o="default",...u},i)=>a.createElement(Q,{icon:n,ref:i,variant:o,...u},a.createElement(w.Box,{alignItems:"center",display:"flex",gap:"sm"},t,e&&a.createElement(V,{variant:o},e),s&&a.createElement(B.CloseButton,{onClick:r,size:"xs"})))),tt=C.forwardRef((t,e)=>a.createElement(q.Button,{flexShrink:0,ref:e,size:"xs",variant:"ghost",...t}));I.displayName="Snackbar";const et=({pauseOnHover:t=!0})=>{const e=a.useContext(l.ThemeContext),s=U(),{handlers:n,toasts:r}=j(),{calculateOffset:o,endPause:u,startPause:i,updateHeight:f}=n,p=t?i:void 0,m=t?u:void 0;return a.createElement(l.ThemeProvider,{theme:e},r.length>0&&s(a.createElement("div",{onMouseEnter:p,onMouseLeave:m},r.map(g=>a.createElement(Z,{calculateOffset:o,key:g.id,toast:g,updateHeight:f})))))},st=({children:t,...e})=>a.createElement(K,{...e},t),ot=(t,e)=>{var o,u;const r={duration:7e3,position:(typeof t=="string"?void 0:((o=t==null?void 0:t.type)==null?void 0:o.displayName)||((u=t==null?void 0:t.type)==null?void 0:u.name))==="Growl"?"top-right":"bottom-center",...e};return S(t,r)},rt=t=>{S.remove(t)},nt=t=>{S.dismiss(t)},at={Title:st,Growl:D,Snackbar:I,SnackbarAction:tt};exports.Notifications=et;exports.Toast=at;exports.dismiss=nt;exports.remove=rt;exports.toast=ot;

package/dist/Toast.mjs

@@ -1,6 +1,6 @@
 "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 v, { css as T, th as m, ThemeContext as L, ThemeProvider as W } from "@xstyled/styled-components";
 import { r as Y } from "./index-BYdkhqH4.mjs";
 import { Box as $ } from "./Box.mjs";
 import { Alert as _ } from "./Alert.mjs";
@@ -41,12 +41,12 @@ var j = (t) => typeof t == "function", A = (t, e) => j(t) ? t(e) : t, q = /* @__
       let r = e.time - (t.pausedAt || 0);
       return { ...t, pausedAt: void 0, toasts: t.toasts.map((o) => ({ ...o, pauseDuration: o.pauseDuration + r })) };
   }
-}, k = [], T = { toasts: [], pausedAt: void 0 }, h = (t) => {
-  T = S(T, t), k.forEach((e) => {
-    e(T);
+}, k = [], w = { toasts: [], pausedAt: void 0 }, h = (t) => {
+  w = S(w, t), k.forEach((e) => {
+    e(w);
   });
 }, Q = { blank: 4e3, error: 4e3, success: 2e3, loading: 1 / 0, custom: 4e3 }, V = (t = {}) => {
-  let [e, s] = M(T);
+  let [e, s] = M(w);
   C(() => (k.push(s), () => {
     let r = k.indexOf(s);
     r > -1 && k.splice(r, 1);
@@ -110,7 +110,7 @@ function st(t = !1) {
   }, []), R(() => t ? (a) => a : e ? (a, r, o) => Y.createPortal(a, r || document.body, o) : () => null, [t, e]);
 }
 const ot = v($)(
-  ({ isBottom: t }) => w`
+  ({ isBottom: t }) => T`
     ${m("toasts.default")}
     ${t ? m("toasts.bottom") : m("toasts.top")}
 
@@ -119,7 +119,7 @@ const ot = v($)(
     transition: all 400ms ease-out;
   `
 ), rt = v(_)(
-  () => w`
+  () => T`
     position: relative;
     padding: lg;
     ${m("toasts.growls.default")};
@@ -133,7 +133,7 @@ const ot = v($)(
     }
   `
 ), at = v($)(
-  () => w`
+  () => T`
     display: flex;
     align-items: center;
     padding-bottom: xs;
@@ -153,7 +153,7 @@ const ot = v($)(
     align-self: center !important;
   }
 `, it = v.box(
-  ({ variant: t }) => w`
+  ({ variant: t }) => T`
     ${m("toasts.snackbar.separator.default")};
     ${m(`toasts.snackbar.separator.${t}`)};
     padding-left: sm;
@@ -228,7 +228,7 @@ const G = D(
   ({ children: t, cta: e, hasCloseButton: s = !0, icon: a, onClose: r, variant: o = "default", ...i }, n) => /* @__PURE__ */ d.createElement(nt, { icon: a, ref: n, variant: o, ...i }, /* @__PURE__ */ d.createElement($, { alignItems: "center", display: "flex", gap: "sm" }, t, e && /* @__PURE__ */ d.createElement(it, { variant: o }, e), s && /* @__PURE__ */ d.createElement(B, { onClick: r, size: "xs" })))
 ), ut = D((t, e) => /* @__PURE__ */ d.createElement(U, { flexShrink: 0, ref: e, size: "xs", variant: "ghost", ...t }));
 G.displayName = "Snackbar";
-const Et = ({ pauseOnHover: t = !0 }) => {
+const xt = ({ pauseOnHover: t = !0 }) => {
   const e = H(L), s = st(), { handlers: a, toasts: r } = et(), { calculateOffset: o, endPause: i, startPause: n, updateHeight: c } = a, f = t ? n : void 0, p = t ? i : void 0;
   return /* @__PURE__ */ d.createElement(W, { theme: e }, r.length > 0 && s(
     /* @__PURE__ */ d.createElement("div", { onMouseEnter: f, onMouseLeave: p }, r.map((g) => /* @__PURE__ */ d.createElement(
@@ -241,7 +241,7 @@ const Et = ({ pauseOnHover: t = !0 }) => {
       }
     )))
   ));
-}, ct = ({ children: t, ...e }) => /* @__PURE__ */ d.createElement(at, { ...e }, t), ft = (t, e) => {
+}, ct = ({ children: t, ...e }) => /* @__PURE__ */ d.createElement(at, { ...e }, t), Et = (t, e) => {
   var o, i;
   const r = {
     duration: 7e3,
@@ -251,14 +251,13 @@ const Et = ({ pauseOnHover: t = !0 }) => {
   return P(t, r);
 }, kt = (t) => {
   P.remove(t);
-}, Tt = (t) => {
+}, wt = (t) => {
   P.dismiss(t);
-}, wt = () => ft, $t = { Title: ct, Growl: N, Snackbar: G, SnackbarAction: ut };
+}, Tt = { Title: ct, Growl: N, Snackbar: G, SnackbarAction: ut };
 export {
-  Et as Notifications,
-  $t as Toast,
-  Tt as dismiss,
+  xt as Notifications,
+  Tt as Toast,
+  wt as dismiss,
   kt as remove,
-  ft as toast,
-  wt as useToast
+  Et as toast
 };

package/dist/Toggle.js

@@ -1,4 +1,4 @@
-"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`
+"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-Dn-QEAu6.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

@@ -2,7 +2,7 @@
 import r from "react";
 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";
+import { C as c, a as u } from "./index-BSdL4wPb.mjs";
 const b = s(c).withConfig({ shouldForwardProp: g })(
   ({ order: o = "-1", size: e }) => i`
     ${t("toggles.item.default")};

package/dist/{field-styles-CeV7pnOp.mjs → field-styles-DLIhqG_8.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import { css as a, th as d } from "@xstyled/styled-components";
 const o = {
-  xs: "xs",
-  sm: "sm",
+  lg: "sm",
   md: "sm",
-  lg: "sm"
+  sm: "sm",
+  xs: "xs"
 }, f = ({
   iconPlacement: e,
   isClearable: i,