welcome-ui 7.4.0 → 8.0.0-alpha.0

package/dist/Search.mjs

@@ -1,32 +1,30 @@
 "use client";
-import t, { useState as me, useCallback as pe, useMemo as fe, Fragment as ue } from "react";
-import { D as H } from "./downshift.esm-CEHW4VDy.mjs";
-import { c as he } from "./create-event-rXDe5aCQ.mjs";
-import { d as ge, F as Ee } from "./field-styles-DLIhqG_8.mjs";
-import { t as $e } from "./throttle-BDBzFeFj.mjs";
-import a, { system as j, css as F, th as o } from "@xstyled/styled-components";
-import { o as A } from "./overflow-ellipsis-DGV5Kgt-.mjs";
-import { shouldForwardProp as B, forwardRef as we } from "./System.mjs";
+import t, { useState as de, useCallback as me, useMemo as pe, Fragment as fe } from "react";
+import { D as W } from "./downshift.esm-CEHW4VDy.mjs";
+import { c as ue } from "./create-event-rXDe5aCQ.mjs";
+import { d as he, F as ge } from "./field-styles-DLIhqG_8.mjs";
+import { t as Ee } from "./throttle-BDBzFeFj.mjs";
+import a, { css as F, th as o } from "@xstyled/styled-components";
+import { o as V } from "./overflow-ellipsis-DGV5Kgt-.mjs";
+import { shouldForwardProp as j, forwardRef as we } from "./System.mjs";
 import { StyledIcon as ye } from "./Icon.mjs";
-import { ClearButton as be } from "./ClearButton.mjs";
-import { IconWrapper as Fe } from "./Field.mjs";
-const G = a("div").withConfig({ shouldForwardProp: B })`
+import { ClearButton as $e } from "./ClearButton.mjs";
+import { IconWrapper as be } from "./Field.mjs";
+const A = a.divBox.withConfig({ shouldForwardProp: j })`
   position: relative;
-  ${j};
-`, Ie = a.div`
+`, Fe = a.div`
   position: relative;
-`, Se = a("input").withConfig({ shouldForwardProp: B })(
+`, Ie = a.inputBox.withConfig({ shouldForwardProp: j })(
   ({ iconPlacement: i, size: n, transparent: s, variant: g }) => F`
     position: relative;
-    ${ge({ iconPlacement: i, size: n, variant: g, transparent: s, isClearable: !0 })};
-    ${A};
-    ${j};
+    ${he({ iconPlacement: i, size: n, variant: g, transparent: s, isClearable: !0 })};
+    ${V};
 
     br {
       display: none;
     }
   `
-), ke = a.ul`
+), Se = a.ul`
   ${o("defaultFields.select.default")};
   ${o("cards.default")};
   position: absolute;
@@ -40,28 +38,28 @@ const G = a("div").withConfig({ shouldForwardProp: B })`
   transition: medium;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
-`, O = a.li(
+`, H = a.li(
   ({ isExisting: i, isHighlighted: n, isSelected: s }) => F`
     color: beige-70;
     ${n && o("defaultFields.select.highlighted")};
     ${s && o("defaultFields.select.selected")};
     ${i && o("defaultFields.select.existing")};
     ${s && n && o("defaultFields.select.selectedAndHighlighted")};
-    ${A};
+    ${V};
     padding: sm;
     list-style: none;
     text-decoration: none;
     font-size: sm;
     transition: background ${o.transition("medium")};
   `
-), Ce = a.div`
+), ke = a.div`
   position: absolute;
   padding: 0;
   top: 0;
   bottom: 0;
   right: 0;
   display: flex;
-`, ve = a.button(
+`, xe = a.buttonBox(
   ({ isOpen: i, size: n }) => F`
     position: relative;
     height: 100%;
@@ -85,130 +83,130 @@ const G = a("div").withConfig({ shouldForwardProp: B })`
       width: auto;
     }
   `
-), V = "", Re = H.default || H, xe = we(
+), O = "", Ce = W.default || W, ve = we(
   ({
     autoComplete: i = "off",
     autoFocus: n,
     dataTestId: s,
     disabled: g,
-    groupsEnabled: L,
+    groupsEnabled: G,
     icon: p,
-    id: Y,
+    id: L,
     itemToString: l,
     minChars: E = 3,
     name: I,
-    onBlur: Z,
+    onBlur: Y,
     onChange: S,
-    onClick: q,
+    onClick: Z,
     onFocus: k,
-    placeholder: J = "Search…",
-    renderGroupHeader: K,
-    renderItem: C,
-    search: v,
-    size: $ = "md",
-    throttle: R = 500,
-    value: f = V,
-    variant: Q,
-    ...w
-  }, U) => {
-    const X = f ? l(f) : V, [x, d] = me([]), D = pe(
+    placeholder: q = "Search…",
+    renderGroupHeader: J,
+    renderItem: x,
+    search: C,
+    size: w = "md",
+    throttle: v = 500,
+    value: f = O,
+    variant: K,
+    ...y
+  }, Q) => {
+    const U = f ? l(f) : O, [R, d] = de([]), D = me(
       async (e) => {
         if (E === 0 || (e == null ? void 0 : e.length) >= E) {
-          const m = await v(e);
+          const m = await C(e);
           d(m || []);
         } else
           d([]);
       },
-      [E, v]
-    ), _ = fe(
-      () => $e(D, R, !1),
-      [D, R]
-    ), y = (e) => {
-      const m = he({ name: I, value: e });
+      [E, C]
+    ), _ = pe(
+      () => Ee(D, v, !1),
+      [D, v]
+    ), $ = (e) => {
+      const m = ue({ name: I, value: e });
       S && S(e, m);
     }, z = (e) => {
-      e ? y(e) : (y(), d([]));
-    }, ee = () => {
+      e ? $(e) : ($(), d([]));
+    }, X = () => {
       f || z(), d([]);
-    }, te = (e) => l(e) || "";
+    }, ee = (e) => l(e) || "";
     return /* @__PURE__ */ t.createElement(
-      Re,
+      Ce,
       {
-        initialInputValue: X,
-        itemToString: te,
+        initialInputValue: U,
+        itemToString: ee,
         onInputValueChange: _,
-        onOuterClick: ee,
+        onOuterClick: X,
         onSelect: z,
         selectedItem: f,
-        ...w
+        ...y
       },
       ({
         clearSelection: e,
         getInputProps: m,
-        getItemProps: M,
-        getMenuProps: ne,
-        getRootProps: oe,
-        highlightedIndex: P,
-        inputValue: ie,
-        isOpen: N,
+        getItemProps: B,
+        getMenuProps: te,
+        getRootProps: ne,
+        highlightedIndex: M,
+        inputValue: oe,
+        isOpen: P,
         selectedItem: u,
-        toggleMenu: ae
+        toggleMenu: ie
       }) => {
-        const se = () => {
-          d([]), y(), e();
-        }, le = N && x.length > 0, re = /* @__PURE__ */ t.createElement(ve, { as: "div", size: $ }, /* @__PURE__ */ t.createElement(be, { onClick: se })), ce = m({
+        const ae = () => {
+          d([]), $(), e();
+        }, se = P && R.length > 0, le = /* @__PURE__ */ t.createElement(xe, { as: "div", size: w }, /* @__PURE__ */ t.createElement($e, { onClick: ae })), re = m({
           autoComplete: i,
           autoFocus: n,
           "data-testid": s,
           disabled: g,
           iconPlacement: !!p && "left",
-          id: Y,
+          id: L,
           name: I,
-          onBlur: Z,
-          onClick: q,
+          onBlur: Y,
+          onClick: Z,
           onFocus: (r) => {
-            k && k(r), _(""), ae();
+            k && k(r), _(""), ie();
           },
-          placeholder: J,
-          ref: U,
-          size: $,
+          placeholder: q,
+          ref: Q,
+          size: w,
           tabIndex: 0,
-          variant: N ? "focused" : Q,
-          ...w
+          variant: P ? "focused" : K,
+          ...y
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        }), T = Ee[$];
-        return /* @__PURE__ */ t.createElement(G, { ...oe(w) }, /* @__PURE__ */ t.createElement(Ie, null, /* @__PURE__ */ t.createElement(Se, { ...ce }), p && /* @__PURE__ */ t.createElement(Fe, { iconPlacement: "left", size: T }, t.cloneElement(p, { ...p.props, size: T })), /* @__PURE__ */ t.createElement(Ce, null, ie && re)), le && /* @__PURE__ */ t.createElement(ke, { ...ne() }, x.reduce(
-          (r, c, h) => (L ? r.itemsToRender.push(
+        }), N = ge[w];
+        return /* @__PURE__ */ t.createElement(A, { ...ne(y) }, /* @__PURE__ */ t.createElement(Fe, null, /* @__PURE__ */ t.createElement(Ie, { ...re }), p && /* @__PURE__ */ t.createElement(be, { iconPlacement: "left", size: N }, t.cloneElement(p, { ...p.props, size: N })), /* @__PURE__ */ t.createElement(ke, null, oe && le)), se && /* @__PURE__ */ t.createElement(Se, { ...te() }, R.reduce(
+          (r, c, h) => (G ? r.itemsToRender.push(
             // eslint-disable-next-line react/no-array-index-key
-            /* @__PURE__ */ t.createElement(ue, { key: h }, K(c), c.options && c.options.map((b, de) => {
-              const W = r.itemIndex++;
+            /* @__PURE__ */ t.createElement(fe, { key: h }, J(c), c.options && c.options.map((b, ce) => {
+              const T = r.itemIndex++;
               return /* @__PURE__ */ t.createElement(
-                O,
+                H,
                 {
-                  key: de,
-                  ...M({
-                    index: W,
+                  key: ce,
+                  ...B({
+                    index: T,
                     isSelected: u && l(u) === l(b),
                     item: b
                   }),
-                  isHighlighted: P === W
+                  isHighlighted: M === T
                 },
-                C(b)
+                x(b)
               );
             }))
           ) : r.itemsToRender.push(
             /* @__PURE__ */ t.createElement(
-              O,
+              H,
               {
                 key: h,
-                ...M({
+                ...B({
                   index: h,
                   isSelected: u && l(u) === l(c),
                   item: c
                 }),
-                isHighlighted: P === h
+                isHighlighted: M === h
               },
-              C(c)
+              x(c)
             )
           ), r),
           { itemsToRender: [], itemIndex: 0 }
@@ -217,9 +215,9 @@ const G = a("div").withConfig({ shouldForwardProp: B })`
     );
   }
 );
-xe.displayName = "Search";
-const Ae = G;
+ve.displayName = "Search";
+const Ve = A;
 export {
-  xe as Search,
-  Ae as StyledSearch
+  ve as Search,
+  Ve as StyledSearch
 };

package/dist/Select.mjs

@@ -4,7 +4,7 @@ import { D as pe } from "./downshift.esm-CEHW4VDy.mjs";
 import { g as Xe } from "./_commonjsHelpers-CXJ7dpIk.mjs";
 import { c as Ge } from "./create-event-rXDe5aCQ.mjs";
 import { d as Je, F as qe } from "./field-styles-DLIhqG_8.mjs";
-import v, { css as F, system as ve, th as b } from "@xstyled/styled-components";
+import v, { css as _, system as ve, th as b } from "@xstyled/styled-components";
 import { o as J } from "./overflow-ellipsis-DGV5Kgt-.mjs";
 import { StyledIcon as et } from "./Icon.mjs";
 import { IconWrapper as tt } from "./Field.mjs";
@@ -13,7 +13,7 @@ import { shouldForwardProp as te, forwardRef as ot } from "./System.mjs";
 import { Box as at } from "./Box.mjs";
 import { ClearButton as lt } from "./ClearButton.mjs";
 import { D as it } from "./index-BNGGwOCo.mjs";
-var K = { exports: {} }, Oe = {
+var B = { exports: {} }, Oe = {
   À: "A",
   Á: "A",
   Â: "A",
@@ -482,10 +482,10 @@ var ke = function(e) {
 }, dt = function(e) {
   return !!e.match(ct);
 };
-K.exports = ke;
-K.exports.has = dt;
-K.exports.remove = ke;
-var ft = K.exports;
+B.exports = ke;
+B.exports.has = dt;
+B.exports.remove = ke;
+var ft = B.exports;
 const mt = /* @__PURE__ */ Xe(ft);
 /**
  * @name match-sorter
@@ -554,9 +554,9 @@ function pt(e, t, n, r) {
     const {
       minRanking: H,
       maxRanking: N,
-      threshold: B
+      threshold: K
     } = x;
-    return E < H && E >= I.MATCHES ? E = H : E > N && (E = N), E > s && (s = E, c = f, a = B, $ = h), {
+    return E < H && E >= I.MATCHES ? E = H : E > N && (E = N), E > s && (s = E, c = f, a = K, $ = h), {
       rankedValue: $,
       rank: s,
       keyIndex: c,
@@ -712,7 +712,7 @@ const ne = "", Se = (e) => {
   const i = ee(e, r);
   return t ? e : i.label ? n ? i.label : o(i) : ne;
 }, we = v(tt)``, Te = v(at).withConfig({ shouldForwardProp: te })(
-  ({ disabled: e }) => F`
+  ({ disabled: e }) => _`
     position: relative;
     ${ve}
     ${we} {
@@ -721,8 +721,8 @@ const ne = "", Se = (e) => {
   `
 ), Vt = v.div`
   position: relative;
-`, be = v("div").withConfig({ shouldForwardProp: te })(
-  ({ iconPlacement: e, isClearable: t, size: n, transparent: r, variant: o }) => F`
+`, be = v.divBox.withConfig({ shouldForwardProp: te })(
+  ({ iconPlacement: e, isClearable: t, size: n, transparent: r, variant: o }) => _`
     position: relative;
     ${Je({
     size: n,
@@ -782,13 +782,7 @@ const ne = "", Se = (e) => {
     cursor: pointer;
   }
 `, G = v.li(
-  ({
-    allowUnselectFromList: e,
-    isDisabled: t,
-    isHighlighted: n,
-    isMultiple: r,
-    isSelected: o
-  }) => F`
+  ({ allowUnselectFromList: e, isDisabled: t, isHighlighted: n, isMultiple: r, isSelected: o }) => _`
     color: beige-70;
     ${n && b("defaultFields.select.highlighted")};
     ${o && !r && b("defaultFields.select.selected")};
@@ -802,7 +796,7 @@ const ne = "", Se = (e) => {
     transition: background ${b.transition("medium")};
   `
 ), Rt = v.divBox(
-  ({ size: e }) => F`
+  ({ size: e }) => _`
     position: absolute;
     padding: 0;
     top: 0;
@@ -812,7 +806,7 @@ const ne = "", Se = (e) => {
     gap: xs;
   `
 ), Ce = v.button.withConfig({ shouldForwardProp: te })(
-  ({ isOpen: e }) => F`
+  ({ isOpen: e }) => _`
     position: relative;
     height: 100%;
     padding: 0;
@@ -874,7 +868,7 @@ const Nt = pe.default || pe, Xt = ot(
     onChange: $,
     onClick: H,
     onCreate: N,
-    onFocus: B,
+    onFocus: K,
     options: A = [],
     placeholder: re = "Choose from…",
     renderCreateItem: Ve = (w) => `Create "${w}"`,
@@ -886,16 +880,16 @@ const Nt = pe.default || pe, Xt = ot(
     value: oe,
     variant: He,
     ...ae
-  }, _) => {
+  }, D) => {
     const w = Ze(
       () => xt(oe, A, d),
       [oe, A, d]
-    ), z = !a && w[0] || null, L = z ? z.label : "", [k, Z] = P(w), [C, D] = P(L), [M, j] = P(A), [S, T] = P(!1);
+    ), z = !a && w[0] || null, L = z ? z.label : "", [k, Z] = P(w), [C, F] = P(L), [M, j] = P(A), [S, T] = P(!1);
     h = c || h, he(() => {
       var l;
-      n && ((l = _ == null ? void 0 : _.current) == null || l.focus(), h && T(!0));
-    }, [h, n, _]), he(() => {
-      Z(w), D(L), j(A);
+      n && ((l = D == null ? void 0 : D.current) == null || l.focus(), h && T(!0));
+    }, [h, n, D]), he(() => {
+      Z(w), F(L), j(A);
     }, [L, A, w]);
     const Ne = (l) => {
       if (h && l !== C) {
@@ -903,9 +897,9 @@ const Nt = pe.default || pe, Xt = ot(
         d ? p = q(A, l, {
           // should match on group.label OR group.options.label
           keys: [(g) => g.label, (g) => g.options.map((V) => V.label)]
-        }) : p = q(A, l, { keys: ["label"] }), D(l), j(p);
+        }) : p = q(A, l, { keys: ["label"] }), F(l), j(p);
       }
-    }, _e = () => {
+    }, De = () => {
       h && !S && T(!0);
     }, le = (l) => {
       let p = [];
@@ -918,14 +912,14 @@ const Nt = pe.default || pe, Xt = ot(
         const U = wt(l, A);
         U.length && N && N(U[0].label, V);
       }
-    }, De = (l) => {
-      let p, g;
-      !l || l != null && l.disabled ? (p = a ? k : [], g = !0) : (p = a ? Ot(l, k, e) : [l], g = a), g && D(""), j(A), Z(p), le(p), o || T(!1);
     }, Fe = (l) => {
+      let p, g;
+      !l || l != null && l.disabled ? (p = a ? k : [], g = !0) : (p = a ? Ot(l, k, e) : [l], g = a), g && F(""), j(A), Z(p), le(p), o || T(!1);
+    }, _e = (l) => {
       const p = k.filter((g) => g.value !== l);
       Z(p), le(p);
     }, We = (l) => {
-      a && l.selectedItem ? D("") : h && l.selectedItem && D(l.selectedItem.label), j(A), T(!1);
+      a && l.selectedItem ? F("") : h && l.selectedItem && F(l.selectedItem.label), j(A), T(!1);
     }, Me = vt(A), ie = Tt({
       inputValue: C,
       isMultiple: a,
@@ -942,7 +936,7 @@ const Nt = pe.default || pe, Xt = ot(
         itemToString: Ee,
         onInputValueChange: Ne,
         onOuterClick: We,
-        onSelect: De,
+        onSelect: Fe,
         selectedItem: z
       },
       ({
@@ -954,7 +948,7 @@ const Nt = pe.default || pe, Xt = ot(
         getToggleButtonProps: je,
         highlightedIndex: Q
       }) => {
-        const se = !!(c && C && !X(C, k)), Pe = S && (M.length || se), Ke = u && C, Be = /* @__PURE__ */ m.createElement(Ce, { as: "div" }, /* @__PURE__ */ m.createElement(
+        const se = !!(c && C && !X(C, k)), Pe = S && (M.length || se), Be = u && C, Ke = /* @__PURE__ */ m.createElement(Ce, { as: "div" }, /* @__PURE__ */ m.createElement(
           lt,
           {
             onClick: l
@@ -985,10 +979,10 @@ const Nt = pe.default || pe, Xt = ot(
           name: x,
           onBlur: E,
           onClick: i ? void 0 : ze,
-          onFocus: B,
-          onKeyDown: _e,
+          onFocus: K,
+          onKeyDown: De,
           placeholder: re,
-          ref: _,
+          ref: D,
           size: W,
           tabIndex: 0,
           variant: S ? "focused" : He,
@@ -997,7 +991,7 @@ const Nt = pe.default || pe, Xt = ot(
           ...ae
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
         }), ue = qe[W];
-        return /* @__PURE__ */ m.createElement(Te, { ...Le, disabled: i }, /* @__PURE__ */ m.createElement(Vt, null, h ? /* @__PURE__ */ m.createElement(be, { as: "input", type: "text", ...ce }) : /* @__PURE__ */ m.createElement(be, { ...ce }, ie), f && /* @__PURE__ */ m.createElement(we, { iconPlacement: "left", size: ue }, m.cloneElement(f, { ...f.props, size: ue })), /* @__PURE__ */ m.createElement(Rt, { size: W }, Ke && Be, Ye)), Pe && /* @__PURE__ */ m.createElement(Ut, { ...V() }, M.reduce(
+        return /* @__PURE__ */ m.createElement(Te, { ...Le, disabled: i }, /* @__PURE__ */ m.createElement(Vt, null, h ? /* @__PURE__ */ m.createElement(be, { as: "input", type: "text", ...ce }) : /* @__PURE__ */ m.createElement(be, { ...ce }, ie), f && /* @__PURE__ */ m.createElement(we, { iconPlacement: "left", size: ue }, m.cloneElement(f, { ...f.props, size: ue })), /* @__PURE__ */ m.createElement(Rt, { size: W }, Be && Ke, Ye)), Pe && /* @__PURE__ */ m.createElement(Ut, { ...V() }, M.reduce(
           (R, y, de) => {
             if (d && "options" in y)
               R.itemsToRender.push(
@@ -1061,7 +1055,7 @@ const Nt = pe.default || pe, Xt = ot(
             })
           },
           Ve(C)
-        )), a && Re(k, Fe));
+        )), a && Re(k, _e));
       }
     );
   }

package/dist/Slider.mjs

@@ -243,7 +243,7 @@ const W = b`
     values: P,
     ...G
   }, q) => {
-    const [u, V] = D(a), [m, z] = D(n), [N, v] = D(n), [E, k] = D(n), A = S(null), _ = S(null), x = S(null), K = S(null), B = S(null), [T, l] = D(!1), [f, Y] = D(!1), ce = (e) => {
+    const [u, V] = D(a), [m, z] = D(n), [N, v] = D(n), [E, k] = D(n), A = S(null), U = S(null), x = S(null), K = S(null), B = S(null), [T, l] = D(!1), [f, Y] = D(!1), ce = (e) => {
       const t = C({
         value: parseInt(e.target.value, 10),
         toCompare: m,
@@ -276,8 +276,8 @@ const W = b`
       [a, n]
     );
     return F(() => {
-      if (_.current) {
-        const e = I(u), t = I(parseInt(_.current.value, 10));
+      if (U.current) {
+        const e = I(u), t = I(parseInt(U.current.value, 10));
         x.current && (x.current.style.left = `${e}%`, x.current.style.width = `${t - e}%`);
       }
     }, [u, I]), F(() => {
@@ -375,7 +375,7 @@ const W = b`
         onMouseUp: () => {
           w({ min: u, max: m }), M && Y(!1);
         },
-        ref: _,
+        ref: U,
         step: i,
         type: "range",
         value: m
@@ -420,7 +420,7 @@ const W = b`
       }
     ) : /* @__PURE__ */ r.createElement($, null, n))), g && /* @__PURE__ */ r.createElement(X, { color: "neutral-50", mt: 0 }, g));
   }
-), $e = 20, H = (o, c) => Math.round(o / c) * c, U = (o, c, g, y) => (o = H(o, y), o < c ? c : o > g ? g : o), ie = le(
+), $e = 20, H = (o, c) => Math.round(o / c) * c, _ = (o, c, g, y) => (o = H(o, y), o < c ? c : o > g ? g : o), ie = le(
   ({
     borderSelectorColor: o = "neutral-10",
     disabled: c,
@@ -436,17 +436,17 @@ const W = b`
     values: P,
     ...G
   }, q) => {
-    const u = S(null), V = S(null), [m, z] = D(!1), [N, v] = D(U(p, a, n, i)), [E, k] = D(U(p, a, n, i)), A = (l) => {
+    const u = S(null), V = S(null), [m, z] = D(!1), [N, v] = D(_(p, a, n, i)), [E, k] = D(_(p, a, n, i)), A = (l) => {
       l = H(l, i), k(l);
-    }, _ = (l) => {
+    }, U = (l) => {
       l.preventDefault();
       let f = E;
-      l.key === "ArrowRight" && (f = U(f + i, a, n, i)), l.key === "ArrowLeft" && (f = U(f - i, a, n, i)), k(f), v(f), w(f);
+      l.key === "ArrowRight" && (f = _(f + i, a, n, i)), l.key === "ArrowLeft" && (f = _(f - i, a, n, i)), k(f), v(f), w(f);
     }, x = (l) => {
       let f = parseInt(l.target.value, 10);
       isNaN(f) && (f = 0), v(f);
     }, K = () => {
-      const l = U(N, a, n, i);
+      const l = _(N, a, n, i);
       v(l), k(l), w(l);
     }, B = (l) => {
       l.key === "Enter" && K();
@@ -487,7 +487,7 @@ const W = b`
           const f = parseInt(l.target.value, 10);
           A(f), v(f);
         },
-        onKeyDown: _,
+        onKeyDown: U,
         onMouseDown: () => {
           M && m === !1 && z(!0);
         },
@@ -525,7 +525,7 @@ const ke = Object.assign(ie, { Range: pe });
 export {
   ke as Slider,
   ie as SliderComponent,
-  U as ensureMinMax,
+  _ as ensureMinMax,
   H as round,
   $e as thumbWidth
 };

package/dist/System.mjs

@@ -1,51 +1,19 @@
 "use client";
-import m from "react";
-import * as t from "@xstyled/styled-components";
-import { compose as p, style as o, getTransition as a, getZIndex as c, getPx as r } from "@xstyled/styled-components";
-const i = p(
-  o({ prop: "opacity" }),
-  o({ prop: "overflow" }),
-  o({ prop: "transition", themeGet: a }),
-  o({ prop: "position" }),
-  o({ prop: "zIndex", themeGet: c }),
-  o({ prop: "top", themeGet: r }),
-  o({ prop: "right", themeGet: r }),
-  o({ prop: "bottom", themeGet: r }),
-  o({ prop: "left", themeGet: r })
-), h = Object.freeze([
-  t.backgrounds,
-  t.borders,
-  t.boxShadow,
-  t.color,
-  t.display,
-  t.flexboxes,
-  t.grids,
-  t.height,
-  t.maxHeight,
-  t.maxWidth,
-  t.minHeight,
-  t.minWidth,
-  t.space,
-  t.typography,
-  t.verticalAlign,
-  t.width,
-  i
-]), d = Object.freeze([
-  t.margin,
-  t.marginBottom,
-  t.marginLeft,
-  t.marginRight,
-  t.marginTop,
-  t.mx,
-  t.my,
-  t.width,
-  i
-]), n = p(...h), f = p(...d), l = n.meta.props.filter((e) => !f.meta.props.includes(e)).map((e) => e === "w" ? t.width : e === "h" ? t.height : t[e]).filter(Boolean), P = p(...l), u = (e) => !n.meta.props.includes(e), w = (e, s) => s(e), x = (e) => m.forwardRef(e);
+import i from "react";
+function n(e) {
+  var r = /* @__PURE__ */ Object.create(null);
+  return function(t) {
+    return r[t] === void 0 && (r[t] = e(t)), r[t];
+  };
+}
+var a = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, o = /* @__PURE__ */ n(
+  function(e) {
+    return a.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+);
+const s = (e) => o(e), c = (e) => i.forwardRef(e);
 export {
-  P as componentSystem,
-  u as filterSystemProps,
-  x as forwardRef,
-  w as shouldForwardProp,
-  n as system,
-  f as wrapperSystem
+  c as forwardRef,
+  s as shouldForwardProp
 };