@sellgar/kit 0.0.35 → 0.0.36

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as d, jsxs as z, Fragment as Bl } from "react/jsx-runtime";
 import * as b from "react";
-import T, { useLayoutEffect as Yl, useEffect as ql, useRef as ma, Children as ha, cloneElement as pa, useMemo as Zi, forwardRef as ga, useState as Bt, useCallback as at, useImperativeHandle as va } from "react";
+import E, { useLayoutEffect as Yl, useEffect as ql, useRef as ma, Children as ha, cloneElement as pa, useMemo as Zi, forwardRef as ga, useState as Bt, useCallback as at, useImperativeHandle as va } from "react";
 import './index.css';function Ul(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -59,7 +59,7 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   "color--red": "_color--red_y5p8d_49",
   "color--purple": "_color--purple_y5p8d_52"
 }, tl = ({ size: e = "2xl", color: t = "gray" }) => {
-  const l = T.useMemo(
+  const l = E.useMemo(
     () => W(
       he.wrapper,
       {
@@ -2299,7 +2299,7 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   leadicon: a,
   tailicon: o
 }) => {
-  const c = T.useMemo(
+  const c = E.useMemo(
     () => W(
       X.wrapper,
       {
@@ -2366,7 +2366,7 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   label: a,
   ...o
 }) => {
-  const c = T.useMemo(
+  const c = E.useMemo(
     () => W(
       ne.wrapper,
       {
@@ -2419,7 +2419,7 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   icon: n,
   ...r
 }) => {
-  const a = T.useMemo(
+  const a = E.useMemo(
     () => W(
       pe.wrapper,
       {
@@ -2465,7 +2465,7 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   label: a,
   ...o
 }) => {
-  const c = T.useMemo(
+  const c = E.useMemo(
     () => W(
       Pe.wrapper,
       {
@@ -2505,7 +2505,7 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   "font-weight__extra-bold": "_font-weight__extra-bold_yyj49_77",
   "font-weight__black": "_font-weight__black_yyj49_80"
 }, Q = (e) => {
-  const t = T.useMemo(
+  const t = E.useMemo(
     () => W(
       {
         [ee["font-size__h1"]]: e.size === "h1",
@@ -2533,10 +2533,10 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
     ),
     [e.size, e.weight]
   );
-  return T.Children.map(e.children, (l) => {
-    if (T.isValidElement(l)) {
+  return E.Children.map(e.children, (l) => {
+    if (E.isValidElement(l)) {
       const i = l;
-      return T.cloneElement(i, {
+      return E.cloneElement(i, {
         className: W(t, i.props.className)
       });
     }
@@ -2549,7 +2549,7 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   "size--md": "_size--md_1x3lz_29",
   "size--sm": "_size--sm_1x3lz_33"
 }, $a = ({ size: e = "md", ...t }) => {
-  const l = T.useMemo(
+  const l = E.useMemo(
     () => W(xt.icon, {
       [xt["size--md"]]: e === "md",
       [xt["size--sm"]]: e === "sm"
@@ -2571,7 +2571,7 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   "with-label": "_with-label_rhquy_36",
   "size--small": "_size--small_rhquy_42"
 }, Xd = ({ size: e = "md", label: t, caption: l, ...i }) => {
-  const n = T.useMemo(
+  const n = E.useMemo(
     () => W(
       Ae.wrapper,
       {
@@ -2600,7 +2600,7 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   "size--medium": "_size--medium_1nz91_39",
   "size--small": "_size--small_1nz91_44"
 }, Xa = ({ size: e = "md", ...t }) => {
-  const l = T.useMemo(
+  const l = E.useMemo(
     () => W(
       He.wrapper,
       {
@@ -2630,7 +2630,7 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   "with-label": "_with-label_uamo5_25",
   "size--small": "_size--small_uamo5_31"
 }, Jd = ({ size: e = "md", label: t, caption: l, ...i }) => {
-  const n = T.useMemo(
+  const n = E.useMemo(
     () => W(
       We.wrapper,
       {
@@ -2663,7 +2663,7 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   destructive: oo,
   disabled: so
 }, Qd = ({ size: e = "md", target: t, leadicon: l, tailicon: i, badge: n, ...r }) => {
-  const [a, o] = T.useState(!1), c = T.useMemo(
+  const [a, o] = E.useState(!1), c = E.useMemo(
     () => W(
       ke.wrapper,
       {
@@ -2702,15 +2702,15 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   destructive: ho,
   disabled: po
 }, go = (e, t) => {
-  T.useEffect(() => {
+  E.useEffect(() => {
     e && (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
   }, [e, t]);
 }, Zd = ({ ref: e, size: t = "md", target: l, ...i }) => {
-  const n = T.useRef(null), [r, a] = T.useState(!1), o = T.useMemo(
+  const n = E.useRef(null), [r, a] = E.useState(i.defaultValue || i.value), [o, c] = E.useState(!1), s = E.useMemo(
     () => W(
       Ve.wrapper,
       {
-        [Ve.focused]: r
+        [Ve.focused]: o
       },
       {
         [Ve["size--medium"]]: t === "md",
@@ -2723,15 +2723,24 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
         [Ve.destructive]: l === "destructive"
       }
     ),
-    [r, t, l, i.disabled]
+    [o, t, l, i.disabled]
   );
-  T.useImperativeHandle(e, () => n.current, [n]), go(n.current, i.value);
-  const c = () => {
-    a(!0);
-  }, s = () => {
-    a(!1);
+  E.useImperativeHandle(e, () => n.current, [n]), go(n.current, r);
+  const m = () => {
+    c(!0);
+  }, f = () => {
+    c(!1);
   };
-  return /* @__PURE__ */ d("div", { className: o, children: /* @__PURE__ */ d("div", { className: Ve.content, children: /* @__PURE__ */ d("textarea", { ...i, className: Ve.input, onFocus: c, onBlur: s }) }) });
+  return /* @__PURE__ */ d("div", { className: s, children: /* @__PURE__ */ d("div", { className: Ve.content, children: /* @__PURE__ */ d(
+    "textarea",
+    {
+      ...i,
+      className: Ve.input,
+      onFocus: m,
+      onBlur: f,
+      onInput: (u) => a(u.target.value)
+    }
+  ) }) });
 }, vo = "_wrapper_asagy_1", bo = "_label_asagy_8", yo = "_caption_asagy_13", _o = "_required_asagy_19", Yt = {
   wrapper: vo,
   label: bo,
@@ -2749,7 +2758,7 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   "state--success": "_state--success_sjjpm_26",
   "state--destructive": "_state--destructive_sjjpm_29"
 }, tm = ({ state: e = "default", ...t }) => {
-  const l = T.useMemo(
+  const l = E.useMemo(
     () => W(ot.wrapper, {
       [ot["state--default"]]: e === "default",
       [ot["state--success"]]: e === "success",
@@ -2779,7 +2788,7 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   "size--large": "_size--large_1lle3_62",
   "size--medium": "_size--medium_1lle3_65"
 }, nm = ({ size: e = "lg", ...t }) => {
-  const [l, i] = T.useState(() => t.defaultState ?? !1), n = T.useMemo(
+  const [l, i] = E.useState(() => t.defaultState ?? !1), n = E.useMemo(
     () => W(
       Te.wrapper,
       {
@@ -2792,9 +2801,9 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
     ),
     [l, e]
   );
-  return T.useEffect(() => {
+  return E.useEffect(() => {
     t.onState && t.onState(l);
-  }, [l]), T.useEffect(() => {
+  }, [l]), E.useEffect(() => {
     t.expanded !== void 0 && i(t.expanded);
   }, [t.expanded]), /* @__PURE__ */ z("div", { className: n, onClick: () => {
     i(!l);
@@ -2827,7 +2836,7 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   "color--red": "_color--red_6mzzf_105",
   "color--purple": "_color--purple_6mzzf_111"
 }, jo = ({ size: e = "2xl", color: t = "gray", ...l }) => {
-  const i = T.useMemo(
+  const i = E.useMemo(
     () => W(
       ie.wrapper,
       {
@@ -2874,7 +2883,7 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   label: n,
   leadicon: r
 }) => {
-  const a = T.useMemo(
+  const a = E.useMemo(
     () => W(
       Oe.wrapper,
       {
@@ -2920,7 +2929,7 @@ const W = /* @__PURE__ */ Ul(ya), _a = "_wrapper_y5p8d_1", he = {
   label: n,
   leadslot: r
 }) => {
-  const a = T.useMemo(
+  const a = E.useMemo(
     () => W(
       De.wrapper,
       {
@@ -3084,7 +3093,7 @@ let ei = function(e) {
     r.length || (r = Pn(i.defaultValue)), n.pendingResizeTimeouts = [];
     const a = [];
     for (let o = 0; o < r.length; o += 1) r[o] = Ge(r[o], i), a.push(o);
-    return n.resizeObserver = null, n.resizeElementRef = T.createRef(), n.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices: a }, n;
+    return n.resizeObserver = null, n.resizeElementRef = E.createRef(), n.state = { index: -1, upperBound: 0, sliderLength: 0, value: r, zIndices: a }, n;
   }
   Xo(t, e);
   var l = t.prototype;
@@ -3243,12 +3252,12 @@ let ei = function(e) {
     const i = [], { value: n } = this.state, r = n.length;
     for (let s = 0; s < r; s += 1) i[s] = this.calcOffset(n[s], s);
     const a = this.props.withTracks ? this.renderTracks(i) : null, o = this.renderThumbs(i), c = this.props.marks ? this.renderMarks() : null;
-    return T.createElement("div", { ref: (s) => {
+    return E.createElement("div", { ref: (s) => {
       this.slider = s, this.resizeElementRef.current = s;
     }, style: { position: "relative" }, className: this.props.className + (this.props.disabled ? " disabled" : ""), onMouseDown: this.onSliderMouseDown, onClick: this.onSliderClick }, a, o, c);
   }, t;
-}(T.Component);
-ei.displayName = "ReactSlider", ei.defaultProps = { min: 0, max: 100, step: 1, pageFn: (e) => 10 * e, minDistance: 0, defaultValue: 0, orientation: "horizontal", className: "slider", thumbClassName: "thumb", thumbActiveClassName: "active", trackClassName: "track", markClassName: "mark", withTracks: !0, pearling: !1, disabled: !1, snapDragDisabled: !1, invert: !1, marks: [], renderThumb: (e) => T.createElement("div", e), renderTrack: (e) => T.createElement("div", e), renderMark: (e) => T.createElement("span", e) };
+}(E.Component);
+ei.displayName = "ReactSlider", ei.defaultProps = { min: 0, max: 100, step: 1, pageFn: (e) => 10 * e, minDistance: 0, defaultValue: 0, orientation: "horizontal", className: "slider", thumbClassName: "thumb", thumbActiveClassName: "active", trackClassName: "track", markClassName: "mark", withTracks: !0, pearling: !1, disabled: !1, snapDragDisabled: !1, invert: !1, marks: [], renderThumb: (e) => E.createElement("div", e), renderTrack: (e) => E.createElement("div", e), renderMark: (e) => E.createElement("span", e) };
 var Jo = ei;
 const Qo = "_wrapper_1qb3z_1", Zo = "_slider_1qb3z_11", es = "_thumb_1qb3z_15", ts = "_track_1qb3z_28", Kt = {
   wrapper: Qo,
@@ -3262,7 +3271,7 @@ const Qo = "_wrapper_1qb3z_1", Zo = "_slider_1qb3z_11", es = "_thumb_1qb3z_15",
   "size--md": "_size--md_2g33r_67",
   "size--sm": "_size--sm_2g33r_71"
 }, rs = ({ size: e = "md", ...t }) => {
-  const l = T.useMemo(
+  const l = E.useMemo(
     () => W(kt.icon, {
       [kt["size--md"]]: e === "md",
       [kt["size--sm"]]: e === "sm"
@@ -3284,7 +3293,7 @@ const Qo = "_wrapper_1qb3z_1", Zo = "_slider_1qb3z_11", es = "_thumb_1qb3z_15",
   "with-label": "_with-label_rhquy_36",
   "size--small": "_size--small_rhquy_42"
 }, rm = ({ size: e = "md", label: t, caption: l, ...i }) => {
-  const n = T.useMemo(
+  const n = E.useMemo(
     () => W(
       Le.wrapper,
       {
@@ -3794,7 +3803,7 @@ var rl;
 function Us() {
   if (rl) return ae;
   rl = 1;
-  var e = T;
+  var e = E;
   function t(c) {
     var s = "https://react.dev/errors/" + c;
     if (1 < arguments.length) {
@@ -3982,7 +3991,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
       ), f;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = T, c = {
+    var o = E, c = {
       d: {
         f: e,
         r: function() {
@@ -4342,12 +4351,12 @@ const Xs = (e) => ({
     }, h = Oi(n), g = ki(h), p = await a.getDimensions(s), v = h === "y", y = v ? "top" : "left", x = v ? "bottom" : "right", k = v ? "clientHeight" : "clientWidth", D = r.reference[g] + r.reference[h] - u[h] - r.floating[g], C = u[h] - r.reference[h], M = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(s));
     let P = M ? M[k] : 0;
     (!P || !await (a.isElement == null ? void 0 : a.isElement(M))) && (P = o.floating[k] || r.floating[g]);
-    const j = D / 2 - C / 2, F = P / 2 - p[g] / 2 - 1, I = ht(f[y], F), V = ht(f[x], F), L = I, B = P - p[g] - V, A = P / 2 - p[g] / 2 + j, E = ri(L, A, B), N = !c.arrow && Mt(n) != null && A !== E && r.reference[g] / 2 - (A < L ? I : V) - p[g] / 2 < 0, O = N ? A < L ? A - L : A - B : 0;
+    const j = D / 2 - C / 2, F = P / 2 - p[g] / 2 - 1, I = ht(f[y], F), V = ht(f[x], F), L = I, B = P - p[g] - V, A = P / 2 - p[g] / 2 + j, T = ri(L, A, B), N = !c.arrow && Mt(n) != null && A !== T && r.reference[g] / 2 - (A < L ? I : V) - p[g] / 2 < 0, O = N ? A < L ? A - L : A - B : 0;
     return {
       [h]: u[h] + O,
       data: {
-        [h]: E,
-        centerOffset: A - E - O,
+        [h]: T,
+        centerOffset: A - T - O,
         ...N && {
           alignmentOffset: O
         }
@@ -4392,15 +4401,15 @@ const Xs = (e) => ({
         overflows: F
       }], !F.every((A) => A <= 0)) {
         var V, L;
-        const A = (((V = r.flip) == null ? void 0 : V.index) || 0) + 1, E = P[A];
-        if (E)
+        const A = (((V = r.flip) == null ? void 0 : V.index) || 0) + 1, T = P[A];
+        if (T)
           return {
             data: {
               index: A,
               overflows: I
             },
             reset: {
-              placement: E
+              placement: T
             }
           };
         let N = (L = I.filter((O) => O.overflows[0] <= 0).sort((O, w) => O.overflows[1] - w.overflows[1])[0]) == null ? void 0 : L.placement;
@@ -5029,7 +5038,7 @@ function wc(e) {
       B();
     }
   }, [D, C, B, I, F]);
-  const E = b.useMemo(() => ({
+  const T = b.useMemo(() => ({
     reference: M,
     floating: P,
     setReference: x,
@@ -5061,10 +5070,10 @@ function wc(e) {
   return b.useMemo(() => ({
     ...m,
     update: B,
-    refs: E,
+    refs: T,
     elements: N,
     floatingStyles: O
-  }), [m, B, E, N, O]);
+  }), [m, B, T, N, O]);
 }
 const xc = (e) => {
   function t(l) {
@@ -5197,7 +5206,7 @@ const pl = /* @__PURE__ */ b.forwardRef(function(t, l) {
   const j = m * 2, F = j / 2, I = o / 2 * (s / -8 + 1), V = c / 2 * s / 4, L = !!h, B = P && C === "end" ? "bottom" : "top";
   let A = P && C === "end" ? "right" : "left";
   P && x && (A = C === "end" ? "left" : "right");
-  const E = (r == null ? void 0 : r.x) != null ? P || r.x : "", N = (r == null ? void 0 : r.y) != null ? P || r.y : "", O = h || "M0,0" + (" H" + o) + (" L" + (o - I) + "," + (c - V)) + (" Q" + o / 2 + "," + c + " " + I + "," + (c - V)) + " Z", w = {
+  const T = (r == null ? void 0 : r.x) != null ? P || r.x : "", N = (r == null ? void 0 : r.y) != null ? P || r.y : "", O = h || "M0,0" + (" H" + o) + (" L" + (o - I) + "," + (c - V)) + (" Q" + o / 2 + "," + c + " " + I + "," + (c - V)) + " Z", w = {
     top: L ? "rotate(180deg)" : "",
     left: L ? "rotate(90deg)" : "rotate(-90deg)",
     bottom: L ? "" : "rotate(180deg)",
@@ -5213,7 +5222,7 @@ const pl = /* @__PURE__ */ b.forwardRef(function(t, l) {
     style: {
       position: "absolute",
       pointerEvents: "none",
-      [A]: E,
+      [A]: T,
       [B]: N,
       [D]: M || L ? "100%" : "calc(100% - " + j / 2 + "px)",
       transform: [w, g].filter((_) => !!_).join(" "),
@@ -5399,7 +5408,7 @@ function jc(e, t) {
   }, [l, L, B]), b.useEffect(() => () => {
     L(), clearTimeout(k.current), clearTimeout(C.current), B();
   }, [o, a.domReference, L, B]);
-  const E = b.useMemo(() => {
+  const T = b.useMemo(() => {
     function O(w) {
       x.current = w.pointerType;
     }
@@ -5425,9 +5434,9 @@ function jc(e, t) {
     }
   }), [V, A]);
   return b.useMemo(() => o ? {
-    reference: E,
+    reference: T,
     floating: N
-  } : {}, [o, E, N]);
+  } : {}, [o, T, N]);
 }
 function Fn(e, t) {
   let l = e.filter((n) => {
@@ -5647,12 +5656,12 @@ function Hc(e, t) {
   } = wl(h), {
     escapeKey: M,
     outsidePress: P
-  } = wl(g), j = b.useRef(!1), F = je((E) => {
+  } = wl(g), j = b.useRef(!1), F = je((T) => {
     var N;
-    if (!l || !a || !o || E.key !== "Escape" || j.current)
+    if (!l || !a || !o || T.key !== "Escape" || j.current)
       return;
     const O = (N = r.current.floatingContext) == null ? void 0 : N.nodeId, w = p ? Fn(p.nodesRef.current, O) : [];
-    if (!D && (E.stopPropagation(), w.length > 0)) {
+    if (!D && (T.stopPropagation(), w.length > 0)) {
       let _ = !0;
       if (w.forEach((S) => {
         var R;
@@ -5663,22 +5672,22 @@ function Hc(e, t) {
       }), !_)
         return;
     }
-    i(!1, vs(E) ? E.nativeEvent : E, "escape-key");
-  }), I = je((E) => {
+    i(!1, vs(T) ? T.nativeEvent : T, "escape-key");
+  }), I = je((T) => {
     var N;
     const O = () => {
       var w;
-      F(E), (w = ct(E)) == null || w.removeEventListener("keydown", O);
+      F(T), (w = ct(T)) == null || w.removeEventListener("keydown", O);
     };
-    (N = ct(E)) == null || N.addEventListener("keydown", O);
-  }), V = je((E) => {
+    (N = ct(T)) == null || N.addEventListener("keydown", O);
+  }), V = je((T) => {
     var N;
     const O = x.current;
     x.current = !1;
     const w = k.current;
-    if (k.current = !1, s === "click" && w || O || typeof y == "function" && !y(E))
+    if (k.current = !1, s === "click" && w || O || typeof y == "function" && !y(T))
       return;
-    const _ = ct(E), S = "[" + Pt("inert") + "]", R = Be(n.floating).querySelectorAll(S);
+    const _ = ct(T), S = "[" + Pt("inert") + "]", R = Be(n.floating).querySelectorAll(S);
     let q = U(_) ? _ : null;
     for (; q && !$e(q); ) {
       const te = Ie(q);
@@ -5692,15 +5701,15 @@ function Hc(e, t) {
     Array.from(R).every((te) => !mt(q, te)))
       return;
     if (ge(_) && A) {
-      const te = $e(_), ce = ve(_), _e = /auto|scroll/, Ne = te || _e.test(ce.overflowX), yt = te || _e.test(ce.overflowY), _t = Ne && _.clientWidth > 0 && _.scrollWidth > _.clientWidth, rt = yt && _.clientHeight > 0 && _.scrollHeight > _.clientHeight, wt = ce.direction === "rtl", J = rt && (wt ? E.offsetX <= _.offsetWidth - _.clientWidth : E.offsetX > _.clientWidth), Ke = _t && E.offsetY > _.clientHeight;
+      const te = $e(_), ce = ve(_), _e = /auto|scroll/, Ne = te || _e.test(ce.overflowX), yt = te || _e.test(ce.overflowY), _t = Ne && _.clientWidth > 0 && _.scrollWidth > _.clientWidth, rt = yt && _.clientHeight > 0 && _.scrollHeight > _.clientHeight, wt = ce.direction === "rtl", J = rt && (wt ? T.offsetX <= _.offsetWidth - _.clientWidth : T.offsetX > _.clientWidth), Ke = _t && T.offsetY > _.clientHeight;
       if (J || Ke)
         return;
     }
     const ye = (N = r.current.floatingContext) == null ? void 0 : N.nodeId, Me = p && Fn(p.nodesRef.current, ye).some((te) => {
       var ce;
-      return An(E, (ce = te.context) == null ? void 0 : ce.elements.floating);
+      return An(T, (ce = te.context) == null ? void 0 : ce.elements.floating);
     });
-    if (An(E, n.floating) || An(E, n.domReference) || Me)
+    if (An(T, n.floating) || An(T, n.domReference) || Me)
       return;
     const lt = p ? Fn(p.nodesRef.current, ye) : [];
     if (lt.length > 0) {
@@ -5714,28 +5723,28 @@ function Hc(e, t) {
       }), !te)
         return;
     }
-    i(!1, E, "outside-press");
-  }), L = je((E) => {
+    i(!1, T, "outside-press");
+  }), L = je((T) => {
     var N;
     const O = () => {
       var w;
-      V(E), (w = ct(E)) == null || w.removeEventListener(s, O);
+      V(T), (w = ct(T)) == null || w.removeEventListener(s, O);
     };
-    (N = ct(E)) == null || N.addEventListener(s, O);
+    (N = ct(T)) == null || N.addEventListener(s, O);
   });
   b.useEffect(() => {
     if (!l || !a)
       return;
     r.current.__escapeKeyBubbles = D, r.current.__outsidePressBubbles = C;
-    let E = -1;
+    let T = -1;
     function N(R) {
       i(!1, R, "ancestor-scroll");
     }
     function O() {
-      window.clearTimeout(E), j.current = !0;
+      window.clearTimeout(T), j.current = !0;
     }
     function w() {
-      E = window.setTimeout(
+      T = window.setTimeout(
         () => {
           j.current = !1;
         },
@@ -5757,7 +5766,7 @@ function Hc(e, t) {
     }), () => {
       o && (_.removeEventListener("keydown", M ? I : F, M), _.removeEventListener("compositionstart", O), _.removeEventListener("compositionend", w)), y && _.removeEventListener(s, P ? L : V, P), S.forEach((R) => {
         R.removeEventListener("scroll", N);
-      }), window.clearTimeout(E);
+      }), window.clearTimeout(T);
     };
   }, [r, n, o, y, s, l, i, u, a, D, C, F, M, I, V, P, L]), b.useEffect(() => {
     x.current = !1;
@@ -5765,12 +5774,12 @@ function Hc(e, t) {
   const B = b.useMemo(() => ({
     onKeyDown: F,
     ...m && {
-      [Uc[f]]: (E) => {
-        i(!1, E.nativeEvent, "reference-press");
+      [Uc[f]]: (T) => {
+        i(!1, T.nativeEvent, "reference-press");
       },
       ...f !== "click" && {
-        onClick(E) {
-          i(!1, E.nativeEvent, "reference-press");
+        onClick(T) {
+          i(!1, T.nativeEvent, "reference-press");
         }
       }
     }
@@ -6098,7 +6107,7 @@ const tu = "_wrapper_iejlm_1", Bn = {
   "size--sm": "_size--sm_iejlm_12",
   "size--md": "_size--md_iejlm_15"
 }, nu = (e) => {
-  const t = T.useMemo(
+  const t = E.useMemo(
     () => W(Bn.wrapper, {
       [Bn["size--sm"]]: e.size === "sm",
       [Bn["size--md"]]: e.size === "md"
@@ -6773,7 +6782,7 @@ function Wr(e, t) {
 }
 var Re = "react-calendar__navigation";
 function cf(e) {
-  var t = e.activeStartDate, l = e.drillUp, i = e.formatMonthYear, n = i === void 0 ? Lr : i, r = e.formatYear, a = r === void 0 ? bn : r, o = e.locale, c = e.maxDate, s = e.minDate, m = e.navigationAriaLabel, f = m === void 0 ? "" : m, u = e.navigationAriaLive, h = e.navigationLabel, g = e.next2AriaLabel, p = g === void 0 ? "" : g, v = e.next2Label, y = v === void 0 ? "»" : v, x = e.nextAriaLabel, k = x === void 0 ? "" : x, D = e.nextLabel, C = D === void 0 ? "›" : D, M = e.prev2AriaLabel, P = M === void 0 ? "" : M, j = e.prev2Label, F = j === void 0 ? "«" : j, I = e.prevAriaLabel, V = I === void 0 ? "" : I, L = e.prevLabel, B = L === void 0 ? "‹" : L, A = e.setActiveStartDate, E = e.showDoubleView, N = e.view, O = e.views, w = O.indexOf(N) > 0, _ = N !== "century", S = ef(N, t), R = _ ? tf(N, t) : void 0, q = jr(N, t), ye = _ ? nf(N, t) : void 0, Me = function() {
+  var t = e.activeStartDate, l = e.drillUp, i = e.formatMonthYear, n = i === void 0 ? Lr : i, r = e.formatYear, a = r === void 0 ? bn : r, o = e.locale, c = e.maxDate, s = e.minDate, m = e.navigationAriaLabel, f = m === void 0 ? "" : m, u = e.navigationAriaLive, h = e.navigationLabel, g = e.next2AriaLabel, p = g === void 0 ? "" : g, v = e.next2Label, y = v === void 0 ? "»" : v, x = e.nextAriaLabel, k = x === void 0 ? "" : x, D = e.nextLabel, C = D === void 0 ? "›" : D, M = e.prev2AriaLabel, P = M === void 0 ? "" : M, j = e.prev2Label, F = j === void 0 ? "«" : j, I = e.prevAriaLabel, V = I === void 0 ? "" : I, L = e.prevLabel, B = L === void 0 ? "‹" : L, A = e.setActiveStartDate, T = e.showDoubleView, N = e.view, O = e.views, w = O.indexOf(N) > 0, _ = N !== "century", S = ef(N, t), R = _ ? tf(N, t) : void 0, q = jr(N, t), ye = _ ? nf(N, t) : void 0, Me = function() {
     if (S.getFullYear() < 0)
       return !0;
     var J = lf(N, t);
@@ -6820,7 +6829,7 @@ function cf(e) {
   }
   function wt() {
     var J = "".concat(Re, "__label");
-    return z("button", { "aria-label": f, "aria-live": u, className: J, disabled: !w, onClick: l, style: { flexGrow: 1 }, type: "button", children: [d("span", { className: "".concat(J, "__labelText ").concat(J, "__labelText--from"), children: rt(t) }), E ? z(Bl, { children: [d("span", { className: "".concat(J, "__divider"), children: " – " }), d("span", { className: "".concat(J, "__labelText ").concat(J, "__labelText--to"), children: rt(q) })] }) : null] });
+    return z("button", { "aria-label": f, "aria-live": u, className: J, disabled: !w, onClick: l, style: { flexGrow: 1 }, type: "button", children: [d("span", { className: "".concat(J, "__labelText ").concat(J, "__labelText--from"), children: rt(t) }), T ? z(Bl, { children: [d("span", { className: "".concat(J, "__divider"), children: " – " }), d("span", { className: "".concat(J, "__labelText ").concat(J, "__labelText--to"), children: rt(q) })] }) : null] });
   }
   return z("div", { className: Re, children: [F !== null && _ ? d("button", { "aria-label": P, className: "".concat(Re, "__arrow ").concat(Re, "__prev2-button"), disabled: lt, onClick: Ne, type: "button", children: F }) : null, B !== null && d("button", { "aria-label": V, className: "".concat(Re, "__arrow ").concat(Re, "__prev-button"), disabled: Me, onClick: _e, type: "button", children: B }), wt(), C !== null && d("button", { "aria-label": k, className: "".concat(Re, "__arrow ").concat(Re, "__next-button"), disabled: te, onClick: yt, type: "button", children: C }), y !== null && _ ? d("button", { "aria-label": p, className: "".concat(Re, "__arrow ").concat(Re, "__next2-button"), disabled: ce, onClick: _t, type: "button", children: y }) : null] });
 }
@@ -7378,7 +7387,7 @@ function Qt(e, t) {
   return e instanceof Date && t instanceof Date && e.getTime() === t.getTime();
 }
 var Bf = ga(function(t, l) {
-  var i = t.activeStartDate, n = t.allowPartialRange, r = t.calendarType, a = t.className, o = t.defaultActiveStartDate, c = t.defaultValue, s = t.defaultView, m = t.formatDay, f = t.formatLongDate, u = t.formatMonth, h = t.formatMonthYear, g = t.formatShortWeekday, p = t.formatWeekday, v = t.formatYear, y = t.goToRangeStartOnSelect, x = y === void 0 ? !0 : y, k = t.inputRef, D = t.locale, C = t.maxDate, M = C === void 0 ? $f : C, P = t.maxDetail, j = P === void 0 ? "month" : P, F = t.minDate, I = F === void 0 ? ji : F, V = t.minDetail, L = V === void 0 ? "century" : V, B = t.navigationAriaLabel, A = t.navigationAriaLive, E = t.navigationLabel, N = t.next2AriaLabel, O = t.next2Label, w = t.nextAriaLabel, _ = t.nextLabel, S = t.onActiveStartDateChange, R = t.onChange, q = t.onClickDay, ye = t.onClickDecade, Me = t.onClickMonth, lt = t.onClickWeekNumber, te = t.onClickYear, ce = t.onDrillDown, _e = t.onDrillUp, Ne = t.onViewChange, yt = t.prev2AriaLabel, _t = t.prev2Label, rt = t.prevAriaLabel, wt = t.prevLabel, J = t.returnValue, Ke = J === void 0 ? "start" : J, be = t.selectRange, It = t.showDoubleView, Fi = t.showFixedNumberOfWeeks, Wi = t.showNavigation, Gr = Wi === void 0 ? !0 : Wi, Xr = t.showNeighboringCentury, Jr = t.showNeighboringDecade, Vi = t.showNeighboringMonth, Qr = Vi === void 0 ? !0 : Vi, Zr = t.showWeekNumbers, ea = t.tileClassName, ta = t.tileContent, na = t.tileDisabled, xn = t.value, Bi = t.view, Yi = Bt(o), ia = Yi[0], Ft = Yi[1], qi = Bt(null), la = qi[0], Ui = qi[1], Ki = Bt(Array.isArray(c) ? c.map(function($) {
+  var i = t.activeStartDate, n = t.allowPartialRange, r = t.calendarType, a = t.className, o = t.defaultActiveStartDate, c = t.defaultValue, s = t.defaultView, m = t.formatDay, f = t.formatLongDate, u = t.formatMonth, h = t.formatMonthYear, g = t.formatShortWeekday, p = t.formatWeekday, v = t.formatYear, y = t.goToRangeStartOnSelect, x = y === void 0 ? !0 : y, k = t.inputRef, D = t.locale, C = t.maxDate, M = C === void 0 ? $f : C, P = t.maxDetail, j = P === void 0 ? "month" : P, F = t.minDate, I = F === void 0 ? ji : F, V = t.minDetail, L = V === void 0 ? "century" : V, B = t.navigationAriaLabel, A = t.navigationAriaLive, T = t.navigationLabel, N = t.next2AriaLabel, O = t.next2Label, w = t.nextAriaLabel, _ = t.nextLabel, S = t.onActiveStartDateChange, R = t.onChange, q = t.onClickDay, ye = t.onClickDecade, Me = t.onClickMonth, lt = t.onClickWeekNumber, te = t.onClickYear, ce = t.onDrillDown, _e = t.onDrillUp, Ne = t.onViewChange, yt = t.prev2AriaLabel, _t = t.prev2Label, rt = t.prevAriaLabel, wt = t.prevLabel, J = t.returnValue, Ke = J === void 0 ? "start" : J, be = t.selectRange, It = t.showDoubleView, Fi = t.showFixedNumberOfWeeks, Wi = t.showNavigation, Gr = Wi === void 0 ? !0 : Wi, Xr = t.showNeighboringCentury, Jr = t.showNeighboringDecade, Vi = t.showNeighboringMonth, Qr = Vi === void 0 ? !0 : Vi, Zr = t.showWeekNumbers, ea = t.tileClassName, ta = t.tileContent, na = t.tileDisabled, xn = t.value, Bi = t.view, Yi = Bt(o), ia = Yi[0], Ft = Yi[1], qi = Bt(null), la = qi[0], Ui = qi[1], Ki = Bt(Array.isArray(c) ? c.map(function($) {
     return $ !== null ? St($) : null;
   }) : c != null ? St(c) : null), kn = Ki[0], ra = Ki[1], Hi = Bt(s), aa = Hi[0], Gi = Hi[1], fe = i || ia || Vf({
     activeStartDate: i,
@@ -7602,7 +7611,7 @@ var Bf = ga(function(t, l) {
     }
   }
   function ca() {
-    return Gr ? d(cf, { activeStartDate: fe, drillUp: Nn, formatMonthYear: h, formatYear: v, locale: D, maxDate: M, minDate: I, navigationAriaLabel: B, navigationAriaLive: A, navigationLabel: E, next2AriaLabel: N, next2Label: O, nextAriaLabel: w, nextLabel: _, prev2AriaLabel: yt, prev2Label: _t, prevAriaLabel: rt, prevLabel: wt, setActiveStartDate: Dn, showDoubleView: It, view: H, views: Ee }) : null;
+    return Gr ? d(cf, { activeStartDate: fe, drillUp: Nn, formatMonthYear: h, formatYear: v, locale: D, maxDate: M, minDate: I, navigationAriaLabel: B, navigationAriaLive: A, navigationLabel: T, next2AriaLabel: N, next2Label: O, nextAriaLabel: w, nextLabel: _, prev2AriaLabel: yt, prev2Label: _t, prevAriaLabel: rt, prevLabel: wt, setActiveStartDate: Dn, showDoubleView: It, view: H, views: Ee }) : null;
   }
   var ua = Array.isArray(de) ? de : [de];
   return z("div", { className: hn(Jt, be && ua.length === 1 && "".concat(Jt, "--selectRange"), It && "".concat(Jt, "--doubleView"), a), ref: k, children: [ca(), z("div", { className: "".concat(Jt, "__viewContainer"), onBlur: be ? Tn : void 0, onMouseLeave: be ? Tn : void 0, children: [Qi(), It ? Qi(!0) : null] })] });
@@ -7634,7 +7643,7 @@ const Yf = "_wrapper_1w27z_1", qf = "_calendar_1w27z_14", Vl = {
   onLeftActionClick: c,
   onRightActionClick: s
 }) => {
-  const m = T.useMemo(
+  const m = E.useMemo(
     () => W(
       le.wrapper,
       {
@@ -7650,12 +7659,12 @@ const Yf = "_wrapper_1w27z_1", qf = "_calendar_1w27z_14", Vl = {
       }
     ),
     [e, t, l]
-  ), f = T.useMemo(
+  ), f = E.useMemo(
     () => W(le["left-action"], {
       [le.disabled]: i
     }),
     [i]
-  ), u = T.useMemo(
+  ), u = E.useMemo(
     () => W(le["right-action"], {
       [le.disabled]: n
     }),
@@ -7694,7 +7703,7 @@ const Yf = "_wrapper_1w27z_1", qf = "_calendar_1w27z_14", Vl = {
   divider: i = ">",
   ...n
 }) => {
-  const r = T.useMemo(
+  const r = E.useMemo(
     () => W(
       se["lead-icon"],
       {
@@ -7706,7 +7715,7 @@ const Yf = "_wrapper_1w27z_1", qf = "_calendar_1w27z_14", Vl = {
       }
     ),
     [n.leadicon, t, e]
-  ), a = T.useMemo(
+  ), a = E.useMemo(
     () => W(
       se["tail-icon"],
       {
@@ -7718,7 +7727,7 @@ const Yf = "_wrapper_1w27z_1", qf = "_calendar_1w27z_14", Vl = {
       }
     ),
     [n.leadicon, t, e]
-  ), o = T.useMemo(
+  ), o = E.useMemo(
     () => W(
       se.divider,
       {
@@ -7730,7 +7739,7 @@ const Yf = "_wrapper_1w27z_1", qf = "_calendar_1w27z_14", Vl = {
       }
     ),
     [n.leadicon, t, e]
-  ), c = T.useMemo(
+  ), c = E.useMemo(
     () => W(se.label, {
       [se.active]: e
     }),
@@ -7781,7 +7790,7 @@ const Yf = "_wrapper_1w27z_1", qf = "_calendar_1w27z_14", Vl = {
   caption: ud,
   badge: fd
 }, um = (e) => {
-  const t = T.useMemo(
+  const t = E.useMemo(
     () => W(st.wrapper, {
       [st.active]: e.active
     }),
@@ -7791,7 +7800,7 @@ const Yf = "_wrapper_1w27z_1", qf = "_calendar_1w27z_14", Vl = {
     e.leadicon && /* @__PURE__ */ d("div", { className: st["lead-icon"], children: /* @__PURE__ */ d(Y, { icon: e.leadicon }) }),
     /* @__PURE__ */ z("div", { className: st.content, children: [
       /* @__PURE__ */ d("div", { className: st.caption, children: /* @__PURE__ */ d(Q, { size: "caption-l", weight: "semi-bold", children: /* @__PURE__ */ d("p", { children: e.caption }) }) }),
-      e.badge && /* @__PURE__ */ d("div", { className: st.badge, children: T.cloneElement(e.badge, {
+      e.badge && /* @__PURE__ */ d("div", { className: st.badge, children: E.cloneElement(e.badge, {
         size: "xs",
         stroke: !0,
         color: "orange"
@@ -7803,7 +7812,7 @@ const Yf = "_wrapper_1w27z_1", qf = "_calendar_1w27z_14", Vl = {
   label: md,
   content: hd,
   caption: pd
-}, gd = (e) => /* @__PURE__ */ d("div", { className: wn.label, children: e.children }), vd = (e) => /* @__PURE__ */ d("div", { className: wn.content, children: e.children }), bd = (e) => /* @__PURE__ */ d("div", { className: wn.caption, children: e.children }), yd = (e) => /* @__PURE__ */ d("div", { className: wn.wrapper, children: T.Children.map(e.children, (t) => T.isValidElement(t) ? t : null) }), fm = Object.assign(yd, {
+}, gd = (e) => /* @__PURE__ */ d("div", { className: wn.label, children: e.children }), vd = (e) => /* @__PURE__ */ d("div", { className: wn.content, children: e.children }), bd = (e) => /* @__PURE__ */ d("div", { className: wn.caption, children: e.children }), yd = (e) => /* @__PURE__ */ d("div", { className: wn.wrapper, children: E.Children.map(e.children, (t) => E.isValidElement(t) ? t : null) }), fm = Object.assign(yd, {
   Label: gd,
   Content: vd,
   Caption: bd

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@sellgar/kit",
-  "version": "0.0.35",
+  "version": "0.0.36",
   "description": "Sellgar storybook",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",