welcome-ui 1.0.0-beta.6 → 1.0.0-beta.7

package/dist/Tabs.mjs

@@ -1,27 +1,28 @@
 "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 { forwardRef as Q } from "./System.mjs";
-import { u as $e } from "./use-viewport-m3glsbna.mjs";
-import { u as ye } from "./use-isomorphic-layout-effect-Izr-e2pi.mjs";
-import M, { 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-5jxBu6ix.mjs";
-import { n as ue, A as Le, B as V, C as O, D as k, Q as te, h as g, a as p, H as ne, c as U, _ as X, i as Y, x as me, o as Ne, e as H, m as F, w as Be, f as q, b as G, E as fe, aa as Oe, j as ke, v as Ae } from "./LVA2YJMS-Dm5ieEMw.mjs";
-import { c as De, b as Ve, u as je, a as Fe } from "./ITI7HKP4-Couz1Z73.mjs";
-import { e as Me, f as ze } from "./VGCJ63VH-fv0YLRh8.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 j } from "./YV4JVR4I-1ezWeCCz.mjs";
-import { u as Qe } from "./VEVQD5MH-De4r89YE.mjs";
-import { P as Ue, a as Xe } from "./MTZPJQMC-DZ3zg4be.mjs";
-var Ye = ue(
-  [Xe, de],
-  [Ue, le]
-), qe = Ye.useContext;
+import L, { createContext as ae, useMemo as ie, useCallback as ce, useRef as z, useEffect as J, useState as W, cloneElement as Ce } from "react";
+import { forwardRef as K } from "./System.mjs";
+import Z from "react-flatten-children";
+import { u as Pe } from "./use-viewport-m3glsbna.mjs";
+import { u as Ee } from "./use-isomorphic-layout-effect-Izr-e2pi.mjs";
+import M, { css as V, th as x, system as $e } from "@xstyled/styled-components";
+import { C as le, a as de, d as ee, u as we, e as ye } from "./P2CTZE2T-5jxBu6ix.mjs";
+import { n as ue, A as _e, B as A, C as O, D as k, Q as te, h as g, a as p, H as oe, c as Q, _ as U, i as X, x as me, o as Re, e as H, m as F, w as Le, f as Y, b as q, E as fe, aa as Ne, j as Be, v as Oe } from "./LVA2YJMS-Dm5ieEMw.mjs";
+import { c as ke, b as De, u as Ve, a as Ae } from "./ITI7HKP4-Couz1Z73.mjs";
+import { e as je, f as Fe } from "./VGCJ63VH-BqPfqkK_.mjs";
+import { m as Me, o as ne, s as D, d as w, g as ze, c as He, a as be, b as se, u as j } from "./YV4JVR4I-1ezWeCCz.mjs";
+import { u as We } from "./VEVQD5MH-DOp_qaPw.mjs";
+import { P as Ke, a as Qe } from "./MTZPJQMC-C9lHSyrL.mjs";
+var Ue = ue(
+  [Qe, de],
+  [Ke, le]
+), Xe = Ue.useContext;
 ae(!1);
 ae(null);
-function Ge(t = {}) {
-  var n = t, {
-    composite: o,
+function Ye(t = {}) {
+  var o = t, {
+    composite: n,
     combobox: e
-  } = n, s = Le(n, [
+  } = o, s = _e(o, [
     "composite",
     "combobox"
   ]);
@@ -36,11 +37,11 @@ function Ge(t = {}) {
     "focusLoop",
     "focusShift",
     "focusWrap"
-  ], m = He(
+  ], m = Me(
     s.store,
-    oe(o, r),
-    oe(e, r)
-  ), c = m == null ? void 0 : m.getState(), d = De(V(k({}, s), {
+    ne(n, r),
+    ne(e, r)
+  ), c = m == null ? void 0 : m.getState(), d = ke(A(k({}, 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`
@@ -57,7 +58,7 @@ function Ge(t = {}) {
       "horizontal"
     ),
     focusLoop: O(s.focusLoop, c == null ? void 0 : c.focusLoop, !0)
-  })), a = Ve(), T = V(k({}, d.getState()), {
+  })), a = De(), T = A(k({}, d.getState()), {
     selectedId: O(
       s.selectedId,
       c == null ? void 0 : c.selectedId,
@@ -68,10 +69,10 @@ function Ge(t = {}) {
       c == null ? void 0 : c.selectOnMove,
       !0
     )
-  }), i = Ke(T, d, m);
-  A(
+  }), i = He(T, d, m);
+  D(
     i,
-    () => y(i, ["moves"], () => {
+    () => w(i, ["moves"], () => {
       const { activeId: u, selectOnMove: b } = i.getState();
       if (!b || !u) return;
       const I = d.item(u);
@@ -79,62 +80,62 @@ function Ge(t = {}) {
     })
   );
   let v = !0;
-  A(
+  D(
     i,
-    () => We(i, ["selectedId"], (u, b) => {
+    () => ze(i, ["selectedId"], (u, b) => {
       if (!v) {
         v = !0;
         return;
       }
-      o && u.selectedId === b.selectedId || i.setState("activeId", u.selectedId);
+      n && u.selectedId === b.selectedId || i.setState("activeId", u.selectedId);
     })
-  ), A(
+  ), D(
     i,
-    () => y(i, ["selectedId", "renderedItems"], (u) => {
+    () => w(i, ["selectedId", "renderedItems"], (u) => {
       if (u.selectedId !== void 0) return;
       const { activeId: b, renderedItems: I } = i.getState(), S = d.item(b);
       if (S && !S.disabled && !S.dimmed)
         i.setState("selectedId", S.id);
       else {
         const E = I.find(
-          (P) => !P.disabled && !P.dimmed
+          (C) => !C.disabled && !C.dimmed
         );
         i.setState("selectedId", E == null ? void 0 : E.id);
       }
     })
-  ), A(
+  ), D(
     i,
-    () => y(i, ["renderedItems"], (u) => {
+    () => w(i, ["renderedItems"], (u) => {
       const b = u.renderedItems;
       if (b.length)
-        return y(a, ["renderedItems"], (I) => {
+        return w(a, ["renderedItems"], (I) => {
           const S = I.renderedItems;
-          S.some((P) => !P.tabId) && S.forEach((P, _) => {
-            if (P.tabId) return;
+          S.some((C) => !C.tabId) && S.forEach((C, _) => {
+            if (C.tabId) return;
             const N = b[_];
-            N && a.renderItem(V(k({}, P), { tabId: N.id }));
+            N && a.renderItem(A(k({}, C), { tabId: N.id }));
           });
         });
     })
   );
   let h = null;
-  return A(i, () => {
+  return D(i, () => {
     const u = () => {
       h = i.getState().selectedId;
     }, b = () => {
       v = !1, i.setState("selectedId", h);
     };
-    if (o && "setSelectElement" in o)
+    if (n && "setSelectElement" in n)
       return te(
-        y(o, ["value"], u),
-        y(o, ["mounted"], b)
+        w(n, ["value"], u),
+        w(n, ["mounted"], b)
       );
     if (e)
       return te(
-        y(e, ["selectedValue"], u),
-        y(e, ["mounted"], b)
+        w(e, ["selectedValue"], u),
+        w(e, ["mounted"], b)
       );
-  }), V(k(k({}, d), i), {
+  }), A(k(k({}, d), i), {
     panels: a,
     setSelectedId: (u) => i.setState("selectedId", u),
     select: (u) => {
@@ -142,53 +143,53 @@ function Ge(t = {}) {
     }
   });
 }
-function Je(t, n, o) {
-  ne(n, [o.composite, o.combobox]), t = je(t, n, o), se(t, o, "selectedId", "setSelectedId"), se(t, o, "selectOnMove");
+function qe(t, o, n) {
+  oe(o, [n.composite, n.combobox]), t = Ve(t, o, n), se(t, n, "selectedId", "setSelectedId"), se(t, n, "selectOnMove");
   const [e, s] = be(() => t.panels, {});
-  return ne(s, [t, s]), Object.assign(
+  return oe(s, [t, s]), Object.assign(
     ie(() => g(p({}, t), { panels: e }), [t, e]),
-    { composite: o.composite, combobox: o.combobox }
+    { composite: n.composite, combobox: n.combobox }
   );
 }
-function Ze(t = {}) {
-  const n = Qe(), o = qe() || n;
+function Ge(t = {}) {
+  const o = We(), n = Xe() || o;
   t = g(p({}, t), {
-    composite: t.composite !== void 0 ? t.composite : o,
-    combobox: t.combobox !== void 0 ? t.combobox : n
+    composite: t.composite !== void 0 ? t.composite : n,
+    combobox: t.combobox !== void 0 ? t.combobox : o
   });
-  const [e, s] = be(Ge, t);
-  return Je(e, s, t);
+  const [e, s] = be(Ye, t);
+  return qe(e, s, t);
 }
-var J = ue(
+var G = ue(
   [de],
   [le]
-), et = J.useScopedContext, pe = J.useProviderContext, ve = J.ScopedContextProvider, tt = "button", nt = U(function(n) {
-  var o = n, {
+), Je = G.useScopedContext, pe = G.useProviderContext, ve = G.ScopedContextProvider, Ze = "button", et = Q(function(o) {
+  var n = o, {
     store: e,
     getItem: s
-  } = o, r = X(o, [
+  } = n, r = U(n, [
     "store",
     "getItem"
   ]), m;
-  const c = et();
-  e = e || c, Y(
+  const c = Je();
+  e = e || c, X(
     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 = me(), a = r.id || d, T = Re(r), i = ce(
     (f) => {
-      const w = g(p({}, f), { dimmed: T });
-      return s ? s(w) : w;
+      const y = g(p({}, f), { dimmed: T });
+      return s ? s(y) : y;
     },
     [T, s]
   ), v = r.onClick, h = H((f) => {
     v == null || v(f), !f.defaultPrevented && (e == null || e.setSelectedId(a));
   }), u = e.panels.useState(
     (f) => {
-      var w;
-      return (w = f.items.find((l) => l.tabId === a)) == null ? void 0 : w.id;
+      var y;
+      return (y = f.items.find((l) => l.tabId === a)) == null ? void 0 : y.id;
     }
-  ), b = d ? r.shouldRegisterItem : !1, I = e.useState((f) => !!a && f.activeId === a), S = e.useState((f) => !!a && f.selectedId === a), E = e.useState((f) => !!e.item(f.activeId)), P = I || S && !E, _ = S || ((m = r.accessibleWhenDisabled) != null ? m : !0);
+  ), b = d ? r.shouldRegisterItem : !1, I = e.useState((f) => !!a && f.activeId === a), S = e.useState((f) => !!a && f.selectedId === a), E = e.useState((f) => !!e.item(f.activeId)), C = I || S && !E, _ = S || ((m = r.accessibleWhenDisabled) != null ? m : !0);
   if (j(
     e.combobox || e.composite,
     "virtualFocus"
@@ -206,7 +207,7 @@ var J = ue(
       id: a,
       accessibleWhenDisabled: _,
       store: e.composite,
-      shouldRegisterItem: P && b,
+      shouldRegisterItem: C && b,
       rowId: r.rowId,
       render: r.render
     };
@@ -219,23 +220,23 @@ var J = ue(
       )
     });
   }
-  return r = _e(g(p({
+  return r = we(g(p({
     store: e
   }, r), {
     accessibleWhenDisabled: _,
     getItem: i,
     shouldRegisterItem: b
   })), r;
-}), ot = Be(
-  q(function(n) {
-    const o = nt(n);
-    return G(tt, o);
+}), tt = Le(
+  Y(function(o) {
+    const n = et(o);
+    return q(Ze, n);
   })
-), st = "div", rt = U(
-  function(n) {
-    var o = n, { store: e } = o, s = X(o, ["store"]);
+), ot = "div", nt = Q(
+  function(o) {
+    var n = o, { store: e } = n, s = U(n, ["store"]);
     const r = pe();
-    e = e || r, Y(
+    e = e || r, X(
       e,
       process.env.NODE_ENV !== "production" && "TabList must receive a `store` prop or be wrapped in a TabProvider component."
     );
@@ -251,21 +252,21 @@ var J = ue(
     }, s)), s = p({
       role: "tablist",
       "aria-orientation": m
-    }, s), s = Fe(p({ store: e }, s)), s;
+    }, s), s = Ae(p({ store: e }, s)), s;
   }
-), at = q(function(n) {
-  const o = rt(n);
-  return G(st, o);
-}), it = "div", ct = U(
-  function(n) {
-    var o = n, {
+), st = Y(function(o) {
+  const n = nt(o);
+  return q(ot, n);
+}), rt = "div", at = Q(
+  function(o) {
+    var n = o, {
       store: e,
       unmountOnHide: s,
       tabId: r,
       getItem: m,
       scrollRestoration: c,
       scrollElement: d
-    } = o, a = X(o, [
+    } = n, a = U(n, [
       "store",
       "unmountOnHide",
       "tabId",
@@ -274,7 +275,7 @@ var J = ue(
       "scrollElement"
     ]);
     const T = pe();
-    e = e || T, Y(
+    e = e || T, X(
       e,
       process.env.NODE_ENV !== "production" && "TabPanel must receive a `store` prop or be wrapped in a TabProvider component."
     );
@@ -287,39 +288,39 @@ var J = ue(
     ), u = j(
       e,
       (l) => !!h && l.selectedId === h
-    ), b = Me({ open: u }), I = j(b, "mounted"), S = z(
+    ), b = je({ open: u }), I = j(b, "mounted"), S = z(
       /* @__PURE__ */ new Map()
     ), E = H(() => {
       const l = i.current;
       return l ? d ? typeof d == "function" ? d(l) : "current" in d ? d.current : d : l : null;
     });
-    Z(() => {
+    J(() => {
       var l, $;
       if (!c || !I) return;
-      const C = E();
-      if (!C) return;
+      const P = E();
+      if (!P) return;
       if (c === "reset") {
-        C.scroll(0, 0);
+        P.scroll(0, 0);
         return;
       }
       if (!h) return;
       const R = S.current.get(h);
-      C.scroll((l = R == null ? void 0 : R.x) != null ? l : 0, ($ = R == null ? void 0 : R.y) != null ? $ : 0);
+      P.scroll((l = R == null ? void 0 : R.x) != null ? l : 0, ($ = R == null ? void 0 : R.y) != null ? $ : 0);
       const B = () => {
         S.current.set(h, {
-          x: C.scrollLeft,
-          y: C.scrollTop
+          x: P.scrollLeft,
+          y: P.scrollTop
         });
       };
-      return C.addEventListener("scroll", B), () => {
-        C.removeEventListener("scroll", B);
+      return P.addEventListener("scroll", B), () => {
+        P.removeEventListener("scroll", B);
       };
     }, [c, I, h, E, e]);
-    const [P, _] = K(!1);
-    Z(() => {
+    const [C, _] = W(!1);
+    J(() => {
       const l = i.current;
       if (!l) return;
-      const $ = Oe(l);
+      const $ = Ne(l);
       _(!!$.length);
     }, []);
     const N = ce(
@@ -328,16 +329,16 @@ var J = ue(
         return m ? m($) : $;
       },
       [v, r, m]
-    ), f = a.onKeyDown, w = H((l) => {
+    ), f = a.onKeyDown, y = H((l) => {
       if (f == null || f(l), l.defaultPrevented || !(e != null && e.composite)) return;
-      const C = {
+      const P = {
         ArrowLeft: e.previous,
         ArrowRight: e.next,
         Home: e.first,
         End: e.last
       }[l.key];
-      if (!C) return;
-      const { selectedId: R } = e.getState(), B = C({ activeId: R });
+      if (!P) return;
+      const { selectedId: R } = e.getState(), B = P({ activeId: R });
       B && (l.preventDefault(), e.move(B));
     });
     return a = fe(
@@ -350,34 +351,28 @@ var J = ue(
       "aria-labelledby": h || void 0
     }, a), {
       children: s && !I ? null : a.children,
-      ref: ke(i, a.ref),
-      onKeyDown: w
-    }), a = Ae(p({
+      ref: Be(i, a.ref),
+      onKeyDown: y
+    }), a = Oe(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
-    }, a)), a = ze(p({ store: b }, a)), a = Re(g(p({ store: e.panels }, a), { getItem: N })), a;
+      focusable: !e.composite && !C
+    }, a)), a = Fe(p({ store: b }, a)), a = ye(g(p({ store: e.panels }, a), { getItem: N })), a;
   }
-), lt = q(function(n) {
-  const o = ct(n);
-  return G(it, o);
+), it = Y(function(o) {
+  const n = at(o);
+  return q(rt, n);
 });
-function W(t) {
-  var n = Pe.toArray(t);
-  return n.reduce(function(o, e) {
-    return e.type === Ce ? o.concat(W(e.props.children)) : (o.push(e), o);
-  }, []);
-}
-function re(t, n) {
-  typeof t == "function" ? t(n) : t && (t.current = n);
+function re(t, o) {
+  typeof t == "function" ? t(o) : t && (t.current = o);
 }
-function dt(t, n) {
-  return ie(() => t == null && n == null ? null : (o) => {
-    re(t, o), re(n, o);
-  }, [t, n]);
+function ct(t, o) {
+  return ie(() => t == null && o == null ? null : (n) => {
+    re(t, n), re(o, n);
+  }, [t, o]);
 }
-const ut = M(at)(
-  ({ size: t }) => D`
+const lt = M(st)(
+  ({ size: t }) => V`
     position: relative;
     width: 100%;
     overflow-x: auto;
@@ -395,7 +390,7 @@ const ut = M(at)(
     ${Ie} {
       ${x(`tabs.item.size.${t}`)}
     }
-    ${we};
+    ${$e};
   `
 ), Ie = M.button`
   border: 0;
@@ -439,101 +434,101 @@ const ut = M(at)(
   & > span {
     ${x("tabs.badge")};
   }
-`, mt = M(lt)(
-  ({ orientation: t }) => D`
+`, dt = M(it)(
+  ({ orientation: t }) => V`
     ${t === "vertical" ? x("tabs.panel.vertical") : x("tabs.panel.horizontal")};
   `
-), ft = ({ offset: t = 0, size: n = 0 }) => D`
+), ut = ({ offset: t = 0, size: o = 0 }) => V`
   ${x("tabs.activeBar.horizontal")};
   left: 0;
   bottom: 0;
-  width: ${n}px;
+  width: ${o}px;
   transform: translateX(${t}px);
-`, bt = ({ offset: t = 0, size: n = 0 }) => D`
+`, mt = ({ offset: t = 0, size: o = 0 }) => V`
   ${x("tabs.activeBar.vertical")};
   right: 0;
   top: 0;
-  height: ${n}px;
+  height: ${o}px;
   transform: translateY(${t}px);
-`, pt = M.span(
-  ({ orientation: t, ...n }) => D`
+`, ft = M.span(
+  ({ orientation: t, ...o }) => V`
     position: absolute;
-    ${t === "vertical" ? bt(n) : ft(n)}
+    ${t === "vertical" ? mt(o) : ut(o)}
     will-change: width, transform;
     transition: medium;
     transition-property: transform, width;
   `
 ), Se = (t) => {
   if (!t || typeof window > "u") return 1;
-  const n = Number(window.getComputedStyle(t).scale);
-  return isNaN(n) ? Se(t.parentElement) : n;
+  const o = Number(window.getComputedStyle(t).scale);
+  return isNaN(o) ? Se(t.parentElement) : o;
 };
-function vt(t, n, o) {
-  const [e, s] = K({}), { height: r, width: m } = $e();
-  return ye(() => {
+function bt(t, o, n) {
+  const [e, s] = W({}), { height: r, width: m } = Pe();
+  return Ee(() => {
     const c = t.current;
-    if (!c || !n) return;
-    const d = c.getBoundingClientRect(), a = n.getBoundingClientRect(), T = Se(c);
-    if (o === "vertical") {
+    if (!c || !o) return;
+    const d = c.getBoundingClientRect(), a = o.getBoundingClientRect(), T = Se(c);
+    if (n === "vertical") {
       const i = a.top - d.top, v = a.height;
       s({
         size: v,
         offset: i,
-        orientation: o
+        orientation: n
       });
     } else {
       const i = (a.left - d.left + c.scrollLeft) / T, v = a.width / T;
       s({
         size: isNaN(v) ? 0 : v,
         offset: isNaN(i) ? 0 : i,
-        orientation: o
+        orientation: n
       });
     }
-  }, [t, n, m, r, o]), e;
+  }, [t, o, m, r, n]), e;
 }
-const xe = ({ activeTab: t, listRef: n, orientation: o }) => {
-  const e = vt(n, t, o);
-  return /* @__PURE__ */ L.createElement(pt, { ...e });
+const xe = ({ activeTab: t, listRef: o, orientation: n }) => {
+  const e = bt(o, t, n);
+  return /* @__PURE__ */ L.createElement(ft, { ...e });
 };
 xe.displayName = "ActiveBar";
-const It = W.default || W;
-function St(t, n) {
-  const [o, e] = K(null);
-  return [It(n).map((r) => r.props.id === t ? Ee(r, { ref: e }) : r), o];
+const pt = Z.default || Z;
+function vt(t, o) {
+  const [n, e] = W(null);
+  return [pt(o).map((r) => r.props.id === t ? Ce(r, { ref: e }) : r), n];
 }
-const he = Q(
-  ({ 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 he = K(
+  ({ children: t, size: o = "md", store: n, ...e }, s) => {
+    const r = z(), m = ct(s, r), { orientation: c, selectedId: d } = n.useState(), [a, T] = vt(d, t);
+    return /* @__PURE__ */ L.createElement(lt, { orientation: c, ref: m, size: o, store: n, ...e }, a, a.length > 1 && /* @__PURE__ */ L.createElement(xe, { activeTab: T, listRef: r, orientation: c }));
   }
 );
 he.displayName = "TabList";
-const ge = Q(
-  ({ 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);
+const ge = K(
+  ({ children: t, store: o, tabId: n, ...e }, s) => {
+    const r = o.useState("orientation");
+    return /* @__PURE__ */ L.createElement(dt, { orientation: r, ref: s, store: o, tabId: n, ...e }, t);
   }
 );
 ge.displayName = "TabPanel";
-const Te = Q(
-  ({ as: t, children: n, id: o, store: e, ...s }, r) => /* @__PURE__ */ L.createElement(
-    ot,
+const Te = K(
+  ({ as: t, children: o, id: n, store: e, ...s }, r) => /* @__PURE__ */ L.createElement(
+    tt,
     {
-      id: o,
+      id: n,
       render: (m) => /* @__PURE__ */ L.createElement(Ie, { as: t, ...m, ref: r }),
       store: e,
       ...s
     },
-    n
+    o
   )
 );
 Te.displayName = "Tab";
-const Lt = Object.assign(Te, { List: he, Panel: ge });
-function Nt(t) {
-  return Ze(t);
+const Rt = Object.assign(Te, { List: he, Panel: ge });
+function Lt(t) {
+  return Ge(t);
 }
 export {
-  Lt as Tab,
+  Rt as Tab,
   Te as TabComponent,
-  Nt as useTab
+  Lt as useTab
 };

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-NV_j0IWq.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"),c=require("./CustomInput-CHhz-wtr.js"),H=require("./System.js"),I=require("@xstyled/styled-components"),O=I.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;

package/dist/TimePicker.mjs

@@ -1,6 +1,6 @@
 "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-DUq7mNvC.mjs";
+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`

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-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"),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`
     ${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-BYdkhqH4.mjs";
+import { r as Y } from "./index-BZmKn5VO.mjs";
 import { Box as $ } from "./Box.mjs";
 import { Alert as _ } from "./Alert.mjs";
 import { CloseButton as B } from "./CloseButton.mjs";