@beaubrain/web-design-system 0.1.3 → 0.1.5

package/dist/index.js

@@ -4,7 +4,7 @@ import I from "react";
 function Ot(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var oe = { exports: {} };
+var se = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -41,7 +41,7 @@ function At() {
       }
       e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  })(oe)), oe.exports;
+  })(se)), se.exports;
 }
 var Gt = At();
 const x = /* @__PURE__ */ Ot(Gt), Bt = (e, t) => {
@@ -58,7 +58,7 @@ const x = /* @__PURE__ */ Ot(Gt), Bt = (e, t) => {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
-}, ue = (...e) => (t) => {
+}, de = (...e) => (t) => {
   let o = !1;
   const r = e.map((s) => {
     const n = xe(s, t);
@@ -74,7 +74,7 @@ const x = /* @__PURE__ */ Ot(Gt), Bt = (e, t) => {
   return t && "isReactWarning" in t && t.isReactWarning ? e.ref : e.props.ref || e.ref;
 };
 function E(...e) {
-  return I.useCallback(ue(...e), e);
+  return I.useCallback(de(...e), e);
 }
 const Pe = (...e) => {
   let t = {};
@@ -266,11 +266,11 @@ function qt({
 function Kt(e) {
   return typeof e == "function";
 }
-function de(e) {
+function pe(e) {
   const t = i.useRef({ value: e, previous: e });
   return i.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
 }
-function pe(e) {
+function fe(e) {
   const [t, o] = i.useState(void 0);
   return L(() => {
     if (e) {
@@ -301,7 +301,7 @@ const Xt = (e) => {
     const { children: s, ...n } = o;
     if (I.isValidElement(s)) {
       const c = Ie(s), a = Bt(n, s.props);
-      return a.ref = r ? ue(r, c) : c, I.cloneElement(s, a);
+      return a.ref = r ? de(r, c) : c, I.cloneElement(s, a);
     }
     throw new Error(
       `[${e}.OutletClone] Invalid children passed, expected a single valid React element.`
@@ -463,11 +463,11 @@ so.displayName = "Reset";
 const S = (e, t, { checkForDefaultPrevented: o = !0 } = {}) => function(s) {
   if (e?.(s), o === !1 || !s.defaultPrevented)
     return t?.(s);
-}, se = "rovingFocusGroup.onEntryFocus", no = { bubbles: !1, cancelable: !0 }, J = "RovingFocusGroup", [ae, Te, ro] = Qt(J), [co, fe] = _(
+}, ne = "rovingFocusGroup.onEntryFocus", no = { bubbles: !1, cancelable: !0 }, J = "RovingFocusGroup", [ie, Te, ro] = Qt(J), [co, me] = _(
   J,
   [ro]
 ), [ao, io] = co(J), Oe = i.forwardRef(
-  (e, t) => /* @__PURE__ */ u(ae.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ u(ae.Outlet, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ u(lo, { ...e, ref: t }) }) })
+  (e, t) => /* @__PURE__ */ u(ie.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ u(ie.Outlet, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ u(lo, { ...e, ref: t }) }) })
 ), lo = i.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: o,
@@ -488,7 +488,7 @@ const S = (e, t, { checkForDefaultPrevented: o = !0 } = {}) => function(s) {
   return i.useEffect(() => {
     const w = p.current;
     if (w)
-      return w.addEventListener(se, y), () => w.removeEventListener(se, y);
+      return w.addEventListener(ne, y), () => w.removeEventListener(ne, y);
   }, [y]), /* @__PURE__ */ u(
     ao,
     {
@@ -523,9 +523,9 @@ const S = (e, t, { checkForDefaultPrevented: o = !0 } = {}) => function(s) {
           onFocus: S(e.onFocus, (w) => {
             const V = !C.current;
             if (w.target === w.currentTarget && V && !v) {
-              const Ne = new CustomEvent(se, no);
+              const Ne = new CustomEvent(ne, no);
               if (w.currentTarget.dispatchEvent(Ne), !Ne.defaultPrevented) {
-                const te = R().filter((G) => G.focusable), Et = te.find((G) => G.active), _t = te.find((G) => G.id === m), Tt = [Et, _t, ...te].filter(
+                const oe = R().filter((G) => G.focusable), Et = oe.find((G) => G.active), _t = oe.find((G) => G.id === m), Tt = [Et, _t, ...oe].filter(
                   Boolean
                 ).map((G) => G.ref.current);
                 Ge(Tt, d);
@@ -552,7 +552,7 @@ const S = (e, t, { checkForDefaultPrevented: o = !0 } = {}) => function(s) {
       if (r)
         return m(), () => g();
     }, [r, m, g]), /* @__PURE__ */ u(
-      ae.ItemOutlet,
+      ie.ItemOutlet,
       {
         scope: o,
         id: d,
@@ -621,10 +621,10 @@ const $ = {
   asChild: {
     type: "boolean"
   }
-}, me = ["gray50", "gray100", "gray200", "gray300", "gray400", "gray500", "gray600", "gray700", "gray800", "gray900", "gray1000", "gray1100", "gray1200", "gray1300", "gray1400", "gray1500", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "blue1100", "blue1200", "blue1300", "blue1400", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "green1100", "green1200", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "red1100"], bo = {
+}, Q = ["gray50", "gray100", "gray200", "gray300", "gray400", "gray500", "gray600", "gray700", "gray800", "gray900", "gray1000", "gray1100", "gray1200", "gray1300", "gray1400", "gray1500", "blue50", "blue100", "blue200", "blue300", "blue400", "blue500", "blue600", "blue700", "blue800", "blue900", "blue1000", "blue1100", "blue1200", "blue1300", "blue1400", "green50", "green100", "green200", "green300", "green400", "green500", "green600", "green700", "green800", "green900", "green1000", "green1100", "green1200", "red50", "red100", "red200", "red300", "red400", "red500", "red600", "red700", "red800", "red900", "red1000", "red1100"], bo = {
   color: {
     type: "enum | string",
-    values: me,
+    values: Q,
     className: "bd-color",
     customProperties: ["--color"],
     default: void 0
@@ -632,11 +632,19 @@ const $ = {
 }, ho = {
   borderColor: {
     type: "enum | string",
-    values: me,
+    values: Q,
     className: "bd-br-color",
     customProperties: ["--border-color"],
     default: void 0
   }
+}, go = {
+  accentColor: {
+    type: "enum | string",
+    values: Q,
+    className: "bd-ac-color",
+    customProperties: ["--accent-color"],
+    default: void 0
+  }
 }, B = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], q = {
   p: {
     type: "enum | string",
@@ -696,7 +704,7 @@ const $ = {
     className: "bd-max-w",
     customProperties: ["--max-width"]
   }
-}, go = {
+}, yo = {
   height: {
     type: "string",
     className: "bd-h",
@@ -712,14 +720,14 @@ const $ = {
     className: "bd-max-h",
     customProperties: ["--max-height"]
   }
-}, yo = ["static", "relative", "absolute", "fixed", "sticky"], ne = ["visible", "hidden", "clip", "scroll", "auto"], z = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"], vo = ["0", "1"], Co = ["0", "1"], Ro = ["start", "center", "end", "baseline", "stretch"], No = ["start", "center", "end", "baseline", "stretch"], wo = {
+}, vo = ["static", "relative", "absolute", "fixed", "sticky"], re = ["visible", "hidden", "clip", "scroll", "auto"], z = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"], Co = ["0", "1"], Ro = ["0", "1"], No = ["start", "center", "end", "baseline", "stretch"], wo = ["start", "center", "end", "baseline", "stretch"], xo = {
   ...Be,
-  ...go,
+  ...yo,
   ...q,
   position: {
     type: "enum",
     className: "bd-position",
-    values: yo
+    values: vo
   },
   inset: {
     type: "enum | string",
@@ -754,17 +762,17 @@ const $ = {
   overflow: {
     type: "enum",
     className: "bd-overflow",
-    values: ne
+    values: re
   },
   overflowX: {
     type: "enum",
     className: "bd-ox",
-    values: ne
+    values: re
   },
   overflowY: {
     type: "enum",
     className: "bd-oy",
-    values: ne
+    values: re
   },
   flexBasis: {
     type: "string",
@@ -775,13 +783,13 @@ const $ = {
     type: "enum | string",
     className: "bd-fs",
     customProperties: ["--flex-shrink"],
-    values: vo
+    values: Co
   },
   flexGrow: {
     type: "enum | string",
     className: "bd-fg",
     customProperties: ["--flex-grow"],
-    values: Co
+    values: Ro
   },
   gridArea: {
     type: "string",
@@ -821,12 +829,12 @@ const $ = {
   alignSelf: {
     type: "enum",
     className: "bd-as",
-    values: Ro
+    values: No
   },
   justifySelf: {
     type: "enum",
     className: "bd-js",
-    values: No
+    values: wo
   }
 }, F = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "-1", "-2", "-3", "-4", "-5", "-6", "-7", "-8", "-9", "-10", "-11", "-12"], M = {
   m: {
@@ -871,79 +879,79 @@ const $ = {
     className: "bd-ml",
     customProperties: ["--ml"]
   }
-}, xo = ["left", "center", "right"], Po = {
+}, Po = ["left", "center", "right"], ko = {
   align: {
     type: "enum",
-    values: xo,
+    values: Po,
     className: "bd-ta"
   }
-}, ko = ["wrap", "nowrap", "pretty", "balance"], Io = {
+}, Io = ["wrap", "nowrap", "pretty", "balance"], So = {
   wrap: {
     type: "enum",
     className: "bd-tw",
-    values: ko
+    values: Io
   }
-}, So = ["light", "regular", "medium", "semibold", "bold"], Fe = {
+}, Eo = ["light", "regular", "medium", "semibold", "bold"], Fe = {
   weight: {
     type: "enum",
-    values: So,
+    values: Eo,
     className: "bd-weight"
   }
-}, Eo = {
+}, _o = {
   truncate: {
     type: "boolean",
     className: "bd-truncate"
   }
-}, _o = ["normal", "start", "end", "both"], To = {
+}, To = ["normal", "start", "end", "both"], Oo = {
   trim: {
     type: "enum",
     className: "bd-lt",
-    values: _o,
+    values: To,
     default: "normal"
   }
-}, Oo = ["none", "s", "m", "l", "full"], Ao = {
+}, Ao = ["none", "s", "m", "l", "full"], Go = {
   radius: {
     type: "enum | string",
-    values: Oo,
+    values: Ao,
     default: void 0,
     className: "bd-radius",
     customProperties: ["--radius"]
   }
-}, re = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], De = {
+}, ce = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], De = {
   gap: {
     type: "enum | string",
     className: "bd-gap",
     customProperties: ["--gap"],
-    values: re
+    values: ce
   },
   gapX: {
     type: "enum | string",
     className: "bd-cg",
     customProperties: ["--col-gap"],
-    values: re
+    values: ce
   },
   gapY: {
     type: "enum | string",
     className: "bd-rg",
     customProperties: ["--row-gap"],
-    values: re
+    values: ce
   }
-}, Go = ["span", "div", "label", "p"], Bo = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"], Fo = {
-  as: { type: "enum", values: Go, default: "span" },
+}, Bo = ["span", "div", "label", "p"], Fo = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"], Do = {
+  as: { type: "enum", values: Bo, default: "span" },
   ...$,
   size: {
     type: "enum | string",
     className: "bd-size",
-    values: Bo,
+    values: Fo,
     customProperties: ["--size"]
   },
   ...$,
   ...M,
-  ...Po,
-  ...Io,
+  ...ko,
+  ...So,
   ...Fe,
-  ...Eo,
-  ...To,
+  ..._o,
+  ...Oo,
   ...bo
 }, be = i.forwardRef((e, t) => {
   const {
@@ -952,56 +960,56 @@ const $ = {
     asChild: s,
     as: n = "span",
     ...c
-  } = P(e, Fo);
+  } = P(e, Do);
   return /* @__PURE__ */ u(Z, { ...c, ref: t, className: x("bd-Text", r), children: s ? o : /* @__PURE__ */ u(n, { children: o }) });
 });
 be.displayName = "Text";
-const Do = (e) => e === "between" ? "space-between" : e, Mo = ["div", "span"], $o = ["none", "inline-flex", "flex"], Vo = ["row", "column", "row-reverse", "column-reverse"], zo = ["start", "center", "end", "baseline", "stretch"], Lo = ["start", "center", "end", "between"], Uo = ["nowrap", "wrap", "wrap-reverse"], Me = {
-  as: { type: "enum", values: Mo, default: "div" },
+const Mo = (e) => e === "between" ? "space-between" : e, $o = ["div", "span"], Vo = ["none", "inline-flex", "flex"], zo = ["row", "column", "row-reverse", "column-reverse"], Lo = ["start", "center", "end", "baseline", "stretch"], Uo = ["start", "center", "end", "between"], jo = ["nowrap", "wrap", "wrap-reverse"], Me = {
+  as: { type: "enum", values: $o, default: "div" },
   ...$,
   display: {
     type: "enum",
     className: "bd-display",
-    values: $o
+    values: Vo
   },
   direction: {
     type: "enum",
     className: "bd-fd",
-    values: Vo
+    values: zo
   },
   align: {
     type: "enum",
     className: "bd-ai",
-    values: zo
+    values: Lo
   },
   justify: {
     type: "enum",
     className: "bd-jc",
-    values: Lo,
-    parseValue: Do
+    values: Uo,
+    parseValue: Mo
   },
   wrap: {
     type: "enum",
     className: "bd-fw",
-    values: Uo
+    values: jo
   },
   ...De,
-  ...wo,
+  ...xo,
   ...M
 }, Y = i.forwardRef((e, t) => {
   const { className: o, asChild: r, as: s = "div", ...n } = P(e, Me);
   return /* @__PURE__ */ u(r ? Z : s, { ...n, ref: t, className: x("bd-Flex", o) });
 });
 Y.displayName = "Flex";
-const jo = ["1", "2", "3"], Ho = {
-  size: { type: "enum", className: "bd-size", values: jo, default: "2" },
+const Ho = ["1", "2", "3"], qo = {
+  size: { type: "enum", className: "bd-size", values: Ho, default: "2" },
   loading: { type: "boolean", default: !0 },
-  color: { type: "enum", className: "bd-color", values: me },
+  color: { type: "enum", className: "bd-color", values: Q },
   ...M
 }, $e = i.forwardRef((e, t) => {
   const { className: o, children: r, loading: s, ...n } = P(
     e,
-    Ho,
+    qo,
     ho
   );
   if (!s) return r;
@@ -1012,13 +1020,13 @@ const jo = ["1", "2", "3"], Ho = {
   ] });
 });
 $e.displayName = "Spinner";
-const qo = ["1", "2", "3", "4", "5"], Ko = [
+const Ko = ["1", "2", "3", "4", "5"], Wo = [
   "fill-primary",
   "fill-secondary",
   "outline-primary",
   "outline-secondary",
   "ghost"
-], ce = {
+], ae = {
   ...$,
   /**
    * @description 버튼의 높이 기준
@@ -1029,15 +1037,15 @@ const qo = ["1", "2", "3", "4", "5"], Ko = [
    * 4="48px"
    * 5="56px"
    */
-  size: { type: "enum", className: "bd-size", values: qo, default: "5" },
-  variant: { type: "enum", className: "bd-variant", values: Ko, default: "fill-primary" },
+  size: { type: "enum", className: "bd-size", values: Ko, default: "5" },
+  variant: { type: "enum", className: "bd-variant", values: Wo, default: "fill-primary" },
   ...Be,
   ...M,
   ...De,
-  ...Ao,
+  ...Go,
   ...Fe,
   loading: { type: "boolean", className: "bd-loading", default: !1 }
-}, Wo = (e) => {
+}, Xo = (e) => {
   switch (e) {
     case "1":
       return "1";
@@ -1048,7 +1056,7 @@ const qo = ["1", "2", "3", "4", "5"], Ko = [
     case "5":
       return "3";
   }
-}, Xo = (e) => {
+}, Yo = (e) => {
   switch (e) {
     case "fill-primary":
       return;
@@ -1060,14 +1068,14 @@ const qo = ["1", "2", "3", "4", "5"], Ko = [
     default:
       return;
   }
-}, Yo = i.forwardRef((e, t) => {
-  const { variant: o = ce.variant.default, size: r = ce.size.default } = e, {
+}, Zo = i.forwardRef((e, t) => {
+  const { variant: o = ae.variant.default, size: r = ae.size.default } = e, {
     className: s,
     children: n,
     asChild: c,
     disabled: a = e.loading,
     ...l
-  } = P(e, ce);
+  } = P(e, ae);
   return /* @__PURE__ */ u(
     c ? Z : "button",
     {
@@ -1083,15 +1091,15 @@ const qo = ["1", "2", "3", "4", "5"], Ko = [
         /* @__PURE__ */ u(Y, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0", children: /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(
           $e,
           {
-            size: Wo(r),
-            color: Xo(o)
+            size: Xo(r),
+            color: Yo(o)
           }
         ) }) })
       ] }) : n
     }
   );
 });
-Yo.displayName = "Button";
+Zo.displayName = "Button";
 const Ve = i.forwardRef((e, t) => {
   const { color: o = "currentColor", ...r } = e;
   return /* @__PURE__ */ u(
@@ -1116,7 +1124,7 @@ const Ve = i.forwardRef((e, t) => {
       )
     }
   );
-}), Zo = i.forwardRef((e, t) => {
+}), Jo = i.forwardRef((e, t) => {
   const { color: o = "currentColor", ...r } = e;
   return /* @__PURE__ */ u(
     "svg",
@@ -1138,11 +1146,11 @@ const Ve = i.forwardRef((e, t) => {
       )
     }
   );
-}), Jo = ["1", "2", "3", "4"], Qo = ["classic", "circle", "outline"], ze = {
-  size: { type: "enum", className: "bd-size", values: Jo, default: "2" },
-  variant: { type: "enum", className: "bd-variant", values: Qo, default: "classic" }
-}, he = "Checkbox", [es, Le] = _(he), [ts, ge] = es(he);
-function os(e) {
+}), Qo = ["1", "2", "3", "4"], es = ["classic", "circle", "outline"], ze = {
+  size: { type: "enum", className: "bd-size", values: Qo, default: "2" },
+  variant: { type: "enum", className: "bd-variant", values: es, default: "classic" }
+}, he = "Checkbox", [ts, Le] = _(he), [os, ge] = ts(he);
+function ss(e) {
   const {
     __scopeCheckbox: t,
     checked: o,
@@ -1178,11 +1186,11 @@ function os(e) {
     setBubbleInput: y
   };
   return /* @__PURE__ */ u(
-    ts,
+    os,
     {
       scope: t,
       ...N,
-      children: ss(p) ? p(N) : d
+      children: ns(p) ? p(N) : d
     }
   );
 }
@@ -1250,7 +1258,7 @@ const He = i.forwardRef(
       ...p
     } = e;
     return /* @__PURE__ */ u(
-      os,
+      ss,
       {
         __scopeCheckbox: o,
         checked: s,
@@ -1294,7 +1302,7 @@ const He = i.forwardRef(
       bubbleInput: p,
       setBubbleInput: h,
       hasConsumerStoppedPropagationRef: m
-    } = ge(qe, e), g = E(o, h), v = de(s), b = pe(r);
+    } = ge(qe, e), g = E(o, h), v = pe(s), b = fe(r);
     i.useEffect(() => {
       const R = p;
       if (!R) return;
@@ -1350,7 +1358,7 @@ const We = "CheckboxIndicator", ye = i.forwardRef((e, t) => {
   ) });
 });
 ye.displayName = We;
-function ss(e) {
+function ns(e) {
   return typeof e == "function";
 }
 function O(e) {
@@ -1359,7 +1367,7 @@ function O(e) {
 function Xe(e) {
   return O(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-const ns = i.forwardRef((e, t) => {
+const rs = i.forwardRef((e, t) => {
   const {
     className: o,
     checked: r,
@@ -1381,18 +1389,18 @@ const ns = i.forwardRef((e, t) => {
       asChild: !1,
       ref: t,
       className: x("bd-reset", "bd-CheckboxRoot", o),
-      children: /* @__PURE__ */ u(ye, { asChild: !0, className: "bd-CheckboxIndicator", children: a === "indeterminate" ? /* @__PURE__ */ u(Zo, {}) : /* @__PURE__ */ u(Ve, {}) })
+      children: /* @__PURE__ */ u(ye, { asChild: !0, className: "bd-CheckboxIndicator", children: a === "indeterminate" ? /* @__PURE__ */ u(Jo, {}) : /* @__PURE__ */ u(Ve, {}) })
     }
   );
 });
-ns.displayName = "Checkbox";
+rs.displayName = "Checkbox";
 const K = {
   ...$,
   ...ze
-}, ve = "CheckboxGroup", [rs, Ye] = _(
+}, ve = "CheckboxGroup", [cs, Ye] = _(
   ve,
-  [fe, Le]
-), Ze = fe(), Je = Le(), [cs, as] = rs(ve), Qe = i.forwardRef(
+  [me, Le]
+), Ze = me(), Je = Le(), [as, is] = cs(ve), Qe = i.forwardRef(
   (e, t) => {
     const {
       __scopeCheckboxGroup: o,
@@ -1417,7 +1425,7 @@ const K = {
       [g]
     );
     return /* @__PURE__ */ u(
-      cs,
+      as,
       {
         scope: o,
         name: r,
@@ -1441,7 +1449,7 @@ const K = {
 );
 Qe.displayName = ve;
 const et = "CheckboxGroupItem", tt = i.forwardRef((e, t) => {
-  const { __scopeCheckboxGroup: o, disabled: r, ...s } = e, n = as(et, o), c = n.disabled || r, a = Ze(o), l = Je(o), d = i.useRef(null), f = E(t, d), p = n.value?.includes(s.value);
+  const { __scopeCheckboxGroup: o, disabled: r, ...s } = e, n = is(et, o), c = n.disabled || r, a = Ze(o), l = Je(o), d = i.useRef(null), f = E(t, d), p = n.value?.includes(s.value);
   return /* @__PURE__ */ u(
     Ae,
     {
@@ -1468,14 +1476,14 @@ const et = "CheckboxGroupItem", tt = i.forwardRef((e, t) => {
   );
 });
 tt.displayName = et;
-const is = "CheckboxGroupIndicator", ot = i.forwardRef((e, t) => {
+const ls = "CheckboxGroupIndicator", ot = i.forwardRef((e, t) => {
   const { __scopeCheckboxGroup: o, ...r } = e, s = Je(o);
   return /* @__PURE__ */ u(ye, { ...s, ...r, ref: t });
 });
-ot.displayName = is;
-const U = "CheckboxGroup", [ls] = _(U, [
+ot.displayName = ls;
+const U = "CheckboxGroup", [us] = _(U, [
   Ye
-]), st = Ye(), [us, nt] = ls(U), rt = i.forwardRef(
+]), st = Ye(), [ds, nt] = us(U), rt = i.forwardRef(
   (e, t) => {
     const {
       size: o = K.size.default,
@@ -1485,7 +1493,7 @@ const U = "CheckboxGroup", [ls] = _(U, [
       s,
       K
     ), l = st(n);
-    return /* @__PURE__ */ u(us, { scope: n, size: o, variant: r, children: /* @__PURE__ */ u(
+    return /* @__PURE__ */ u(ds, { scope: n, size: o, variant: r, children: /* @__PURE__ */ u(
       Qe,
       {
         ...l,
@@ -1509,7 +1517,7 @@ const ct = i.forwardRef(
         style: n,
         children: [
           /* @__PURE__ */ u(
-            ie,
+            le,
             {
               __scopeCheckboxGroup: o,
               ...c,
@@ -1520,7 +1528,7 @@ const ct = i.forwardRef(
         ]
       }
     ) : /* @__PURE__ */ u(
-      ie,
+      le,
       {
         __scopeCheckboxGroup: o,
         ...c,
@@ -1532,7 +1540,7 @@ const ct = i.forwardRef(
   }
 );
 ct.displayName = `${U}.Item`;
-const ie = i.forwardRef(({ __scopeCheckboxGroup: e, ...t }, o) => {
+const le = i.forwardRef(({ __scopeCheckboxGroup: e, ...t }, o) => {
   const r = nt("CheckboxGroupItemCheckbox", e), s = st(e), { className: n } = P({ ...t, ...r }, K);
   return /* @__PURE__ */ u(
     tt,
@@ -1550,14 +1558,14 @@ const ie = i.forwardRef(({ __scopeCheckboxGroup: e, ...t }, o) => {
     }
   );
 });
-ie.displayName = `${U}.ItemCheckbox`;
-const js = {
+le.displayName = `${U}.ItemCheckbox`;
+const Hs = {
   Root: rt,
   Item: ct
-}, ds = ["1", "2", "3", "4"], ps = ["classic", "outline"], fs = {
-  size: { type: "enum", className: "bd-size", values: ds, default: "2" },
-  variant: { type: "enum", className: "bd-variant", values: ps, default: "classic" }
-}, Ce = "Radio", [ms, at] = _(Ce), [bs, hs] = ms(Ce), Re = i.forwardRef(
+}, ps = ["1", "2", "3", "4"], fs = ["classic", "outline"], ms = {
+  size: { type: "enum", className: "bd-size", values: ps, default: "2" },
+  variant: { type: "enum", className: "bd-variant", values: fs, default: "classic" }
+}, Ce = "Radio", [bs, at] = _(Ce), [hs, gs] = bs(Ce), Re = i.forwardRef(
   (e, t) => {
     const {
       __scopeRadio: o,
@@ -1570,7 +1578,7 @@ const js = {
       form: d,
       ...f
     } = e, [p, h] = i.useState(null), m = E(t, h), g = i.useRef(!1), v = p ? d || !!p.closest("form") : !0;
-    return /* @__PURE__ */ A(bs, { scope: o, checked: s, disabled: c, children: [
+    return /* @__PURE__ */ A(hs, { scope: o, checked: s, disabled: c, children: [
       /* @__PURE__ */ u(
         k.button,
         {
@@ -1608,7 +1616,7 @@ const js = {
 Re.displayName = Ce;
 const it = "RadioIndicator", lt = i.forwardRef(
   (e, t) => {
-    const { __scopeRadio: o, forceMount: r, ...s } = e, n = hs(it, o);
+    const { __scopeRadio: o, forceMount: r, ...s } = e, n = gs(it, o);
     return /* @__PURE__ */ u(Ee, { remain: r || n.checked, children: /* @__PURE__ */ u(
       k.span,
       {
@@ -1621,9 +1629,9 @@ const it = "RadioIndicator", lt = i.forwardRef(
   }
 );
 lt.displayName = it;
-const gs = "RadioBubbleInput", ut = i.forwardRef(
+const ys = "RadioBubbleInput", ut = i.forwardRef(
   ({ control: e, checked: t, bubbles: o = !0, ...r }, s) => {
-    const n = i.useRef(null), c = E(n, s), a = de(t), l = pe(e);
+    const n = i.useRef(null), c = E(n, s), a = pe(t), l = fe(e);
     return i.useEffect(() => {
       const d = n.current;
       if (!d) return;
@@ -1656,18 +1664,18 @@ const gs = "RadioBubbleInput", ut = i.forwardRef(
     );
   }
 );
-ut.displayName = gs;
+ut.displayName = ys;
 function dt(e) {
   return e ? "checked" : "unchecked";
 }
-const ys = i.forwardRef((e, t) => {
+const vs = i.forwardRef((e, t) => {
   const {
     className: o,
     checked: r,
     defaultChecked: s = !1,
     onCheck: n,
     ...c
-  } = P(e, fs), [a, l] = D({
+  } = P(e, ms), [a, l] = D({
     prop: r,
     defaultProp: s,
     onChange: n
@@ -1684,11 +1692,11 @@ const ys = i.forwardRef((e, t) => {
     }
   );
 });
-ys.displayName = "Radio";
-const vs = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = "RadioGroup", [Cs, pt] = _(
-  Q,
+vs.displayName = "Radio";
+const Cs = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], ee = "RadioGroup", [Rs, pt] = _(
+  ee,
   [at]
-), ft = fe(), mt = at(), [Rs, Ns] = Cs(Q), bt = i.forwardRef(
+), ft = me(), mt = at(), [Ns, ws] = Rs(ee), bt = i.forwardRef(
   (e, t) => {
     const {
       __scopeRadioGroup: o,
@@ -1705,10 +1713,10 @@ const vs = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = "RadioGroup"
       prop: n,
       defaultProp: s ?? null,
       onChange: f,
-      caller: Q
+      caller: ee
     });
     return /* @__PURE__ */ u(
-      Rs,
+      Ns,
       {
         scope: o,
         name: r,
@@ -1731,13 +1739,13 @@ const vs = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = "RadioGroup"
     );
   }
 );
-bt.displayName = Q;
+bt.displayName = ee;
 const ht = "RadioGroupItem", gt = i.forwardRef(
   (e, t) => {
-    const { __scopeRadioGroup: o, disabled: r, ...s } = e, n = Ns(ht, o), c = n.disabled || r, a = ft(o), l = mt(o), d = i.useRef(null), f = E(t, d), p = n.value === s.value, h = i.useRef(!1);
+    const { __scopeRadioGroup: o, disabled: r, ...s } = e, n = ws(ht, o), c = n.disabled || r, a = ft(o), l = mt(o), d = i.useRef(null), f = E(t, d), p = n.value === s.value, h = i.useRef(!1);
     return i.useEffect(() => {
       const m = (v) => {
-        vs.includes(v.key) && (h.current = !0);
+        Cs.includes(v.key) && (h.current = !0);
       }, g = () => h.current = !1;
       return document.addEventListener("keydown", m), document.addEventListener("keyup", g), () => {
         document.removeEventListener("keydown", m), document.removeEventListener("keyup", g);
@@ -1773,17 +1781,17 @@ const ht = "RadioGroupItem", gt = i.forwardRef(
   }
 );
 gt.displayName = ht;
-const ws = "RadioGroupBaseIndicator", xs = i.forwardRef((e, t) => {
+const xs = "RadioGroupBaseIndicator", Ps = i.forwardRef((e, t) => {
   const { __scopeRadioGroup: o, ...r } = e, s = mt(o);
   return /* @__PURE__ */ u(lt, { ...s, ...r, ref: t });
 });
-xs.displayName = ws;
-const Ps = ["1", "2", "3"], ks = ["classic", "outline"], W = {
+Ps.displayName = xs;
+const ks = ["1", "2", "3"], Is = ["classic", "outline"], W = {
   ...$,
-  size: { type: "enum", className: "bd-size", values: Ps, default: "2" },
-  variant: { type: "enum", className: "bd-variant", values: ks, default: "classic" },
+  size: { type: "enum", className: "bd-size", values: ks, default: "2" },
+  variant: { type: "enum", className: "bd-variant", values: Is, default: "classic" },
   ...M
-}, j = "RadioGroup", [Is] = _(j, [pt]), yt = pt(), [Ss, vt] = Is(j), Ct = i.forwardRef(
+}, j = "RadioGroup", [Ss] = _(j, [pt]), yt = pt(), [Es, vt] = Ss(j), Ct = i.forwardRef(
   ({
     size: e = W.size.default,
     variant: t = W.variant.default,
@@ -1793,7 +1801,7 @@ const Ps = ["1", "2", "3"], ks = ["classic", "outline"], W = {
       o,
       W
     ), a = yt(s);
-    return /* @__PURE__ */ u(Ss, { scope: s, size: e, variant: t, children: /* @__PURE__ */ u(
+    return /* @__PURE__ */ u(Es, { scope: s, size: e, variant: t, children: /* @__PURE__ */ u(
       bt,
       {
         ...a,
@@ -1817,7 +1825,7 @@ const Rt = i.forwardRef(
         style: n,
         children: [
           /* @__PURE__ */ u(
-            le,
+            ue,
             {
               __scopeRadioGroup: o,
               ...c,
@@ -1828,7 +1836,7 @@ const Rt = i.forwardRef(
         ]
       }
     ) : /* @__PURE__ */ u(
-      le,
+      ue,
       {
         __scopeRadioGroup: o,
         ...c,
@@ -1840,7 +1848,7 @@ const Rt = i.forwardRef(
   }
 );
 Rt.displayName = `${j}.Item`;
-const le = i.forwardRef(({ __scopeRadioGroup: e, ...t }, o) => {
+const ue = i.forwardRef(({ __scopeRadioGroup: e, ...t }, o) => {
   const r = vt("RadioGroupItemRadio", e), s = yt(e), { className: n } = P({ ...t, ...r }, W);
   return /* @__PURE__ */ u(
     gt,
@@ -1853,11 +1861,11 @@ const le = i.forwardRef(({ __scopeRadioGroup: e, ...t }, o) => {
     }
   );
 });
-le.displayName = `${j}.ItemRadio`;
-const Hs = {
+ue.displayName = `${j}.ItemRadio`;
+const qs = {
   Root: Ct,
   Item: Rt
-}, ee = "Switch", [Es] = _(ee), [_s, Ts] = Es(ee), Nt = i.forwardRef(
+}, te = "Switch", [_s] = _(te), [Ts, Os] = _s(te), Nt = i.forwardRef(
   (e, t) => {
     const {
       __scopeSwitch: o,
@@ -1874,9 +1882,9 @@ const Hs = {
       prop: s,
       defaultProp: n ?? !1,
       onChange: d,
-      caller: ee
+      caller: te
     });
-    return /* @__PURE__ */ A(_s, { scope: o, checked: y, disabled: a, children: [
+    return /* @__PURE__ */ A(Ts, { scope: o, checked: y, disabled: a, children: [
       /* @__PURE__ */ u(
         k.button,
         {
@@ -1912,10 +1920,10 @@ const Hs = {
     ] });
   }
 );
-Nt.displayName = ee;
+Nt.displayName = te;
 const wt = "SwitchThumb", xt = i.forwardRef(
   (e, t) => {
-    const { __scopeSwitch: o, ...r } = e, s = Ts(wt, o);
+    const { __scopeSwitch: o, ...r } = e, s = Os(wt, o);
     return /* @__PURE__ */ u(
       k.span,
       {
@@ -1928,9 +1936,9 @@ const wt = "SwitchThumb", xt = i.forwardRef(
   }
 );
 xt.displayName = wt;
-const Os = "SwitchBubbleInput", Pt = i.forwardRef(
+const As = "SwitchBubbleInput", Pt = i.forwardRef(
   (e, t) => {
-    const { checked: o, control: r, bubbles: s = !0, ...n } = e, c = i.useRef(null), a = E(c, t), l = de(o), d = pe(r);
+    const { checked: o, control: r, bubbles: s = !0, ...n } = e, c = i.useRef(null), a = E(c, t), l = pe(o), d = fe(r);
     return i.useEffect(() => {
       const f = c.current;
       if (!f) return;
@@ -1963,15 +1971,15 @@ const Os = "SwitchBubbleInput", Pt = i.forwardRef(
     );
   }
 );
-Pt.displayName = Os;
+Pt.displayName = As;
 function kt(e) {
   return e ? "checked" : "unchecked";
 }
-const As = ["1", "2", "3"], Gs = {
-  size: { type: "enum", className: "bd-size", values: As, default: "2" },
+const Gs = ["1", "2", "3"], Bs = {
+  size: { type: "enum", className: "bd-size", values: Gs, default: "2" },
   ...M
-}, Bs = i.forwardRef((e, t) => {
-  const { className: o, ...r } = P(e, Gs);
+}, Fs = i.forwardRef((e, t) => {
+  const { className: o, ...r } = P(e, Bs);
   return /* @__PURE__ */ u(
     Nt,
     {
@@ -1983,13 +1991,14 @@ const As = ["1", "2", "3"], Gs = {
     }
   );
 });
-Bs.displayName = "Switch";
-const Fs = ["1", "2", "3", "4", "5"], Ds = ["classic", "underlined", "rounded"], Ms = {
-  size: { type: "enum", className: "bd-size", values: Fs, default: "2" },
-  variant: { type: "enum", className: "bd-variant", values: Ds, default: "classic" },
-  ...M
-}, $s = ["left", "right"], Vs = {
-  side: { type: "enum", values: $s },
+Fs.displayName = "Switch";
+const Ds = ["1", "2", "3", "4", "5"], Ms = ["classic", "underlined", "rounded"], $s = {
+  size: { type: "enum", className: "bd-size", values: Ds, default: "2" },
+  variant: { type: "enum", className: "bd-variant", values: Ms, default: "classic" },
+  ...M,
+  ...go
+}, Vs = ["left", "right"], zs = {
+  side: { type: "enum", values: Vs },
   gap: Me.gap,
   px: q.px,
   pl: q.pl,
@@ -1998,7 +2007,7 @@ const Fs = ["1", "2", "3", "4", "5"], Ds = ["classic", "underlined", "rounded"],
   (e, t) => {
     const o = i.useRef(null), { children: r, className: s, style: n, ...c } = P(
       e,
-      Ms
+      $s
     );
     return /* @__PURE__ */ A(
       "div",
@@ -2028,7 +2037,7 @@ const Fs = ["1", "2", "3", "4", "5"], Ds = ["classic", "underlined", "rounded"],
             {
               spellCheck: "false",
               ...c,
-              ref: ue(o, t),
+              ref: de(o, t),
               className: "bd-reset bd-TextFieldInput"
             }
           ),
@@ -2041,7 +2050,7 @@ const Fs = ["1", "2", "3", "4", "5"], Ds = ["classic", "underlined", "rounded"],
 It.displayName = "TextFieldRoot";
 const St = i.forwardRef(
   (e, t) => {
-    const { className: o, side: r, ...s } = P(e, Vs);
+    const { className: o, side: r, ...s } = P(e, zs);
     return /* @__PURE__ */ u(
       "div",
       {
@@ -2054,18 +2063,18 @@ const St = i.forwardRef(
   }
 );
 St.displayName = "TextFieldSlot";
-const qs = Object.assign(It, { Slot: St });
+const Ks = Object.assign(It, { Slot: St });
 export {
-  Yo as Button,
+  Zo as Button,
   Ve as CheckLineIcon,
-  ns as Checkbox,
-  js as CheckboxGroup,
+  rs as Checkbox,
+  Hs as CheckboxGroup,
   Y as Flex,
-  Zo as IndeterminateLineIcon,
-  ys as Radio,
-  Hs as RadioGroup,
+  Jo as IndeterminateLineIcon,
+  vs as Radio,
+  qs as RadioGroup,
   $e as Spinner,
-  Bs as Switch,
+  Fs as Switch,
   be as Text,
-  qs as TextField
+  Ks as TextField
 };