@beaubrain/web-design-system 0.1.14 → 0.1.16

package/dist/index.js

@@ -1,22 +1,22 @@
-import { jsx as i, jsxs as k, Fragment as Ye } from "react/jsx-runtime";
-import * as l from "react";
-import E from "react";
-import { createPortal as ln } from "react-dom";
-function un(e) {
+import { jsx as i, jsxs as P, Fragment as me } from "react/jsx-runtime";
+import * as u from "react";
+import _ from "react";
+import { createPortal as Hn } from "react-dom";
+function qn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ce = { exports: {} };
+var _e = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Ue;
-function dn() {
-  return Ue || (Ue = 1, (function(e) {
+var ht;
+function Wn() {
+  return ht || (ht = 1, (function(e) {
     (function() {
-      var t = {}.hasOwnProperty;
-      function n() {
+      var n = {}.hasOwnProperty;
+      function t() {
         for (var r = "", c = 0; c < arguments.length; c++) {
           var a = arguments[c];
           a && (r = s(r, o(a)));
@@ -29,284 +29,284 @@ function dn() {
         if (typeof r != "object")
           return "";
         if (Array.isArray(r))
-          return n.apply(null, r);
+          return t.apply(null, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
         var c = "";
         for (var a in r)
-          t.call(r, a) && r[a] && (c = s(c, a));
+          n.call(r, a) && r[a] && (c = s(c, a));
         return c;
       }
       function s(r, c) {
         return c ? r ? r + " " + c : r + c : r;
       }
-      e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  })(Ce)), Ce.exports;
+  })(_e)), _e.exports;
 }
-var pn = dn();
-const R = /* @__PURE__ */ un(pn), fn = (e, t) => {
-  const n = { ...t };
-  for (const o in t) {
-    const s = e[o], r = t[o];
-    /^on[A-Z]/.test(o) ? s && r ? n[o] = (...a) => {
-      const u = r(...a);
-      return s(...a), u;
-    } : s && (n[o] = s) : o === "style" ? n[o] = { ...s, ...r } : o === "className" && (n[o] = [s, r].filter(Boolean).join(" "));
+var Yn = Wn();
+const x = /* @__PURE__ */ qn(Yn), Kn = (e, n) => {
+  const t = { ...n };
+  for (const o in n) {
+    const s = e[o], r = n[o];
+    /^on[A-Z]/.test(o) ? s && r ? t[o] = (...a) => {
+      const l = r(...a);
+      return s(...a), l;
+    } : s && (t[o] = s) : o === "style" ? t[o] = { ...s, ...r } : o === "className" && (t[o] = [s, r].filter(Boolean).join(" "));
   }
-  return { ...e, ...n };
-}, He = (e, t) => {
+  return { ...e, ...t };
+}, bt = (e, n) => {
   if (typeof e == "function")
-    return e(t);
-  e != null && (e.current = t);
-}, X = (...e) => (t) => {
-  let n = !1;
+    return e(n);
+  e != null && (e.current = n);
+}, se = (...e) => (n) => {
+  let t = !1;
   const o = e.map((s) => {
-    const r = He(s, t);
-    return !n && typeof r == "function" && (n = !0), { ref: s, cleanup: r };
+    const r = bt(s, n);
+    return !t && typeof r == "function" && (t = !0), { ref: s, cleanup: r };
   });
-  if (n)
+  if (t)
     return () => {
       for (const { ref: s, cleanup: r } of o)
-        typeof r == "function" ? r() : He(s, null);
+        typeof r == "function" ? r() : bt(s, null);
     };
-}, Pe = (e) => {
-  const t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get;
-  return t && "isReactWarning" in t && t.isReactWarning ? e.ref : e.props.ref || e.ref;
+}, $e = (e) => {
+  const n = Object.getOwnPropertyDescriptor(e.props, "ref")?.get;
+  return n && "isReactWarning" in n && n.isReactWarning ? e.ref : e.props.ref || e.ref;
 };
 function T(...e) {
-  return E.useCallback(X(...e), e);
+  return _.useCallback(se(...e), e);
 }
-const je = (...e) => {
-  let t = {};
-  for (const n of e)
-    n && (t = { ...t, ...n });
-  return Object.keys(t).length ? t : void 0;
-}, mn = ({ className: e, customProperties: t, ...n }) => {
-  const o = qe({
+const Ve = (...e) => {
+  let n = {};
+  for (const t of e)
+    t && (n = { ...n, ...t });
+  return Object.keys(n).length ? n : void 0;
+}, Xn = ({ className: e, customProperties: n, ...t }) => {
+  const o = Rt({
     allowCustomValues: !0,
     className: e,
-    ...n
-  }), s = gn({
-    customProperties: t,
-    ...n
+    ...t
+  }), s = Jn({
+    customProperties: n,
+    ...t
   });
   return [o, s];
-}, hn = (e, t, n) => {
-  const o = e ? "-" : "", s = n(t), r = s?.startsWith("-"), c = r ? "-" : "", a = r ? s?.substring(1) : s;
+}, Zn = (e, n, t) => {
+  const o = e ? "-" : "", s = t(n), r = s?.startsWith("-"), c = r ? "-" : "", a = r ? s?.substring(1) : s;
   return `${c}${e}${o}${a}`;
-}, qe = ({
+}, Rt = ({
   allowCustomValues: e = !1,
-  className: t,
-  value: n,
+  className: n,
+  value: t,
   propValues: o,
   parseValue: s = (r) => r
 }) => {
-  if (n) {
-    if (typeof n == "string" && o.includes(n))
-      return hn(t, n, s);
+  if (t) {
+    if (typeof t == "string" && o.includes(t))
+      return Zn(n, t, s);
     if (e)
-      return t;
+      return n;
   }
-}, gn = ({
+}, Jn = ({
   customProperties: e,
-  value: t,
-  propValues: n,
+  value: n,
+  propValues: t,
   parseValue: o = (s) => s
 }) => {
   let s = {};
-  if (!(!t || typeof t == "string" && n.includes(t))) {
-    typeof t == "string" && (s = Object.fromEntries(e.map((r) => [r, t])));
+  if (!(!n || typeof n == "string" && t.includes(n))) {
+    typeof n == "string" && (s = Object.fromEntries(e.map((r) => [r, n])));
     for (const r in s) {
       const c = s[r];
       c !== void 0 && (s[r] = o(c));
     }
     return s;
   }
-}, bn = (...e) => Object.assign({}, ...e), I = (e, ...t) => {
-  let n, o;
-  const s = { ...e }, r = bn(...t);
+}, Qn = (...e) => Object.assign({}, ...e), I = (e, ...n) => {
+  let t, o;
+  const s = { ...e }, r = Qn(...n);
   for (const c in r) {
     let a = s[c];
-    const u = r[c];
-    if (u.default !== void 0 && a === void 0 && (a = u.default), u.type === "enum" && ([u.default, ...u.values].includes(a) || (a = u.default)), s[c] = a, "className" in u && u.className) {
+    const l = r[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 (u.type === "enum") {
-        const d = qe({
+      if (l.type === "enum") {
+        const d = Rt({
           value: a,
-          className: u.className,
-          propValues: u.values,
-          parseValue: u.parseValue
+          className: l.className,
+          propValues: l.values,
+          parseValue: l.parseValue
         });
-        n = R(n, d);
+        t = x(t, d);
         continue;
       }
-      if (u.type === "string" || u.type === "enum | string") {
-        const d = u.type === "string" ? [] : u.values, [p, f] = mn({
-          className: u.className,
-          customProperties: u.customProperties,
+      if (l.type === "string" || l.type === "enum | string") {
+        const d = l.type === "string" ? [] : l.values, [p, f] = Xn({
+          className: l.className,
+          customProperties: l.customProperties,
           propValues: d,
           value: a
         });
-        o = je(o, f), n = R(n, p);
+        o = Ve(o, f), t = x(t, p);
         continue;
       }
     }
   }
-  return s.className = R(n, e.className), s.style = je(o, e.style), s;
-}, Ke = (e) => {
-  if (!E.isValidElement(e))
+  return s.className = x(t, e.className), s.style = Ve(o, e.style), s;
+}, xt = (e) => {
+  if (!_.isValidElement(e))
     throw new Error(`Expected a single valid React element, but got: ${e}`);
   return e;
-}, _ = (e, t = []) => {
-  let n = [];
+}, F = (e, n = []) => {
+  let t = [];
   function o(r, c) {
-    const a = l.createContext(c), u = n.length;
-    n = [...n, c];
+    const a = u.createContext(c), l = t.length;
+    t = [...t, c];
     const d = (f) => {
-      const { scope: C, children: h, ...v } = f, b = C?.[e]?.[u] || a, g = l.useMemo(() => v, Object.values(v));
-      return /* @__PURE__ */ i(b.Provider, { value: g, children: h });
+      const { scope: C, children: m, ...y } = f, h = C?.[e]?.[l] || a, g = u.useMemo(() => y, Object.values(y));
+      return /* @__PURE__ */ i(h.Provider, { value: g, children: m });
     };
     d.displayName = `${r}Provider`;
     function p(f, C) {
-      const h = C?.[e]?.[u] || a, v = l.useContext(h);
-      if (v) return v;
+      const m = C?.[e]?.[l] || a, y = u.useContext(m);
+      if (y) return y;
       if (c !== void 0) return c;
       throw new Error(`\`${f}\` must be used within \`${r}\``);
     }
     return [d, p];
   }
   const s = () => {
-    const r = n.map((c) => l.createContext(c));
+    const r = t.map((c) => u.createContext(c));
     return function(a) {
-      const u = a?.[e] || r;
-      return l.useMemo(
-        () => ({ [`__scope${e}`]: { ...a, [e]: u } }),
-        [a, u]
+      const l = a?.[e] || r;
+      return u.useMemo(
+        () => ({ [`__scope${e}`]: { ...a, [e]: l } }),
+        [a, l]
       );
     };
   };
-  return s.scopeName = e, [o, Cn(s, ...t)];
-}, Cn = (...e) => {
-  const t = e[0];
-  if (e.length === 1) return t;
-  const n = () => {
+  return s.scopeName = e, [o, eo(s, ...n)];
+}, eo = (...e) => {
+  const n = e[0];
+  if (e.length === 1) return n;
+  const t = () => {
     const o = e.map((s) => ({
       useScope: s(),
       scopeName: s.scopeName
     }));
     return function(r) {
-      const c = o.reduce((a, { useScope: u, scopeName: d }) => {
-        const f = u(r)[`__scope${d}`];
+      const c = o.reduce((a, { useScope: l, scopeName: d }) => {
+        const f = l(r)[`__scope${d}`];
         return { ...a, ...f };
       }, {});
-      return l.useMemo(() => ({ [`__scope${t.scopeName}`]: c }), [c]);
+      return u.useMemo(() => ({ [`__scope${n.scopeName}`]: c }), [c]);
     };
   };
-  return n.scopeName = t.scopeName, n;
-}, Y = globalThis?.document ? l.useLayoutEffect : () => {
-}, vn = l[" useId ".trim().toString()] || (() => {
+  return t.scopeName = n.scopeName, t;
+}, G = globalThis?.document ? u.useLayoutEffect : () => {
+}, to = u[" useId ".trim().toString()] || (() => {
 });
-let yn = 0;
-function We(e) {
-  const [t, n] = l.useState(vn());
-  return Y(() => {
-    n((o) => o ?? String(yn++));
-  }, [e]), t ? `bd-${t}` : "";
+let no = 0;
+function re(e) {
+  const [n, t] = u.useState(to());
+  return G(() => {
+    e || t((o) => o ?? String(no++));
+  }, [e]), e || (n ? `bd-${n}` : "");
 }
-function wn(e) {
-  const t = l.useRef(e);
-  return l.useEffect(() => {
-    t.current = e;
-  }), l.useMemo(() => ((...n) => t.current?.(...n)), []);
+function de(e) {
+  const n = u.useRef(e);
+  return G(() => {
+    n.current = e;
+  }), u.useMemo(() => ((...t) => n.current?.(...t)), []);
 }
-function B({
+function A({
   prop: e,
-  defaultProp: t,
-  onChange: n = () => {
+  defaultProp: n,
+  onChange: t = () => {
   },
   caller: o
 }) {
-  const [s, r, c] = Nn({
-    defaultProp: t,
-    onChange: n
-  }), a = e !== void 0, u = a ? e : s;
+  const [s, r, c] = oo({
+    defaultProp: n,
+    onChange: t
+  }), a = e !== void 0, l = a ? e : s;
   if (process.env.NODE_ENV !== "production") {
-    const p = l.useRef(e !== void 0);
-    l.useEffect(() => {
+    const p = u.useRef(e !== void 0);
+    u.useEffect(() => {
       const f = p.current;
       f !== a && console.warn(
         `${o} is changing from ${f ? "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.`
       ), p.current = a;
     }, [a, o]);
   }
-  const d = l.useCallback(
+  const d = u.useCallback(
     (p) => {
       if (a) {
-        const f = Rn(p) ? p(e) : p;
+        const f = so(p) ? p(e) : p;
         f !== e && c.current?.(f);
       } else
         r(p);
     },
     [a, e, r, c]
   );
-  return [u, d];
+  return [l, d];
 }
-function Nn({
+function oo({
   defaultProp: e,
-  onChange: t
+  onChange: n
 }) {
-  const [n, o] = l.useState(e), s = l.useRef(n), r = l.useRef(t);
-  return Y(() => {
-    r.current = t;
-  }, [t]), l.useEffect(() => {
-    s.current !== n && (r.current?.(n), s.current = n);
-  }, [n, s]), [n, o, r];
+  const [t, o] = u.useState(e), s = u.useRef(t), r = u.useRef(n);
+  return G(() => {
+    r.current = n;
+  }, [n]), u.useEffect(() => {
+    s.current !== t && (r.current?.(t), s.current = t);
+  }, [t, s]), [t, o, r];
 }
-function Rn(e) {
+function so(e) {
   return typeof e == "function";
 }
-function Ie(e) {
-  const t = l.useRef({ value: e, previous: e });
-  return l.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
+function Ce(e) {
+  const n = u.useRef({ value: e, previous: e });
+  return u.useMemo(() => (n.current.value !== e && (n.current.previous = n.current.value, n.current.value = e), n.current.previous), [e]);
 }
-function Ee(e) {
-  const [t, n] = l.useState(void 0);
-  return Y(() => {
+function Ue(e) {
+  const [n, t] = u.useState(void 0);
+  return G(() => {
     if (e) {
-      n({ width: e.offsetWidth, height: e.offsetHeight });
+      t({ width: e.offsetWidth, height: e.offsetHeight });
       const o = new ResizeObserver((s) => {
         if (!Array.isArray(s) || !s.length)
           return;
         const r = s[0];
         let c, a;
         if ("borderBoxSize" in r) {
-          const u = r.borderBoxSize, d = Array.isArray(u) ? u[0] : u;
+          const l = r.borderBoxSize, d = Array.isArray(l) ? l[0] : l;
           c = d.inlineSize, a = d.blockSize;
         } else
           c = e.offsetWidth, a = e.offsetHeight;
-        n({ width: c, height: a });
+        t({ width: c, height: a });
       });
       return o.observe(e, { box: "border-box" }), () => o.unobserve(e);
     } else
-      n(void 0);
-  }, [e]), t;
+      t(void 0);
+  }, [e]), n;
 }
-function xn(e, t) {
-  const [n, o] = l.useReducer((s, r) => t[s][r] ?? s, e);
-  return [n, o];
+function ro(e, n) {
+  const [t, o] = u.useReducer((s, r) => n[s][r] ?? s, e);
+  return [t, o];
 }
-function Xe(e, t, n, o = 0, s = "start", r = !0) {
-  const [c, a] = E.useState({
+function Pt(e, n, t, o = 0, s = "start", r = !0) {
+  const [c, a] = _.useState({
     position: "absolute",
     top: 0,
     left: 0,
     opacity: 0,
     pointerEvents: "none"
-  }), [u, d] = E.useState(!1);
-  return Y(() => {
-    if (!n) {
+  }), [l, d] = _.useState(!1);
+  return G(() => {
+    if (!t) {
       d(!1), a({
         position: "absolute",
         top: 0,
@@ -318,66 +318,66 @@ function Xe(e, t, n, o = 0, s = "start", r = !0) {
     }
     let p;
     const f = () => {
-      if (!e.current || !t.current) return;
-      const h = (e.current.closest(".bd-TextFieldRoot") || e.current).getBoundingClientRect(), v = t.current.getBoundingClientRect(), b = r ? h.width : v.width;
-      if (v.height === 0 || v.width === 0) {
+      if (!e.current || !n.current) return;
+      const m = (e.current.closest(".bd-TextFieldRoot") || e.current).getBoundingClientRect(), y = n.current.getBoundingClientRect(), h = r ? m.width : y.width;
+      if (y.height === 0 || y.width === 0) {
         p = requestAnimationFrame(f);
         return;
       }
-      const g = window.innerHeight, m = window.innerWidth;
-      let y = window.scrollY + h.bottom + o, w = window.scrollX + h.left;
-      s === "center" ? w = window.scrollX + h.left + h.width / 2 - b / 2 : s === "end" && (w = window.scrollX + h.right - b), h.bottom + v.height + o > g && (y = window.scrollY + h.top - v.height - o), w + b > window.scrollX + m && (w = window.scrollX + m - b - 16), w < window.scrollX && (w = window.scrollX + 16);
+      const g = window.innerHeight, v = window.innerWidth;
+      let b = window.scrollY + m.bottom + o, w = window.scrollX + m.left;
+      s === "center" ? w = window.scrollX + m.left + m.width / 2 - h / 2 : s === "end" && (w = window.scrollX + m.right - h), m.bottom + y.height + o > g && (b = window.scrollY + m.top - y.height - o), w + h > window.scrollX + v && (w = window.scrollX + v - h - 16), w < window.scrollX && (w = window.scrollX + 16);
       const N = {
         position: "absolute",
-        top: `${y}px`,
+        top: `${b}px`,
         left: `${w}px`,
         zIndex: 1e3,
         opacity: 1,
         pointerEvents: "auto"
       };
-      r && (N.width = `${h.width}px`), a(N), d(!0);
+      r && (N.width = `${m.width}px`), a(N), d(!0);
     };
     return p = requestAnimationFrame(f), window.addEventListener("scroll", f, { passive: !0 }), window.addEventListener("resize", f), () => {
       cancelAnimationFrame(p), window.removeEventListener("scroll", f), window.removeEventListener("resize", f);
     };
-  }, [n, e, t, o, s, r]), { styles: c, isPositioned: u };
+  }, [t, e, n, o, s, r]), { styles: c, isPositioned: l };
 }
-function Ze(e, t) {
-  l.useEffect(() => {
-    const n = (o) => {
+function je(e, n) {
+  u.useEffect(() => {
+    const t = (o) => {
       const s = e?.current;
-      !s || s.contains(o.target) || t(o);
+      !s || s.contains(o.target) || n(o);
     };
-    return document.addEventListener("mousedown", n), document.addEventListener("touchstart", n), () => {
-      document.removeEventListener("mousedown", n), document.removeEventListener("touchstart", n);
+    return document.addEventListener("mousedown", t), document.addEventListener("touchstart", t), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("touchstart", t);
     };
-  }, [e, t]);
+  }, [e, n]);
 }
-const Je = ({
+const He = ({
   children: e,
-  container: t = globalThis?.document?.body
-}) => typeof window > "u" || !t ? null : ln(
+  container: n = globalThis?.document?.body
+}) => typeof window > "u" || !n ? null : Hn(
   /* @__PURE__ */ i("div", { className: "bd-theme bd-reset", style: { display: "contents" }, children: e }),
-  t
-), Sn = (e) => {
-  const t = E.forwardRef((n, o) => {
-    const { children: s, ...r } = n;
-    if (E.isValidElement(s)) {
-      const c = Pe(s), a = fn(r, s.props);
-      return a.ref = o ? X(o, c) : c, E.cloneElement(s, a);
+  n
+), ao = (e) => {
+  const n = _.forwardRef((t, o) => {
+    const { children: s, ...r } = t;
+    if (_.isValidElement(s)) {
+      const c = $e(s), a = Kn(r, s.props);
+      return a.ref = o ? se(o, c) : c, _.cloneElement(s, a);
     }
     throw new Error(
       `[${e}.OutletClone] Invalid children passed, expected a single valid React element.`
     );
   });
-  return t.displayName = `${e}.OutletClone`, t;
-}, oe = (e) => {
-  const t = Sn(e), n = E.forwardRef((o, s) => {
-    const { children: r, ...c } = o, a = E.Children.toArray(r), u = a.find(Pn);
-    if (u) {
-      const d = u.props.children, p = a.map((f) => {
-        if (f === u) {
-          if (E.Children.count(d) > 1 || !E.isValidElement(d))
+  return n.displayName = `${e}.OutletClone`, n;
+}, he = (e) => {
+  const n = ao(e), t = _.forwardRef((o, s) => {
+    const { children: r, ...c } = o, a = _.Children.toArray(r), l = a.find(io);
+    if (l) {
+      const d = l.props.children, p = a.map((f) => {
+        if (f === l) {
+          if (_.Children.count(d) > 1 || !_.isValidElement(d))
             throw new Error(
               `[${e}.Outlet] Invalid children passed, expected a single valid React element.`
             );
@@ -385,67 +385,67 @@ const Je = ({
         } else
           return f;
       });
-      if (!E.isValidElement(d))
+      if (!_.isValidElement(d))
         throw new Error(`[${e}.Outlet] Invalid children passed.`);
-      return /* @__PURE__ */ i(t, { ...c, ref: s, children: E.cloneElement(d, void 0, p) });
+      return /* @__PURE__ */ i(n, { ...c, ref: s, children: _.cloneElement(d, void 0, p) });
     }
-    return /* @__PURE__ */ i(t, { ...c, ref: s, children: r });
+    return /* @__PURE__ */ i(n, { ...c, ref: s, children: r });
   });
-  return n.displayName = `${e}.Outlet`, n;
-}, re = oe("Outlet"), kn = Symbol("bds.outlettable"), Pn = (e) => E.isValidElement(e) && typeof e.type == "function" && "__bdsId" in e.type && e.type.__bdsId === kn, In = ["a", "button", "div", "input", "label", "span"], P = In.reduce((e, t) => {
-  const n = oe(`Base.${t}`), o = l.forwardRef((s, r) => {
+  return t.displayName = `${e}.Outlet`, t;
+}, ve = he("Outlet"), co = Symbol("bds.outlettable"), io = (e) => _.isValidElement(e) && typeof e.type == "function" && "__bdsId" in e.type && e.type.__bdsId === co, lo = ["a", "button", "div", "input", "label", "span"], R = lo.reduce((e, n) => {
+  const t = he(`Base.${n}`), o = u.forwardRef((s, r) => {
     const { asChild: c, ...a } = s;
-    return /* @__PURE__ */ i(c ? n : t, { ...a, ref: r });
+    return /* @__PURE__ */ i(c ? t : n, { ...a, ref: r });
   });
-  return o.displayName = `Base.${t}`, { ...e, [t]: o };
+  return o.displayName = `Base.${n}`, { ...e, [n]: o };
 }, {});
-function En(e) {
-  const t = `${e}CollectionProvider`, [n, o] = _(t), [s, r] = n(
-    t,
+function uo(e) {
+  const n = `${e}CollectionProvider`, [t, o] = F(n), [s, r] = t(
+    n,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), c = (b) => {
-    const { scope: g, children: m } = b, y = l.useRef(null), w = l.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ i(s, { scope: g, itemMap: w, collectionRef: y, children: m });
+  ), c = (h) => {
+    const { scope: g, children: v } = h, b = u.useRef(null), w = u.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ i(s, { scope: g, itemMap: w, collectionRef: b, children: v });
   };
-  c.displayName = t;
-  const a = `${e}CollectionOutlet`, u = oe(a), d = l.forwardRef(
-    (b, g) => {
-      const { scope: m, children: y } = b, w = r(a, m), N = T(g, w.collectionRef);
-      return /* @__PURE__ */ i(u, { ref: N, children: y });
+  c.displayName = n;
+  const a = `${e}CollectionOutlet`, l = he(a), d = u.forwardRef(
+    (h, g) => {
+      const { scope: v, children: b } = h, w = r(a, v), N = T(g, w.collectionRef);
+      return /* @__PURE__ */ i(l, { ref: N, children: b });
     }
   );
   d.displayName = a;
-  const p = `${e}CollectionItemOutlet`, f = "data-bd-collection-item", C = oe(p), h = l.forwardRef(
-    (b, g) => {
-      const { scope: m, children: y, ...w } = b, N = l.useRef(null), x = T(g, N), S = r(p, m);
-      return l.useEffect(() => (S.itemMap.set(N, { ref: N, ...w }), () => void S.itemMap.delete(N))), /* @__PURE__ */ i(C, { [f]: "", ref: x, children: y });
+  const p = `${e}CollectionItemOutlet`, f = "data-bd-collection-item", C = he(p), m = u.forwardRef(
+    (h, g) => {
+      const { scope: v, children: b, ...w } = h, N = u.useRef(null), k = T(g, N), S = r(p, v);
+      return u.useEffect(() => (S.itemMap.set(N, { ref: N, ...w }), () => void S.itemMap.delete(N))), /* @__PURE__ */ i(C, { [f]: "", ref: k, children: b });
     }
   );
-  h.displayName = p;
-  function v(b) {
-    const g = r(`${e}CollectionConsumer`, b);
-    return l.useCallback(() => {
-      const y = g.collectionRef.current;
-      if (!y) return [];
-      const w = Array.from(y.querySelectorAll(`[${f}]`));
+  m.displayName = p;
+  function y(h) {
+    const g = r(`${e}CollectionConsumer`, h);
+    return u.useCallback(() => {
+      const b = g.collectionRef.current;
+      if (!b) return [];
+      const w = Array.from(b.querySelectorAll(`[${f}]`));
       return Array.from(g.itemMap.values()).sort(
-        (S, A) => w.indexOf(S.ref.current) - w.indexOf(A.ref.current)
+        (S, L) => w.indexOf(S.ref.current) - w.indexOf(L.ref.current)
       );
     }, [g.collectionRef, g.itemMap]);
   }
   return [
-    { Provider: c, Outlet: d, ItemOutlet: h },
-    v,
+    { Provider: c, Outlet: d, ItemOutlet: m },
+    y,
     o
   ];
 }
-function Qe(e) {
-  const { remain: t, children: n } = e, o = Tn(t), s = typeof n == "function" ? n({ remain: o.isRemain }) : l.Children.only(n), r = T(o.ref, Pe(s));
-  return typeof n == "function" || o.isRemain ? l.cloneElement(s, { ref: r }) : null;
+function St(e) {
+  const { remain: n, children: t } = e, o = fo(n), s = typeof t == "function" ? t({ remain: o.isRemain }) : u.Children.only(t), r = T(o.ref, $e(s));
+  return typeof t == "function" || o.isRemain ? u.cloneElement(s, { ref: r }) : null;
 }
-const Dn = ["mounted", "unmountSuspended"];
-function Tn(e) {
-  const [t, n] = l.useState(), o = l.useRef(null), s = l.useRef(e), r = l.useRef("none"), c = e ? "mounted" : "unmounted", [a, u] = xn(c, {
+const po = ["mounted", "unmountSuspended"];
+function fo(e) {
+  const [n, t] = u.useState(), o = u.useRef(null), s = u.useRef(e), r = u.useRef("none"), c = e ? "mounted" : "unmounted", [a, l] = ro(c, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -458,45 +458,45 @@ function Tn(e) {
       MOUNT: "mounted"
     }
   });
-  return l.useEffect(() => {
-    const d = ee(o.current);
+  return u.useEffect(() => {
+    const d = ue(o.current);
     r.current = a === "mounted" ? d : "none";
-  }, [a]), Y(() => {
+  }, [a]), G(() => {
     const d = o.current, p = s.current;
     if (p !== e) {
-      const C = r.current, h = ee(d);
-      e ? u("MOUNT") : h === "none" || d?.display === "none" ? u("UNMOUNT") : u(p && C !== h ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
+      const C = r.current, m = ue(d);
+      e ? l("MOUNT") : m === "none" || d?.display === "none" ? l("UNMOUNT") : l(p && C !== m ? "ANIMATION_OUT" : "UNMOUNT"), s.current = e;
     }
-  }, [e, u]), Y(() => {
-    if (t) {
+  }, [e, l]), G(() => {
+    if (n) {
       let d;
-      const p = t.ownerDocument.defaultView ?? window, f = (h) => {
-        const b = ee(o.current).includes(CSS.escape(h.animationName));
-        if (h.target === t && b && (u("ANIMATION_END"), !s.current)) {
-          const g = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", d = p.setTimeout(() => {
-            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = g);
+      const p = n.ownerDocument.defaultView ?? window, f = (m) => {
+        const h = ue(o.current).includes(CSS.escape(m.animationName));
+        if (m.target === n && h && (l("ANIMATION_END"), !s.current)) {
+          const g = n.style.animationFillMode;
+          n.style.animationFillMode = "forwards", d = p.setTimeout(() => {
+            n.style.animationFillMode === "forwards" && (n.style.animationFillMode = g);
           });
         }
-      }, C = (h) => {
-        h.target === t && (r.current = ee(o.current));
+      }, C = (m) => {
+        m.target === n && (r.current = ue(o.current));
       };
-      return t.addEventListener("animationstart", C), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
-        p.clearTimeout(d), t.removeEventListener("animationstart", C), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      return n.addEventListener("animationstart", C), n.addEventListener("animationcancel", f), n.addEventListener("animationend", f), () => {
+        p.clearTimeout(d), n.removeEventListener("animationstart", C), n.removeEventListener("animationcancel", f), n.removeEventListener("animationend", f);
       };
     } else
-      u("ANIMATION_END");
-  }, [t, u]), {
-    isRemain: Dn.includes(a),
-    ref: l.useCallback((d) => {
-      o.current = d ? getComputedStyle(d) : null, n(d);
+      l("ANIMATION_END");
+  }, [n, l]), {
+    isRemain: po.includes(a),
+    ref: u.useCallback((d) => {
+      o.current = d ? getComputedStyle(d) : null, t(d);
     }, [])
   };
 }
-function ee(e) {
+function ue(e) {
   return e?.animationName || "none";
 }
-const Bn = Object.freeze({
+const mo = Object.freeze({
   position: "absolute",
   border: 0,
   width: 1,
@@ -507,157 +507,157 @@ const Bn = Object.freeze({
   clip: "rect(0, 0, 0, 0)",
   whiteSpace: "nowrap",
   wordWrap: "normal"
-}), et = l.forwardRef(
-  (e, t) => /* @__PURE__ */ i(
-    P.span,
+}), kt = u.forwardRef(
+  (e, n) => /* @__PURE__ */ i(
+    R.span,
     {
       ...e,
-      ref: t,
-      style: { ...Bn, ...e.style }
+      ref: n,
+      style: { ...mo, ...e.style }
     }
   )
 );
-et.displayName = "VisuallyHidden";
-const Mn = l.forwardRef((e, t) => {
-  const { children: n, className: o, ...s } = e;
-  return /* @__PURE__ */ i(re, { ...s, ref: t, className: R("bd-reset", o), children: Ke(n) });
+kt.displayName = "VisuallyHidden";
+const ho = u.forwardRef((e, n) => {
+  const { children: t, className: o, ...s } = e;
+  return /* @__PURE__ */ i(ve, { ...s, ref: n, className: x("bd-reset", o), children: xt(t) });
 });
-Mn.displayName = "Reset";
-const M = (e, t, { checkForDefaultPrevented: n = !0 } = {}) => function(s) {
-  if (e?.(s), n === !1 || !s.defaultPrevented)
-    return t?.(s);
-}, ve = "rovingFocusGroup.onEntryFocus", _n = { bubbles: !1, cancelable: !0 }, ae = "RovingFocusGroup", [Re, tt, An] = En(ae), [On, De] = _(
-  ae,
-  [An]
-), [Fn, Gn] = On(ae), nt = l.forwardRef(
-  (e, t) => /* @__PURE__ */ i(Re.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ i(Re.Outlet, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ i($n, { ...e, ref: t }) }) })
-), $n = l.forwardRef((e, t) => {
+ho.displayName = "Reset";
+const O = (e, n, { checkForDefaultPrevented: t = !0 } = {}) => function(s) {
+  if (e?.(s), t === !1 || !s.defaultPrevented)
+    return n?.(s);
+}, Be = "rovingFocusGroup.onEntryFocus", bo = { bubbles: !1, cancelable: !0 }, ye = "RovingFocusGroup", [Ge, Et, go] = uo(ye), [Co, qe] = F(
+  ye,
+  [go]
+), [vo, yo] = Co(ye), It = u.forwardRef(
+  (e, n) => /* @__PURE__ */ i(Ge.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ i(Ge.Outlet, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ i(wo, { ...e, ref: n }) }) })
+), wo = u.forwardRef((e, n) => {
   const {
-    __scopeRovingFocusGroup: n,
+    __scopeRovingFocusGroup: t,
     orientation: o,
     loop: s = !1,
     currentTabStopId: r,
     defaultCurrentTabStopId: c,
     onCurrentTabStopIdChange: a,
-    onEntryFocus: u,
+    onEntryFocus: l,
     preventScrollOnEntryFocus: d = !1,
     ...p
-  } = e, f = l.useRef(null), C = T(t, f), [h, v] = B({
+  } = e, f = u.useRef(null), C = T(n, f), [m, y] = A({
     prop: r,
     defaultProp: c ?? null,
     onChange: a,
-    caller: ae
-  }), [b, g] = l.useState(!1), m = wn(u), y = tt(n), w = l.useRef(!1), [N, x] = l.useState(0);
-  return l.useEffect(() => {
+    caller: ye
+  }), [h, g] = u.useState(!1), v = de(l), b = Et(t), w = u.useRef(!1), [N, k] = u.useState(0);
+  return u.useEffect(() => {
     const S = f.current;
     if (S)
-      return S.addEventListener(ve, m), () => S.removeEventListener(ve, m);
-  }, [m]), /* @__PURE__ */ i(
-    Fn,
+      return S.addEventListener(Be, v), () => S.removeEventListener(Be, v);
+  }, [v]), /* @__PURE__ */ i(
+    vo,
     {
-      scope: n,
+      scope: t,
       orientation: o,
       loop: s,
-      currentTabStopId: h,
-      onItemFocus: l.useCallback(
-        (S) => v(S),
-        [v]
+      currentTabStopId: m,
+      onItemFocus: u.useCallback(
+        (S) => y(S),
+        [y]
       ),
-      onItemShiftTab: l.useCallback(() => g(!0), []),
-      onFocusableItemAdd: l.useCallback(
-        () => x((S) => S + 1),
+      onItemShiftTab: u.useCallback(() => g(!0), []),
+      onFocusableItemAdd: u.useCallback(
+        () => k((S) => S + 1),
         []
       ),
-      onFocusableItemRemove: l.useCallback(
-        () => x((S) => S - 1),
+      onFocusableItemRemove: u.useCallback(
+        () => k((S) => S - 1),
         []
       ),
       children: /* @__PURE__ */ i(
-        P.div,
+        R.div,
         {
-          tabIndex: b || N === 0 ? -1 : 0,
+          tabIndex: h || N === 0 ? -1 : 0,
           "data-orientation": o,
           ...p,
           ref: C,
           style: { outline: "none", ...e.style },
-          onMouseDown: M(e.onMouseDown, () => {
+          onMouseDown: O(e.onMouseDown, () => {
             w.current = !0;
           }),
-          onFocus: M(e.onFocus, (S) => {
-            const A = !w.current;
-            if (S.target === S.currentTarget && A && !b) {
-              const Q = new CustomEvent(ve, _n);
-              if (S.currentTarget.dispatchEvent(Q), !Q.defaultPrevented) {
-                const be = y().filter((V) => V.focusable), rn = be.find((V) => V.active), an = be.find((V) => V.id === h), cn = [rn, an, ...be].filter(
+          onFocus: O(e.onFocus, (S) => {
+            const L = !w.current;
+            if (S.target === S.currentTarget && L && !h) {
+              const z = new CustomEvent(Be, bo);
+              if (S.currentTarget.dispatchEvent(z), !z.defaultPrevented) {
+                const $ = b().filter((V) => V.focusable), E = $.find((V) => V.active), D = $.find((V) => V.id === m), Z = [E, D, ...$].filter(
                   Boolean
                 ).map((V) => V.ref.current);
-                st(cn, d);
+                Tt(Z, d);
               }
             }
             w.current = !1;
           }),
-          onBlur: M(e.onBlur, () => g(!1))
+          onBlur: O(e.onBlur, () => g(!1))
         }
       )
     }
   );
-}), Vn = "RovingFocusGroupItem", ot = l.forwardRef(
-  (e, t) => {
+}), No = "RovingFocusGroupItem", Dt = u.forwardRef(
+  (e, n) => {
     const {
-      __scopeRovingFocusGroup: n,
+      __scopeRovingFocusGroup: t,
       focusable: o = !0,
       active: s = !1,
       tabStopId: r,
       children: c,
       ...a
-    } = e, u = We(), d = r || u, p = Gn(Vn, n), f = p.currentTabStopId === d, C = tt(n), { onFocusableItemAdd: h, onFocusableItemRemove: v, currentTabStopId: b } = p;
-    return l.useEffect(() => {
+    } = e, l = re(), d = r || l, p = yo(No, t), f = p.currentTabStopId === d, C = Et(t), { onFocusableItemAdd: m, onFocusableItemRemove: y, currentTabStopId: h } = p;
+    return u.useEffect(() => {
       if (o)
-        return h(), () => v();
-    }, [o, h, v]), /* @__PURE__ */ i(
-      Re.ItemOutlet,
+        return m(), () => y();
+    }, [o, m, y]), /* @__PURE__ */ i(
+      Ge.ItemOutlet,
       {
-        scope: n,
+        scope: t,
         id: d,
         focusable: o,
         active: s,
         children: /* @__PURE__ */ i(
-          P.span,
+          R.span,
           {
             tabIndex: f ? 0 : -1,
             "data-orientation": p.orientation,
             ...a,
-            ref: t,
-            onMouseDown: M(e.onMouseDown, (g) => {
+            ref: n,
+            onMouseDown: O(e.onMouseDown, (g) => {
               o ? p.onItemFocus(d) : g.preventDefault();
             }),
-            onFocus: M(e.onFocus, () => p.onItemFocus(d)),
-            onKeyDown: M(e.onKeyDown, (g) => {
+            onFocus: O(e.onFocus, () => p.onItemFocus(d)),
+            onKeyDown: O(e.onKeyDown, (g) => {
               if (g.key === "Tab" && g.shiftKey) {
                 p.onItemShiftTab();
                 return;
               }
               if (g.target !== g.currentTarget) return;
-              const m = zn(g, p.orientation);
-              if (m !== void 0) {
+              const v = xo(g, p.orientation);
+              if (v !== void 0) {
                 if (g.metaKey || g.ctrlKey || g.altKey || g.shiftKey) return;
                 g.preventDefault();
                 let w = C().filter((N) => N.focusable).map((N) => N.ref.current);
-                if (m === "last") w.reverse();
-                else if (m === "prev" || m === "next") {
-                  m === "prev" && w.reverse();
+                if (v === "last") w.reverse();
+                else if (v === "prev" || v === "next") {
+                  v === "prev" && w.reverse();
                   const N = w.indexOf(g.currentTarget);
-                  w = p.loop ? Un(w, N + 1) : w.slice(N + 1), setTimeout(() => st(w));
+                  w = p.loop ? Po(w, N + 1) : w.slice(N + 1), setTimeout(() => Tt(w));
                 }
               }
             }),
-            children: typeof c == "function" ? c({ hasTabStop: b != null, isCurrentTabStop: f }) : c
+            children: typeof c == "function" ? c({ hasTabStop: h != null, isCurrentTabStop: f }) : c
           }
         )
       }
     );
   }
-), Ln = {
+), Ro = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -667,91 +667,91 @@ const M = (e, t, { checkForDefaultPrevented: n = !0 } = {}) => function(s) {
   PageDown: "last",
   End: "last"
 };
-function zn(e, t) {
-  const n = e.key;
-  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(n)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(n)))
-    return Ln[n];
+function xo(e, n) {
+  const t = e.key;
+  if (!(n === "vertical" && ["ArrowLeft", "ArrowRight"].includes(t)) && !(n === "horizontal" && ["ArrowUp", "ArrowDown"].includes(t)))
+    return Ro[t];
 }
-function st(e, t = !1) {
-  const n = document.activeElement;
+function Tt(e, n = !1) {
+  const t = document.activeElement;
   for (const o of e)
-    if (o === n || (o.focus({ preventScroll: t }), document.activeElement !== n)) return;
+    if (o === t || (o.focus({ preventScroll: n }), document.activeElement !== t)) return;
 }
-function Un(e, t) {
-  return e.map((n, o) => e[(t + o) % e.length]);
+function Po(e, n) {
+  return e.map((t, o) => e[(n + o) % e.length]);
 }
-const q = {
+const Q = {
   asChild: {
     type: "boolean"
   }
-}, ce = ["white", "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"], Hn = {
+}, we = ["white", "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"], So = {
   color: {
     type: "enum | string",
-    values: ce,
+    values: we,
     className: "bd-color",
     customProperties: ["--color"],
     default: void 0
   }
-}, jn = {
+}, ko = {
   borderColor: {
     type: "enum | string",
-    values: ce,
+    values: we,
     className: "bd-br-color",
     customProperties: ["--border-color"],
     default: void 0
   }
-}, Yn = {
+}, Eo = {
   accentColor: {
     type: "enum | string",
-    values: ce,
+    values: we,
     className: "bd-ac-color",
     customProperties: ["--accent-color"],
     default: void 0
   }
-}, L = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], U = {
+}, W = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], K = {
   p: {
     type: "enum | string",
-    values: L,
+    values: W,
     className: "bd-p",
     customProperties: ["--p"]
   },
   px: {
     type: "enum | string",
-    values: L,
+    values: W,
     className: "bd-px",
     customProperties: ["--px"]
   },
   py: {
     type: "enum | string",
-    values: L,
+    values: W,
     className: "bd-py",
     customProperties: ["--py"]
   },
   pt: {
     type: "enum | string",
-    values: L,
+    values: W,
     className: "bd-pt",
     customProperties: ["--pt"]
   },
   pr: {
     type: "enum | string",
-    values: L,
+    values: W,
     className: "bd-pr",
     customProperties: ["--pr"]
   },
   pb: {
     type: "enum | string",
-    values: L,
+    values: W,
     className: "bd-pb",
     customProperties: ["--pb"]
   },
   pl: {
     type: "enum | string",
-    values: L,
+    values: W,
     className: "bd-pl",
     customProperties: ["--pl"]
   }
-}, rt = {
+}, _t = {
   width: {
     type: "string",
     className: "bd-w",
@@ -767,7 +767,7 @@ const q = {
     className: "bd-max-w",
     customProperties: ["--max-width"]
   }
-}, qn = {
+}, Io = {
   height: {
     type: "string",
     className: "bd-h",
@@ -783,59 +783,59 @@ const q = {
     className: "bd-max-h",
     customProperties: ["--max-height"]
   }
-}, Kn = ["static", "relative", "absolute", "fixed", "sticky"], ye = ["visible", "hidden", "clip", "scroll", "auto"], K = ["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"], Wn = ["0", "1"], Xn = ["0", "1"], Zn = ["start", "center", "end", "baseline", "stretch"], Jn = ["start", "center", "end", "baseline", "stretch"], Qn = {
-  ...rt,
-  ...qn,
-  ...U,
+}, Do = ["static", "relative", "absolute", "fixed", "sticky"], Me = ["visible", "hidden", "clip", "scroll", "auto"], te = ["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"], To = ["0", "1"], _o = ["0", "1"], Bo = ["start", "center", "end", "baseline", "stretch"], Mo = ["start", "center", "end", "baseline", "stretch"], Ao = {
+  ..._t,
+  ...Io,
+  ...K,
   position: {
     type: "enum",
     className: "bd-position",
-    values: Kn
+    values: Do
   },
   inset: {
     type: "enum | string",
     className: "bd-inset",
     customProperties: ["--inset"],
-    values: K
+    values: te
   },
   top: {
     type: "enum | string",
     className: "bd-top",
     customProperties: ["--top"],
-    values: K
+    values: te
   },
   right: {
     type: "enum | string",
     className: "bd-right",
     customProperties: ["--right"],
-    values: K
+    values: te
   },
   bottom: {
     type: "enum | string",
     className: "bd-bottom",
     customProperties: ["--bottom"],
-    values: K
+    values: te
   },
   left: {
     type: "enum | string",
     className: "bd-left",
     customProperties: ["--left"],
-    values: K
+    values: te
   },
   overflow: {
     type: "enum",
     className: "bd-overflow",
-    values: ye
+    values: Me
   },
   overflowX: {
     type: "enum",
     className: "bd-ox",
-    values: ye
+    values: Me
   },
   overflowY: {
     type: "enum",
     className: "bd-oy",
-    values: ye
+    values: Me
   },
   flexBasis: {
     type: "string",
@@ -846,13 +846,13 @@ const q = {
     type: "enum | string",
     className: "bd-fs",
     customProperties: ["--flex-shrink"],
-    values: Wn
+    values: To
   },
   flexGrow: {
     type: "enum | string",
     className: "bd-fg",
     customProperties: ["--flex-grow"],
-    values: Xn
+    values: _o
   },
   gridArea: {
     type: "string",
@@ -892,205 +892,205 @@ const q = {
   alignSelf: {
     type: "enum",
     className: "bd-as",
-    values: Zn
+    values: Bo
   },
   justifySelf: {
     type: "enum",
     className: "bd-js",
-    values: Jn
+    values: Mo
   }
-}, 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"], G = {
+}, 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"], H = {
   m: {
     type: "enum | string",
-    values: z,
+    values: Y,
     className: "bd-m",
     customProperties: ["--m"]
   },
   mx: {
     type: "enum | string",
-    values: z,
+    values: Y,
     className: "bd-mx",
     customProperties: ["--ml", "--mr"]
   },
   my: {
     type: "enum | string",
-    values: z,
+    values: Y,
     className: "bd-my",
     customProperties: ["--mt", "--mb"]
   },
   mt: {
     type: "enum | string",
-    values: z,
+    values: Y,
     className: "bd-mt",
     customProperties: ["--mt"]
   },
   mr: {
     type: "enum | string",
-    values: z,
+    values: Y,
     className: "bd-mr",
     customProperties: ["--mr"]
   },
   mb: {
     type: "enum | string",
-    values: z,
+    values: Y,
     className: "bd-mb",
     customProperties: ["--mb"]
   },
   ml: {
     type: "enum | string",
-    values: z,
+    values: Y,
     className: "bd-ml",
     customProperties: ["--ml"]
   }
-}, eo = ["left", "center", "right"], to = {
+}, Oo = ["left", "center", "right"], Fo = {
   align: {
     type: "enum",
-    values: eo,
+    values: Oo,
     className: "bd-ta"
   }
-}, no = ["wrap", "nowrap", "pretty", "balance"], oo = {
+}, Vo = ["wrap", "nowrap", "pretty", "balance"], Go = {
   wrap: {
     type: "enum",
     className: "bd-tw",
-    values: no
+    values: Vo
   }
-}, so = ["light", "regular", "medium", "semibold", "bold"], Te = {
+}, Lo = ["light", "regular", "medium", "semibold", "bold"], We = {
   weight: {
     type: "enum",
-    values: so,
+    values: Lo,
     className: "bd-weight"
   }
-}, ro = {
+}, zo = {
   truncate: {
     type: "boolean",
     className: "bd-truncate"
   }
-}, ao = ["normal", "start", "end", "both"], co = {
+}, $o = ["normal", "start", "end", "both"], Uo = {
   trim: {
     type: "enum",
     className: "bd-lt",
-    values: ao,
+    values: $o,
     default: "normal"
   }
-}, io = ["none", "s", "m", "l", "full"], lo = {
+}, jo = ["none", "s", "m", "l", "full"], Ho = {
   radius: {
     type: "enum | string",
-    values: io,
+    values: jo,
     default: void 0,
     className: "bd-radius",
     customProperties: ["--radius"]
   }
-}, we = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], at = {
+}, Ae = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"], Bt = {
   gap: {
     type: "enum | string",
     className: "bd-gap",
     customProperties: ["--gap"],
-    values: we
+    values: Ae
   },
   gapX: {
     type: "enum | string",
     className: "bd-cg",
     customProperties: ["--col-gap"],
-    values: we
+    values: Ae
   },
   gapY: {
     type: "enum | string",
     className: "bd-rg",
     customProperties: ["--row-gap"],
-    values: we
+    values: Ae
   }
-}, uo = ["span", "div", "label", "p"], po = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"], fo = {
-  as: { type: "enum", values: uo, default: "span" },
-  ...q,
+}, qo = ["span", "div", "label", "p"], Wo = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"], Yo = {
+  as: { type: "enum", values: qo, default: "span" },
+  ...Q,
   size: {
     type: "enum | string",
     className: "bd-size",
-    values: po,
+    values: Wo,
     customProperties: ["--size"]
   },
-  ...q,
-  ...G,
-  ...to,
-  ...oo,
-  ...Te,
-  ...ro,
-  ...co,
-  ...Hn
-}, Be = l.forwardRef((e, t) => {
+  ...Q,
+  ...H,
+  ...Fo,
+  ...Go,
+  ...We,
+  ...zo,
+  ...Uo,
+  ...So
+}, ae = u.forwardRef((e, n) => {
   const {
-    children: n,
+    children: t,
     className: o,
     asChild: s,
     as: r = "span",
     ...c
-  } = I(e, fo);
-  return /* @__PURE__ */ i(re, { ...c, ref: t, className: R("bd-Text", o), children: s ? n : /* @__PURE__ */ i(r, { children: n }) });
+  } = I(e, Yo);
+  return /* @__PURE__ */ i(ve, { ...c, ref: n, className: x("bd-Text", o), children: s ? t : /* @__PURE__ */ i(r, { children: t }) });
 });
-Be.displayName = "Text";
-const mo = (e) => e === "between" ? "space-between" : e, ho = ["div", "span"], go = ["none", "inline-flex", "flex"], bo = ["row", "column", "row-reverse", "column-reverse"], Co = ["start", "center", "end", "baseline", "stretch"], vo = ["start", "center", "end", "between"], yo = ["nowrap", "wrap", "wrap-reverse"], Me = {
-  as: { type: "enum", values: ho, default: "div" },
-  ...q,
+ae.displayName = "Text";
+const Ko = (e) => e === "between" ? "space-between" : e, Xo = ["div", "span"], Zo = ["none", "inline-flex", "flex"], Jo = ["row", "column", "row-reverse", "column-reverse"], Qo = ["start", "center", "end", "baseline", "stretch"], es = ["start", "center", "end", "between"], ts = ["nowrap", "wrap", "wrap-reverse"], Ye = {
+  as: { type: "enum", values: Xo, default: "div" },
+  ...Q,
   display: {
     type: "enum",
     className: "bd-display",
-    values: go
+    values: Zo
   },
   direction: {
     type: "enum",
     className: "bd-fd",
-    values: bo
+    values: Jo
   },
   align: {
     type: "enum",
     className: "bd-ai",
-    values: Co
+    values: Qo
   },
   justify: {
     type: "enum",
     className: "bd-jc",
-    values: vo,
-    parseValue: mo
+    values: es,
+    parseValue: Ko
   },
   wrap: {
     type: "enum",
     className: "bd-fw",
-    values: yo
+    values: ts
   },
-  ...at,
-  ...Qn,
-  ...G
-}, D = l.forwardRef((e, t) => {
-  const { className: n, asChild: o, as: s = "div", ...r } = I(e, Me);
-  return /* @__PURE__ */ i(o ? re : s, { ...r, ref: t, className: R("bd-Flex", n) });
+  ...Bt,
+  ...Ao,
+  ...H
+}, B = u.forwardRef((e, n) => {
+  const { className: t, asChild: o, as: s = "div", ...r } = I(e, Ye);
+  return /* @__PURE__ */ i(o ? ve : s, { ...r, ref: n, className: x("bd-Flex", t) });
 });
-D.displayName = "Flex";
-const wo = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"], No = {
-  size: { type: "enum", className: "bd-size", values: wo, default: "2" },
+B.displayName = "Flex";
+const ns = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10"], os = {
+  size: { type: "enum", className: "bd-size", values: ns, default: "2" },
   loading: { type: "boolean", default: !0 },
-  color: { type: "enum", className: "bd-color", values: ce },
-  ...G
-}, ct = l.forwardRef((e, t) => {
-  const { className: n, children: o, loading: s, ...r } = I(
+  color: { type: "enum", className: "bd-color", values: we },
+  ...H
+}, Mt = u.forwardRef((e, n) => {
+  const { className: t, children: o, loading: s, ...r } = I(
     e,
-    No,
-    jn
+    os,
+    ko
   );
   if (!s) return o;
-  const c = /* @__PURE__ */ i("span", { ...r, ref: t, className: R("bd-Spinner", n) });
-  return o === void 0 ? c : /* @__PURE__ */ k(D, { asChild: !0, position: "relative", align: "center", justify: "center", children: [
+  const c = /* @__PURE__ */ i("span", { ...r, ref: n, className: x("bd-Spinner", t) });
+  return o === void 0 ? c : /* @__PURE__ */ P(B, { asChild: !0, position: "relative", align: "center", justify: "center", children: [
     /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i("span", { "aria-hidden": !0, style: { display: "contents", visibility: "hidden" }, inert: void 0, children: o }) }),
-    /* @__PURE__ */ i(D, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0", children: /* @__PURE__ */ i("span", { children: c }) })
+    /* @__PURE__ */ i(B, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0", children: /* @__PURE__ */ i("span", { children: c }) })
   ] });
 });
-ct.displayName = "Spinner";
-const Ro = ["1", "2", "3", "4", "5"], xo = [
+Mt.displayName = "Spinner";
+const ss = ["1", "2", "3", "4", "5"], rs = [
   "fill-primary",
   "fill-secondary",
   "outline-primary",
   "outline-secondary",
   "ghost"
-], Ne = {
-  ...q,
+], Oe = {
+  ...Q,
   /**
    * @description 버튼의 높이 기준
    *
@@ -1100,15 +1100,15 @@ const Ro = ["1", "2", "3", "4", "5"], xo = [
    * 4="48px"
    * 5="56px"
    */
-  size: { type: "enum", className: "bd-size", values: Ro, default: "5" },
-  variant: { type: "enum", className: "bd-variant", values: xo, default: "fill-primary" },
-  ...rt,
-  ...G,
-  ...at,
-  ...lo,
-  ...Te,
+  size: { type: "enum", className: "bd-size", values: ss, default: "5" },
+  variant: { type: "enum", className: "bd-variant", values: rs, default: "fill-primary" },
+  ..._t,
+  ...H,
+  ...Bt,
+  ...Ho,
+  ...We,
   loading: { type: "boolean", className: "bd-loading", default: !1 }
-}, So = (e) => {
+}, as = (e) => {
   switch (e) {
     case "1":
       return "1";
@@ -1119,7 +1119,7 @@ const Ro = ["1", "2", "3", "4", "5"], xo = [
     case "5":
       return "3";
   }
-}, ko = (e) => {
+}, cs = (e) => {
   switch (e) {
     case "fill-primary":
       return;
@@ -1131,40 +1131,40 @@ const Ro = ["1", "2", "3", "4", "5"], xo = [
     default:
       return;
   }
-}, xe = l.forwardRef((e, t) => {
-  const { variant: n = Ne.variant.default, size: o = Ne.size.default } = e, {
+}, oe = u.forwardRef((e, n) => {
+  const { variant: t = Oe.variant.default, size: o = Oe.size.default } = e, {
     className: s,
     children: r,
     asChild: c,
     disabled: a = e.loading,
-    ...u
-  } = I(e, Ne);
+    ...l
+  } = I(e, Oe);
   return /* @__PURE__ */ i(
-    c ? re : "button",
+    c ? ve : "button",
     {
       "data-disabled": a || void 0,
       "data-loading": e.loading || void 0,
       disabled: a,
-      ...u,
-      ref: t,
-      className: R("bd-Button", s),
-      children: e.loading ? /* @__PURE__ */ k(Ye, { children: [
+      ...l,
+      ref: n,
+      className: x("bd-Button", s),
+      children: e.loading ? /* @__PURE__ */ P(me, { children: [
         /* @__PURE__ */ i("span", { style: { display: "contents", visibility: "hidden" }, "aria-hidden": !0, children: r }),
-        /* @__PURE__ */ i(et, { children: r }),
-        /* @__PURE__ */ i(D, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0", children: /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(
-          ct,
+        /* @__PURE__ */ i(kt, { children: r }),
+        /* @__PURE__ */ i(B, { asChild: !0, align: "center", justify: "center", position: "absolute", inset: "0", children: /* @__PURE__ */ i("span", { children: /* @__PURE__ */ i(
+          Mt,
           {
-            size: So(o),
-            color: ko(n)
+            size: as(o),
+            color: cs(t)
           }
         ) }) })
       ] }) : r
     }
   );
 });
-xe.displayName = "Button";
-const ie = l.forwardRef((e, t) => {
-  const { color: n = "currentColor", ...o } = e;
+oe.displayName = "Button";
+const Ne = u.forwardRef((e, n) => {
+  const { color: t = "currentColor", ...o } = e;
   return /* @__PURE__ */ i(
     "svg",
     {
@@ -1174,12 +1174,12 @@ const ie = l.forwardRef((e, t) => {
       viewBox: "0 0 10 7",
       fill: "none",
       ...o,
-      ref: t,
+      ref: n,
       children: /* @__PURE__ */ i(
         "path",
         {
           d: "M0.800781 3.32636L3.76374 6.13338L8.80078 0.800049",
-          stroke: n,
+          stroke: t,
           strokeWidth: "1.6",
           strokeLinecap: "round",
           strokeLinejoin: "round"
@@ -1187,8 +1187,8 @@ const ie = l.forwardRef((e, t) => {
       )
     }
   );
-}), Po = l.forwardRef((e, t) => {
-  const { color: n = "currentColor", ...o } = e;
+}), is = u.forwardRef((e, n) => {
+  const { color: t = "currentColor", ...o } = e;
   return /* @__PURE__ */ i(
     "svg",
     {
@@ -1196,9 +1196,9 @@ const ie = l.forwardRef((e, t) => {
       width: "9",
       height: "9",
       viewBox: "0 0 9 9",
-      fill: n,
+      fill: t,
       ...o,
-      ref: t,
+      ref: n,
       children: /* @__PURE__ */ i(
         "path",
         {
@@ -1209,8 +1209,8 @@ const ie = l.forwardRef((e, t) => {
       )
     }
   );
-}), Io = l.forwardRef((e, t) => {
-  const { color: n = "currentColor", width: o = 20, height: s = 20, ...r } = e;
+}), ls = u.forwardRef((e, n) => {
+  const { color: t = "currentColor", width: o = 20, height: s = 20, ...r } = e;
   return /* @__PURE__ */ i(
     "svg",
     {
@@ -1220,18 +1220,18 @@ const ie = l.forwardRef((e, t) => {
       viewBox: "4 2 16 16",
       fill: "none",
       ...r,
-      ref: t,
+      ref: n,
       children: /* @__PURE__ */ i(
         "path",
         {
           d: "M12.3385 16.9999C12.1891 17.0004 12.0415 16.9675 11.9065 16.9034C11.7715 16.8394 11.6525 16.746 11.5584 16.63L6.72753 10.6305C6.58042 10.4516 6.5 10.2272 6.5 9.99559C6.5 9.76399 6.58042 9.53957 6.72753 9.36065L11.7284 3.36122C11.8982 3.15702 12.1422 3.02861 12.4066 3.00423C12.6711 2.97985 12.9344 3.06151 13.1387 3.23123C13.3429 3.40095 13.4714 3.64484 13.4958 3.90924C13.5202 4.17364 13.4385 4.4369 13.2687 4.6411L8.7979 10.0006L13.1187 15.3601C13.241 15.5069 13.3187 15.6856 13.3426 15.8751C13.3664 16.0646 13.3355 16.257 13.2534 16.4296C13.1714 16.6021 13.0416 16.7475 12.8795 16.8486C12.7173 16.9496 12.5296 17.0022 12.3385 16.9999Z",
-          fill: n
+          fill: t
         }
       )
     }
   );
-}), Eo = l.forwardRef((e, t) => {
-  const { color: n = "currentColor", width: o = 20, height: s = 20, ...r } = e;
+}), us = u.forwardRef((e, n) => {
+  const { color: t = "currentColor", width: o = 20, height: s = 20, ...r } = e;
   return /* @__PURE__ */ i(
     "svg",
     {
@@ -1241,18 +1241,18 @@ const ie = l.forwardRef((e, t) => {
       viewBox: "4 2 16 16",
       fill: "none",
       ...r,
-      ref: t,
+      ref: n,
       children: /* @__PURE__ */ i(
         "path",
         {
           d: "M7.66146 3.00007C7.81088 2.99956 7.95852 3.03253 8.09352 3.09655C8.22853 3.16057 8.34747 3.25403 8.4416 3.37003L13.2725 9.36947C13.4196 9.54838 13.5 9.77281 13.5 10.0044C13.5 10.236 13.4196 10.4604 13.2725 10.6393L8.27157 16.6388C8.1018 16.843 7.85785 16.9714 7.59337 16.9958C7.3289 17.0201 7.06557 16.9385 6.86132 16.7688C6.65706 16.599 6.52862 16.3552 6.50423 16.0908C6.47985 15.8264 6.56152 15.5631 6.73129 15.3589L11.2021 9.99941L6.88132 4.63991C6.75902 4.49314 6.68133 4.31442 6.65744 4.12489C6.63356 3.93536 6.66448 3.74295 6.74655 3.57044C6.82862 3.39793 6.95841 3.25253 7.12054 3.15145C7.28268 3.05037 7.47039 2.99784 7.66146 3.00007Z",
-          fill: n
+          fill: t
         }
       )
     }
   );
-}), Do = l.forwardRef((e, t) => {
-  const { color: n = "currentColor", width: o = 20, height: s = 20, ...r } = e;
+}), ds = u.forwardRef((e, n) => {
+  const { color: t = "currentColor", width: o = 20, height: s = 20, ...r } = e;
   return /* @__PURE__ */ i(
     "svg",
     {
@@ -1262,202 +1262,202 @@ const ie = l.forwardRef((e, t) => {
       viewBox: "4 2 16 16",
       fill: "none",
       ...r,
-      ref: t,
+      ref: n,
       children: /* @__PURE__ */ i(
         "path",
         {
           d: "M15 8.82962C15.0003 8.93634 14.9768 9.0418 14.931 9.13823C14.8853 9.23466 14.8186 9.31962 14.7357 9.38686L10.4504 12.8375C10.3226 12.9426 10.1623 13 9.99685 13C9.83142 13 9.67112 12.9426 9.54332 12.8375L5.25801 9.26541C5.11216 9.14414 5.02043 8.96989 5.00302 8.78098C4.98561 8.59207 5.04393 8.40398 5.16516 8.25808C5.2864 8.11219 5.4606 8.02044 5.64946 8.00302C5.83832 7.98561 6.02636 8.04395 6.17221 8.16521L10.0004 11.3586L13.8286 8.27237C13.9335 8.18501 14.0611 8.12952 14.1965 8.11246C14.3319 8.0954 14.4693 8.11749 14.5925 8.17611C14.7158 8.23473 14.8196 8.32743 14.8918 8.44325C14.964 8.55906 15.0015 8.69314 15 8.82962Z",
-          fill: n
+          fill: t
         }
       )
     }
   );
-}), To = ["1", "2", "3", "4"], Bo = ["classic", "circle", "outline"], O = {
-  size: { type: "enum", className: "bd-size", values: To, default: "2" },
-  variant: { type: "enum", className: "bd-variant", values: Bo, default: "classic" }
-}, _e = "Checkbox", [Mo, it] = _(_e), [_o, Ae] = Mo(_e);
-function lt(e) {
+}), ps = ["1", "2", "3", "4"], fs = ["classic", "circle", "outline"], X = {
+  size: { type: "enum", className: "bd-size", values: ps, default: "2" },
+  variant: { type: "enum", className: "bd-variant", values: fs, default: "classic" }
+}, Ke = "Checkbox", [ms, At] = F(Ke), [hs, Xe] = ms(Ke);
+function Ot(e) {
   const {
-    __scopeCheckbox: t,
-    checked: n,
+    __scopeCheckbox: n,
+    checked: t,
     defaultChecked: o,
     required: s,
     name: r,
     form: c,
     disabled: a,
-    value: u = "on",
+    value: l = "on",
     children: d,
     onCheckedChange: p,
     // @ts-expect-error - Internal prop for render
     __internal: f
-  } = e, [C, h] = B({
-    prop: n,
+  } = e, [C, m] = A({
+    prop: t,
     defaultProp: o ?? !1,
     onChange: p,
-    caller: _e
-  }), [v, b] = l.useState(null), [g, m] = l.useState(null), y = l.useRef(!1), w = v ? !!c || !!v.closest("form") : !0, N = {
+    caller: Ke
+  }), [y, h] = u.useState(null), [g, v] = u.useState(null), b = u.useRef(!1), w = y ? !!c || !!y.closest("form") : !0, N = {
     checked: C,
     disabled: a,
-    setChecked: h,
-    control: v,
-    setControl: b,
+    setChecked: m,
+    control: y,
+    setControl: h,
     name: r,
     form: c,
-    value: u,
-    hasConsumerStoppedPropagationRef: y,
+    value: l,
+    hasConsumerStoppedPropagationRef: b,
     required: s,
-    defaultChecked: F(o) ? !1 : o,
+    defaultChecked: j(o) ? !1 : o,
     isFormControl: w,
     bubbleInput: g,
-    setBubbleInput: m
+    setBubbleInput: v
   };
   return /* @__PURE__ */ i(
-    _o,
+    hs,
     {
-      scope: t,
+      scope: n,
       ...N,
-      children: Ao(f) ? f(N) : d
+      children: bs(f) ? f(N) : d
     }
   );
 }
-const ut = "CheckboxTrigger", dt = l.forwardRef(
+const Ft = "CheckboxTrigger", Vt = u.forwardRef(
   ({
     __scopeCheckbox: e,
-    onKeyDown: t,
-    onClick: n,
+    onKeyDown: n,
+    onClick: t,
     ...o
   }, s) => {
     const {
       control: r,
       value: c,
       disabled: a,
-      checked: u,
+      checked: l,
       required: d,
       setControl: p,
       setChecked: f,
       hasConsumerStoppedPropagationRef: C,
-      isFormControl: h,
-      bubbleInput: v
-    } = Ae(ut, e), b = T(s, p), g = l.useRef(u);
-    return l.useEffect(() => {
-      const m = r?.form;
-      if (m) {
-        const y = () => f(g.current);
-        return m.addEventListener("reset", y), () => m.removeEventListener("reset", y);
+      isFormControl: m,
+      bubbleInput: y
+    } = Xe(Ft, e), h = T(s, p), g = u.useRef(l);
+    return u.useEffect(() => {
+      const v = r?.form;
+      if (v) {
+        const b = () => f(g.current);
+        return v.addEventListener("reset", b), () => v.removeEventListener("reset", b);
       }
     }, [r, f]), /* @__PURE__ */ i(
-      P.button,
+      R.button,
       {
         type: "button",
         role: "checkbox",
-        "aria-checked": F(u) ? "mixed" : u,
+        "aria-checked": j(l) ? "mixed" : l,
         "aria-required": d,
-        "data-state": gt(u),
+        "data-state": Ut(l),
         "data-disabled": a ? "" : void 0,
         disabled: a,
         value: c,
         ...o,
-        ref: b,
-        onKeyDown: M(t, (m) => {
-          m.key === "Enter" && m.preventDefault();
+        ref: h,
+        onKeyDown: O(n, (v) => {
+          v.key === "Enter" && v.preventDefault();
         }),
-        onClick: M(n, (m) => {
-          f((y) => F(y) ? !0 : !y), v && h && (C.current = m.isPropagationStopped(), C.current || m.stopPropagation());
+        onClick: O(t, (v) => {
+          f((b) => j(b) ? !0 : !b), y && m && (C.current = v.isPropagationStopped(), C.current || v.stopPropagation());
         })
       }
     );
   }
 );
-dt.displayName = ut;
-const pt = l.forwardRef(
-  (e, t) => {
+Vt.displayName = Ft;
+const Gt = u.forwardRef(
+  (e, n) => {
     const {
-      __scopeCheckbox: n,
+      __scopeCheckbox: t,
       name: o,
       checked: s,
       defaultChecked: r,
       required: c,
       disabled: a,
-      value: u,
+      value: l,
       onCheckedChange: d,
       form: p,
       ...f
     } = e;
     return /* @__PURE__ */ i(
-      lt,
+      Ot,
       {
-        __scopeCheckbox: n,
+        __scopeCheckbox: t,
         checked: s,
         defaultChecked: r,
         required: c,
         name: o,
         form: p,
         disabled: a,
-        value: u,
+        value: l,
         onCheckedChange: d,
-        __internal: ({ isFormControl: C }) => /* @__PURE__ */ k(Ye, { children: [
+        __internal: ({ isFormControl: C }) => /* @__PURE__ */ P(me, { children: [
           /* @__PURE__ */ i(
-            dt,
+            Vt,
             {
               ...f,
-              ref: t,
-              __scopeCheckbox: n
+              ref: n,
+              __scopeCheckbox: t
             }
           ),
           C && /* @__PURE__ */ i(
-            mt,
+            zt,
             {
-              __scopeCheckbox: n
+              __scopeCheckbox: t
             }
           )
         ] })
       }
     );
   }
-), ft = "CheckboxBubbleInput", mt = l.forwardRef(
-  ({ __scopeCheckbox: e, ...t }, n) => {
+), Lt = "CheckboxBubbleInput", zt = u.forwardRef(
+  ({ __scopeCheckbox: e, ...n }, t) => {
     const {
       control: o,
       checked: s,
       defaultChecked: r,
       required: c,
       disabled: a,
-      name: u,
+      name: l,
       value: d,
       form: p,
       bubbleInput: f,
       setBubbleInput: C,
-      hasConsumerStoppedPropagationRef: h
-    } = Ae(ft, e), v = T(n, C), b = Ie(s), g = Ee(o);
-    l.useEffect(() => {
-      const y = f;
-      if (!y) return;
-      const w = window.HTMLInputElement.prototype, x = Object.getOwnPropertyDescriptor(
+      hasConsumerStoppedPropagationRef: m
+    } = Xe(Lt, e), y = T(t, C), h = Ce(s), g = Ue(o);
+    u.useEffect(() => {
+      const b = f;
+      if (!b) return;
+      const w = window.HTMLInputElement.prototype, k = Object.getOwnPropertyDescriptor(
         w,
         "checked"
-      ).set, S = !h.current;
-      if (b !== s && x) {
-        const A = new Event("click", { bubbles: S });
-        y.indeterminate = F(s), x.call(y, F(s) ? !1 : s), y.dispatchEvent(A);
+      ).set, S = !m.current;
+      if (h !== s && k) {
+        const L = new Event("click", { bubbles: S });
+        b.indeterminate = j(s), k.call(b, j(s) ? !1 : s), b.dispatchEvent(L);
       }
-    }, [f, b, s, h]);
-    const m = l.useRef(F(s) ? !1 : s);
+    }, [f, h, s, m]);
+    const v = u.useRef(j(s) ? !1 : s);
     return /* @__PURE__ */ i(
-      P.input,
+      R.input,
       {
         type: "checkbox",
         "aria-hidden": !0,
-        defaultChecked: r ?? m.current,
+        defaultChecked: r ?? v.current,
         required: c,
         disabled: a,
-        name: u,
+        name: l,
         value: d,
         form: p,
-        ...t,
+        ...n,
         tabIndex: -1,
-        ref: v,
+        ref: y,
         style: {
-          ...t.style,
+          ...n.style,
           ...g,
           position: "absolute",
           pointerEvents: "none",
@@ -1469,59 +1469,499 @@ const pt = l.forwardRef(
     );
   }
 );
-mt.displayName = ft;
-const ht = "CheckboxIndicator", le = l.forwardRef((e, t) => {
-  const { __scopeCheckbox: n, forceMount: o, ...s } = e, r = Ae(ht, n);
-  return /* @__PURE__ */ i(Qe, { remain: o || F(r.checked) || r.checked === !0, children: /* @__PURE__ */ i(
-    P.span,
+zt.displayName = Lt;
+const $t = "CheckboxIndicator", Re = u.forwardRef((e, n) => {
+  const { __scopeCheckbox: t, forceMount: o, ...s } = e, r = Xe($t, t);
+  return /* @__PURE__ */ i(St, { remain: o || j(r.checked) || r.checked === !0, children: /* @__PURE__ */ i(
+    R.span,
     {
-      "data-state": gt(r.checked),
+      "data-state": Ut(r.checked),
       "data-disabled": r.disabled ? "" : void 0,
       ...s,
-      ref: t,
+      ref: n,
       style: { pointerEvents: "none", ...e.style }
     }
   ) });
 });
-le.displayName = ht;
-function Ao(e) {
+Re.displayName = $t;
+function bs(e) {
   return typeof e == "function";
 }
-function F(e) {
+function j(e) {
   return e === "indeterminate";
 }
-function gt(e) {
-  return F(e) ? "indeterminate" : e ? "checked" : "unchecked";
+function Ut(e) {
+  return j(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-const Oo = l.forwardRef((e, t) => {
+const gs = u.forwardRef((e, n) => {
   const {
-    className: n,
+    className: t,
     checked: o,
     defaultChecked: s = !1,
     onCheckedChange: r,
     ...c
-  } = I(e, O), [a, u] = B({
+  } = I(e, X), [a, l] = A({
     prop: o,
     defaultProp: s,
     onChange: r
   });
   return /* @__PURE__ */ i(
-    pt,
+    Gt,
     {
       ...c,
       defaultChecked: s,
       checked: a,
-      onCheckedChange: u,
+      onCheckedChange: l,
       asChild: !1,
-      ref: t,
-      className: R("bd-reset", "bd-CheckboxRoot", n),
-      children: /* @__PURE__ */ i(le, { asChild: !0, className: "bd-CheckboxIndicator", children: a === "indeterminate" ? /* @__PURE__ */ i(Po, {}) : /* @__PURE__ */ i(ie, {}) })
+      ref: n,
+      className: x("bd-reset", "bd-CheckboxRoot", t),
+      children: /* @__PURE__ */ i(Re, { asChild: !0, className: "bd-CheckboxIndicator", children: a === "indeterminate" ? /* @__PURE__ */ i(is, {}) : /* @__PURE__ */ i(Ne, {}) })
     }
   );
 });
-Oo.displayName = "Checkbox";
-const Oe = l.forwardRef(
-  ({ children: e, maxHeight: t, className: n, style: o, onScroll: s, onScrollBottom: r, ...c }, a) => /* @__PURE__ */ i(
+gs.displayName = "Checkbox";
+const Cs = ["1", "2"], vs = ["basic", "notice", "status"], ys = ["right", "fill", "left"], gt = {
+  size: { type: "enum", className: "bd-size", values: Cs, default: "2" },
+  variant: { type: "enum", className: "bd-variant", values: vs, default: "basic" }
+}, ws = {
+  layout: { type: "enum", className: "bd-layout", values: ys, default: "left" }
+}, jt = "__popupPart";
+function ce(e, n) {
+  e[jt] = n;
+}
+function Ns(e) {
+  if (e === void 0)
+    return;
+  if (typeof e == "number")
+    return `${e}px`;
+  const n = e.trim();
+  if (!n)
+    return;
+  const t = n.match(/^\{?\s*(\d+(?:\.\d+)?)\s*\}?$/);
+  return t ? `${t[1]}px` : n;
+}
+function Rs(e, n) {
+  if (e === "basic")
+    return n;
+  const t = xs(n);
+  if (e === "notice") {
+    const s = t.icons.length > 0 || t.messages.length > 0, r = t.bodies.length > 0 || t.rest.length > 0, c = s || r;
+    return /* @__PURE__ */ P(me, { children: [
+      t.headers,
+      c ? /* @__PURE__ */ P(R.div, { className: "bd-PopupNoticeBody", children: [
+        s ? /* @__PURE__ */ P(R.div, { className: "bd-PopupNoticeLead", children: [
+          t.icons.length > 0 ? /* @__PURE__ */ i(R.div, { className: "bd-PopupNoticeIcon", children: t.icons }) : null,
+          t.messages.length > 0 ? /* @__PURE__ */ i(R.div, { className: "bd-PopupNoticeMessage", children: t.messages }) : null
+        ] }) : null,
+        r ? /* @__PURE__ */ P(R.div, { className: "bd-PopupNoticeContent", children: [
+          t.bodies,
+          t.rest
+        ] }) : null
+      ] }) : null,
+      t.footers
+    ] });
+  }
+  const o = [
+    ...t.icons,
+    ...t.messages,
+    ...t.bodies,
+    ...t.rest
+  ];
+  return /* @__PURE__ */ P(me, { children: [
+    o.length > 0 ? /* @__PURE__ */ i(R.div, { className: "bd-PopupStatusMain", children: o }) : null,
+    t.footers
+  ] });
+}
+function xs(e) {
+  const n = {
+    headers: [],
+    icons: [],
+    messages: [],
+    bodies: [],
+    footers: [],
+    rest: []
+  };
+  for (const t of Ht(e))
+    switch (Ps(t)) {
+      case "header":
+        n.headers.push(t);
+        break;
+      case "icon":
+        n.icons.push(t);
+        break;
+      case "message":
+        n.messages.push(t);
+        break;
+      case "body":
+        n.bodies.push(t);
+        break;
+      case "footer":
+        n.footers.push(t);
+        break;
+      default:
+        n.rest.push(t);
+    }
+  return n;
+}
+function Ht(e) {
+  const n = [];
+  return u.Children.forEach(e, (t) => {
+    if (u.isValidElement(t) && t.type === u.Fragment) {
+      const o = t;
+      n.push(...Ht(o.props.children));
+      return;
+    }
+    n.push(t);
+  }), n;
+}
+function Ps(e) {
+  return u.isValidElement(e) ? e.type[jt] ?? null : null;
+}
+function qt(e) {
+  return Array.from(
+    e.querySelectorAll(
+      [
+        "a[href]",
+        "button:not([disabled])",
+        "input:not([disabled])",
+        "select:not([disabled])",
+        "textarea:not([disabled])",
+        '[tabindex]:not([tabindex="-1"])'
+      ].join(",")
+    )
+  ).filter((n) => {
+    const t = window.getComputedStyle(n);
+    return (n.offsetWidth > 0 || n.offsetHeight > 0 || n.getClientRects().length > 0) && t.display !== "none" && t.visibility !== "hidden" && !n.hasAttribute("disabled") && n.getAttribute("aria-hidden") !== "true";
+  });
+}
+function Ss(e) {
+  return Object.fromEntries(
+    Object.entries(e).filter(([n]) => n !== "__scopePopup")
+  );
+}
+function ks(e, n) {
+  if (!n)
+    return;
+  const t = qt(n);
+  if (t.length === 0) {
+    e.preventDefault(), n.focus();
+    return;
+  }
+  const o = t[0], s = t[t.length - 1], r = document.activeElement;
+  if (e.shiftKey && r === o) {
+    e.preventDefault(), s.focus();
+    return;
+  }
+  !e.shiftKey && r === s && (e.preventDefault(), o.focus());
+}
+const Wt = "Popup", [Es] = F(Wt), [Is, ee] = Es(Wt), Ct = ({
+  __scopePopup: e,
+  children: n,
+  open: t,
+  onOpenChange: o,
+  closeOnEscape: s = !0,
+  closeOnOverlayClick: r = !0,
+  lockScroll: c = !0
+}) => {
+  const a = de((b) => {
+    o(b);
+  }), l = Ce(t), d = u.useRef(null), p = u.useRef(null), [f, C] = u.useState([]), [m, y] = u.useState([]), h = de((b) => (C((w) => w.includes(b) ? w : [...w, b]), () => {
+    C((w) => w.filter((N) => N !== b));
+  })), g = de((b) => (y((w) => w.includes(b) ? w : [...w, b]), () => {
+    y((w) => w.filter((N) => N !== b));
+  }));
+  je(d, () => {
+    !t || !r || a(!1);
+  }), u.useEffect(() => {
+    if (!t || l === t)
+      return;
+    const b = document.activeElement;
+    p.current = b instanceof HTMLElement ? b : null;
+  }, [t, l]), u.useEffect(() => {
+    if (t || l === t)
+      return;
+    const b = p.current;
+    b && document.contains(b) && b.focus();
+  }, [t, l]), u.useEffect(() => {
+    if (!t || !s)
+      return;
+    const b = (w) => {
+      w.key === "Escape" && (w.preventDefault(), a(!1));
+    };
+    return document.addEventListener("keydown", b), () => {
+      document.removeEventListener("keydown", b);
+    };
+  }, [t, s, a]), G(() => {
+    if (!t || !c)
+      return;
+    const { body: b, documentElement: w } = document, N = b.style.overflow, k = b.style.paddingRight, S = window.innerWidth - w.clientWidth;
+    return b.style.overflow = "hidden", S > 0 && (b.style.paddingRight = `${S}px`), () => {
+      b.style.overflow = N, b.style.paddingRight = k;
+    };
+  }, [t, c]);
+  const v = u.useMemo(
+    () => ({
+      open: t,
+      onOpenChange: a,
+      closeOnOverlayClick: r,
+      contentRef: d,
+      titleIds: f,
+      descriptionIds: m,
+      registerTitleId: h,
+      registerDescriptionId: g
+    }),
+    [
+      t,
+      a,
+      r,
+      f,
+      m,
+      h,
+      g
+    ]
+  );
+  return /* @__PURE__ */ i(Is, { scope: e, ...v, children: n });
+}, Ds = "PopupPortal", Ts = ({
+  __scopePopup: e,
+  children: n,
+  container: t,
+  forceMount: o
+}) => {
+  const s = ee(Ds, e);
+  return !o && !s.open ? null : /* @__PURE__ */ i(He, { container: t, children: n });
+}, Yt = "PopupOverlay", Kt = u.forwardRef(
+  (e, n) => {
+    const { __scopePopup: t, className: o, ...s } = e, r = ee(Yt, t);
+    return /* @__PURE__ */ i(
+      R.div,
+      {
+        "data-state": r.open ? "open" : "closed",
+        ...s,
+        ref: n,
+        className: x("bd-PopupOverlay", o)
+      }
+    );
+  }
+);
+Kt.displayName = Yt;
+const Xt = "PopupContent", Zt = u.forwardRef(
+  (e, n) => {
+    const t = e.variant ?? gt.variant.default, { __scopePopup: o, onKeyDown: s, children: r, contentWidth: c, ...a } = I(
+      { ...e, variant: t },
+      gt
+    ), l = ee(Xt, o), d = T(n, l.contentRef), p = Ns(c), f = p === void 0 ? void 0 : { width: `min(calc(100vw - var(--space-8)), ${p})` };
+    return u.useEffect(() => {
+      if (!l.open)
+        return;
+      const C = l.contentRef.current;
+      if (!C)
+        return;
+      const m = window.requestAnimationFrame(() => {
+        (qt(C)[0] ?? C).focus();
+      });
+      return () => {
+        window.cancelAnimationFrame(m);
+      };
+    }, [l.open, l.contentRef]), /* @__PURE__ */ i(
+      R.div,
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        tabIndex: -1,
+        "data-state": l.open ? "open" : "closed",
+        "aria-labelledby": l.titleIds[0],
+        "aria-describedby": l.descriptionIds.join(" ") || void 0,
+        ...a,
+        ref: d,
+        style: Ve(f, a.style),
+        className: x("bd-PopupContent", a.className),
+        onKeyDown: O(s, (C) => {
+          C.key === "Tab" && ks(C, l.contentRef.current);
+        }),
+        children: Rs(t, r)
+      }
+    );
+  }
+);
+Zt.displayName = Xt;
+const _s = "PopupHeader", Ze = u.forwardRef(
+  ({ className: e, ...n }, t) => /* @__PURE__ */ i(R.div, { ...n, ref: t, className: x("bd-PopupHeader", e) })
+);
+Ze.displayName = _s;
+ce(Ze, "header");
+const Jt = "PopupTitle", Qt = u.forwardRef(
+  (e, n) => {
+    const { __scopePopup: t, id: o, className: s, ...r } = e, c = ee(Jt, t), a = re(o), { registerTitleId: l } = c;
+    return G(() => {
+      if (a)
+        return l(a);
+    }, [l, a]), /* @__PURE__ */ i(
+      ae,
+      {
+        asChild: !0,
+        size: "7",
+        weight: "bold",
+        color: "gray1500",
+        className: x("bd-PopupTitle", s),
+        children: /* @__PURE__ */ i(R.div, { id: a, ...r, ref: n })
+      }
+    );
+  }
+);
+Qt.displayName = Jt;
+const Bs = "PopupIcon", Je = u.forwardRef(
+  ({ className: e, ...n }, t) => /* @__PURE__ */ i(R.div, { ...n, ref: t, className: x("bd-PopupIcon", e) })
+);
+Je.displayName = Bs;
+ce(Je, "icon");
+const en = "PopupMessage", Qe = u.forwardRef(
+  (e, n) => {
+    const { __scopePopup: t, id: o, className: s, ...r } = e, c = ee(en, t), a = re(o), { registerDescriptionId: l } = c;
+    return G(() => {
+      if (a)
+        return l(a);
+    }, [l, a]), /* @__PURE__ */ i(
+      ae,
+      {
+        asChild: !0,
+        size: "5",
+        weight: "regular",
+        color: "gray1500",
+        className: x("bd-PopupMessage", s),
+        children: /* @__PURE__ */ i(R.div, { id: a, ...r, ref: n })
+      }
+    );
+  }
+);
+Qe.displayName = en;
+ce(Qe, "message");
+const tn = "PopupBody", et = u.forwardRef(
+  (e, n) => {
+    const { __scopePopup: t, id: o, className: s, ...r } = e, c = ee(tn, t), a = re(o), { registerDescriptionId: l } = c;
+    return G(() => {
+      if (a)
+        return l(a);
+    }, [l, a]), /* @__PURE__ */ i(
+      R.div,
+      {
+        id: a,
+        ...r,
+        ref: n,
+        className: x("bd-PopupBody", s)
+      }
+    );
+  }
+);
+et.displayName = tn;
+ce(et, "body");
+const Ms = "PopupFooter", tt = u.forwardRef(
+  (e, n) => {
+    const t = Ss(
+      I(e, ws)
+    );
+    return /* @__PURE__ */ i(
+      R.div,
+      {
+        ...t,
+        ref: n,
+        className: x("bd-PopupFooter", t.className)
+      }
+    );
+  }
+);
+tt.displayName = Ms;
+ce(tt, "footer");
+const U = Object.assign(Ct, {
+  Root: Ct,
+  Portal: Ts,
+  Overlay: Kt,
+  Content: Zt,
+  Header: Ze,
+  Title: Qt,
+  Icon: Je,
+  Message: Qe,
+  Body: et,
+  Footer: tt
+}), As = u.forwardRef(
+  (e, n) => {
+    const {
+      open: t,
+      onOpenChange: o,
+      closeOnEscape: s,
+      closeOnOverlayClick: r,
+      lockScroll: c,
+      title: a,
+      content: l,
+      onConfirm: d,
+      onCancel: p,
+      confirmText: f = "확인",
+      confirmDisabled: C = !1,
+      cancelText: m = "취소",
+      closeOnConfirm: y = !0,
+      closeOnCancel: h = !0,
+      size: g = 2,
+      contentWidth: v,
+      buttonSize: b = "2",
+      buttonRadius: w = "s"
+    } = e, N = u.useCallback(async () => {
+      await p?.(), h && o(!1);
+    }, [h, p, o]), k = u.useCallback(async () => {
+      await d(), y && o(!1);
+    }, [y, d, o]);
+    return /* @__PURE__ */ i(
+      U.Root,
+      {
+        open: t,
+        onOpenChange: o,
+        closeOnEscape: s,
+        closeOnOverlayClick: r,
+        lockScroll: c,
+        children: /* @__PURE__ */ P(U.Portal, { children: [
+          /* @__PURE__ */ i(U.Overlay, {}),
+          /* @__PURE__ */ P(
+            U.Content,
+            {
+              ref: n,
+              size: String(g),
+              variant: "basic",
+              contentWidth: v,
+              children: [
+                /* @__PURE__ */ i(U.Header, { children: /* @__PURE__ */ i(U.Title, { children: a }) }),
+                /* @__PURE__ */ i(U.Body, { children: l }),
+                /* @__PURE__ */ P(U.Footer, { layout: "right", children: [
+                  /* @__PURE__ */ i(
+                    oe,
+                    {
+                      size: b,
+                      radius: w,
+                      variant: "outline-secondary",
+                      onClick: N,
+                      children: m
+                    }
+                  ),
+                  /* @__PURE__ */ i(
+                    oe,
+                    {
+                      size: b,
+                      radius: w,
+                      variant: "fill-primary",
+                      disabled: C,
+                      onClick: k,
+                      children: f
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+As.displayName = "ConfirmDialog";
+const nt = u.forwardRef(
+  ({ children: e, maxHeight: n, className: t, style: o, onScroll: s, onScrollBottom: r, ...c }, a) => /* @__PURE__ */ i(
     "div",
     {
       ref: a,
@@ -1531,74 +1971,74 @@ const Oe = l.forwardRef(
           f - p <= C + 10 && r();
         }
       },
-      className: `bd-ScrollArea ${n || ""}`,
-      style: { ...o, maxHeight: t },
+      className: `bd-ScrollArea ${t || ""}`,
+      style: { ...o, maxHeight: n },
       ...c,
       children: e
     }
   )
 );
-Oe.displayName = "ScrollArea";
-const Fo = ["1", "2", "3", "4", "5"], Go = ["classic", "underlined", "rounded"], H = {
-  size: { type: "enum", className: "bd-size", values: Fo, default: "4" },
-  variant: { type: "enum", className: "bd-variant", values: Go, default: "classic" },
-  ...Te,
-  ...G
-}, $o = {
-  gap: Me.gap,
-  px: U.px,
-  pl: U.pl,
-  pr: U.pr
-}, Fe = {
-  ...H,
-  ...$o
-}, se = "SelectBox", [Vo] = _(se), [Lo, ue] = Vo(se), Ge = ({
+nt.displayName = "ScrollArea";
+const Os = ["1", "2", "3", "4", "5"], Fs = ["classic", "underlined", "rounded"], J = {
+  size: { type: "enum", className: "bd-size", values: Os, default: "4" },
+  variant: { type: "enum", className: "bd-variant", values: Fs, default: "classic" },
+  ...We,
+  ...H
+}, Vs = {
+  gap: Ye.gap,
+  px: K.px,
+  pl: K.pl,
+  pr: K.pr
+}, ot = {
+  ...J,
+  ...Vs
+}, be = "SelectBox", [Gs] = F(be), [Ls, xe] = Gs(be), st = ({
   __scopeSelect: e,
-  value: t,
-  defaultValue: n,
+  value: n,
+  defaultValue: t,
   onValueChange: o,
   valueLabelMap: s,
   open: r,
   defaultOpen: c,
   onOpenChange: a,
-  variant: u = "classic",
-  size: d = H.size.default,
+  variant: l = "classic",
+  size: d = J.size.default,
   weight: p = "regular",
   children: f
 }) => {
-  const [C, h] = B({
-    prop: t,
-    defaultProp: n ?? "",
+  const [C, m] = A({
+    prop: n,
+    defaultProp: t ?? "",
     onChange: o,
-    caller: se
-  }), [v, b] = B({
+    caller: be
+  }), [y, h] = A({
     prop: r,
     defaultProp: c ?? !1,
     onChange: a,
-    caller: `${se}.Open`
-  }), g = l.useRef(null), m = We();
+    caller: `${be}.Open`
+  }), g = u.useRef(null), v = re();
   return /* @__PURE__ */ i(
-    Lo,
+    Ls,
     {
       scope: e,
       value: C,
-      onValueChange: h,
+      onValueChange: m,
       valueLabelMap: s,
-      open: v,
-      onOpenChange: b,
+      open: y,
+      onOpenChange: h,
       triggerRef: g,
-      contentId: m,
-      variant: u,
+      contentId: v,
+      variant: l,
       size: d,
       weight: p,
       children: f
     }
   );
-}, bt = "SelectBoxTrigger", de = l.forwardRef(
-  (e, t) => {
-    const { __scopeSelect: n, children: o, onClick: s, onKeyDown: r, ...c } = e, a = ue(bt, n), u = T(t, a.triggerRef), { className: d, style: p, ...f } = I(c, Fe), C = !a.value || a.value === "";
+}, nn = "SelectBoxTrigger", Pe = u.forwardRef(
+  (e, n) => {
+    const { __scopeSelect: t, children: o, onClick: s, onKeyDown: r, ...c } = e, a = xe(nn, t), l = T(n, a.triggerRef), { className: d, style: p, ...f } = I(c, ot), C = !a.value || a.value === "";
     return /* @__PURE__ */ i(
-      P.button,
+      R.button,
       {
         type: "button",
         role: "combobox",
@@ -1607,78 +2047,109 @@ const Fo = ["1", "2", "3", "4", "5"], Go = ["classic", "underlined", "rounded"],
         className: `bd-SelectBoxTrigger ${d || ""}`,
         style: p,
         ...f,
-        ref: u,
-        onClick: (h) => {
-          a.onOpenChange(!a.open), s?.(h);
+        ref: l,
+        onClick: (m) => {
+          a.onOpenChange(!a.open), s?.(m);
         },
-        onKeyDown: (h) => {
-          !a.open && (h.key === "ArrowDown" || h.key === "Enter" || h.key === " ") && (h.preventDefault(), a.onOpenChange(!0)), r?.(h);
+        onKeyDown: (m) => {
+          !a.open && (m.key === "ArrowDown" || m.key === "Enter" || m.key === " ") && (m.preventDefault(), a.onOpenChange(!0)), r?.(m);
         },
         children: o
       }
     );
   }
 );
-de.displayName = bt;
-const Ct = "SelectBoxContent", pe = l.forwardRef(({ __scopeSelect: e, children: t, className: n, style: o, onKeyDown: s, ...r }, c) => {
-  const a = ue(Ct, e), u = l.useRef(null), d = T(c, u);
-  Ze(u, (b) => {
-    a.triggerRef.current?.contains(b.target) || a.open && a.onOpenChange(!1);
+Pe.displayName = nn;
+const on = "SelectBoxContent", vt = [
+  "input",
+  "textarea",
+  "select",
+  "button",
+  "a[href]",
+  '[contenteditable="true"]',
+  '[contenteditable=""]',
+  '[tabindex]:not([tabindex="-1"])',
+  "[data-selectbox-interactive]",
+  "[data-checkable-selectbox-interactive]"
+].join(", "), zs = (e, n) => {
+  if (!(e instanceof Element)) return !1;
+  let t = e;
+  for (; t && t !== n; ) {
+    if (t.matches(vt) || t.querySelector(vt)) return !0;
+    t = t.parentElement;
+  }
+  return !1;
+}, Se = u.forwardRef(({ __scopeSelect: e, children: n, className: t, style: o, onKeyDown: s, ...r }, c) => {
+  const a = xe(on, e), l = u.useRef(null), d = T(c, l);
+  je(l, (h) => {
+    a.triggerRef.current?.contains(h.target) || a.open && a.onOpenChange(!1);
   });
-  const p = a.variant === "rounded" ? 8 : 0, { styles: f, isPositioned: C } = Xe(
+  const p = a.variant === "rounded" ? 8 : 0, { styles: f, isPositioned: C } = Pt(
     a.triggerRef,
-    u,
+    l,
     a.open,
     p
   );
-  l.useEffect(() => {
-    a.open && u.current && requestAnimationFrame(() => {
-      if (!u.current) return;
-      const b = Array.from(
-        u.current.querySelectorAll('[role="option"]')
-      ), g = b.find((m) => m.getAttribute("aria-selected") === "true");
-      g ? g.focus() : b.length > 0 && b[0].focus();
+  u.useEffect(() => {
+    a.open && l.current && requestAnimationFrame(() => {
+      if (!l.current) return;
+      const h = Array.from(
+        l.current.querySelectorAll('[role="option"]')
+      ), g = h.find((v) => v.getAttribute("aria-selected") === "true");
+      g ? g.focus() : h.length > 0 && h[0].focus();
     });
   }, [a.open]);
-  const h = (b) => {
+  const m = (h) => {
+    if (zs(h.target, h.currentTarget)) {
+      switch (h.key) {
+        case "Escape":
+          h.preventDefault(), a.onOpenChange(!1), a.triggerRef.current?.focus();
+          break;
+        case "Tab":
+          a.onOpenChange(!1);
+          break;
+      }
+      s?.(h);
+      return;
+    }
     const g = Array.from(
-      u.current?.querySelectorAll('[role="option"]') || []
-    ), m = g.indexOf(document.activeElement);
-    switch (b.key) {
+      l.current?.querySelectorAll('[role="option"]') || []
+    ), v = g.indexOf(document.activeElement);
+    switch (h.key) {
       case "ArrowDown": {
-        b.preventDefault();
-        const y = m < g.length - 1 ? m + 1 : 0;
-        g[y]?.focus();
+        h.preventDefault();
+        const b = v < g.length - 1 ? v + 1 : 0;
+        g[b]?.focus();
         break;
       }
       case "ArrowUp": {
-        b.preventDefault();
-        const y = m > 0 ? m - 1 : g.length - 1;
-        g[y]?.focus();
+        h.preventDefault();
+        const b = v > 0 ? v - 1 : g.length - 1;
+        g[b]?.focus();
         break;
       }
       case "Enter":
       case " ":
-        b.preventDefault(), document.activeElement?.click();
+        h.preventDefault(), document.activeElement?.click();
         break;
       case "Escape":
-        b.preventDefault(), a.onOpenChange(!1), a.triggerRef.current?.focus();
+        h.preventDefault(), a.onOpenChange(!1), a.triggerRef.current?.focus();
         break;
       case "Tab":
         a.onOpenChange(!1);
         break;
     }
-    s?.(b);
+    s?.(h);
   };
   if (!a.open) return null;
-  const v = /* @__PURE__ */ i(
-    P.div,
+  const y = /* @__PURE__ */ i(
+    R.div,
     {
       id: a.contentId,
       role: "listbox",
       tabIndex: -1,
-      onKeyDown: h,
-      className: `bd-SelectBoxContent bd-variant-${a.variant} ${n || ""}`,
+      onKeyDown: m,
+      className: `bd-SelectBoxContent bd-variant-${a.variant} ${t || ""}`,
       ...r,
       ref: d,
       style: {
@@ -1687,48 +2158,48 @@ const Ct = "SelectBoxContent", pe = l.forwardRef(({ __scopeSelect: e, children:
         transition: C ? "opacity 0.2s ease, transform 0.2s ease" : "none",
         overflow: "hidden"
       },
-      children: t
+      children: n
     }
   );
-  return /* @__PURE__ */ i(Je, { children: v });
+  return /* @__PURE__ */ i(He, { children: y });
 });
-pe.displayName = Ct;
-const vt = "SelectBoxItem", $e = l.forwardRef(
-  ({ __scopeSelect: e, value: t, onClick: n, className: o, children: s, ...r }, c) => {
-    const a = ue(vt, e), u = a.value === t, { className: d, style: p } = I(
+Se.displayName = on;
+const sn = "SelectBoxItem", rt = u.forwardRef(
+  ({ __scopeSelect: e, value: n, onClick: t, className: o, children: s, ...r }, c) => {
+    const a = xe(sn, e), l = a.value === n, { className: d, style: p } = I(
       { size: a.size, weight: a.weight },
-      Fe
+      ot
     );
     return /* @__PURE__ */ i(
-      P.div,
+      R.div,
       {
         role: "option",
         tabIndex: -1,
-        "aria-selected": u,
-        "data-state": u ? "checked" : "unchecked",
+        "aria-selected": l,
+        "data-state": l ? "checked" : "unchecked",
         className: `bd-SelectBoxItem bd-variant-${a.variant} ${d || ""} ${o || ""}`,
         style: p,
         ...r,
         ref: c,
         onClick: (f) => {
-          a.onValueChange(t), a.onOpenChange(!1), a.triggerRef.current?.focus(), n?.(f);
+          a.onValueChange(n), a.onOpenChange(!1), a.triggerRef.current?.focus(), t?.(f);
         },
-        children: /* @__PURE__ */ i(P.span, { className: "bd-SelectBoxItemText", children: s })
+        children: /* @__PURE__ */ i(R.span, { className: "bd-SelectBoxItemText", children: s })
       }
     );
   }
 );
-$e.displayName = vt;
-const yt = "SelectBoxValue", fe = l.forwardRef(
-  ({ __scopeSelect: e, className: t, children: n, placeholder: o, ...s }, r) => {
-    const c = ue(yt, e), a = c.value ? c.valueLabelMap?.get(c.value) ?? c.value : n || o, { className: u, style: d } = I(
+rt.displayName = sn;
+const rn = "SelectBoxValue", ke = u.forwardRef(
+  ({ __scopeSelect: e, className: n, children: t, placeholder: o, ...s }, r) => {
+    const c = xe(rn, e), a = c.value ? c.valueLabelMap?.get(c.value) ?? c.value : t || o, { className: l, style: d } = I(
       { weight: c.weight },
-      Fe
+      ot
     );
     return /* @__PURE__ */ i(
-      P.span,
+      R.span,
       {
-        className: `bd-SelectBoxValue ${u || ""} ${t || ""}`,
+        className: `bd-SelectBoxValue ${l || ""} ${n || ""}`,
         style: d,
         ...s,
         ref: r,
@@ -1736,287 +2207,431 @@ const yt = "SelectBoxValue", fe = l.forwardRef(
       }
     );
   }
-), zo = "SelectBoxSlot", me = l.forwardRef(
-  ({ __scopeSelect: e, className: t, side: n = "right", "data-chevron": o, children: s, ...r }, c) => /* @__PURE__ */ i(
-    P.div,
+), $s = "SelectBoxSlot", Ee = u.forwardRef(
+  ({ __scopeSelect: e, className: n, side: t = "right", "data-chevron": o, children: s, ...r }, c) => /* @__PURE__ */ i(
+    R.div,
     {
       "aria-hidden": "true",
-      "data-side": n,
+      "data-side": t,
       "data-chevron": o ? "true" : void 0,
-      className: `bd-SelectBoxSlot ${t || ""}`,
+      className: `bd-SelectBoxSlot ${n || ""}`,
       ...r,
       ref: c,
-      children: s || /* @__PURE__ */ i(Do, {})
+      children: s || /* @__PURE__ */ i(ds, {})
     }
   )
 );
-fe.displayName = yt;
-me.displayName = zo;
-const Uo = ({
+ke.displayName = rn;
+Ee.displayName = $s;
+const Us = ({
   options: e,
-  placeholder: t = "선택하세요",
-  size: n = H.size.default,
+  placeholder: n = "선택하세요",
+  size: t = J.size.default,
   weight: o = "regular",
   variant: s = "classic",
   disabled: r = !1,
   maxHeight: c,
   onScrollBottom: a,
-  ...u
+  ...l
 }) => {
   const d = new Map(e.map((p) => [p.value, p.label]));
-  return /* @__PURE__ */ k(
-    Ge,
+  return /* @__PURE__ */ P(
+    st,
     {
-      ...u,
+      ...l,
       valueLabelMap: d,
       variant: s,
-      size: n,
+      size: t,
       weight: o,
       children: [
-        /* @__PURE__ */ k(de, { size: n, variant: s, disabled: r, children: [
-          /* @__PURE__ */ i(fe, { placeholder: t }),
-          /* @__PURE__ */ i(me, { "data-chevron": !0 })
+        /* @__PURE__ */ P(Pe, { size: t, variant: s, disabled: r, children: [
+          /* @__PURE__ */ i(ke, { placeholder: n }),
+          /* @__PURE__ */ i(Ee, { "data-chevron": !0 })
         ] }),
-        /* @__PURE__ */ i(pe, { children: /* @__PURE__ */ i(Oe, { maxHeight: c, onScrollBottom: a, children: e.map((p) => /* @__PURE__ */ i($e, { value: p.value, children: p.label }, p.value)) }) })
+        /* @__PURE__ */ i(Se, { children: /* @__PURE__ */ i(nt, { maxHeight: c, onScrollBottom: a, children: e.map((p) => /* @__PURE__ */ i(rt, { value: p.value, children: p.label }, p.value)) }) })
       ]
     }
   );
-}, zs = Object.assign(Uo, {
-  Root: Ge,
-  Trigger: de,
-  Content: pe,
-  Item: $e,
-  Value: fe,
-  Slot: me
-}), j = {
-  size: H.size,
-  variant: H.variant,
-  weight: H.weight
+}, ta = Object.assign(Us, {
+  Root: st,
+  Trigger: Pe,
+  Content: Se,
+  Item: rt,
+  Value: ke,
+  Slot: Ee
+}), ge = {
+  size: J.size,
+  variant: J.variant,
+  weight: J.weight
 };
 ({
-  ...j,
-  checkboxSize: O.size,
-  checkboxVariant: O.variant
+  ...ge,
+  checkboxSize: X.size,
+  checkboxVariant: X.variant
 });
-const wt = "regular", Nt = l.forwardRef(
-  ({
-    value: e,
-    label: t,
-    selected: n,
-    disabled: o = !1,
-    size: s = j.size.default,
-    weight: r = wt,
-    variant: c = j.variant.default,
-    checkboxSize: a = O.size.default,
-    checkboxVariant: u = O.variant.default,
-    className: d,
-    onItemSelect: p,
-    onClick: f,
-    ...C
-  }, h) => {
-    const { className: v, style: b } = I(
-      { size: s, weight: r },
-      j
-    );
-    return /* @__PURE__ */ k(
-      P.div,
-      {
-        ...C,
-        ref: h,
-        role: "option",
-        tabIndex: -1,
-        "aria-selected": n,
-        "aria-disabled": o,
-        "data-disabled": o ? "" : void 0,
-        "data-state": n ? "checked" : "unchecked",
-        className: R(
-          "bd-SelectBoxItem",
-          `bd-variant-${c}`,
-          "bd-CheckableSelectBoxItem",
-          v,
-          d
-        ),
-        style: b,
-        onClick: (g) => {
-          if (o) {
-            g.preventDefault();
-            return;
-          }
-          p(e), f?.(g);
-        },
-        children: [
-          /* @__PURE__ */ i(
-            Ho,
-            {
-              checked: n,
-              disabled: o,
-              size: a,
-              variant: u
-            }
-          ),
-          /* @__PURE__ */ i("span", { className: "bd-CheckableSelectBoxItemText", children: t })
-        ]
-      }
-    );
+const Ie = "CheckableSelectBox", an = "regular", js = ", ", yt = [
+  "input",
+  "textarea",
+  "select",
+  "button",
+  "a[href]",
+  '[contenteditable="true"]',
+  '[contenteditable=""]',
+  '[tabindex]:not([tabindex="-1"])',
+  "[data-checkable-selectbox-interactive]"
+].join(", "), [Hs] = F(Ie), [qs, cn] = Hs(Ie), Ws = (e) => e ? e instanceof Map ? new Map(e) : new Map(Object.entries(e)) : /* @__PURE__ */ new Map(), Ys = (e, n) => {
+  if (!(e instanceof Element)) return !1;
+  let t = e;
+  for (; t && t !== n; ) {
+    if (t.matches(yt) || t.querySelector(yt)) return !0;
+    t = t.parentElement;
   }
-);
-Nt.displayName = "CheckableSelectBoxItem";
-const Ho = ({
+  return !1;
+}, Ks = ({
+  children: e,
+  label: n,
+  value: t
+}) => n || (typeof e == "string" || typeof e == "number" ? String(e) : t), at = (e) => {
+  const {
+    __scopeCheckableSelectBox: n,
+    value: t,
+    defaultValue: o,
+    onValueChange: s,
+    valueLabelMap: r,
+    open: c,
+    defaultOpen: a,
+    onOpenChange: l,
+    size: d = ge.size.default,
+    weight: p = an,
+    variant: f = ge.variant.default,
+    checkboxSize: C = X.size.default,
+    checkboxVariant: m = X.variant.default,
+    disabled: y = !1,
+    displayValueSeparator: h = js,
+    children: g
+  } = e, [v = [], b] = A({
+    prop: t,
+    defaultProp: o ?? [],
+    onChange: s,
+    caller: Ie
+  }), [w, N] = u.useState(
+    () => /* @__PURE__ */ new Map()
+  ), k = u.useCallback(
+    (E) => {
+      b(
+        (D = []) => D.includes(E) ? D.filter((M) => M !== E) : [...D, E]
+      );
+    },
+    [b]
+  ), S = u.useCallback((E, D) => {
+    N((M) => {
+      if (M.get(E) === D) return M;
+      const Z = new Map(M);
+      return Z.set(E, D), Z;
+    });
+  }, []), L = u.useCallback((E) => {
+    N((D) => {
+      if (!D.has(E)) return D;
+      const M = new Map(D);
+      return M.delete(E), M;
+    });
+  }, []), z = u.useMemo(() => {
+    const E = Ws(r);
+    return w.forEach((D, M) => {
+      E.set(M, D);
+    }), E;
+  }, [w, r]), $ = u.useMemo(
+    () => v.map((E) => z.get(E) ?? E).join(h),
+    [h, z, v]
+  );
+  return /* @__PURE__ */ i(
+    qs,
+    {
+      scope: n,
+      values: v,
+      toggleValue: k,
+      registerValueLabel: S,
+      unregisterValueLabel: L,
+      valueLabelMap: z,
+      size: d,
+      weight: p,
+      variant: f,
+      checkboxSize: C,
+      checkboxVariant: m,
+      disabled: y,
+      children: /* @__PURE__ */ i(
+        st,
+        {
+          value: $,
+          open: c,
+          defaultOpen: a,
+          onOpenChange: l,
+          variant: f,
+          size: d,
+          weight: p,
+          children: g
+        }
+      )
+    }
+  );
+};
+at.displayName = Ie;
+const ct = u.forwardRef((e, n) => {
+  const { __scopeCheckableSelectBox: t, size: o, variant: s, disabled: r, ...c } = e, a = cn(
+    "CheckableSelectBoxTrigger",
+    t
+  );
+  return /* @__PURE__ */ i(
+    Pe,
+    {
+      ...c,
+      ref: n,
+      size: o ?? a.size,
+      variant: s ?? a.variant,
+      disabled: r ?? a.disabled
+    }
+  );
+});
+ct.displayName = "CheckableSelectBoxTrigger";
+const it = u.forwardRef((e, n) => {
+  const { __scopeCheckableSelectBox: t, ...o } = e;
+  return /* @__PURE__ */ i(
+    Se,
+    {
+      ...o,
+      ref: n,
+      "aria-multiselectable": o["aria-multiselectable"] ?? "true"
+    }
+  );
+});
+it.displayName = "CheckableSelectBoxContent";
+const lt = u.forwardRef((e, n) => {
+  const {
+    __scopeCheckableSelectBox: t,
+    value: o,
+    label: s,
+    disabled: r,
+    size: c,
+    weight: a,
+    variant: l,
+    checkboxSize: d,
+    checkboxVariant: p,
+    className: f,
+    onClick: C,
+    children: m,
+    ...y
+  } = e, h = cn("CheckableSelectBoxItem", t), g = h.values.includes(o), v = h.disabled || !!r, b = c ?? h.size, w = a ?? h.weight, N = l ?? h.variant, k = d ?? h.checkboxSize, S = p ?? h.checkboxVariant, L = Ks({ children: m, label: s, value: o }), { registerValueLabel: z, unregisterValueLabel: $ } = h;
+  G(() => (z(o, L), () => {
+    $(o);
+  }), [L, z, $, o]);
+  const E = typeof m == "function" ? m({ selected: g, disabled: v }) : m, D = E === void 0 ? s : E, { className: M, style: Z } = I(
+    { size: b, weight: w },
+    ge
+  );
+  return /* @__PURE__ */ P(
+    R.div,
+    {
+      ...y,
+      ref: n,
+      role: "option",
+      tabIndex: -1,
+      "aria-selected": g,
+      "aria-disabled": v,
+      "data-disabled": v ? "" : void 0,
+      "data-state": g ? "checked" : "unchecked",
+      className: x(
+        "bd-SelectBoxItem",
+        `bd-variant-${N}`,
+        "bd-CheckableSelectBoxItem",
+        M,
+        f
+      ),
+      style: Z,
+      onClick: (V) => {
+        if (v) {
+          V.preventDefault();
+          return;
+        }
+        Ys(V.target, V.currentTarget) || h.toggleValue(o), C?.(V);
+      },
+      children: [
+        /* @__PURE__ */ i(
+          Xs,
+          {
+            checked: g,
+            disabled: v,
+            size: k,
+            variant: S
+          }
+        ),
+        typeof D == "string" || typeof D == "number" ? /* @__PURE__ */ i("span", { className: "bd-CheckableSelectBoxItemText", children: D }) : D
+      ]
+    }
+  );
+});
+lt.displayName = "CheckableSelectBoxItem";
+const ut = u.forwardRef((e, n) => {
+  const { __scopeCheckableSelectBox: t, ...o } = e;
+  return /* @__PURE__ */ i(ke, { ...o, ref: n });
+});
+ut.displayName = "CheckableSelectBoxValue";
+const dt = u.forwardRef((e, n) => {
+  const { __scopeCheckableSelectBox: t, ...o } = e;
+  return /* @__PURE__ */ i(Ee, { ...o, ref: n });
+});
+dt.displayName = "CheckableSelectBoxSlot";
+const Xs = ({
   checked: e,
-  disabled: t,
-  size: n,
+  disabled: n,
+  size: t,
   variant: o
 }) => {
-  const { className: s, style: r } = I({ size: n, variant: o }, O);
-  return /* @__PURE__ */ i(lt, { checked: e, disabled: t, children: /* @__PURE__ */ i(
-    P.span,
+  const { className: s, style: r } = I({ size: t, variant: o }, X);
+  return /* @__PURE__ */ i(Ot, { checked: e, disabled: n, children: /* @__PURE__ */ i(
+    R.span,
     {
       "aria-hidden": "true",
       "data-state": e ? "checked" : "unchecked",
-      "data-disabled": t ? "" : void 0,
-      className: R("bd-reset", "bd-CheckboxRoot", s),
+      "data-disabled": n ? "" : void 0,
+      className: x("bd-reset", "bd-CheckboxRoot", s),
       style: r,
-      children: /* @__PURE__ */ i(le, { asChild: !0, className: "bd-CheckboxIndicator", children: /* @__PURE__ */ i(ie, {}) })
+      children: /* @__PURE__ */ i(Re, { asChild: !0, className: "bd-CheckboxIndicator", children: /* @__PURE__ */ i(Ne, {}) })
     }
   ) });
-}, Us = ({
+}, Zs = ({
   items: e,
-  value: t,
-  defaultValue: n,
+  value: n,
+  defaultValue: t,
   onValueChange: o,
   open: s,
   defaultOpen: r,
   onOpenChange: c,
   placeholder: a = "선택하세요",
-  size: u = j.size.default,
-  weight: d = wt,
-  variant: p = j.variant.default,
-  checkboxSize: f = O.size.default,
-  checkboxVariant: C = O.variant.default,
-  disabled: h = !1,
-  className: v,
-  maxHeight: b,
+  size: l,
+  weight: d = an,
+  variant: p,
+  checkboxSize: f,
+  checkboxVariant: C,
+  disabled: m = !1,
+  className: y,
+  maxHeight: h,
   onScrollBottom: g
 }) => {
-  const [m = [], y] = B({
-    prop: t,
-    defaultProp: n ?? [],
-    onChange: o,
-    caller: "CheckableSelectBox"
-  }), w = /* @__PURE__ */ new Map();
-  e.forEach((x) => {
-    w.set(x.value, x.label);
-  });
-  const N = m.map((x) => w.get(x) ?? x).join(", ");
-  return /* @__PURE__ */ k(
-    Ge,
+  const v = u.useMemo(
+    () => new Map(e.map((b) => [b.value, b.label])),
+    [e]
+  );
+  return /* @__PURE__ */ P(
+    at,
     {
-      value: N,
+      value: n,
+      defaultValue: t,
+      onValueChange: o,
+      valueLabelMap: v,
       open: s,
       defaultOpen: r,
       onOpenChange: c,
-      variant: p,
-      size: u,
+      size: l,
       weight: d,
+      variant: p,
+      checkboxSize: f,
+      checkboxVariant: C,
+      disabled: m,
       children: [
-        /* @__PURE__ */ k(de, { size: u, variant: p, disabled: h, className: v, children: [
-          /* @__PURE__ */ i(fe, { placeholder: a }),
-          /* @__PURE__ */ i(me, { "data-chevron": !0 })
+        /* @__PURE__ */ P(ct, { className: y, children: [
+          /* @__PURE__ */ i(ut, { placeholder: a }),
+          /* @__PURE__ */ i(dt, { "data-chevron": !0 })
         ] }),
-        /* @__PURE__ */ i(pe, { "aria-multiselectable": "true", children: /* @__PURE__ */ i(Oe, { maxHeight: b, onScrollBottom: g, children: e.map((x) => /* @__PURE__ */ i(
-          Nt,
+        /* @__PURE__ */ i(it, { children: /* @__PURE__ */ i(nt, { maxHeight: h, onScrollBottom: g, children: e.map((b) => /* @__PURE__ */ i(
+          lt,
           {
-            value: x.value,
-            label: x.label,
-            selected: m.includes(x.value),
-            disabled: h || x.disabled,
-            size: u,
-            weight: d,
-            variant: p,
-            checkboxSize: f,
-            checkboxVariant: C,
-            onItemSelect: (S) => {
-              y(
-                (A = []) => A.includes(S) ? A.filter((Q) => Q !== S) : [...A, S]
-              );
-            }
+            value: b.value,
+            label: b.label,
+            disabled: b.disabled
           },
-          x.value
+          b.value
         )) }) })
       ]
     }
   );
-}, te = {
-  ...q,
-  ...O
-}, Ve = "CheckboxGroup", [jo, Rt] = _(
-  Ve,
-  [De, it]
-), xt = De(), St = it(), [Yo, qo] = jo(Ve), kt = l.forwardRef(
-  (e, t) => {
+}, na = Object.assign(Zs, {
+  Root: at,
+  Trigger: ct,
+  Content: it,
+  Item: lt,
+  Value: ut,
+  Slot: dt
+}), pe = {
+  ...Q,
+  ...X
+}, pt = "CheckboxGroup", [Js, ln] = F(
+  pt,
+  [qe, At]
+), un = qe(), dn = At(), [Qs, er] = Js(pt), pn = u.forwardRef(
+  (e, n) => {
     const {
-      __scopeCheckboxGroup: n,
+      __scopeCheckboxGroup: t,
       name: o,
       defaultValue: s,
       value: r,
       required: c = !1,
       disabled: a = !1,
-      loop: u = !0,
+      loop: l = !0,
       orientation: d,
       onValueChange: p,
       ...f
-    } = e, C = xt(n), [h = [], v] = B({
+    } = e, C = un(t), [m = [], y] = A({
       prop: r,
       defaultProp: s || [],
       onChange: p
-    }), b = l.useCallback(
-      (m) => v((y = []) => [...y, m]),
-      [v]
-    ), g = l.useCallback(
-      (m) => v((y = []) => y.filter((w) => w !== m)),
-      [v]
+    }), h = u.useCallback(
+      (v) => y((b = []) => [...b, v]),
+      [y]
+    ), g = u.useCallback(
+      (v) => y((b = []) => b.filter((w) => w !== v)),
+      [y]
     );
     return /* @__PURE__ */ i(
-      Yo,
+      Qs,
       {
-        scope: n,
+        scope: t,
         name: o,
         required: c,
         disabled: a,
-        value: h,
-        onItemCheck: b,
+        value: m,
+        onItemCheck: h,
         onItemUnCheck: g,
-        children: /* @__PURE__ */ i(nt, { asChild: !0, ...C, orientation: d, loop: u, children: /* @__PURE__ */ i(
-          P.div,
+        children: /* @__PURE__ */ i(It, { asChild: !0, ...C, orientation: d, loop: l, children: /* @__PURE__ */ i(
+          R.div,
           {
             role: "group",
             "data-disabled": a ? "" : void 0,
             ...f,
-            ref: t
+            ref: n
           }
         ) })
       }
     );
   }
 );
-kt.displayName = Ve;
-const Pt = "CheckboxGroupItem", It = l.forwardRef((e, t) => {
-  const { __scopeCheckboxGroup: n, disabled: o, ...s } = e, r = qo(Pt, n), c = r.disabled || o, a = xt(n), u = St(n), d = l.useRef(null), p = T(t, d), f = r.value?.includes(s.value);
+pn.displayName = pt;
+const fn = "CheckboxGroupItem", mn = u.forwardRef((e, n) => {
+  const { __scopeCheckboxGroup: t, disabled: o, ...s } = e, r = er(fn, t), c = r.disabled || o, a = un(t), l = dn(t), d = u.useRef(null), p = T(n, d), f = r.value?.includes(s.value);
   return /* @__PURE__ */ i(
-    ot,
+    Dt,
     {
       asChild: !0,
       ...a,
       focusable: !c,
       active: f,
       children: /* @__PURE__ */ i(
-        pt,
+        Gt,
         {
           name: r.name,
           disabled: c,
           required: r.required,
           checked: f,
-          ...u,
+          ...l,
           ...s,
           ref: p,
           onCheckedChange: (C) => {
@@ -2027,132 +2642,132 @@ const Pt = "CheckboxGroupItem", It = l.forwardRef((e, t) => {
     }
   );
 });
-It.displayName = Pt;
-const Ko = "CheckboxGroupIndicator", Et = l.forwardRef((e, t) => {
-  const { __scopeCheckboxGroup: n, ...o } = e, s = St(n);
-  return /* @__PURE__ */ i(le, { ...s, ...o, ref: t });
+mn.displayName = fn;
+const tr = "CheckboxGroupIndicator", hn = u.forwardRef((e, n) => {
+  const { __scopeCheckboxGroup: t, ...o } = e, s = dn(t);
+  return /* @__PURE__ */ i(Re, { ...s, ...o, ref: n });
 });
-Et.displayName = Ko;
-const Z = "CheckboxGroup", [Wo] = _(Z, [
-  Rt
-]), Dt = Rt(), [Xo, Tt] = Wo(Z), Bt = l.forwardRef(
-  (e, t) => {
+hn.displayName = tr;
+const ie = "CheckboxGroup", [nr] = F(ie, [
+  ln
+]), bn = ln(), [or, gn] = nr(ie), Cn = u.forwardRef(
+  (e, n) => {
     const {
-      size: n = te.size.default,
-      variant: o = te.variant.default,
+      size: t = pe.size.default,
+      variant: o = pe.variant.default,
       ...s
     } = e, { __scopeCheckboxGroup: r, className: c, ...a } = I(
       s,
-      te
-    ), u = Dt(r);
-    return /* @__PURE__ */ i(Xo, { scope: r, size: n, variant: o, children: /* @__PURE__ */ i(
-      kt,
+      pe
+    ), l = bn(r);
+    return /* @__PURE__ */ i(or, { scope: r, size: t, variant: o, children: /* @__PURE__ */ i(
+      pn,
       {
-        ...u,
+        ...l,
         ...a,
-        ref: t,
-        className: R("bd-CheckboxGroupRoot", c)
+        ref: n,
+        className: x("bd-CheckboxGroupRoot", c)
       }
     ) });
   }
 );
-Bt.displayName = Z;
-const Mt = l.forwardRef(
-  (e, t) => {
-    const { __scopeCheckboxGroup: n, children: o, className: s, style: r, ...c } = e, { size: a } = Tt("CheckboxGroupItem", n);
-    return o ? /* @__PURE__ */ k(
-      Be,
+Cn.displayName = ie;
+const vn = u.forwardRef(
+  (e, n) => {
+    const { __scopeCheckboxGroup: t, children: o, className: s, style: r, ...c } = e, { size: a } = gn("CheckboxGroupItem", t);
+    return o ? /* @__PURE__ */ P(
+      ae,
       {
         as: "label",
         size: a,
-        className: R("bd-CheckboxGroupItem", s),
+        className: x("bd-CheckboxGroupItem", s),
         style: r,
         children: [
           /* @__PURE__ */ i(
-            Se,
+            Le,
             {
-              __scopeCheckboxGroup: n,
+              __scopeCheckboxGroup: t,
               ...c,
-              ref: t
+              ref: n
             }
           ),
           o && /* @__PURE__ */ i("span", { className: "bd-CheckboxGroupItemInner", children: o })
         ]
       }
     ) : /* @__PURE__ */ i(
-      Se,
+      Le,
       {
-        __scopeCheckboxGroup: n,
+        __scopeCheckboxGroup: t,
         ...c,
-        ref: t,
+        ref: n,
         className: s,
         style: r
       }
     );
   }
 );
-Mt.displayName = `${Z}.Item`;
-const Se = l.forwardRef(({ __scopeCheckboxGroup: e, ...t }, n) => {
-  const o = Tt("CheckboxGroupItemCheckbox", e), s = Dt(e), { className: r } = I({ ...t, ...o }, te);
+vn.displayName = `${ie}.Item`;
+const Le = u.forwardRef(({ __scopeCheckboxGroup: e, ...n }, t) => {
+  const o = gn("CheckboxGroupItemCheckbox", e), s = bn(e), { className: r } = I({ ...n, ...o }, pe);
   return /* @__PURE__ */ i(
-    It,
+    mn,
     {
       ...s,
-      ...t,
-      ref: n,
-      className: R(
+      ...n,
+      ref: t,
+      className: x(
         "bd-reset",
         "bd-CheckboxRoot",
         "bd-CheckboxGroupItemCheckbox",
         r
       ),
-      children: /* @__PURE__ */ i(Et, { ...s, asChild: !0, className: "bd-CheckboxIndicator", children: /* @__PURE__ */ i(ie, {}) })
+      children: /* @__PURE__ */ i(hn, { ...s, asChild: !0, className: "bd-CheckboxIndicator", children: /* @__PURE__ */ i(Ne, {}) })
     }
   );
 });
-Se.displayName = `${Z}.ItemCheckbox`;
-const Hs = {
-  Root: Bt,
-  Item: Mt
-}, Zo = ["1", "2", "3", "4"], Jo = ["classic", "outline"], Qo = {
-  size: { type: "enum", className: "bd-size", values: Zo, default: "2" },
-  variant: { type: "enum", className: "bd-variant", values: Jo, default: "classic" }
-}, Le = "Radio", [es, _t] = _(Le), [ts, ns] = es(Le), ze = l.forwardRef(
-  (e, t) => {
+Le.displayName = `${ie}.ItemCheckbox`;
+const oa = {
+  Root: Cn,
+  Item: vn
+}, sr = ["1", "2", "3", "4"], rr = ["classic", "outline"], ar = {
+  size: { type: "enum", className: "bd-size", values: sr, default: "2" },
+  variant: { type: "enum", className: "bd-variant", values: rr, default: "classic" }
+}, ft = "Radio", [cr, yn] = F(ft), [ir, lr] = cr(ft), mt = u.forwardRef(
+  (e, n) => {
     const {
-      __scopeRadio: n,
+      __scopeRadio: t,
       name: o,
       checked: s = !1,
       required: r,
       disabled: c,
       value: a = "on",
-      onCheck: u,
+      onCheck: l,
       form: d,
       ...p
-    } = e, [f, C] = l.useState(null), h = T(t, C), v = l.useRef(!1), b = f ? d || !!f.closest("form") : !0;
-    return /* @__PURE__ */ k(ts, { scope: n, checked: s, disabled: c, children: [
+    } = e, [f, C] = u.useState(null), m = T(n, C), y = u.useRef(!1), h = f ? d || !!f.closest("form") : !0;
+    return /* @__PURE__ */ P(ir, { scope: t, checked: s, disabled: c, children: [
       /* @__PURE__ */ i(
-        P.button,
+        R.button,
         {
           type: "button",
           role: "radio",
           "aria-checked": s,
-          "data-state": Gt(s),
+          "data-state": xn(s),
           "data-disabled": c ? "" : void 0,
           disabled: c,
           value: a,
           ...p,
-          ref: h,
-          onClick: M(e.onClick, (g) => {
-            s || u?.(), b && (v.current = g.isPropagationStopped(), v.current || g.stopPropagation());
+          ref: m,
+          onClick: O(e.onClick, (g) => {
+            s || l?.(), h && (y.current = g.isPropagationStopped(), y.current || g.stopPropagation());
           })
         }
       ),
-      b && /* @__PURE__ */ i(
-        Ft,
+      h && /* @__PURE__ */ i(
+        Rn,
         {
           control: f,
-          bubbles: !v.current,
+          bubbles: !y.current,
           name: o,
           value: a,
           checked: s,
@@ -2165,48 +2780,48 @@ const Hs = {
     ] });
   }
 );
-ze.displayName = Le;
-const At = "RadioIndicator", Ot = l.forwardRef(
-  (e, t) => {
-    const { __scopeRadio: n, forceMount: o, ...s } = e, r = ns(At, n);
-    return /* @__PURE__ */ i(Qe, { remain: o || r.checked, children: /* @__PURE__ */ i(
-      P.span,
+mt.displayName = ft;
+const wn = "RadioIndicator", Nn = u.forwardRef(
+  (e, n) => {
+    const { __scopeRadio: t, forceMount: o, ...s } = e, r = lr(wn, t);
+    return /* @__PURE__ */ i(St, { remain: o || r.checked, children: /* @__PURE__ */ i(
+      R.span,
       {
-        "data-state": Gt(r.checked),
+        "data-state": xn(r.checked),
         "data-disabled": r.disabled ? "" : void 0,
         ...s,
-        ref: t
+        ref: n
       }
     ) });
   }
 );
-Ot.displayName = At;
-const os = "RadioBubbleInput", Ft = l.forwardRef(
-  ({ control: e, checked: t, bubbles: n = !0, ...o }, s) => {
-    const r = l.useRef(null), c = T(r, s), a = Ie(t), u = Ee(e);
-    return l.useEffect(() => {
+Nn.displayName = wn;
+const ur = "RadioBubbleInput", Rn = u.forwardRef(
+  ({ control: e, checked: n, bubbles: t = !0, ...o }, s) => {
+    const r = u.useRef(null), c = T(r, s), a = Ce(n), l = Ue(e);
+    return u.useEffect(() => {
       const d = r.current;
       if (!d) return;
       const p = window.HTMLInputElement.prototype, C = Object.getOwnPropertyDescriptor(
         p,
         "checked"
       ).set;
-      if (a !== t && C) {
-        const h = new Event("click", { bubbles: n });
-        C.call(d, t), d.dispatchEvent(h);
+      if (a !== n && C) {
+        const m = new Event("click", { bubbles: t });
+        C.call(d, n), d.dispatchEvent(m);
       }
-    }, [a, t, n]), /* @__PURE__ */ i(
-      P.input,
+    }, [a, n, t]), /* @__PURE__ */ i(
+      R.input,
       {
         type: "radio",
         "aria-hidden": !0,
-        defaultChecked: t,
+        defaultChecked: n,
         ...o,
         tabIndex: -1,
         ref: c,
         style: {
           ...o.style,
-          ...u,
+          ...l,
           position: "absolute",
           pointerEvents: "none",
           opacity: 0,
@@ -2216,114 +2831,114 @@ const os = "RadioBubbleInput", Ft = l.forwardRef(
     );
   }
 );
-Ft.displayName = os;
-function Gt(e) {
+Rn.displayName = ur;
+function xn(e) {
   return e ? "checked" : "unchecked";
 }
-const ss = l.forwardRef((e, t) => {
+const dr = u.forwardRef((e, n) => {
   const {
-    className: n,
+    className: t,
     checked: o,
     defaultChecked: s = !1,
     onCheck: r,
     ...c
-  } = I(e, Qo), [a, u] = B({
+  } = I(e, ar), [a, l] = A({
     prop: o,
     defaultProp: s,
     onChange: r
   });
   return /* @__PURE__ */ i(
-    ze,
+    mt,
     {
       ...c,
       defaultChecked: s,
       checked: a,
-      onCheck: () => u((d) => !d),
-      ref: t,
-      className: R("bd-reset", "bd-BaseRadioRoot", "bd-RadioRoot", n)
+      onCheck: () => l((d) => !d),
+      ref: n,
+      className: x("bd-reset", "bd-BaseRadioRoot", "bd-RadioRoot", t)
     }
   );
 });
-ss.displayName = "Radio";
-const rs = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], he = "RadioGroup", [as, $t] = _(
-  he,
-  [_t]
-), Vt = De(), Lt = _t(), [cs, is] = as(he), zt = l.forwardRef(
-  (e, t) => {
+dr.displayName = "Radio";
+const pr = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], De = "RadioGroup", [fr, Pn] = F(
+  De,
+  [yn]
+), Sn = qe(), kn = yn(), [mr, hr] = fr(De), En = u.forwardRef(
+  (e, n) => {
     const {
-      __scopeRadioGroup: n,
+      __scopeRadioGroup: t,
       name: o,
       defaultValue: s,
       value: r,
       required: c = !1,
       disabled: a = !1,
-      orientation: u,
+      orientation: l,
       loop: d = !0,
       onValueChange: p,
       ...f
-    } = e, C = Vt(n), [h, v] = B({
+    } = e, C = Sn(t), [m, y] = A({
       prop: r,
       defaultProp: s ?? null,
       onChange: p,
-      caller: he
+      caller: De
     });
     return /* @__PURE__ */ i(
-      cs,
+      mr,
       {
-        scope: n,
+        scope: t,
         name: o,
         required: c,
         disabled: a,
-        value: h,
-        onValueChange: v,
-        children: /* @__PURE__ */ i(nt, { asChild: !0, ...C, orientation: u, loop: d, children: /* @__PURE__ */ i(
-          P.div,
+        value: m,
+        onValueChange: y,
+        children: /* @__PURE__ */ i(It, { asChild: !0, ...C, orientation: l, loop: d, children: /* @__PURE__ */ i(
+          R.div,
           {
             role: "radiogroup",
             "aria-required": c,
-            "aria-orientation": u,
+            "aria-orientation": l,
             "data-disabled": a ? "" : void 0,
             ...f,
-            ref: t
+            ref: n
           }
         ) })
       }
     );
   }
 );
-zt.displayName = he;
-const Ut = "RadioGroupItem", Ht = l.forwardRef(
-  (e, t) => {
-    const { __scopeRadioGroup: n, disabled: o, ...s } = e, r = is(Ut, n), c = r.disabled || o, a = Vt(n), u = Lt(n), d = l.useRef(null), p = T(t, d), f = r.value === s.value, C = l.useRef(!1);
-    return l.useEffect(() => {
-      const h = (b) => {
-        rs.includes(b.key) && (C.current = !0);
-      }, v = () => C.current = !1;
-      return document.addEventListener("keydown", h), document.addEventListener("keyup", v), () => {
-        document.removeEventListener("keydown", h), document.removeEventListener("keyup", v);
+En.displayName = De;
+const In = "RadioGroupItem", Dn = u.forwardRef(
+  (e, n) => {
+    const { __scopeRadioGroup: t, disabled: o, ...s } = e, r = hr(In, t), c = r.disabled || o, a = Sn(t), l = kn(t), d = u.useRef(null), p = T(n, d), f = r.value === s.value, C = u.useRef(!1);
+    return u.useEffect(() => {
+      const m = (h) => {
+        pr.includes(h.key) && (C.current = !0);
+      }, y = () => C.current = !1;
+      return document.addEventListener("keydown", m), document.addEventListener("keyup", y), () => {
+        document.removeEventListener("keydown", m), document.removeEventListener("keyup", y);
       };
     }, []), /* @__PURE__ */ i(
-      ot,
+      Dt,
       {
         asChild: !0,
         ...a,
         focusable: !c,
         active: f,
         children: /* @__PURE__ */ i(
-          ze,
+          mt,
           {
             name: r.name,
             disabled: c,
             required: r.required,
             checked: f,
-            ...u,
+            ...l,
             ...s,
             ref: p,
             onCheck: () => r.onValueChange(s.value),
-            onKeyDown: M((h) => {
-              h.key === "Enter" && h.preventDefault();
+            onKeyDown: O((m) => {
+              m.key === "Enter" && m.preventDefault();
             }),
-            onFocus: M(s.onFocus, () => {
+            onFocus: O(s.onFocus, () => {
               C.current && d.current?.click();
             })
           }
@@ -2332,137 +2947,137 @@ const Ut = "RadioGroupItem", Ht = l.forwardRef(
     );
   }
 );
-Ht.displayName = Ut;
-const ls = "RadioGroupBaseIndicator", us = l.forwardRef((e, t) => {
-  const { __scopeRadioGroup: n, ...o } = e, s = Lt(n);
-  return /* @__PURE__ */ i(Ot, { ...s, ...o, ref: t });
+Dn.displayName = In;
+const br = "RadioGroupBaseIndicator", gr = u.forwardRef((e, n) => {
+  const { __scopeRadioGroup: t, ...o } = e, s = kn(t);
+  return /* @__PURE__ */ i(Nn, { ...s, ...o, ref: n });
 });
-us.displayName = ls;
-const ds = ["1", "2", "3"], ps = ["classic", "outline"], ne = {
-  ...q,
-  size: { type: "enum", className: "bd-size", values: ds, default: "2" },
-  variant: { type: "enum", className: "bd-variant", values: ps, default: "classic" },
-  ...G
-}, J = "RadioGroup", [fs] = _(J, [$t]), jt = $t(), [ms, Yt] = fs(J), qt = l.forwardRef(
+gr.displayName = br;
+const Cr = ["1", "2", "3"], vr = ["classic", "outline"], fe = {
+  ...Q,
+  size: { type: "enum", className: "bd-size", values: Cr, default: "2" },
+  variant: { type: "enum", className: "bd-variant", values: vr, default: "classic" },
+  ...H
+}, le = "RadioGroup", [yr] = F(le, [Pn]), Tn = Pn(), [wr, _n] = yr(le), Bn = u.forwardRef(
   ({
-    size: e = ne.size.default,
-    variant: t = ne.variant.default,
-    ...n
+    size: e = fe.size.default,
+    variant: n = fe.variant.default,
+    ...t
   }, o) => {
     const { __scopeRadioGroup: s, className: r, ...c } = I(
-      n,
-      ne
-    ), a = jt(s);
-    return /* @__PURE__ */ i(ms, { scope: s, size: e, variant: t, children: /* @__PURE__ */ i(
-      zt,
+      t,
+      fe
+    ), a = Tn(s);
+    return /* @__PURE__ */ i(wr, { scope: s, size: e, variant: n, children: /* @__PURE__ */ i(
+      En,
       {
         ...a,
         ...c,
         ref: o,
-        className: R("bd-RadioGroupRoot", r)
+        className: x("bd-RadioGroupRoot", r)
       }
     ) });
   }
 );
-qt.displayName = J;
-const Kt = l.forwardRef(
-  (e, t) => {
-    const { __scopeRadioGroup: n, children: o, className: s, style: r, ...c } = e, { size: a } = Yt("RadioGroupItem", n);
-    return o ? /* @__PURE__ */ k(
-      Be,
+Bn.displayName = le;
+const Mn = u.forwardRef(
+  (e, n) => {
+    const { __scopeRadioGroup: t, children: o, className: s, style: r, ...c } = e, { size: a } = _n("RadioGroupItem", t);
+    return o ? /* @__PURE__ */ P(
+      ae,
       {
         as: "label",
         size: a,
-        className: R("bd-RadioGroupItem", s),
+        className: x("bd-RadioGroupItem", s),
         style: r,
         children: [
           /* @__PURE__ */ i(
-            ke,
+            ze,
             {
-              __scopeRadioGroup: n,
+              __scopeRadioGroup: t,
               ...c,
-              ref: t
+              ref: n
             }
           ),
           o && /* @__PURE__ */ i("span", { className: "bd-RadioGroupItemInner", children: o })
         ]
       }
     ) : /* @__PURE__ */ i(
-      ke,
+      ze,
       {
-        __scopeRadioGroup: n,
+        __scopeRadioGroup: t,
         ...c,
-        ref: t,
+        ref: n,
         className: s,
         style: r
       }
     );
   }
 );
-Kt.displayName = `${J}.Item`;
-const ke = l.forwardRef(({ __scopeRadioGroup: e, ...t }, n) => {
-  const o = Yt("RadioGroupItemRadio", e), s = jt(e), { className: r } = I({ ...t, ...o }, ne);
+Mn.displayName = `${le}.Item`;
+const ze = u.forwardRef(({ __scopeRadioGroup: e, ...n }, t) => {
+  const o = _n("RadioGroupItemRadio", e), s = Tn(e), { className: r } = I({ ...n, ...o }, fe);
   return /* @__PURE__ */ i(
-    Ht,
+    Dn,
     {
       ...s,
-      ...t,
+      ...n,
       asChild: !1,
-      ref: n,
-      className: R("bd-reset", "bd-BaseRadioRoot", "bd-RadioRoot", r)
+      ref: t,
+      className: x("bd-reset", "bd-BaseRadioRoot", "bd-RadioRoot", r)
     }
   );
 });
-ke.displayName = `${J}.ItemRadio`;
-const js = {
-  Root: qt,
-  Item: Kt
-}, ge = "Switch", [hs] = _(ge), [gs, bs] = hs(ge), Wt = l.forwardRef(
-  (e, t) => {
+ze.displayName = `${le}.ItemRadio`;
+const sa = {
+  Root: Bn,
+  Item: Mn
+}, Te = "Switch", [Nr] = F(Te), [Rr, xr] = Nr(Te), An = u.forwardRef(
+  (e, n) => {
     const {
-      __scopeSwitch: n,
+      __scopeSwitch: t,
       name: o,
       checked: s,
       defaultChecked: r,
       required: c,
       disabled: a,
-      value: u = "on",
+      value: l = "on",
       onCheckedChange: d,
       form: p,
       ...f
-    } = e, [C, h] = l.useState(null), v = T(t, (w) => h(w)), b = l.useRef(!1), g = C ? p || !!C.closest("form") : !0, [m, y] = B({
+    } = e, [C, m] = u.useState(null), y = T(n, (w) => m(w)), h = u.useRef(!1), g = C ? p || !!C.closest("form") : !0, [v, b] = A({
       prop: s,
       defaultProp: r ?? !1,
       onChange: d,
-      caller: ge
+      caller: Te
     });
-    return /* @__PURE__ */ k(gs, { scope: n, checked: m, disabled: a, children: [
+    return /* @__PURE__ */ P(Rr, { scope: t, checked: v, disabled: a, children: [
       /* @__PURE__ */ i(
-        P.button,
+        R.button,
         {
           type: "button",
           role: "switch",
-          "aria-checked": m,
+          "aria-checked": v,
           "aria-required": c,
-          "data-state": Qt(m),
+          "data-state": Gn(v),
           "data-disabled": a ? "" : void 0,
           disabled: a,
-          value: u,
+          value: l,
           ...f,
-          ref: v,
-          onClick: M(e.onClick, (w) => {
-            y((N) => !N), g && (b.current = w.isPropagationStopped(), b.current || w.stopPropagation());
+          ref: y,
+          onClick: O(e.onClick, (w) => {
+            b((N) => !N), g && (h.current = w.isPropagationStopped(), h.current || w.stopPropagation());
           })
         }
       ),
       g && /* @__PURE__ */ i(
-        Jt,
+        Vn,
         {
           control: C,
-          bubbles: !b.current,
+          bubbles: !h.current,
           name: o,
-          value: u,
-          checked: m,
+          value: l,
+          checked: v,
           required: c,
           disabled: a,
           form: p,
@@ -2472,42 +3087,42 @@ const js = {
     ] });
   }
 );
-Wt.displayName = ge;
-const Xt = "SwitchThumb", Zt = l.forwardRef(
-  (e, t) => {
-    const { __scopeSwitch: n, ...o } = e, s = bs(Xt, n);
+An.displayName = Te;
+const On = "SwitchThumb", Fn = u.forwardRef(
+  (e, n) => {
+    const { __scopeSwitch: t, ...o } = e, s = xr(On, t);
     return /* @__PURE__ */ i(
-      P.span,
+      R.span,
       {
-        "data-state": Qt(s.checked),
+        "data-state": Gn(s.checked),
         "data-disabled": s.disabled ? "" : void 0,
         ...o,
-        ref: t
+        ref: n
       }
     );
   }
 );
-Zt.displayName = Xt;
-const Cs = "SwitchBubbleInput", Jt = l.forwardRef(
-  (e, t) => {
-    const { checked: n, control: o, bubbles: s = !0, ...r } = e, c = l.useRef(null), a = T(c, t), u = Ie(n), d = Ee(o);
-    return l.useEffect(() => {
+Fn.displayName = On;
+const Pr = "SwitchBubbleInput", Vn = u.forwardRef(
+  (e, n) => {
+    const { checked: t, control: o, bubbles: s = !0, ...r } = e, c = u.useRef(null), a = T(c, n), l = Ce(t), d = Ue(o);
+    return u.useEffect(() => {
       const p = c.current;
       if (!p) return;
-      const f = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(
+      const f = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(
         f,
         "checked"
       ).set;
-      if (u !== n && h) {
-        const v = new Event("click", { bubbles: s });
-        h.call(p, n), p.dispatchEvent(v);
+      if (l !== t && m) {
+        const y = new Event("click", { bubbles: s });
+        m.call(p, t), p.dispatchEvent(y);
       }
-    }, [u, n, s]), /* @__PURE__ */ i(
+    }, [l, t, s]), /* @__PURE__ */ i(
       "input",
       {
         type: "checkbox",
         "aria-hidden": !0,
-        defaultChecked: n,
+        defaultChecked: t,
         ...r,
         tabIndex: -1,
         ref: a,
@@ -2523,55 +3138,55 @@ const Cs = "SwitchBubbleInput", Jt = l.forwardRef(
     );
   }
 );
-Jt.displayName = Cs;
-function Qt(e) {
+Vn.displayName = Pr;
+function Gn(e) {
   return e ? "checked" : "unchecked";
 }
-const vs = ["1", "2", "3"], ys = {
-  size: { type: "enum", className: "bd-size", values: vs, default: "2" },
-  ...G
-}, ws = l.forwardRef((e, t) => {
-  const { className: n, ...o } = I(e, ys);
+const Sr = ["1", "2", "3"], kr = {
+  size: { type: "enum", className: "bd-size", values: Sr, default: "2" },
+  ...H
+}, Er = u.forwardRef((e, n) => {
+  const { className: t, ...o } = I(e, kr);
   return /* @__PURE__ */ i(
-    Wt,
+    An,
     {
       ...o,
       asChild: !1,
-      ref: t,
-      className: R("bd-reset", "bd-SwitchRoot", n),
-      children: /* @__PURE__ */ i(Zt, { className: R("bd-SwitchThumb") })
+      ref: n,
+      className: x("bd-reset", "bd-SwitchRoot", t),
+      children: /* @__PURE__ */ i(Fn, { className: x("bd-SwitchThumb") })
     }
   );
 });
-ws.displayName = "Switch";
-const Ns = ["1", "2", "3", "4", "5"], Rs = ["classic", "underlined", "rounded"], xs = {
-  size: { type: "enum", className: "bd-size", values: Ns, default: "2" },
-  variant: { type: "enum", className: "bd-variant", values: Rs, default: "classic" },
-  ...G,
-  ...Yn
-}, Ss = ["left", "right"], ks = {
-  side: { type: "enum", values: Ss },
-  gap: Me.gap,
-  px: U.px,
-  pl: U.pl,
-  pr: U.pr
-}, en = l.forwardRef(
-  (e, t) => {
-    const n = l.useRef(null), { children: o, className: s, style: r, ...c } = I(
+Er.displayName = "Switch";
+const Ir = ["1", "2", "3", "4", "5"], Dr = ["classic", "underlined", "rounded"], Tr = {
+  size: { type: "enum", className: "bd-size", values: Ir, default: "2" },
+  variant: { type: "enum", className: "bd-variant", values: Dr, default: "classic" },
+  ...H,
+  ...Eo
+}, _r = ["left", "right"], Br = {
+  side: { type: "enum", values: _r },
+  gap: Ye.gap,
+  px: K.px,
+  pl: K.pl,
+  pr: K.pr
+}, Ln = u.forwardRef(
+  (e, n) => {
+    const t = u.useRef(null), { children: o, className: s, style: r, ...c } = I(
       e,
-      xs
+      Tr
     );
-    return /* @__PURE__ */ k(
+    return /* @__PURE__ */ P(
       "div",
       {
         style: r,
-        className: R("bd-TextFieldRoot", s),
+        className: x("bd-TextFieldRoot", s),
         onPointerDown: (a) => {
-          const u = a.target;
-          if (u.closest("input, button, a")) return;
-          const d = n.current;
+          const l = a.target;
+          if (l.closest("input, button, a")) return;
+          const d = t.current;
           if (!d) return;
-          const f = u.closest(`
+          const f = l.closest(`
             .bd-TextFieldSlot[data-side='right'],
             .bd-TextFieldSlot:not([data-side='right']) ~ .bd-TextFieldSlot:not([data-side='left'])
           `) ? d.value.length : 0;
@@ -2589,7 +3204,7 @@ const Ns = ["1", "2", "3", "4", "5"], Rs = ["classic", "underlined", "rounded"],
             {
               spellCheck: "false",
               ...c,
-              ref: X(n, t),
+              ref: se(t, n),
               className: "bd-reset bd-TextFieldInput"
             }
           ),
@@ -2599,58 +3214,118 @@ const Ns = ["1", "2", "3", "4", "5"], Rs = ["classic", "underlined", "rounded"],
     );
   }
 );
-en.displayName = "TextFieldRoot";
-const tn = l.forwardRef(
-  (e, t) => {
-    const { className: n, side: o, ...s } = I(e, ks);
+Ln.displayName = "TextFieldRoot";
+const zn = u.forwardRef(
+  (e, n) => {
+    const { className: t, side: o, ...s } = I(e, Br);
     return /* @__PURE__ */ i(
       "div",
       {
         "data-side": o,
         ...s,
-        ref: t,
-        className: R("bd-TextFieldSlot", n)
+        ref: n,
+        className: x("bd-TextFieldSlot", t)
       }
     );
   }
 );
-tn.displayName = "TextFieldSlot";
-const Ys = Object.assign(en, { Slot: tn }), Ps = (e, t) => new Date(e, t + 1, 0).getDate(), Is = (e, t) => new Date(e, t, 1).getDay(), W = () => {
+zn.displayName = "TextFieldSlot";
+const ra = Object.assign(Ln, { Slot: zn });
+function Mr(e, n) {
+  return new Date(e, n + 1, 0).getDate();
+}
+function Ar(e, n) {
+  return new Date(e, n, 1).getDay();
+}
+function ne() {
   const e = /* @__PURE__ */ new Date();
   return e.setHours(0, 0, 0, 0), e;
-}, nn = "Calendar", [Es] = _(nn), [Ds, $] = Es(nn), Ts = (e) => {
-  const { variant: t = "single", size: n = "2", children: o } = e, s = l.useRef(null), [r, c] = B({
+}
+function wt(e) {
+  return !!e && !Number.isNaN(e.getTime());
+}
+function Or(e, n) {
+  return e || n || ne();
+}
+function Fr(e) {
+  return e ? `${e.getFullYear()}.${String(e.getMonth() + 1).padStart(2, "0")}.${String(e.getDate()).padStart(2, "0")}` : null;
+}
+function Vr(e, n) {
+  return n === "date" ? `${e.getFullYear()}년 ${e.getMonth() + 1}월` : `${e.getFullYear()}년`;
+}
+function Nt(e, n, t) {
+  const o = new Date(e), s = t === "next" ? 1 : -1;
+  return n === "date" ? (o.setMonth(o.getMonth() + s), o) : n === "year" ? (o.setFullYear(o.getFullYear() + s * 28), o) : (o.setFullYear(o.getFullYear() + s), o);
+}
+function Gr(e) {
+  const n = e.getFullYear(), t = e.getMonth(), o = Mr(n, t), s = Ar(n, t), r = new Date(n, t, 0).getDate(), c = [];
+  for (let l = s - 1; l >= 0; l -= 1)
+    c.push({
+      date: new Date(n, t - 1, r - l),
+      isCurrentMonth: !1
+    });
+  for (let l = 1; l <= o; l += 1)
+    c.push({
+      date: new Date(n, t, l),
+      isCurrentMonth: !0
+    });
+  const a = c.length % 7 === 0 ? 0 : 7 - c.length % 7;
+  for (let l = 1; l <= a; l += 1)
+    c.push({
+      date: new Date(n, t + 1, l),
+      isCurrentMonth: !1
+    });
+  return c;
+}
+function Lr(e, n, t) {
+  return !e || n ? { start: t, end: null } : t < e ? { start: t, end: null } : { start: e, end: t };
+}
+function Fe(e, n, t, o, s) {
+  const r = e.getTime();
+  return n === "single" ? t?.getTime() === r : o?.getTime() === r || s?.getTime() === r;
+}
+function zr(e, n, t) {
+  if (!n || !t)
+    return !1;
+  const o = e.getTime();
+  return o > n.getTime() && o < t.getTime();
+}
+function $r(e) {
+  return Math.floor(e.getFullYear() / 10) * 10 - 4;
+}
+const $n = "Calendar", [Ur] = F($n), [jr, q] = Ur($n), Hr = (e) => {
+  const { variant: n = "single", size: t = "2", children: o } = e, s = u.useRef(null), [r, c] = A({
     prop: e.open,
     defaultProp: e.defaultOpen || !1,
     onChange: e.onOpenChange,
     caller: "CalendarRoot"
-  }), [a, u] = B({
+  }), [a, l] = A({
     prop: e.value,
     defaultProp: e.defaultValue ?? null,
     onChange: e.onValueChange,
     caller: "CalendarRoot (single)"
-  }), [d, p] = B({
+  }), [d, p] = A({
     prop: e.rangeValue,
     defaultProp: e.defaultRangeValue ?? { start: null, end: null },
     onChange: e.onRangeValueChange,
     caller: "CalendarRoot (range)"
-  }), [f, C] = l.useState("date"), [h, v] = l.useState(
-    a || d.start || W()
+  }), [f, C] = u.useState("date"), [m, y] = u.useState(
+    Or(a, d.start)
   );
-  l.useEffect(() => {
-    t === "single" && a && !isNaN(a.getTime()) ? v(a) : t === "range" && d.start && !isNaN(d.start.getTime()) && v(d.start);
-  }, [d.start, a, t]);
-  const b = l.useRef(a), g = l.useRef(d);
-  l.useEffect(() => {
-    r && (b.current = a, g.current = d);
+  u.useEffect(() => {
+    n === "single" && wt(a) ? y(a) : n === "range" && wt(d.start) && y(d.start);
+  }, [d.start, a, n]);
+  const h = u.useRef(a), g = u.useRef(d);
+  u.useEffect(() => {
+    r && (h.current = a, g.current = d);
   }, [r, a, d]);
-  const m = l.useCallback(() => {
-    t === "single" && !a ? u(W()) : t === "range" && !d.start && p((N) => ({ ...N, start: W() })), c(!1);
-  }, [t, a, d.start, u, p, c]), y = l.useCallback(() => {
-    t === "single" ? u(b.current) : p(g.current), c(!1);
-  }, [t, u, p, c]);
+  const v = u.useCallback(() => {
+    n === "single" && !a ? l(ne()) : n === "range" && !d.start && p((N) => ({ ...N, start: ne() })), c(!1);
+  }, [n, a, d.start, l, p, c]), b = u.useCallback(() => {
+    n === "single" ? l(h.current) : p(g.current), c(!1);
+  }, [n, l, p, c]);
   return /* @__PURE__ */ i(
-    Ds,
+    jr,
     {
       scope: void 0,
       open: r,
@@ -2658,42 +3333,42 @@ const Ys = Object.assign(en, { Slot: tn }), Ps = (e, t) => new Date(e, t + 1, 0)
         c(N), N || C("date");
       },
       triggerRef: s,
-      variant: t,
-      size: n,
+      variant: n,
+      size: t,
       viewMode: f,
       setViewMode: C,
-      viewingDate: h,
-      setViewingDate: v,
-      singleDate: a || W(),
-      setSingleDate: u,
-      startDate: d.start || W(),
-      setStartDate: (N) => p((x) => ({ ...x, start: N })),
+      viewingDate: m,
+      setViewingDate: y,
+      singleDate: a || ne(),
+      setSingleDate: l,
+      startDate: d.start || ne(),
+      setStartDate: (N) => p((k) => ({ ...k, start: N })),
       endDate: d.end,
-      setEndDate: (N) => p((x) => ({ ...x, end: N })),
+      setEndDate: (N) => p((k) => ({ ...k, end: N })),
       resetRange: () => p({ start: null, end: null }),
-      onConfirm: m,
-      onCancel: y,
+      onConfirm: v,
+      onCancel: b,
       children: o
     }
   );
-}, on = l.forwardRef(
-  ({ children: e }, t) => {
-    const n = $("CalendarTrigger", void 0), o = Ke(e), s = Pe(o);
-    return l.cloneElement(o, {
-      ref: X(t, n.triggerRef, s),
+}, Un = u.forwardRef(
+  ({ children: e }, n) => {
+    const t = q("CalendarTrigger", void 0), o = xt(e), s = $e(o);
+    return u.cloneElement(o, {
+      ref: se(n, t.triggerRef, s),
       onFocus: (r) => {
-        n.setOpen(!0), o.props.onFocus?.(r);
+        t.setOpen(!0), o.props.onFocus?.(r);
       },
       onClick: (r) => {
-        n.setOpen(!0), o.props.onClick?.(r);
+        t.setOpen(!0), o.props.onClick?.(r);
       }
     });
   }
 );
-on.displayName = "CalendarTrigger";
-const sn = l.forwardRef(
-  (e, t) => {
-    const { className: n, style: o, ...s } = e, r = $("CalendarContent", void 0), c = l.useRef(null), { styles: a, isPositioned: u } = Xe(
+Un.displayName = "CalendarTrigger";
+const jn = u.forwardRef(
+  (e, n) => {
+    const { className: t, style: o, ...s } = e, r = q("CalendarContent", void 0), c = u.useRef(null), { styles: a, isPositioned: l } = Pt(
       r.triggerRef,
       c,
       r.open,
@@ -2701,7 +3376,7 @@ const sn = l.forwardRef(
       "start",
       !1
     );
-    if (Ze(c, (f) => {
+    if (je(c, (f) => {
       r.triggerRef.current?.contains(f.target) || r.setOpen(!1);
     }), !r.open) return null;
     const d = () => {
@@ -2709,30 +3384,30 @@ const sn = l.forwardRef(
     }, p = () => {
       r.onCancel();
     };
-    return /* @__PURE__ */ i(Je, { children: /* @__PURE__ */ k(
-      D,
+    return /* @__PURE__ */ i(He, { children: /* @__PURE__ */ P(
+      B,
       {
         direction: "column",
         gap: "4",
         ...s,
-        ref: X(c, t),
-        className: R(
+        ref: se(c, n),
+        className: x(
           "bd-CalendarContent",
           `bd-size-${r.size}`,
           `bd-variant-${r.variant}`,
-          n
+          t
         ),
-        style: { ...o, ...a, visibility: u ? "visible" : "hidden" },
+        style: { ...o, ...a, visibility: l ? "visible" : "hidden" },
         onPointerDown: (f) => {
           f.preventDefault();
         },
         children: [
-          r.variant === "range" && /* @__PURE__ */ i(Bs, {}),
-          /* @__PURE__ */ i(Ms, {}),
-          /* @__PURE__ */ i(_s, {}),
-          /* @__PURE__ */ k(D, { justify: "center", gap: "2", children: [
+          r.variant === "range" && /* @__PURE__ */ i(qr, {}),
+          /* @__PURE__ */ i(Wr, {}),
+          /* @__PURE__ */ i(Yr, {}),
+          /* @__PURE__ */ P(B, { justify: "center", gap: "2", children: [
             /* @__PURE__ */ i(
-              xe,
+              oe,
               {
                 size: "3",
                 variant: "outline-primary",
@@ -2742,45 +3417,48 @@ const sn = l.forwardRef(
                 children: "취소"
               }
             ),
-            /* @__PURE__ */ i(xe, { size: "3", radius: "s", onClick: d, style: { width: "50%" }, children: "확인" })
+            /* @__PURE__ */ i(oe, { size: "3", radius: "s", onClick: d, style: { width: "50%" }, children: "확인" })
           ] })
         ]
       }
     ) });
   }
 );
-sn.displayName = "CalendarContent";
-const Bs = () => {
-  const e = $("CalendarRangeHeader", void 0), t = (n) => n ? `${n.getFullYear()}.${String(n.getMonth() + 1).padStart(2, "0")}.${String(n.getDate()).padStart(2, "0")}` : /* @__PURE__ */ k(D, { align: "center", gap: "1", children: [
-    /* @__PURE__ */ i(ie, { width: 12, height: 12 }),
-    "범위 추가"
-  ] });
-  return /* @__PURE__ */ k(D, { direction: "column", className: "bd-CalendarRangeHeader", children: [
-    /* @__PURE__ */ k(D, { gap: "2", children: [
+jn.displayName = "CalendarContent";
+const qr = () => {
+  const e = q("CalendarRangeHeader", void 0), n = (t) => {
+    const o = Fr(t);
+    return o || /* @__PURE__ */ P(B, { align: "center", gap: "1", children: [
+      /* @__PURE__ */ i(Ne, { width: 12, height: 12 }),
+      "범위 추가"
+    ] });
+  };
+  return /* @__PURE__ */ P(B, { direction: "column", className: "bd-CalendarRangeHeader", children: [
+    /* @__PURE__ */ P(B, { gap: "2", children: [
       /* @__PURE__ */ i(
-        D,
+        B,
         {
           align: "center",
           justify: "between",
-          className: R("bd-RangeBox", { active: !e.startDate }),
-          children: t(e.startDate)
+          className: x("bd-RangeBox", { active: !e.startDate }),
+          children: n(e.startDate)
         }
       ),
       /* @__PURE__ */ i(
-        D,
+        B,
         {
           align: "center",
           justify: "between",
-          className: R("bd-RangeBox", {
+          className: x("bd-RangeBox", {
             active: e.startDate && !e.endDate,
             empty: !e.endDate
           }),
-          children: t(e.endDate)
+          children: n(e.endDate)
         }
       )
     ] }),
     /* @__PURE__ */ i(
-      D,
+      B,
       {
         justify: "end",
         onClick: () => {
@@ -2790,105 +3468,80 @@ const Bs = () => {
       }
     )
   ] });
-}, Ms = () => {
-  const e = $("CalendarNavigation", void 0), { viewingDate: t, setViewingDate: n, viewMode: o, setViewMode: s } = e, r = () => {
-    const a = new Date(t);
-    o === "date" ? a.setMonth(a.getMonth() - 1) : o === "year" ? a.setFullYear(a.getFullYear() - 28) : a.setFullYear(a.getFullYear() - 1), n(a);
+}, Wr = () => {
+  const e = q("CalendarNavigation", void 0), { viewingDate: n, setViewingDate: t, viewMode: o, setViewMode: s } = e, r = () => {
+    t(Nt(n, o, "prev"));
   }, c = () => {
-    const a = new Date(t);
-    o === "date" ? a.setMonth(a.getMonth() + 1) : o === "year" ? a.setFullYear(a.getFullYear() + 28) : a.setFullYear(a.getFullYear() + 1), n(a);
+    t(Nt(n, o, "next"));
   };
-  return /* @__PURE__ */ k(D, { justify: "between", align: "center", children: [
-    /* @__PURE__ */ k(
+  return /* @__PURE__ */ P(B, { justify: "between", align: "center", children: [
+    /* @__PURE__ */ i(
       "div",
       {
         className: "bd-CalendarNavTitle bd-weight-medium",
         onClick: () => s(o === "date" ? "month" : o === "month" ? "year" : "date"),
-        children: [
-          o === "date" && `${t.getFullYear()}년 ${t.getMonth() + 1}월`,
-          o === "month" && `${t.getFullYear()}년`,
-          o === "year" && `${t.getFullYear()}년`
-        ]
+        children: Vr(n, o)
       }
     ),
-    /* @__PURE__ */ k(D, { gap: "2", children: [
-      /* @__PURE__ */ i("button", { onClick: r, className: "bd-CalendarNavBtn", children: /* @__PURE__ */ i(Io, { width: 16 }) }),
-      /* @__PURE__ */ i("button", { onClick: c, className: "bd-CalendarNavBtn", children: /* @__PURE__ */ i(Eo, { width: 16 }) })
+    /* @__PURE__ */ P(B, { gap: "2", children: [
+      /* @__PURE__ */ i("button", { onClick: r, className: "bd-CalendarNavBtn", children: /* @__PURE__ */ i(ls, { width: 16 }) }),
+      /* @__PURE__ */ i("button", { onClick: c, className: "bd-CalendarNavBtn", children: /* @__PURE__ */ i(us, { width: 16 }) })
     ] })
   ] });
-}, _s = () => {
-  const e = $("CalendarBody", void 0);
-  return e.viewMode === "year" ? /* @__PURE__ */ i(Fs, {}) : e.viewMode === "month" ? /* @__PURE__ */ i(Os, {}) : /* @__PURE__ */ i(As, {});
-}, As = () => {
-  const e = $("DateGrid", void 0), { viewingDate: t, singleDate: n, startDate: o, endDate: s } = e, r = t.getFullYear(), c = t.getMonth(), a = Ps(r, c), u = Is(r, c), d = new Date(r, c, 0).getDate(), p = ["일", "월", "화", "수", "목", "금", "토"], f = [];
-  for (let m = u - 1; m >= 0; m--)
-    f.push({
-      date: new Date(r, c - 1, d - m),
-      isCurrentMonth: !1
-    });
-  for (let m = 1; m <= a; m++)
-    f.push({
-      date: new Date(r, c, m),
-      isCurrentMonth: !0
-    });
-  const C = f.length, h = C % 7 === 0 ? 0 : 7 - C % 7;
-  for (let m = 1; m <= h; m++)
-    f.push({
-      date: new Date(r, c + 1, m),
-      isCurrentMonth: !1
-    });
-  const v = (m) => {
-    m.getMonth() !== c && e.setViewingDate(m), e.variant === "single" ? e.setSingleDate(m) : !o || o && s ? (e.setStartDate(m), e.setEndDate(null)) : m < o ? e.setStartDate(m) : e.setEndDate(m);
-  }, b = (m) => {
-    const y = m.getTime();
-    return e.variant === "single" ? n?.getTime() === y : o?.getTime() === y || s?.getTime() === y;
-  }, g = (m) => {
-    if (e.variant !== "range" || !o || !s) return !1;
-    const y = m.getTime();
-    return y > o.getTime() && y < s.getTime();
+}, Yr = () => {
+  const e = q("CalendarBody", void 0);
+  return e.viewMode === "year" ? /* @__PURE__ */ i(Zr, {}) : e.viewMode === "month" ? /* @__PURE__ */ i(Xr, {}) : /* @__PURE__ */ i(Kr, {});
+}, Kr = () => {
+  const e = q("DateGrid", void 0), { viewingDate: n, singleDate: t, startDate: o, endDate: s } = e, r = n.getMonth(), c = Gr(n), a = ["일", "월", "화", "수", "목", "금", "토"], l = (d) => {
+    if (d.getMonth() !== r && e.setViewingDate(d), e.variant === "single")
+      e.setSingleDate(d);
+    else {
+      const p = Lr(o, s, d);
+      e.setStartDate(p.start), e.setEndDate(p.end);
+    }
   };
-  return /* @__PURE__ */ k("div", { className: "bd-CalendarGrid bd-DateGrid", children: [
-    p.map((m) => /* @__PURE__ */ i("div", { className: "bd-CalendarWeek", children: m }, m)),
-    f.map((m, y) => /* @__PURE__ */ i(
+  return /* @__PURE__ */ P("div", { className: "bd-CalendarGrid bd-DateGrid", children: [
+    a.map((d) => /* @__PURE__ */ i("div", { className: "bd-CalendarWeek", children: d }, d)),
+    c.map((d, p) => /* @__PURE__ */ i(
       "div",
       {
-        className: R("bd-CalendarCell", {
-          selected: b(m.date),
-          inRange: g(m.date)
+        className: x("bd-CalendarCell", {
+          selected: Fe(d.date, e.variant, t, o, s),
+          inRange: e.variant === "range" && zr(d.date, o, s)
         }),
         style: {
-          color: !m.isCurrentMonth && !b(m.date) ? "var(--color-gray-900, #999)" : void 0,
-          opacity: !m.isCurrentMonth && !b(m.date) ? 0.4 : 1
+          color: !d.isCurrentMonth && !Fe(d.date, e.variant, t, o, s) ? "var(--color-gray-900, #999)" : void 0,
+          opacity: !d.isCurrentMonth && !Fe(d.date, e.variant, t, o, s) ? 0.4 : 1
         },
-        onClick: () => v(m.date),
-        children: m.date.getDate()
+        onClick: () => l(d.date),
+        children: d.date.getDate()
       },
-      y
+      p
     ))
   ] });
-}, Os = () => {
-  const e = $("MonthGrid", void 0), t = Array.from({ length: 12 }, (n, o) => o + 1);
-  return /* @__PURE__ */ i("div", { className: "bd-CalendarGrid bd-MonthGrid", children: t.map((n) => /* @__PURE__ */ k(
+}, Xr = () => {
+  const e = q("MonthGrid", void 0), n = Array.from({ length: 12 }, (t, o) => o + 1);
+  return /* @__PURE__ */ i("div", { className: "bd-CalendarGrid bd-MonthGrid", children: n.map((t) => /* @__PURE__ */ P(
     "div",
     {
       className: "bd-CalendarCell",
       onClick: () => {
         const o = new Date(e.viewingDate);
-        o.setMonth(n - 1), e.setViewingDate(o), e.setViewMode("date");
+        o.setMonth(t - 1), e.setViewingDate(o), e.setViewMode("date");
       },
       children: [
-        n,
+        t,
         "월"
       ]
     },
-    n
+    t
   )) });
-}, Fs = () => {
-  const e = $("YearGrid", void 0), t = Math.floor(e.viewingDate.getFullYear() / 10) * 10 - 4, n = Array.from({ length: 28 }, (o, s) => t + s);
-  return /* @__PURE__ */ i("div", { className: "bd-CalendarGrid bd-YearGrid", children: n.map((o) => /* @__PURE__ */ i(
+}, Zr = () => {
+  const e = q("YearGrid", void 0), n = $r(e.viewingDate), t = Array.from({ length: 28 }, (o, s) => n + s);
+  return /* @__PURE__ */ i("div", { className: "bd-CalendarGrid bd-YearGrid", children: t.map((o) => /* @__PURE__ */ i(
     "div",
     {
-      className: R("bd-CalendarCell", {
+      className: x("bd-CalendarCell", {
         selected: o === e.viewingDate.getFullYear()
       }),
       onClick: () => {
@@ -2899,28 +3552,30 @@ const Bs = () => {
     },
     o
   )) });
-}, qs = Object.assign(Ts, {
-  Trigger: on,
-  Content: sn
+}, aa = Object.assign(Hr, {
+  Trigger: Un,
+  Content: jn
 });
 export {
-  Do as BraketDownIcon,
-  Io as BraketLeftIcon,
-  Eo as BraketRightIcon,
-  xe as Button,
-  qs as Calendar,
-  ie as CheckLineIcon,
-  Us as CheckableSelectBox,
-  Oo as Checkbox,
-  Hs as CheckboxGroup,
-  D as Flex,
-  Po as IndeterminateLineIcon,
-  ss as Radio,
-  js as RadioGroup,
-  Oe as ScrollArea,
-  zs as SelectBox,
-  ct as Spinner,
-  ws as Switch,
-  Be as Text,
-  Ys as TextField
+  ds as BraketDownIcon,
+  ls as BraketLeftIcon,
+  us as BraketRightIcon,
+  oe as Button,
+  aa as Calendar,
+  Ne as CheckLineIcon,
+  na as CheckableSelectBox,
+  gs as Checkbox,
+  oa as CheckboxGroup,
+  As as ConfirmDialog,
+  B as Flex,
+  is as IndeterminateLineIcon,
+  U as Popup,
+  dr as Radio,
+  sa as RadioGroup,
+  nt as ScrollArea,
+  ta as SelectBox,
+  Mt as Spinner,
+  Er as Switch,
+  ae as Text,
+  ra as TextField
 };