@beaubrain/web-design-system 0.1.2 → 0.1.3

package/dist/index.js

@@ -1,252 +1,686 @@
-import { jsx as c, jsxs as z, Fragment as F } from "react/jsx-runtime";
-import * as g from "react";
-import p from "react";
-function H(e) {
+import { jsx as u, jsxs as A, Fragment as ke } from "react/jsx-runtime";
+import * as i from "react";
+import I from "react";
+function Ot(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var x = { exports: {} };
+var oe = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var E;
-function k() {
-  return E || (E = 1, (function(e) {
+var we;
+function At() {
+  return we || (we = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
-      function n() {
-        for (var s = "", o = 0; o < arguments.length; o++) {
-          var l = arguments[o];
-          l && (s = r(s, a(l)));
+      function o() {
+        for (var n = "", c = 0; c < arguments.length; c++) {
+          var a = arguments[c];
+          a && (n = s(n, r(a)));
         }
-        return s;
+        return n;
       }
-      function a(s) {
-        if (typeof s == "string" || typeof s == "number")
-          return s;
-        if (typeof s != "object")
+      function r(n) {
+        if (typeof n == "string" || typeof n == "number")
+          return n;
+        if (typeof n != "object")
           return "";
-        if (Array.isArray(s))
-          return n.apply(null, s);
-        if (s.toString !== Object.prototype.toString && !s.toString.toString().includes("[native code]"))
-          return s.toString();
-        var o = "";
-        for (var l in s)
-          t.call(s, l) && s[l] && (o = r(o, l));
-        return o;
+        if (Array.isArray(n))
+          return o.apply(null, n);
+        if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
+          return n.toString();
+        var c = "";
+        for (var a in n)
+          t.call(n, a) && n[a] && (c = s(c, a));
+        return c;
       }
-      function r(s, o) {
-        return o ? s ? s + " " + o : s + o : s;
+      function s(n, c) {
+        return c ? n ? n + " " + c : n + c : n;
       }
-      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+      e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
-  })(x)), x.exports;
+  })(oe)), oe.exports;
 }
-var L = k();
-const f = /* @__PURE__ */ H(L), Y = (e, t) => {
-  const n = { ...t };
-  for (const a in t) {
-    const r = e[a], s = t[a];
-    /^on[A-Z]/.test(a) ? r && s ? n[a] = (...l) => {
-      const i = s(...l);
-      return r(...l), i;
-    } : r && (n[a] = r) : a === "style" ? n[a] = { ...r, ...s } : a === "className" && (n[a] = [r, s].filter(Boolean).join(" "));
-  }
-  return { ...e, ...n };
-}, j = (e, t) => {
+var Gt = At();
+const x = /* @__PURE__ */ Ot(Gt), Bt = (e, t) => {
+  const o = { ...t };
+  for (const r in t) {
+    const s = e[r], n = t[r];
+    /^on[A-Z]/.test(r) ? s && n ? o[r] = (...a) => {
+      const l = n(...a);
+      return s(...a), l;
+    } : s && (o[r] = s) : r === "style" ? o[r] = { ...s, ...n } : r === "className" && (o[r] = [s, n].filter(Boolean).join(" "));
+  }
+  return { ...e, ...o };
+}, xe = (e, t) => {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
-}, U = (...e) => (t) => {
-  let n = !1;
-  const a = e.map((r) => {
-    const s = j(r, t);
-    return !n && typeof s == "function" && (n = !0), { ref: r, cleanup: s };
+}, ue = (...e) => (t) => {
+  let o = !1;
+  const r = e.map((s) => {
+    const n = xe(s, t);
+    return !o && typeof n == "function" && (o = !0), { ref: s, cleanup: n };
   });
-  if (n)
+  if (o)
     return () => {
-      for (const { ref: r, cleanup: s } of a)
-        typeof s == "function" ? s() : j(r, null);
+      for (const { ref: s, cleanup: n } of r)
+        typeof n == "function" ? n() : xe(s, null);
     };
-}, q = (e) => {
+}, Ie = (e) => {
   const t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get;
   return t && "isReactWarning" in t && t.isReactWarning ? e.ref : e.props.ref || e.ref;
-}, R = (...e) => {
+};
+function E(...e) {
+  return I.useCallback(ue(...e), e);
+}
+const Pe = (...e) => {
   let t = {};
-  for (const n of e)
-    n && (t = { ...t, ...n });
+  for (const o of e)
+    o && (t = { ...t, ...o });
   return Object.keys(t).length ? t : void 0;
-}, G = ({ className: e, customProperties: t, ...n }) => {
-  const a = T({
+}, Ft = ({ className: e, customProperties: t, ...o }) => {
+  const r = Se({
     allowCustomValues: !0,
     className: e,
-    ...n
-  }), r = J({
+    ...o
+  }), s = Mt({
     customProperties: t,
-    ...n
+    ...o
   });
-  return [a, r];
-}, X = (e, t, n) => {
-  const a = e ? "-" : "", r = n(t), s = r?.startsWith("-"), o = s ? "-" : "", l = s ? r?.substring(1) : r;
-  return `${o}${e}${a}${l}`;
-}, T = ({
+  return [r, s];
+}, Dt = (e, t, o) => {
+  const r = e ? "-" : "", s = o(t), n = s?.startsWith("-"), c = n ? "-" : "", a = n ? s?.substring(1) : s;
+  return `${c}${e}${r}${a}`;
+}, Se = ({
   allowCustomValues: e = !1,
   className: t,
-  value: n,
-  propValues: a,
-  parseValue: r = (s) => s
+  value: o,
+  propValues: r,
+  parseValue: s = (n) => n
 }) => {
-  if (n) {
-    if (typeof n == "string" && a.includes(n))
-      return X(t, n, r);
+  if (o) {
+    if (typeof o == "string" && r.includes(o))
+      return Dt(t, o, s);
     if (e)
       return t;
   }
-}, J = ({
+}, Mt = ({
   customProperties: e,
   value: t,
-  propValues: n,
-  parseValue: a = (r) => r
+  propValues: o,
+  parseValue: r = (s) => s
 }) => {
-  let r = {};
-  if (!(!t || typeof t == "string" && n.includes(t))) {
-    typeof t == "string" && (r = Object.fromEntries(e.map((s) => [s, t])));
-    for (const s in r) {
-      const o = r[s];
-      o !== void 0 && (r[s] = a(o));
+  let s = {};
+  if (!(!t || typeof t == "string" && o.includes(t))) {
+    typeof t == "string" && (s = Object.fromEntries(e.map((n) => [n, t])));
+    for (const n in s) {
+      const c = s[n];
+      c !== void 0 && (s[n] = r(c));
     }
-    return r;
-  }
-}, M = (...e) => Object.assign({}, ...e), h = (e, ...t) => {
-  let n, a;
-  const r = { ...e }, s = M(...t);
-  for (const o in s) {
-    let l = r[o];
-    const i = s[o];
-    if (i.default !== void 0 && l === void 0 && (l = i.default), i.type === "enum" && ([i.default, ...i.values].includes(l) || (l = i.default)), r[o] = l, "className" in i && i.className) {
-      if (delete r[o], !l)
+    return s;
+  }
+}, $t = (...e) => Object.assign({}, ...e), P = (e, ...t) => {
+  let o, r;
+  const s = { ...e }, n = $t(...t);
+  for (const c in n) {
+    let a = s[c];
+    const l = n[c];
+    if (l.default !== void 0 && a === void 0 && (a = l.default), l.type === "enum" && ([l.default, ...l.values].includes(a) || (a = l.default)), s[c] = a, "className" in l && l.className) {
+      if (delete s[c], !a)
         continue;
-      if (i.type === "enum") {
-        const u = T({
-          value: l,
-          className: i.className,
-          propValues: i.values,
-          parseValue: i.parseValue
+      if (l.type === "enum") {
+        const d = Se({
+          value: a,
+          className: l.className,
+          propValues: l.values,
+          parseValue: l.parseValue
         });
-        n = f(n, u);
+        o = x(o, d);
         continue;
       }
-      if (i.type === "string" || i.type === "enum | string") {
-        const u = i.type === "string" ? [] : i.values, [w, b] = G({
-          className: i.className,
-          customProperties: i.customProperties,
-          propValues: u,
-          value: l
+      if (l.type === "string" || l.type === "enum | string") {
+        const d = l.type === "string" ? [] : l.values, [f, p] = Ft({
+          className: l.className,
+          customProperties: l.customProperties,
+          propValues: d,
+          value: a
         });
-        a = R(a, b), n = f(n, w);
+        r = Pe(r, p), o = x(o, f);
         continue;
       }
     }
   }
-  return r.className = f(n, e.className), r.style = R(a, e.style), r;
-}, Z = (e) => {
-  const t = p.forwardRef((n, a) => {
-    const { children: r, ...s } = n;
-    if (p.isValidElement(r)) {
-      const o = q(r), l = Y(s, r.props);
-      return l.ref = a ? U(a, o) : o, p.cloneElement(r, l);
+  return s.className = x(o, e.className), s.style = Pe(r, e.style), s;
+}, Vt = (e) => {
+  if (!I.isValidElement(e))
+    throw new Error(`Expected a single valid React element, but got: ${e}`);
+  return e;
+}, _ = (e, t = []) => {
+  let o = [];
+  function r(n, c) {
+    const a = i.createContext(c), l = o.length;
+    o = [...o, c];
+    const d = (p) => {
+      const { scope: h, children: m, ...g } = p, v = h?.[e]?.[l] || a, b = i.useMemo(() => g, Object.values(g));
+      return /* @__PURE__ */ u(v.Provider, { value: b, children: m });
+    };
+    d.displayName = `${n}Provider`;
+    function f(p, h) {
+      const m = h?.[e]?.[l] || a, g = i.useContext(m);
+      if (g) return g;
+      if (c !== void 0) return c;
+      throw new Error(`\`${p}\` must be used within \`${n}\``);
+    }
+    return [d, f];
+  }
+  const s = () => {
+    const n = o.map((c) => i.createContext(c));
+    return function(a) {
+      const l = a?.[e] || n;
+      return i.useMemo(
+        () => ({ [`__scope${e}`]: { ...a, [e]: l } }),
+        [a, l]
+      );
+    };
+  };
+  return s.scopeName = e, [r, zt(s, ...t)];
+}, zt = (...e) => {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const o = () => {
+    const r = e.map((s) => ({
+      useScope: s(),
+      scopeName: s.scopeName
+    }));
+    return function(n) {
+      const c = r.reduce((a, { useScope: l, scopeName: d }) => {
+        const p = l(n)[`__scope${d}`];
+        return { ...a, ...p };
+      }, {});
+      return i.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
+    };
+  };
+  return o.scopeName = t.scopeName, o;
+}, L = globalThis?.document ? i.useLayoutEffect : () => {
+}, Lt = i[" useId ".trim().toString()] || (() => {
+});
+let Ut = 0;
+function jt(e) {
+  const [t, o] = i.useState(Lt());
+  return L(() => {
+    o((r) => r ?? String(Ut++));
+  }, [e]), t ? `bd-${t}` : "";
+}
+function Ht(e) {
+  const t = i.useRef(e);
+  return i.useEffect(() => {
+    t.current = e;
+  }), i.useMemo(() => ((...o) => t.current?.(...o)), []);
+}
+function D({
+  prop: e,
+  defaultProp: t,
+  onChange: o = () => {
+  },
+  caller: r
+}) {
+  const [s, n, c] = qt({
+    defaultProp: t,
+    onChange: o
+  }), a = e !== void 0, l = a ? e : s;
+  if (process.env.NODE_ENV !== "production") {
+    const f = i.useRef(e !== void 0);
+    i.useEffect(() => {
+      const p = f.current;
+      p !== a && console.warn(
+        `${r} is changing from ${p ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), f.current = a;
+    }, [a, r]);
+  }
+  const d = i.useCallback(
+    (f) => {
+      if (a) {
+        const p = Kt(f) ? f(e) : f;
+        p !== e && c.current?.(p);
+      } else
+        n(f);
+    },
+    [a, e, n, c]
+  );
+  return [l, d];
+}
+function qt({
+  defaultProp: e,
+  onChange: t
+}) {
+  const [o, r] = i.useState(e), s = i.useRef(o), n = i.useRef(t);
+  return L(() => {
+    n.current = t;
+  }, [t]), i.useEffect(() => {
+    s.current !== o && (n.current?.(o), s.current = o);
+  }, [o, s]), [o, r, n];
+}
+function Kt(e) {
+  return typeof e == "function";
+}
+function de(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) {
+  const [t, o] = i.useState(void 0);
+  return L(() => {
+    if (e) {
+      o({ width: e.offsetWidth, height: e.offsetHeight });
+      const r = new ResizeObserver((s) => {
+        if (!Array.isArray(s) || !s.length)
+          return;
+        const n = s[0];
+        let c, a;
+        if ("borderBoxSize" in n) {
+          const l = n.borderBoxSize, d = Array.isArray(l) ? l[0] : l;
+          c = d.inlineSize, a = d.blockSize;
+        } else
+          c = e.offsetWidth, a = e.offsetHeight;
+        o({ width: c, height: a });
+      });
+      return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
+    } else
+      o(void 0);
+  }, [e]), t;
+}
+function Wt(e, t) {
+  const [o, r] = i.useReducer((s, n) => t[s][n] ?? s, e);
+  return [o, r];
+}
+const Xt = (e) => {
+  const t = I.forwardRef((o, r) => {
+    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);
     }
     throw new Error(
       `[${e}.OutletClone] Invalid children passed, expected a single valid React element.`
     );
   });
   return t.displayName = `${e}.OutletClone`, t;
-}, $ = (e) => {
-  const t = Z(e), n = p.forwardRef((a, r) => {
-    const { children: s, ...o } = a, l = p.Children.toArray(s), i = l.find(Q);
-    if (i) {
-      const u = i.props.children, w = l.map((b) => {
-        if (b === i) {
-          if (p.Children.count(u) > 1 || !p.isValidElement(u))
+}, X = (e) => {
+  const t = Xt(e), o = I.forwardRef((r, s) => {
+    const { children: n, ...c } = r, a = I.Children.toArray(n), l = a.find(Zt);
+    if (l) {
+      const d = l.props.children, f = a.map((p) => {
+        if (p === l) {
+          if (I.Children.count(d) > 1 || !I.isValidElement(d))
             throw new Error(
               `[${e}.Outlet] Invalid children passed, expected a single valid React element.`
             );
-          return u.props.children;
+          return d.props.children;
         } else
-          return b;
+          return p;
       });
-      if (!p.isValidElement(u))
+      if (!I.isValidElement(d))
         throw new Error(`[${e}.Outlet] Invalid children passed.`);
-      return /* @__PURE__ */ c(t, { ...o, ref: r, children: p.cloneElement(u, void 0, w) });
+      return /* @__PURE__ */ u(t, { ...c, ref: s, children: I.cloneElement(d, void 0, f) });
     }
-    return /* @__PURE__ */ c(t, { ...o, ref: r, children: s });
+    return /* @__PURE__ */ u(t, { ...c, ref: s, children: n });
+  });
+  return o.displayName = `${e}.Outlet`, o;
+}, Z = X("Outlet"), Yt = Symbol("bds.outlettable"), Zt = (e) => I.isValidElement(e) && typeof e.type == "function" && "__bdsId" in e.type && e.type.__bdsId === Yt, Jt = ["a", "button", "div", "input", "label", "span"], k = Jt.reduce((e, t) => {
+  const o = X(`Base.${t}`), r = i.forwardRef((s, n) => {
+    const { asChild: c, ...a } = s;
+    return /* @__PURE__ */ u(c ? o : t, { ...a, ref: n });
   });
-  return n.displayName = `${e}.Outlet`, n;
-}, O = $("Outlet"), K = Symbol("bds.outlettable"), Q = (e) => p.isValidElement(e) && typeof e.type == "function" && "__bdsId" in e.type && e.type.__bdsId === K, v = {
+  return r.displayName = `Base.${t}`, { ...e, [t]: r };
+}, {});
+function Qt(e) {
+  const t = `${e}CollectionProvider`, [o, r] = _(t), [s, n] = o(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), c = (v) => {
+    const { scope: b, children: y } = v, R = i.useRef(null), C = i.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ u(s, { scope: b, itemMap: C, collectionRef: R, children: y });
+  };
+  c.displayName = t;
+  const a = `${e}CollectionOutlet`, l = X(a), d = i.forwardRef(
+    (v, b) => {
+      const { scope: y, children: R } = v, C = n(a, y), N = E(b, C.collectionRef);
+      return /* @__PURE__ */ u(l, { ref: N, children: R });
+    }
+  );
+  d.displayName = a;
+  const f = `${e}CollectionItemOutlet`, p = "data-bd-collection-item", h = X(f), m = i.forwardRef(
+    (v, b) => {
+      const { scope: y, children: R, ...C } = v, N = i.useRef(null), T = E(b, N), w = n(f, y);
+      return i.useEffect(() => (w.itemMap.set(N, { ref: N, ...C }), () => void w.itemMap.delete(N))), /* @__PURE__ */ u(h, { [p]: "", ref: T, children: R });
+    }
+  );
+  m.displayName = f;
+  function g(v) {
+    const b = n(`${e}CollectionConsumer`, v);
+    return i.useCallback(() => {
+      const R = b.collectionRef.current;
+      if (!R) return [];
+      const C = Array.from(R.querySelectorAll(`[${p}]`));
+      return Array.from(b.itemMap.values()).sort(
+        (w, V) => C.indexOf(w.ref.current) - C.indexOf(V.ref.current)
+      );
+    }, [b.collectionRef, b.itemMap]);
+  }
+  return [
+    { Provider: c, Outlet: d, ItemOutlet: m },
+    g,
+    r
+  ];
+}
+function Ee(e) {
+  const { remain: t, children: o } = e, r = to(t), s = typeof o == "function" ? o({ remain: r.isRemain }) : i.Children.only(o), n = E(r.ref, Ie(s));
+  return typeof o == "function" || r.isRemain ? i.cloneElement(s, { ref: n }) : null;
+}
+const eo = ["mounted", "unmountSuspended"];
+function to(e) {
+  const [t, o] = i.useState(), r = i.useRef(null), s = i.useRef(e), n = i.useRef("none"), c = e ? "mounted" : "unmounted", [a, l] = Wt(c, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return i.useEffect(() => {
+    const d = H(r.current);
+    n.current = a === "mounted" ? d : "none";
+  }, [a]), L(() => {
+    const d = r.current, f = s.current;
+    if (f !== e) {
+      const h = n.current, m = H(d);
+      e ? l("MOUNT") : m === "none" || d?.display === "none" ? l("UNMOUNT") : l(f && h !== m ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
+    }
+  }, [e, l]), L(() => {
+    if (t) {
+      let d;
+      const f = t.ownerDocument.defaultView ?? window, p = (m) => {
+        const v = H(r.current).includes(CSS.escape(m.animationName));
+        if (m.target === t && v && (l("ANIMATION_END"), !s.current)) {
+          const b = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", d = f.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = b);
+          });
+        }
+      }, h = (m) => {
+        m.target === t && (n.current = H(r.current));
+      };
+      return t.addEventListener("animationstart", h), t.addEventListener("animationcancel", p), t.addEventListener("animationend", p), () => {
+        f.clearTimeout(d), t.removeEventListener("animationstart", h), t.removeEventListener("animationcancel", p), t.removeEventListener("animationend", p);
+      };
+    } else
+      l("ANIMATION_END");
+  }, [t, l]), {
+    isRemain: eo.includes(a),
+    ref: i.useCallback((d) => {
+      r.current = d ? getComputedStyle(d) : null, o(d);
+    }, [])
+  };
+}
+function H(e) {
+  return e?.animationName || "none";
+}
+const oo = Object.freeze({
+  position: "absolute",
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+}), _e = i.forwardRef(
+  (e, t) => /* @__PURE__ */ u(
+    k.span,
+    {
+      ...e,
+      ref: t,
+      style: { ...oo, ...e.style }
+    }
+  )
+);
+_e.displayName = "VisuallyHidden";
+const so = i.forwardRef((e, t) => {
+  const { children: o, className: r, ...s } = e;
+  return /* @__PURE__ */ u(Z, { ...s, ref: t, className: x("bd-reset", r), children: Vt(o) });
+});
+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] = _(
+  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 }) }) })
+), lo = i.forwardRef((e, t) => {
+  const {
+    __scopeRovingFocusGroup: o,
+    orientation: r,
+    loop: s = !1,
+    currentTabStopId: n,
+    defaultCurrentTabStopId: c,
+    onCurrentTabStopIdChange: a,
+    onEntryFocus: l,
+    preventScrollOnEntryFocus: d = !1,
+    ...f
+  } = e, p = i.useRef(null), h = E(t, p), [m, g] = D({
+    prop: n,
+    defaultProp: c ?? null,
+    onChange: a,
+    caller: J
+  }), [v, b] = i.useState(!1), y = Ht(l), R = Te(o), C = i.useRef(!1), [N, T] = i.useState(0);
+  return i.useEffect(() => {
+    const w = p.current;
+    if (w)
+      return w.addEventListener(se, y), () => w.removeEventListener(se, y);
+  }, [y]), /* @__PURE__ */ u(
+    ao,
+    {
+      scope: o,
+      orientation: r,
+      loop: s,
+      currentTabStopId: m,
+      onItemFocus: i.useCallback(
+        (w) => g(w),
+        [g]
+      ),
+      onItemShiftTab: i.useCallback(() => b(!0), []),
+      onFocusableItemAdd: i.useCallback(
+        () => T((w) => w + 1),
+        []
+      ),
+      onFocusableItemRemove: i.useCallback(
+        () => T((w) => w - 1),
+        []
+      ),
+      children: /* @__PURE__ */ u(
+        k.div,
+        {
+          tabIndex: v || N === 0 ? -1 : 0,
+          "data-orientation": r,
+          ...f,
+          ref: h,
+          style: { outline: "none", ...e.style },
+          onMouseDown: S(e.onMouseDown, () => {
+            C.current = !0;
+          }),
+          onFocus: S(e.onFocus, (w) => {
+            const V = !C.current;
+            if (w.target === w.currentTarget && V && !v) {
+              const Ne = new CustomEvent(se, 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(
+                  Boolean
+                ).map((G) => G.ref.current);
+                Ge(Tt, d);
+              }
+            }
+            C.current = !1;
+          }),
+          onBlur: S(e.onBlur, () => b(!1))
+        }
+      )
+    }
+  );
+}), uo = "RovingFocusGroupItem", Ae = i.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRovingFocusGroup: o,
+      focusable: r = !0,
+      active: s = !1,
+      tabStopId: n,
+      children: c,
+      ...a
+    } = e, l = jt(), d = n || l, f = io(uo, o), p = f.currentTabStopId === d, h = Te(o), { onFocusableItemAdd: m, onFocusableItemRemove: g, currentTabStopId: v } = f;
+    return i.useEffect(() => {
+      if (r)
+        return m(), () => g();
+    }, [r, m, g]), /* @__PURE__ */ u(
+      ae.ItemOutlet,
+      {
+        scope: o,
+        id: d,
+        focusable: r,
+        active: s,
+        children: /* @__PURE__ */ u(
+          k.span,
+          {
+            tabIndex: p ? 0 : -1,
+            "data-orientation": f.orientation,
+            ...a,
+            ref: t,
+            onMouseDown: S(e.onMouseDown, (b) => {
+              r ? f.onItemFocus(d) : b.preventDefault();
+            }),
+            onFocus: S(e.onFocus, () => f.onItemFocus(d)),
+            onKeyDown: S(e.onKeyDown, (b) => {
+              if (b.key === "Tab" && b.shiftKey) {
+                f.onItemShiftTab();
+                return;
+              }
+              if (b.target !== b.currentTarget) return;
+              const y = fo(b, f.orientation);
+              if (y !== void 0) {
+                if (b.metaKey || b.ctrlKey || b.altKey || b.shiftKey) return;
+                b.preventDefault();
+                let C = h().filter((N) => N.focusable).map((N) => N.ref.current);
+                if (y === "last") C.reverse();
+                else if (y === "prev" || y === "next") {
+                  y === "prev" && C.reverse();
+                  const N = C.indexOf(b.currentTarget);
+                  C = f.loop ? mo(C, N + 1) : C.slice(N + 1), setTimeout(() => Ge(C));
+                }
+              }
+            }),
+            children: typeof c == "function" ? c({ hasTabStop: v != null, isCurrentTabStop: p }) : c
+          }
+        )
+      }
+    );
+  }
+), po = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function fo(e, t) {
+  const o = e.key;
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
+    return po[o];
+}
+function Ge(e, t = !1) {
+  const o = document.activeElement;
+  for (const r of e)
+    if (r === o || (r.focus({ preventScroll: t }), document.activeElement !== o)) return;
+}
+function mo(e, t) {
+  return e.map((o, r) => e[(t + r) % e.length]);
+}
+const $ = {
   asChild: {
     type: "boolean"
   }
-}, S = ["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"], ee = {
+}, 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 = {
   color: {
     type: "enum | string",
-    values: S,
+    values: me,
     className: "bd-color",
     customProperties: ["--color"],
     default: void 0
   }
-}, se = {
+}, ho = {
   borderColor: {
     type: "enum | string",
-    values: S,
+    values: me,
     className: "bd-br-color",
     customProperties: ["--border-color"],
     default: void 0
   }
-}, m = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], te = {
+}, B = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], q = {
   p: {
     type: "enum | string",
-    values: m,
+    values: B,
     className: "bd-p",
     customProperties: ["--p"]
   },
   px: {
     type: "enum | string",
-    values: m,
+    values: B,
     className: "bd-px",
     customProperties: ["--px"]
   },
   py: {
     type: "enum | string",
-    values: m,
+    values: B,
     className: "bd-py",
     customProperties: ["--py"]
   },
   pt: {
     type: "enum | string",
-    values: m,
+    values: B,
     className: "bd-pt",
     customProperties: ["--pt"]
   },
   pr: {
     type: "enum | string",
-    values: m,
+    values: B,
     className: "bd-pr",
     customProperties: ["--pr"]
   },
   pb: {
     type: "enum | string",
-    values: m,
+    values: B,
     className: "bd-pb",
     customProperties: ["--pb"]
   },
   pl: {
     type: "enum | string",
-    values: m,
+    values: B,
     className: "bd-pl",
     customProperties: ["--pl"]
   }
-}, B = {
+}, Be = {
   width: {
     type: "string",
     className: "bd-w",
@@ -262,7 +696,7 @@ const f = /* @__PURE__ */ H(L), Y = (e, t) => {
     className: "bd-max-w",
     customProperties: ["--max-width"]
   }
-}, re = {
+}, go = {
   height: {
     type: "string",
     className: "bd-h",
@@ -278,59 +712,59 @@ const f = /* @__PURE__ */ H(L), Y = (e, t) => {
     className: "bd-max-h",
     customProperties: ["--max-height"]
   }
-}, ne = ["static", "relative", "absolute", "fixed", "sticky"], C = ["visible", "hidden", "clip", "scroll", "auto"], y = ["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"], ae = ["0", "1"], oe = ["0", "1"], le = ["start", "center", "end", "baseline", "stretch"], ie = ["start", "center", "end", "baseline", "stretch"], ce = {
-  ...B,
-  ...re,
-  ...te,
+}, 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 = {
+  ...Be,
+  ...go,
+  ...q,
   position: {
     type: "enum",
     className: "bd-position",
-    values: ne
+    values: yo
   },
   inset: {
     type: "enum | string",
     className: "bd-inset",
     customProperties: ["--inset"],
-    values: y
+    values: z
   },
   top: {
     type: "enum | string",
     className: "bd-top",
     customProperties: ["--top"],
-    values: y
+    values: z
   },
   right: {
     type: "enum | string",
     className: "bd-right",
     customProperties: ["--right"],
-    values: y
+    values: z
   },
   bottom: {
     type: "enum | string",
     className: "bd-bottom",
     customProperties: ["--bottom"],
-    values: y
+    values: z
   },
   left: {
     type: "enum | string",
     className: "bd-left",
     customProperties: ["--left"],
-    values: y
+    values: z
   },
   overflow: {
     type: "enum",
     className: "bd-overflow",
-    values: C
+    values: ne
   },
   overflowX: {
     type: "enum",
     className: "bd-ox",
-    values: C
+    values: ne
   },
   overflowY: {
     type: "enum",
     className: "bd-oy",
-    values: C
+    values: ne
   },
   flexBasis: {
     type: "string",
@@ -341,13 +775,13 @@ const f = /* @__PURE__ */ H(L), Y = (e, t) => {
     type: "enum | string",
     className: "bd-fs",
     customProperties: ["--flex-shrink"],
-    values: ae
+    values: vo
   },
   flexGrow: {
     type: "enum | string",
     className: "bd-fg",
     customProperties: ["--flex-grow"],
-    values: oe
+    values: Co
   },
   gridArea: {
     type: "string",
@@ -387,233 +821,205 @@ const f = /* @__PURE__ */ H(L), Y = (e, t) => {
   alignSelf: {
     type: "enum",
     className: "bd-as",
-    values: le
+    values: Ro
   },
   justifySelf: {
     type: "enum",
     className: "bd-js",
-    values: ie
+    values: No
   }
-}, d = ["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"], P = {
+}, 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: {
     type: "enum | string",
-    values: d,
+    values: F,
     className: "bd-m",
     customProperties: ["--m"]
   },
   mx: {
     type: "enum | string",
-    values: d,
+    values: F,
     className: "bd-mx",
     customProperties: ["--ml", "--mr"]
   },
   my: {
     type: "enum | string",
-    values: d,
+    values: F,
     className: "bd-my",
     customProperties: ["--mt", "--mb"]
   },
   mt: {
     type: "enum | string",
-    values: d,
+    values: F,
     className: "bd-mt",
     customProperties: ["--mt"]
   },
   mr: {
     type: "enum | string",
-    values: d,
+    values: F,
     className: "bd-mr",
     customProperties: ["--mr"]
   },
   mb: {
     type: "enum | string",
-    values: d,
+    values: F,
     className: "bd-mb",
     customProperties: ["--mb"]
   },
   ml: {
     type: "enum | string",
-    values: d,
+    values: F,
     className: "bd-ml",
     customProperties: ["--ml"]
   }
-}, ue = ["left", "center", "right"], pe = {
+}, xo = ["left", "center", "right"], Po = {
   align: {
     type: "enum",
-    values: ue,
+    values: xo,
     className: "bd-ta"
   }
-}, me = ["wrap", "nowrap", "pretty", "balance"], de = {
+}, ko = ["wrap", "nowrap", "pretty", "balance"], Io = {
   wrap: {
     type: "enum",
     className: "bd-tw",
-    values: me
+    values: ko
   }
-}, fe = ["light", "regular", "medium", "semibold", "bold"], I = {
+}, So = ["light", "regular", "medium", "semibold", "bold"], Fe = {
   weight: {
     type: "enum",
-    values: fe,
+    values: So,
     className: "bd-weight"
   }
-}, ge = {
+}, Eo = {
   truncate: {
     type: "boolean",
     className: "bd-truncate"
   }
-}, ye = ["normal", "start", "end", "both"], be = {
+}, _o = ["normal", "start", "end", "both"], To = {
   trim: {
     type: "enum",
     className: "bd-lt",
-    values: ye,
+    values: _o,
     default: "normal"
   }
-}, ve = ["none", "s", "m", "l", "full"], Ne = {
+}, Oo = ["none", "s", "m", "l", "full"], Ao = {
   radius: {
     type: "enum | string",
-    values: ve,
+    values: Oo,
     default: void 0,
     className: "bd-radius",
     customProperties: ["--radius"]
   }
-}, V = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], W = {
+}, re = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], De = {
   gap: {
     type: "enum | string",
     className: "bd-gap",
     customProperties: ["--gap"],
-    values: V
+    values: re
   },
   gapX: {
     type: "enum | string",
     className: "bd-cg",
     customProperties: ["--col-gap"],
-    values: V
+    values: re
   },
   gapY: {
     type: "enum | string",
     className: "bd-rg",
     customProperties: ["--row-gap"],
-    values: V
+    values: re
   }
-}, he = ["span", "div", "label", "p"], Pe = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"], we = {
-  as: { type: "enum", values: he, default: "span" },
-  ...v,
+}, 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" },
+  ...$,
   size: {
     type: "enum | string",
     className: "bd-size",
-    values: Pe,
+    values: Bo,
     customProperties: ["--size"]
   },
-  ...v,
-  ...P,
-  ...pe,
-  ...de,
-  ...I,
-  ...ge,
-  ...be,
-  ...ee
-}, xe = g.forwardRef((e, t) => {
+  ...$,
+  ...M,
+  ...Po,
+  ...Io,
+  ...Fe,
+  ...Eo,
+  ...To,
+  ...bo
+}, be = i.forwardRef((e, t) => {
   const {
-    children: n,
-    className: a,
-    asChild: r,
-    as: s = "span",
-    ...o
-  } = h(e, we);
-  return /* @__PURE__ */ c(O, { ...o, ref: t, className: f("bd-Text", a), children: r ? n : /* @__PURE__ */ c(s, { children: n }) });
+    children: o,
+    className: r,
+    asChild: s,
+    as: n = "span",
+    ...c
+  } = P(e, Fo);
+  return /* @__PURE__ */ u(Z, { ...c, ref: t, className: x("bd-Text", r), children: s ? o : /* @__PURE__ */ u(n, { children: o }) });
 });
-xe.displayName = "Text";
-const Ce = (e) => e === "between" ? "space-between" : e, Ve = ["div", "span"], De = ["none", "inline-flex", "flex"], Oe = ["row", "column", "row-reverse", "column-reverse"], Se = ["start", "center", "end", "baseline", "stretch"], Ee = ["start", "center", "end", "between"], je = ["nowrap", "wrap", "wrap-reverse"], Re = {
-  as: { type: "enum", values: Ve, default: "div" },
-  ...v,
+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" },
+  ...$,
   display: {
     type: "enum",
     className: "bd-display",
-    values: De
+    values: $o
   },
   direction: {
     type: "enum",
     className: "bd-fd",
-    values: Oe
+    values: Vo
   },
   align: {
     type: "enum",
     className: "bd-ai",
-    values: Se
+    values: zo
   },
   justify: {
     type: "enum",
     className: "bd-jc",
-    values: Ee,
-    parseValue: Ce
+    values: Lo,
+    parseValue: Do
   },
   wrap: {
     type: "enum",
     className: "bd-fw",
-    values: je
-  },
-  ...W,
-  ...ce,
-  ...P
-}, N = g.forwardRef((e, t) => {
-  const { className: n, asChild: a, as: r = "div", ...s } = h(e, Re);
-  return /* @__PURE__ */ c(a ? O : r, { ...s, ref: t, className: f("bd-Flex", n) });
+    values: Uo
+  },
+  ...De,
+  ...wo,
+  ...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) });
 });
-N.displayName = "Flex";
-const ze = ["a", "button", "div", "input", "label", "span"], Te = ze.reduce((e, t) => {
-  const n = $(`Base.${t}`), a = g.forwardRef((r, s) => {
-    const { asChild: o, ...l } = r;
-    return /* @__PURE__ */ c(o ? n : t, { ...l, ref: s });
-  });
-  return a.displayName = `Base.${t}`, { ...e, [t]: a };
-}, {}), $e = Object.freeze({
-  position: "absolute",
-  border: 0,
-  width: 1,
-  height: 1,
-  padding: 0,
-  margin: -1,
-  overflow: "hidden",
-  clip: "rect(0, 0, 0, 0)",
-  whiteSpace: "nowrap",
-  wordWrap: "normal"
-}), _ = g.forwardRef(
-  (e, t) => /* @__PURE__ */ c(
-    Te.span,
-    {
-      ...e,
-      ref: t,
-      style: { ...$e, ...e.style }
-    }
-  )
-);
-_.displayName = "VisuallyHidden";
-const Be = ["1", "2", "3"], Ie = {
-  size: { type: "enum", className: "bd-size", values: Be, default: "2" },
+Y.displayName = "Flex";
+const jo = ["1", "2", "3"], Ho = {
+  size: { type: "enum", className: "bd-size", values: jo, default: "2" },
   loading: { type: "boolean", default: !0 },
-  color: { type: "enum", className: "bd-color", values: S },
-  ...P
-}, A = g.forwardRef((e, t) => {
-  const { className: n, children: a, loading: r, ...s } = h(
+  color: { type: "enum", className: "bd-color", values: me },
+  ...M
+}, $e = i.forwardRef((e, t) => {
+  const { className: o, children: r, loading: s, ...n } = P(
     e,
-    Ie,
-    se
+    Ho,
+    ho
   );
-  if (!r) return a;
-  const o = /* @__PURE__ */ c("span", { ...s, ref: t, className: f("bd-Spinner", n) });
-  return a === void 0 ? o : /* @__PURE__ */ z(N, { asChild: !0, position: "relative", align: "center", justify: "center", children: [
-    /* @__PURE__ */ c("span", { children: /* @__PURE__ */ c("span", { "aria-hidden": !0, style: { display: "contents", visibility: "hidden" }, inert: void 0, children: a }) }),
-    /* @__PURE__ */ c(N, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0", children: /* @__PURE__ */ c("span", { children: o }) })
+  if (!s) return r;
+  const c = /* @__PURE__ */ u("span", { ...n, ref: t, className: x("bd-Spinner", o) });
+  return r === void 0 ? c : /* @__PURE__ */ A(Y, { asChild: !0, position: "relative", align: "center", justify: "center", children: [
+    /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u("span", { "aria-hidden": !0, style: { display: "contents", visibility: "hidden" }, inert: void 0, children: r }) }),
+    /* @__PURE__ */ u(Y, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0", children: /* @__PURE__ */ u("span", { children: c }) })
   ] });
 });
-A.displayName = "Spinner";
-const We = ["1", "2", "3", "4", "5"], _e = [
+$e.displayName = "Spinner";
+const qo = ["1", "2", "3", "4", "5"], Ko = [
   "fill-primary",
   "fill-secondary",
   "outline-primary",
   "outline-secondary",
   "ghost"
-], D = {
-  ...v,
+], ce = {
+  ...$,
   /**
    * @description 버튼의 높이 기준
    *
@@ -623,15 +1029,15 @@ const We = ["1", "2", "3", "4", "5"], _e = [
    * 4="48px"
    * 5="56px"
    */
-  size: { type: "enum", className: "bd-size", values: We, default: "5" },
-  variant: { type: "enum", className: "bd-variant", values: _e, default: "fill-primary" },
-  ...B,
-  ...P,
-  ...W,
-  ...Ne,
-  ...I,
+  size: { type: "enum", className: "bd-size", values: qo, default: "5" },
+  variant: { type: "enum", className: "bd-variant", values: Ko, default: "fill-primary" },
+  ...Be,
+  ...M,
+  ...De,
+  ...Ao,
+  ...Fe,
   loading: { type: "boolean", className: "bd-loading", default: !1 }
-}, Ae = (e) => {
+}, Wo = (e) => {
   switch (e) {
     case "1":
       return "1";
@@ -642,7 +1048,7 @@ const We = ["1", "2", "3", "4", "5"], _e = [
     case "5":
       return "3";
   }
-}, Fe = (e) => {
+}, Xo = (e) => {
   switch (e) {
     case "fill-primary":
       return;
@@ -654,45 +1060,1012 @@ const We = ["1", "2", "3", "4", "5"], _e = [
     default:
       return;
   }
-}, He = g.forwardRef((e, t) => {
-  const { variant: n = D.variant.default, size: a = D.size.default } = e, {
-    className: r,
-    children: s,
-    asChild: o,
-    disabled: l = e.loading,
-    ...i
-  } = h(e, D);
-  return /* @__PURE__ */ c(
-    o ? O : "button",
+}, Yo = i.forwardRef((e, t) => {
+  const { variant: o = ce.variant.default, size: r = ce.size.default } = e, {
+    className: s,
+    children: n,
+    asChild: c,
+    disabled: a = e.loading,
+    ...l
+  } = P(e, ce);
+  return /* @__PURE__ */ u(
+    c ? Z : "button",
     {
-      "data-disabled": l || void 0,
+      "data-disabled": a || void 0,
       "data-loading": e.loading || void 0,
-      disabled: l,
-      ...i,
+      disabled: a,
+      ...l,
       ref: t,
-      className: f("bd-Button", r),
-      children: e.loading ? /* @__PURE__ */ z(F, { children: [
-        /* @__PURE__ */ c("span", { style: { display: "contents", visibility: "hidden" }, "aria-hidden": !0, children: s }),
-        /* @__PURE__ */ c(_, { children: s }),
-        /* @__PURE__ */ c(N, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0", children: /* @__PURE__ */ c("span", { children: /* @__PURE__ */ c(
-          A,
+      className: x("bd-Button", s),
+      children: e.loading ? /* @__PURE__ */ A(ke, { children: [
+        /* @__PURE__ */ u("span", { style: { display: "contents", visibility: "hidden" }, "aria-hidden": !0, children: n }),
+        /* @__PURE__ */ u(_e, { children: n }),
+        /* @__PURE__ */ u(Y, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0", children: /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(
+          $e,
           {
-            size: Ae(a),
-            color: Fe(n)
+            size: Wo(r),
+            color: Xo(o)
           }
         ) }) })
-      ] }) : s
+      ] }) : n
     }
   );
 });
-He.displayName = "Button";
+Yo.displayName = "Button";
+const Ve = i.forwardRef((e, t) => {
+  const { color: o = "currentColor", ...r } = e;
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "10",
+      height: "7",
+      viewBox: "0 0 10 7",
+      fill: "none",
+      ...r,
+      ref: t,
+      children: /* @__PURE__ */ u(
+        "path",
+        {
+          d: "M0.800781 3.32636L3.76374 6.13338L8.80078 0.800049",
+          stroke: o,
+          strokeWidth: "1.6",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}), Zo = i.forwardRef((e, t) => {
+  const { color: o = "currentColor", ...r } = e;
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "9",
+      height: "9",
+      viewBox: "0 0 9 9",
+      fill: o,
+      ...r,
+      ref: t,
+      children: /* @__PURE__ */ u(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 3.75 8.25 4.08579 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 5.25 0.75 4.91421 0.75 4.5Z"
+        }
+      )
+    }
+  );
+}), 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) {
+  const {
+    __scopeCheckbox: t,
+    checked: o,
+    defaultChecked: r,
+    required: s,
+    name: n,
+    form: c,
+    disabled: a,
+    value: l = "on",
+    children: d,
+    onCheckedChange: f,
+    // @ts-expect-error - Internal prop for render
+    __internal: p
+  } = e, [h, m] = D({
+    prop: o,
+    defaultProp: r ?? !1,
+    onChange: f,
+    caller: he
+  }), [g, v] = i.useState(null), [b, y] = i.useState(null), R = i.useRef(!1), C = g ? !!c || !!g.closest("form") : !0, N = {
+    checked: h,
+    disabled: a,
+    setChecked: m,
+    control: g,
+    setControl: v,
+    name: n,
+    form: c,
+    value: l,
+    hasConsumerStoppedPropagationRef: R,
+    required: s,
+    defaultChecked: O(r) ? !1 : r,
+    isFormControl: C,
+    bubbleInput: b,
+    setBubbleInput: y
+  };
+  return /* @__PURE__ */ u(
+    ts,
+    {
+      scope: t,
+      ...N,
+      children: ss(p) ? p(N) : d
+    }
+  );
+}
+const Ue = "CheckboxTrigger", je = i.forwardRef(
+  ({
+    __scopeCheckbox: e,
+    onKeyDown: t,
+    onClick: o,
+    ...r
+  }, s) => {
+    const {
+      control: n,
+      value: c,
+      disabled: a,
+      checked: l,
+      required: d,
+      setControl: f,
+      setChecked: p,
+      hasConsumerStoppedPropagationRef: h,
+      isFormControl: m,
+      bubbleInput: g
+    } = ge(Ue, e), v = E(s, f), b = i.useRef(l);
+    return i.useEffect(() => {
+      const y = n?.form;
+      if (y) {
+        const R = () => p(b.current);
+        return y.addEventListener("reset", R), () => y.removeEventListener("reset", R);
+      }
+    }, [n, p]), /* @__PURE__ */ u(
+      k.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": O(l) ? "mixed" : l,
+        "aria-required": d,
+        "data-state": Xe(l),
+        "data-disabled": a ? "" : void 0,
+        disabled: a,
+        value: c,
+        ...r,
+        ref: v,
+        onKeyDown: S(t, (y) => {
+          y.key === "Enter" && y.preventDefault();
+        }),
+        onClick: S(o, (y) => {
+          p((R) => O(R) ? !0 : !R), g && m && (h.current = y.isPropagationStopped(), h.current || y.stopPropagation());
+        })
+      }
+    );
+  }
+);
+je.displayName = Ue;
+const He = i.forwardRef(
+  (e, t) => {
+    const {
+      __scopeCheckbox: o,
+      name: r,
+      checked: s,
+      defaultChecked: n,
+      required: c,
+      disabled: a,
+      value: l,
+      onCheckedChange: d,
+      form: f,
+      ...p
+    } = e;
+    return /* @__PURE__ */ u(
+      os,
+      {
+        __scopeCheckbox: o,
+        checked: s,
+        defaultChecked: n,
+        required: c,
+        name: r,
+        form: f,
+        disabled: a,
+        value: l,
+        onCheckedChange: d,
+        __internal: ({ isFormControl: h }) => /* @__PURE__ */ A(ke, { children: [
+          /* @__PURE__ */ u(
+            je,
+            {
+              ...p,
+              ref: t,
+              __scopeCheckbox: o
+            }
+          ),
+          h && /* @__PURE__ */ u(
+            Ke,
+            {
+              __scopeCheckbox: o
+            }
+          )
+        ] })
+      }
+    );
+  }
+), qe = "CheckboxBubbleInput", Ke = i.forwardRef(
+  ({ __scopeCheckbox: e, ...t }, o) => {
+    const {
+      control: r,
+      checked: s,
+      defaultChecked: n,
+      required: c,
+      disabled: a,
+      name: l,
+      value: d,
+      form: f,
+      bubbleInput: p,
+      setBubbleInput: h,
+      hasConsumerStoppedPropagationRef: m
+    } = ge(qe, e), g = E(o, h), v = de(s), b = pe(r);
+    i.useEffect(() => {
+      const R = p;
+      if (!R) return;
+      const C = window.HTMLInputElement.prototype, T = Object.getOwnPropertyDescriptor(
+        C,
+        "checked"
+      ).set, w = !m.current;
+      if (v !== s && T) {
+        const V = new Event("click", { bubbles: w });
+        R.indeterminate = O(s), T.call(R, O(s) ? !1 : s), R.dispatchEvent(V);
+      }
+    }, [p, v, s, m]);
+    const y = i.useRef(O(s) ? !1 : s);
+    return /* @__PURE__ */ u(
+      k.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: n ?? y.current,
+        required: c,
+        disabled: a,
+        name: l,
+        value: d,
+        form: f,
+        ...t,
+        tabIndex: -1,
+        ref: g,
+        style: {
+          ...t.style,
+          ...b,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0,
+          transform: "translateX(-100%)"
+        }
+      }
+    );
+  }
+);
+Ke.displayName = qe;
+const We = "CheckboxIndicator", ye = i.forwardRef((e, t) => {
+  const { __scopeCheckbox: o, forceMount: r, ...s } = e, n = ge(We, o);
+  return /* @__PURE__ */ u(Ee, { remain: r || O(n.checked) || n.checked === !0, children: /* @__PURE__ */ u(
+    k.span,
+    {
+      "data-state": Xe(n.checked),
+      "data-disabled": n.disabled ? "" : void 0,
+      ...s,
+      ref: t,
+      style: { pointerEvents: "none", ...e.style }
+    }
+  ) });
+});
+ye.displayName = We;
+function ss(e) {
+  return typeof e == "function";
+}
+function O(e) {
+  return e === "indeterminate";
+}
+function Xe(e) {
+  return O(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+const ns = i.forwardRef((e, t) => {
+  const {
+    className: o,
+    checked: r,
+    defaultChecked: s = !1,
+    onCheckedChange: n,
+    ...c
+  } = P(e, ze), [a, l] = D({
+    prop: r,
+    defaultProp: s,
+    onChange: n
+  });
+  return /* @__PURE__ */ u(
+    He,
+    {
+      ...c,
+      defaultChecked: s,
+      checked: a,
+      onCheckedChange: l,
+      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, {}) })
+    }
+  );
+});
+ns.displayName = "Checkbox";
+const K = {
+  ...$,
+  ...ze
+}, ve = "CheckboxGroup", [rs, Ye] = _(
+  ve,
+  [fe, Le]
+), Ze = fe(), Je = Le(), [cs, as] = rs(ve), Qe = i.forwardRef(
+  (e, t) => {
+    const {
+      __scopeCheckboxGroup: o,
+      name: r,
+      defaultValue: s,
+      value: n,
+      required: c = !1,
+      disabled: a = !1,
+      loop: l = !0,
+      orientation: d,
+      onValueChange: f,
+      ...p
+    } = e, h = Ze(o), [m = [], g] = D({
+      prop: n,
+      defaultProp: s || [],
+      onChange: f
+    }), v = i.useCallback(
+      (y) => g((R = []) => [...R, y]),
+      [g]
+    ), b = i.useCallback(
+      (y) => g((R = []) => R.filter((C) => C !== y)),
+      [g]
+    );
+    return /* @__PURE__ */ u(
+      cs,
+      {
+        scope: o,
+        name: r,
+        required: c,
+        disabled: a,
+        value: m,
+        onItemCheck: v,
+        onItemUnCheck: b,
+        children: /* @__PURE__ */ u(Oe, { asChild: !0, ...h, orientation: d, loop: l, children: /* @__PURE__ */ u(
+          k.div,
+          {
+            role: "group",
+            "data-disabled": a ? "" : void 0,
+            ...p,
+            ref: t
+          }
+        ) })
+      }
+    );
+  }
+);
+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);
+  return /* @__PURE__ */ u(
+    Ae,
+    {
+      asChild: !0,
+      ...a,
+      focusable: !c,
+      active: p,
+      children: /* @__PURE__ */ u(
+        He,
+        {
+          name: n.name,
+          disabled: c,
+          required: n.required,
+          checked: p,
+          ...l,
+          ...s,
+          ref: f,
+          onCheckedChange: (h) => {
+            h ? n.onItemCheck(e.value) : n.onItemUnCheck(e.value);
+          }
+        }
+      )
+    }
+  );
+});
+tt.displayName = et;
+const is = "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, [
+  Ye
+]), st = Ye(), [us, nt] = ls(U), rt = i.forwardRef(
+  (e, t) => {
+    const {
+      size: o = K.size.default,
+      variant: r = K.variant.default,
+      ...s
+    } = e, { __scopeCheckboxGroup: n, className: c, ...a } = P(
+      s,
+      K
+    ), l = st(n);
+    return /* @__PURE__ */ u(us, { scope: n, size: o, variant: r, children: /* @__PURE__ */ u(
+      Qe,
+      {
+        ...l,
+        ...a,
+        ref: t,
+        className: x("bd-CheckboxGroupRoot", c)
+      }
+    ) });
+  }
+);
+rt.displayName = U;
+const ct = i.forwardRef(
+  (e, t) => {
+    const { __scopeCheckboxGroup: o, children: r, className: s, style: n, ...c } = e, { size: a } = nt("CheckboxGroupItem", o);
+    return r ? /* @__PURE__ */ A(
+      be,
+      {
+        as: "label",
+        size: a,
+        className: x("bd-CheckboxGroupItem", s),
+        style: n,
+        children: [
+          /* @__PURE__ */ u(
+            ie,
+            {
+              __scopeCheckboxGroup: o,
+              ...c,
+              ref: t
+            }
+          ),
+          r && /* @__PURE__ */ u("span", { className: "bd-CheckboxGroupItemInner", children: r })
+        ]
+      }
+    ) : /* @__PURE__ */ u(
+      ie,
+      {
+        __scopeCheckboxGroup: o,
+        ...c,
+        ref: t,
+        className: s,
+        style: n
+      }
+    );
+  }
+);
+ct.displayName = `${U}.Item`;
+const ie = i.forwardRef(({ __scopeCheckboxGroup: e, ...t }, o) => {
+  const r = nt("CheckboxGroupItemCheckbox", e), s = st(e), { className: n } = P({ ...t, ...r }, K);
+  return /* @__PURE__ */ u(
+    tt,
+    {
+      ...s,
+      ...t,
+      ref: o,
+      className: x(
+        "bd-reset",
+        "bd-CheckboxRoot",
+        "bd-CheckboxGroupItemCheckbox",
+        n
+      ),
+      children: /* @__PURE__ */ u(ot, { ...s, asChild: !0, className: "bd-CheckboxIndicator", children: /* @__PURE__ */ u(Ve, {}) })
+    }
+  );
+});
+ie.displayName = `${U}.ItemCheckbox`;
+const js = {
+  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(
+  (e, t) => {
+    const {
+      __scopeRadio: o,
+      name: r,
+      checked: s = !1,
+      required: n,
+      disabled: c,
+      value: a = "on",
+      onCheck: l,
+      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: [
+      /* @__PURE__ */ u(
+        k.button,
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": s,
+          "data-state": dt(s),
+          "data-disabled": c ? "" : void 0,
+          disabled: c,
+          value: a,
+          ...f,
+          ref: m,
+          onClick: S(e.onClick, (b) => {
+            s || l?.(), v && (g.current = b.isPropagationStopped(), g.current || b.stopPropagation());
+          })
+        }
+      ),
+      v && /* @__PURE__ */ u(
+        ut,
+        {
+          control: p,
+          bubbles: !g.current,
+          name: r,
+          value: a,
+          checked: s,
+          required: n,
+          disabled: c,
+          form: d,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+Re.displayName = Ce;
+const it = "RadioIndicator", lt = i.forwardRef(
+  (e, t) => {
+    const { __scopeRadio: o, forceMount: r, ...s } = e, n = hs(it, o);
+    return /* @__PURE__ */ u(Ee, { remain: r || n.checked, children: /* @__PURE__ */ u(
+      k.span,
+      {
+        "data-state": dt(n.checked),
+        "data-disabled": n.disabled ? "" : void 0,
+        ...s,
+        ref: t
+      }
+    ) });
+  }
+);
+lt.displayName = it;
+const gs = "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);
+    return i.useEffect(() => {
+      const d = n.current;
+      if (!d) return;
+      const f = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(
+        f,
+        "checked"
+      ).set;
+      if (a !== t && h) {
+        const m = new Event("click", { bubbles: o });
+        h.call(d, t), d.dispatchEvent(m);
+      }
+    }, [a, t, o]), /* @__PURE__ */ u(
+      k.input,
+      {
+        type: "radio",
+        "aria-hidden": !0,
+        defaultChecked: t,
+        ...r,
+        tabIndex: -1,
+        ref: c,
+        style: {
+          ...r.style,
+          ...l,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+ut.displayName = gs;
+function dt(e) {
+  return e ? "checked" : "unchecked";
+}
+const ys = i.forwardRef((e, t) => {
+  const {
+    className: o,
+    checked: r,
+    defaultChecked: s = !1,
+    onCheck: n,
+    ...c
+  } = P(e, fs), [a, l] = D({
+    prop: r,
+    defaultProp: s,
+    onChange: n
+  });
+  return /* @__PURE__ */ u(
+    Re,
+    {
+      ...c,
+      defaultChecked: s,
+      checked: a,
+      onCheck: () => l((d) => !d),
+      ref: t,
+      className: x("bd-reset", "bd-BaseRadioRoot", "bd-RadioRoot", o)
+    }
+  );
+});
+ys.displayName = "Radio";
+const vs = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Q = "RadioGroup", [Cs, pt] = _(
+  Q,
+  [at]
+), ft = fe(), mt = at(), [Rs, Ns] = Cs(Q), bt = i.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRadioGroup: o,
+      name: r,
+      defaultValue: s,
+      value: n,
+      required: c = !1,
+      disabled: a = !1,
+      orientation: l,
+      loop: d = !0,
+      onValueChange: f,
+      ...p
+    } = e, h = ft(o), [m, g] = D({
+      prop: n,
+      defaultProp: s ?? null,
+      onChange: f,
+      caller: Q
+    });
+    return /* @__PURE__ */ u(
+      Rs,
+      {
+        scope: o,
+        name: r,
+        required: c,
+        disabled: a,
+        value: m,
+        onValueChange: g,
+        children: /* @__PURE__ */ u(Oe, { asChild: !0, ...h, orientation: l, loop: d, children: /* @__PURE__ */ u(
+          k.div,
+          {
+            role: "radiogroup",
+            "aria-required": c,
+            "aria-orientation": l,
+            "data-disabled": a ? "" : void 0,
+            ...p,
+            ref: t
+          }
+        ) })
+      }
+    );
+  }
+);
+bt.displayName = Q;
+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);
+    return i.useEffect(() => {
+      const m = (v) => {
+        vs.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);
+      };
+    }, []), /* @__PURE__ */ u(
+      Ae,
+      {
+        asChild: !0,
+        ...a,
+        focusable: !c,
+        active: p,
+        children: /* @__PURE__ */ u(
+          Re,
+          {
+            name: n.name,
+            disabled: c,
+            required: n.required,
+            checked: p,
+            ...l,
+            ...s,
+            ref: f,
+            onCheck: () => n.onValueChange(s.value),
+            onKeyDown: S((m) => {
+              m.key === "Enter" && m.preventDefault();
+            }),
+            onFocus: S(s.onFocus, () => {
+              h.current && d.current?.click();
+            })
+          }
+        )
+      }
+    );
+  }
+);
+gt.displayName = ht;
+const ws = "RadioGroupBaseIndicator", xs = 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 = {
+  ...$,
+  size: { type: "enum", className: "bd-size", values: Ps, default: "2" },
+  variant: { type: "enum", className: "bd-variant", values: ks, default: "classic" },
+  ...M
+}, j = "RadioGroup", [Is] = _(j, [pt]), yt = pt(), [Ss, vt] = Is(j), Ct = i.forwardRef(
+  ({
+    size: e = W.size.default,
+    variant: t = W.variant.default,
+    ...o
+  }, r) => {
+    const { __scopeRadioGroup: s, className: n, ...c } = P(
+      o,
+      W
+    ), a = yt(s);
+    return /* @__PURE__ */ u(Ss, { scope: s, size: e, variant: t, children: /* @__PURE__ */ u(
+      bt,
+      {
+        ...a,
+        ...c,
+        ref: r,
+        className: x("bd-RadioGroupRoot", n)
+      }
+    ) });
+  }
+);
+Ct.displayName = j;
+const Rt = i.forwardRef(
+  (e, t) => {
+    const { __scopeRadioGroup: o, children: r, className: s, style: n, ...c } = e, { size: a } = vt("RadioGroupItem", o);
+    return r ? /* @__PURE__ */ A(
+      be,
+      {
+        as: "label",
+        size: a,
+        className: x("bd-RadioGroupItem", s),
+        style: n,
+        children: [
+          /* @__PURE__ */ u(
+            le,
+            {
+              __scopeRadioGroup: o,
+              ...c,
+              ref: t
+            }
+          ),
+          r && /* @__PURE__ */ u("span", { className: "bd-RadioGroupItemInner", children: r })
+        ]
+      }
+    ) : /* @__PURE__ */ u(
+      le,
+      {
+        __scopeRadioGroup: o,
+        ...c,
+        ref: t,
+        className: s,
+        style: n
+      }
+    );
+  }
+);
+Rt.displayName = `${j}.Item`;
+const le = i.forwardRef(({ __scopeRadioGroup: e, ...t }, o) => {
+  const r = vt("RadioGroupItemRadio", e), s = yt(e), { className: n } = P({ ...t, ...r }, W);
+  return /* @__PURE__ */ u(
+    gt,
+    {
+      ...s,
+      ...t,
+      asChild: !1,
+      ref: o,
+      className: x("bd-reset", "bd-BaseRadioRoot", "bd-RadioRoot", n)
+    }
+  );
+});
+le.displayName = `${j}.ItemRadio`;
+const Hs = {
+  Root: Ct,
+  Item: Rt
+}, ee = "Switch", [Es] = _(ee), [_s, Ts] = Es(ee), Nt = i.forwardRef(
+  (e, t) => {
+    const {
+      __scopeSwitch: o,
+      name: r,
+      checked: s,
+      defaultChecked: n,
+      required: c,
+      disabled: a,
+      value: l = "on",
+      onCheckedChange: d,
+      form: f,
+      ...p
+    } = e, [h, m] = i.useState(null), g = E(t, (C) => m(C)), v = i.useRef(!1), b = h ? f || !!h.closest("form") : !0, [y, R] = D({
+      prop: s,
+      defaultProp: n ?? !1,
+      onChange: d,
+      caller: ee
+    });
+    return /* @__PURE__ */ A(_s, { scope: o, checked: y, disabled: a, children: [
+      /* @__PURE__ */ u(
+        k.button,
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": y,
+          "aria-required": c,
+          "data-state": kt(y),
+          "data-disabled": a ? "" : void 0,
+          disabled: a,
+          value: l,
+          ...p,
+          ref: g,
+          onClick: S(e.onClick, (C) => {
+            R((N) => !N), b && (v.current = C.isPropagationStopped(), v.current || C.stopPropagation());
+          })
+        }
+      ),
+      b && /* @__PURE__ */ u(
+        Pt,
+        {
+          control: h,
+          bubbles: !v.current,
+          name: r,
+          value: l,
+          checked: y,
+          required: c,
+          disabled: a,
+          form: f,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+Nt.displayName = ee;
+const wt = "SwitchThumb", xt = i.forwardRef(
+  (e, t) => {
+    const { __scopeSwitch: o, ...r } = e, s = Ts(wt, o);
+    return /* @__PURE__ */ u(
+      k.span,
+      {
+        "data-state": kt(s.checked),
+        "data-disabled": s.disabled ? "" : void 0,
+        ...r,
+        ref: t
+      }
+    );
+  }
+);
+xt.displayName = wt;
+const Os = "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);
+    return i.useEffect(() => {
+      const f = c.current;
+      if (!f) return;
+      const p = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(
+        p,
+        "checked"
+      ).set;
+      if (l !== o && m) {
+        const g = new Event("click", { bubbles: s });
+        m.call(f, o), f.dispatchEvent(g);
+      }
+    }, [l, o, s]), /* @__PURE__ */ u(
+      "input",
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: o,
+        ...n,
+        tabIndex: -1,
+        ref: a,
+        style: {
+          ...n.style,
+          ...d,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+Pt.displayName = Os;
+function kt(e) {
+  return e ? "checked" : "unchecked";
+}
+const As = ["1", "2", "3"], Gs = {
+  size: { type: "enum", className: "bd-size", values: As, default: "2" },
+  ...M
+}, Bs = i.forwardRef((e, t) => {
+  const { className: o, ...r } = P(e, Gs);
+  return /* @__PURE__ */ u(
+    Nt,
+    {
+      ...r,
+      asChild: !1,
+      ref: t,
+      className: x("bd-reset", "bd-SwitchRoot", o),
+      children: /* @__PURE__ */ u(xt, { className: x("bd-SwitchThumb") })
+    }
+  );
+});
+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 },
+  gap: Me.gap,
+  px: q.px,
+  pl: q.pl,
+  pr: q.pr
+}, It = i.forwardRef(
+  (e, t) => {
+    const o = i.useRef(null), { children: r, className: s, style: n, ...c } = P(
+      e,
+      Ms
+    );
+    return /* @__PURE__ */ A(
+      "div",
+      {
+        style: n,
+        className: x("bd-TextFieldRoot", s),
+        onPointerDown: (a) => {
+          const l = a.target;
+          if (l.closest("input, button, a")) return;
+          const d = o.current;
+          if (!d) return;
+          const p = l.closest(`
+            .bd-TextFieldSlot[data-side='right'],
+            .bd-TextFieldSlot:not([data-side='right']) ~ .bd-TextFieldSlot:not([data-side='left'])
+          `) ? d.value.length : 0;
+          requestAnimationFrame(() => {
+            try {
+              d.setSelectionRange(p, p);
+            } catch {
+            }
+            d.focus();
+          });
+        },
+        children: [
+          /* @__PURE__ */ u(
+            "input",
+            {
+              spellCheck: "false",
+              ...c,
+              ref: ue(o, t),
+              className: "bd-reset bd-TextFieldInput"
+            }
+          ),
+          r
+        ]
+      }
+    );
+  }
+);
+It.displayName = "TextFieldRoot";
+const St = i.forwardRef(
+  (e, t) => {
+    const { className: o, side: r, ...s } = P(e, Vs);
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        "data-side": r,
+        ...s,
+        ref: t,
+        className: x("bd-TextFieldSlot", o)
+      }
+    );
+  }
+);
+St.displayName = "TextFieldSlot";
+const qs = Object.assign(It, { Slot: St });
 export {
-  Te as Base,
-  He as Button,
-  N as Flex,
-  O as OutletUI,
-  A as Spinner,
-  xe as Text,
-  $e as VISUALLY_HIDDEN_STYLES,
-  _ as VisuallyHidden
+  Yo as Button,
+  Ve as CheckLineIcon,
+  ns as Checkbox,
+  js as CheckboxGroup,
+  Y as Flex,
+  Zo as IndeterminateLineIcon,
+  ys as Radio,
+  Hs as RadioGroup,
+  $e as Spinner,
+  Bs as Switch,
+  be as Text,
+  qs as TextField
 };