@idbrnd/design-system 2.1.2 → 2.1.3

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as p, Fragment as S1 } from "react/jsx-runtime";
 import * as $2 from "react";
-import { Children as $1, useMemo as Z1, useId as _9, isValidElement as D2, useRef as F, useEffect as z, useState as q, useCallback as G, useLayoutEffect as o9, createElement as F2, Fragment as O2 } from "react";
+import { Children as $1, useMemo as Z1, useId as _9, isValidElement as D2, useRef as F, useEffect as J, useState as q, useCallback as G, useLayoutEffect as o9, createElement as F2, Fragment as O2 } from "react";
 import P2, { createPortal as b9 } from "react-dom";
 import './style.css';const j2 = "_clipWrapper_3mxht_1", W2 = "_clip_3mxht_1", q2 = "_sync_3mxht_59", G2 = "_syncDot_3mxht_65", U2 = "_fade_3mxht_72", Q2 = "_fadeBar_3mxht_77", j1 = {
   clipWrapper: j2,
@@ -115,10 +115,10 @@ function Vr({
     _1[o],
     r ? _1.loading : "",
     C ?? ""
-  ].filter(Boolean).join(" "), v = [_1.spinnerWrapper, _1[`spinner-${t}`]].filter(Boolean).join(" "), h = [_1.content, e === "fixed" ? _1.fixedContent : ""].filter(Boolean).join(" "), m = e === "fixed" ? $1.map(a, (w) => {
-    const L = typeof w == "string" || typeof w == "number" ? _1.text : _1.node;
-    return /* @__PURE__ */ n("span", { className: L, children: w });
-  }) : a, _ = Z1(() => ({
+  ].filter(Boolean).join(" "), v = [_1.spinnerWrapper, _1[`spinner-${t}`]].filter(Boolean).join(" "), h = [_1.content, e === "fixed" ? _1.fixedContent : ""].filter(Boolean).join(" "), w = e === "fixed" ? $1.map(a, (m) => {
+    const b = typeof m == "string" || typeof m == "number" ? _1.text : _1.node;
+    return /* @__PURE__ */ n("span", { className: b, children: m });
+  }) : a, L = Z1(() => ({
     large: 24,
     medium: 24,
     small: 24,
@@ -130,13 +130,13 @@ function Vr({
       "data-idb-component": !0,
       type: f,
       className: u,
-      onClick: r ? void 0 : (w) => {
-        c?.(w), !s && !w.defaultPrevented && w.currentTarget.blur();
+      onClick: r ? void 0 : (m) => {
+        c?.(m), !s && !m.defaultPrevented && m.currentTarget.blur();
       },
       disabled: l,
       style: i,
       ...d,
-      children: r ? /* @__PURE__ */ n("span", { className: v, children: /* @__PURE__ */ n(l9, { size: _, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: h, children: m })
+      children: r ? /* @__PURE__ */ n("span", { className: v, children: /* @__PURE__ */ n(l9, { size: L, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: h, children: w })
     }
   );
 }
@@ -182,10 +182,10 @@ function Ir({
     b1[o],
     r ? b1.loading : "",
     C ?? ""
-  ].filter(Boolean).join(" "), v = [b1.spinnerWrapper, b1[`spinner-${t}`]].filter(Boolean).join(" "), h = [b1.content, e === "fixed" ? b1.fixedContent : ""].filter(Boolean).join(" "), m = e === "fixed" ? $1.map(a, (w) => {
-    const L = typeof w == "string" || typeof w == "number" ? b1.text : b1.node;
-    return /* @__PURE__ */ n("span", { className: L, children: w });
-  }) : a, _ = Z1(() => ({
+  ].filter(Boolean).join(" "), v = [b1.spinnerWrapper, b1[`spinner-${t}`]].filter(Boolean).join(" "), h = [b1.content, e === "fixed" ? b1.fixedContent : ""].filter(Boolean).join(" "), w = e === "fixed" ? $1.map(a, (m) => {
+    const b = typeof m == "string" || typeof m == "number" ? b1.text : b1.node;
+    return /* @__PURE__ */ n("span", { className: b, children: m });
+  }) : a, L = Z1(() => ({
     large: 24,
     medium: 24,
     small: 24,
@@ -197,13 +197,13 @@ function Ir({
       "data-idb-component": !0,
       type: f,
       className: u,
-      onClick: r ? void 0 : (w) => {
-        c?.(w), !s && !w.defaultPrevented && w.currentTarget.blur();
+      onClick: r ? void 0 : (m) => {
+        c?.(m), !s && !m.defaultPrevented && m.currentTarget.blur();
       },
       disabled: l,
       style: i,
       ...d,
-      children: r ? /* @__PURE__ */ n("span", { className: v, children: /* @__PURE__ */ n(l9, { size: _, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: h, children: m })
+      children: r ? /* @__PURE__ */ n("span", { className: v, children: /* @__PURE__ */ n(l9, { size: L, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: h, children: w })
     }
   );
 }
@@ -249,10 +249,10 @@ function u9({
     x1[o],
     r ? x1.loading : "",
     C ?? ""
-  ].filter(Boolean).join(" "), v = [x1.spinnerWrapper, x1[`spinner-${t}`]].filter(Boolean).join(" "), h = [x1.content, e === "fixed" ? x1.fixedContent : ""].filter(Boolean).join(" "), m = e === "fixed" ? $1.map(a, (w) => {
-    const L = typeof w == "string" || typeof w == "number" ? x1.text : x1.node;
-    return /* @__PURE__ */ n("span", { className: L, children: w });
-  }) : a, _ = Z1(() => ({
+  ].filter(Boolean).join(" "), v = [x1.spinnerWrapper, x1[`spinner-${t}`]].filter(Boolean).join(" "), h = [x1.content, e === "fixed" ? x1.fixedContent : ""].filter(Boolean).join(" "), w = e === "fixed" ? $1.map(a, (m) => {
+    const b = typeof m == "string" || typeof m == "number" ? x1.text : x1.node;
+    return /* @__PURE__ */ n("span", { className: b, children: m });
+  }) : a, L = Z1(() => ({
     large: 24,
     medium: 24,
     small: 24,
@@ -264,13 +264,13 @@ function u9({
       "data-idb-component": !0,
       type: f,
       className: u,
-      onClick: r ? void 0 : (w) => {
-        c?.(w), !s && !w.defaultPrevented && w.currentTarget.blur();
+      onClick: r ? void 0 : (m) => {
+        c?.(m), !s && !m.defaultPrevented && m.currentTarget.blur();
       },
       disabled: l,
       style: i,
       ...d,
-      children: r ? /* @__PURE__ */ n("span", { className: v, children: /* @__PURE__ */ n(l9, { size: _, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: h, children: m })
+      children: r ? /* @__PURE__ */ n("span", { className: v, children: /* @__PURE__ */ n(l9, { size: L, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: h, children: w })
     }
   );
 }
@@ -316,10 +316,10 @@ function Br({
     M1[o],
     r ? M1.loading : "",
     C ?? ""
-  ].filter(Boolean).join(" "), v = [M1.spinnerWrapper, M1[`spinner-${t}`]].filter(Boolean).join(" "), h = [M1.content, e === "fixed" ? M1.fixedContent : ""].filter(Boolean).join(" "), m = e === "fixed" ? $1.map(a, (w) => {
-    const L = typeof w == "string" || typeof w == "number" ? M1.text : M1.node;
-    return /* @__PURE__ */ n("span", { className: L, children: w });
-  }) : a, _ = Z1(() => ({
+  ].filter(Boolean).join(" "), v = [M1.spinnerWrapper, M1[`spinner-${t}`]].filter(Boolean).join(" "), h = [M1.content, e === "fixed" ? M1.fixedContent : ""].filter(Boolean).join(" "), w = e === "fixed" ? $1.map(a, (m) => {
+    const b = typeof m == "string" || typeof m == "number" ? M1.text : M1.node;
+    return /* @__PURE__ */ n("span", { className: b, children: m });
+  }) : a, L = Z1(() => ({
     large: 24,
     medium: 24,
     small: 24,
@@ -331,13 +331,13 @@ function Br({
       "data-idb-component": !0,
       type: f,
       className: u,
-      onClick: r ? void 0 : (w) => {
-        c?.(w), !s && !w.defaultPrevented && w.currentTarget.blur();
+      onClick: r ? void 0 : (m) => {
+        c?.(m), !s && !m.defaultPrevented && m.currentTarget.blur();
       },
       disabled: l,
       style: i,
       ...d,
-      children: r ? /* @__PURE__ */ n("span", { className: v, children: /* @__PURE__ */ n(l9, { size: _, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: h, children: m })
+      children: r ? /* @__PURE__ */ n("span", { className: v, children: /* @__PURE__ */ n(l9, { size: L, color: "currentColor" }) }) : /* @__PURE__ */ n("span", { className: h, children: w })
     }
   );
 }
@@ -564,38 +564,38 @@ function K4({
   // 루트 커스텀 스타일
   id: h,
   // input id
-  onFocus: m,
+  onFocus: w,
   // 포커스 진입 핸들러
-  onBlur: _,
+  onBlur: L,
   // 포커스 이탈 핸들러
   onChange: g,
   // 값 변경 핸들러
-  value: w,
+  value: m,
   // 현재 값
-  disabled: L = !1,
+  disabled: b = !1,
   // 전체 비활성화 여부
-  readOnly: Z = !1,
+  readOnly: H = !1,
   // 읽기 전용 여부
   ...S
 }) {
-  const x = _9(), I = h ?? x, b = s, V = i, { currentValue: R, handleFocus: M, handleBlur: k, handleChange: N } = X4({
-    value: w,
-    onFocus: m,
-    onBlur: _,
+  const x = _9(), V = h ?? x, _ = s, B = i, { currentValue: I, handleFocus: M, handleBlur: R, handleChange: N } = X4({
+    value: m,
+    onFocus: w,
+    onBlur: L,
     onChange: g
-  }), y = Z1(() => R == null ? !1 : Array.isArray(R) ? R.length > 0 : typeof R == "number" ? !0 : String(R).length > 0, [R]), H = Z1(() => g9(f), [f]), T = Z1(() => g9(C), [C]), A = H !== void 0, D = Z1(() => A ? "error" : l !== void 0 ? l : y ? "typed" : "basic", [A, l, y]), O = D === "error", U = D === "success", a1 = D === "onFocus" || D === "onTyping", h1 = [
+  }), y = Z1(() => I == null ? !1 : Array.isArray(I) ? I.length > 0 : typeof I == "number" ? !0 : String(I).length > 0, [I]), Z = Z1(() => g9(f), [f]), T = Z1(() => g9(C), [C]), A = Z !== void 0, D = Z1(() => A ? "error" : l !== void 0 ? l : y ? "typed" : "basic", [A, l, y]), O = D === "error", U = D === "success", a1 = D === "onFocus" || D === "onTyping", h1 = [
     Q.control,
     Q[t],
     O ? Q.error : U ? Q.success : Q.basic,
     Q[o],
-    !L && a1 ? Q.focused : "",
-    L ? Q.disabled : ""
-  ].filter(Boolean).join(" "), l1 = [Q.inputField, Q[`input-${o}`]].join(" "), K = Q.root, B1 = [Q.label, L ? Q.labelDisabled : ""].filter(Boolean).join(" "), g1 = Z1(() => O ? A ? H : "에러 메시지가 표시됩니다." : C === !1 || C === void 0 || C === null ? null : C === !0 ? "2~19자 이내로 입력해 주세요." : T ?? null, [C, O, A, T, H]), r1 = [
+    !b && a1 ? Q.focused : "",
+    b ? Q.disabled : ""
+  ].filter(Boolean).join(" "), l1 = [Q.inputField, Q[`input-${o}`]].join(" "), K = Q.root, B1 = [Q.label, b ? Q.labelDisabled : ""].filter(Boolean).join(" "), g1 = Z1(() => O ? A ? Z : "에러 메시지가 표시됩니다." : C === !1 || C === void 0 || C === null ? null : C === !0 ? "2~19자 이내로 입력해 주세요." : T ?? null, [C, O, A, T, Z]), r1 = [
     Q.helper,
     a ? Q.helperFixed : "",
     O ? Q.errorHelper : "",
     O && g1 !== null ? Q.errorHelperBounce : "",
-    L ? Q.helperDisabled : "",
+    b ? Q.helperDisabled : "",
     a && g1 === null ? Q.helperPlaceholder : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ p(
@@ -608,8 +608,8 @@ function K4({
         ...v
       },
       children: [
-        b ? /* @__PURE__ */ p("label", { htmlFor: I, className: B1, children: [
-          /* @__PURE__ */ n("span", { children: V }),
+        _ ? /* @__PURE__ */ p("label", { htmlFor: V, className: B1, children: [
+          /* @__PURE__ */ n("span", { children: B }),
           c ? /* @__PURE__ */ n("span", { className: Q.requiredMark, children: "*" }) : null
         ] }) : null,
         /* @__PURE__ */ n("div", { className: Q.controlRow, children: /* @__PURE__ */ p("div", { className: h1, children: [
@@ -617,15 +617,15 @@ function K4({
           /* @__PURE__ */ n(
             "input",
             {
-              id: I,
+              id: V,
               type: e,
-              value: R,
+              value: I,
               className: l1,
               onFocus: M,
-              onBlur: k,
+              onBlur: R,
               onChange: N,
-              disabled: L,
-              readOnly: Z,
+              disabled: b,
+              readOnly: H,
               required: c,
               ...S
             }
@@ -634,7 +634,7 @@ function K4({
             Q4,
             {
               content: u,
-              disabled: L
+              disabled: b
             }
           )
         ] }) }),
@@ -682,28 +682,28 @@ function Sr({
   // 읽기 전용 여부
   id: h,
   // input id
-  name: m,
+  name: w,
   // input name
-  placeholder: _,
+  placeholder: L,
   // placeholder 텍스트
   leadingIcon: g,
   // 좌측 아이콘 슬롯
-  trailingContent: w,
+  trailingContent: m,
   // 우측 trailing 콘텐츠(미지정 시 검색 버튼 사용)
-  maxLength: L = 20,
+  maxLength: b = 20,
   // 최대 입력 길이
-  required: Z = !1,
+  required: H = !1,
   // 필수 입력 여부
   errorMessage: S,
   // 에러 상태 문구
   onBlur: x,
   // 포커스 이탈 핸들러
-  onKeyDown: I,
+  onKeyDown: V,
   // 키다운 핸들러
-  ...b
+  ..._
 }) {
-  const V = _9(), R = h ?? V, M = () => o(e), k = () => {
-    const A = document.getElementById(R);
+  const B = _9(), I = h ?? B, M = () => o(e), R = () => {
+    const A = document.getElementById(I);
     if (!(A instanceof HTMLInputElement))
       return;
     const D = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
@@ -714,11 +714,11 @@ function Sr({
         l();
         return;
       }
-      k();
+      R();
     }
   }, y = (A) => {
-    I?.(A), !A.defaultPrevented && (A.key !== "Enter" || A.nativeEvent.isComposing || (A.preventDefault(), M()));
-  }, H = a === void 0 ? void 0 : e6[a], T = w ?? /* @__PURE__ */ p("span", { className: z4.actionButtons, children: [
+    V?.(A), !A.defaultPrevented && (A.key !== "Enter" || A.nativeEvent.isComposing || (A.preventDefault(), M()));
+  }, Z = a === void 0 ? void 0 : e6[a], T = m ?? /* @__PURE__ */ p("span", { className: z4.actionButtons, children: [
     e.length > 0 ? /* @__PURE__ */ n(
       S9,
       {
@@ -755,11 +755,11 @@ function Sr({
   return /* @__PURE__ */ n(
     K4,
     {
-      ...b,
-      id: R,
-      name: m,
+      ..._,
+      id: I,
+      name: w,
       value: e,
-      placeholder: _,
+      placeholder: L,
       onChange: t,
       onBlur: x,
       onKeyDown: y,
@@ -769,14 +769,14 @@ function Sr({
       size: r,
       heading: c,
       headingContent: C,
-      required: Z,
+      required: H,
       description: f,
       fixedDescriptionHeight: d,
-      variant: H,
+      variant: Z,
       errorMessage: S,
       leadingIcon: g,
       trailingContent: T,
-      maxLength: L,
+      maxLength: b,
       disabled: u,
       readOnly: v
     }
@@ -812,11 +812,11 @@ function n2({
   ...f
 }) {
   const d = F(null);
-  z(() => {
+  J(() => {
     d.current && (d.current.indeterminate = c);
   }, [c]);
-  const u = (m) => {
-    a?.(m.target.checked);
+  const u = (w) => {
+    a?.(w.target.checked);
   }, v = t === "small" ? n6 : t6, h = [
     m1.wrapper,
     m1[e],
@@ -1163,7 +1163,7 @@ function A3(e) {
 }
 function N3({ snackbar: e, onPauseAutoHide: t, onResumeAutoHide: o, onClose: l }) {
   const r = F(null), [s, i] = q(!1), c = K1(e.heading), C = K1(e.description);
-  z(() => {
+  J(() => {
     if (!c) {
       i(!1);
       return;
@@ -1172,16 +1172,16 @@ function N3({ snackbar: e, onPauseAutoHide: t, onResumeAutoHide: o, onClose: l }
     if (!v)
       return;
     let h = null;
-    const m = () => {
+    const w = () => {
       i(v.scrollHeight > v.clientHeight + 1);
-    }, _ = () => {
-      h !== null && window.cancelAnimationFrame(h), h = window.requestAnimationFrame(m);
+    }, L = () => {
+      h !== null && window.cancelAnimationFrame(h), h = window.requestAnimationFrame(w);
     };
-    _();
+    L();
     const g = typeof ResizeObserver < "u";
-    let w = null;
-    return g ? (w = new ResizeObserver(_), w.observe(v)) : window.addEventListener("resize", _), () => {
-      h !== null && window.cancelAnimationFrame(h), w?.disconnect(), g || window.removeEventListener("resize", _);
+    let m = null;
+    return g ? (m = new ResizeObserver(L), m.observe(v)) : window.addEventListener("resize", L), () => {
+      h !== null && window.cancelAnimationFrame(h), m?.disconnect(), g || window.removeEventListener("resize", L);
     };
   }, [c, e.description, e.heading]);
   const a = c && !s, f = c ? C ? /* @__PURE__ */ p(S1, { children: [
@@ -1323,10 +1323,10 @@ function q3({
     O1.interactionSurface,
     O1[t],
     o && O1.circular
-  ), d = l ? "pointer" : "default", u = (m) => {
-    r && (m.key === "Enter" || m.key === " ") && (m.preventDefault(), m.currentTarget.click());
-  }, v = (m) => {
-    r?.(m), m.defaultPrevented || m.currentTarget.blur();
+  ), d = l ? "pointer" : "default", u = (w) => {
+    r && (w.key === "Enter" || w.key === " ") && (w.preventDefault(), w.currentTarget.click());
+  }, v = (w) => {
+    r?.(w), w.defaultPrevented || w.currentTarget.blur();
   }, h = /* @__PURE__ */ n(
     "img",
     {
@@ -1631,50 +1631,58 @@ function Pr({
   customStyle: a,
   children: f
 }) {
-  const [d, u] = q(!1), v = F(null), h = F(null), [m, _] = q(null);
-  o9(() => {
-    if (d && h.current && v.current) {
-      const V = v.current.getBoundingClientRect();
-      _(v2(V, h.current, l));
+  const [d, u] = q(!1), v = F(null), h = F(null), [w, L] = q(null), g = G(() => {
+    if (h.current && v.current) {
+      const I = v.current.getBoundingClientRect();
+      L(v2(I, h.current, l));
     }
-  }, [d, l]);
-  const g = G(() => {
+  }, [l]);
+  o9(() => {
+    d && g();
+  }, [d, g]);
+  const m = G(() => {
     if (!i || !v.current) return !0;
-    const V = v.current.firstElementChild ?? v.current;
-    return V.scrollWidth > V.clientWidth || V.scrollHeight > V.clientHeight;
-  }, [i]), w = G(() => {
-    g() && u(!0);
-  }, [g]), L = G(() => {
-    u(!1), _(null);
-  }, []), Z = G(() => {
+    const I = v.current.firstElementChild ?? v.current;
+    return I.scrollWidth > I.clientWidth || I.scrollHeight > I.clientHeight;
+  }, [i]), b = G(() => {
+    m() && u(!0);
+  }, [m]), H = G(() => {
+    u(!1), L(null);
+  }, []), S = G(() => {
     if (d)
-      L();
+      H();
     else {
-      if (!g()) return;
+      if (!m()) return;
       u(!0);
     }
-  }, [d, L, g]);
-  z(() => {
+  }, [d, H, m]);
+  J(() => {
     if (t !== "click" || !d) return;
-    const V = (R) => {
-      const M = R.target;
-      v.current?.contains(M) || h.current?.contains(M) || L();
+    const I = (M) => {
+      const R = M.target;
+      v.current?.contains(R) || h.current?.contains(R) || H();
     };
-    return document.addEventListener("mousedown", V), window.addEventListener("scroll", L, !0), window.addEventListener("resize", L), () => {
-      document.removeEventListener("mousedown", V), window.removeEventListener("scroll", L, !0), window.removeEventListener("resize", L);
+    return document.addEventListener("mousedown", I), window.addEventListener("scroll", H, !0), window.addEventListener("resize", H), () => {
+      document.removeEventListener("mousedown", I), window.removeEventListener("scroll", H, !0), window.removeEventListener("resize", H);
     };
-  }, [t, d, L]);
-  const S = typeof e == "function" ? e(L) : e, x = c ? { backgroundColor: c } : void 0, I = s ?? "span", b = e1(
+  }, [t, d, H]), J(() => {
+    if (t === "always")
+      return b(), window.addEventListener("scroll", g, !0), window.addEventListener("resize", g), () => {
+        window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", g);
+      };
+  }, [t, b, g]);
+  const x = typeof e == "function" ? e(H) : e, V = c ? { backgroundColor: c } : void 0, _ = s ?? "span", B = e1(
     Y.tooltip,
     Y[o]
   );
   return /* @__PURE__ */ p(S1, { children: [
     F2(
-      I,
+      _,
       {
         ref: v,
         className: Y.trigger,
-        ...t === "hover" ? { onMouseEnter: w, onMouseLeave: L } : { onClick: Z }
+        ...t === "hover" ? { onMouseEnter: b, onMouseLeave: H } : t === "click" ? { onClick: S } : {}
+        // always: 이벤트 핸들러 없이 항상 표시
       },
       f
     ),
@@ -1683,15 +1691,15 @@ function Pr({
         "div",
         {
           ref: h,
-          className: b,
+          className: B,
           "data-idb-component": "tooltip",
           style: {
-            ...x,
+            ...V,
             ...a,
             color: C,
-            top: m?.top,
-            left: m?.left,
-            visibility: m ? "visible" : "hidden"
+            top: w?.top,
+            left: w?.left,
+            visibility: w ? "visible" : "hidden"
           },
           children: [
             r && /* @__PURE__ */ n(
@@ -1700,7 +1708,7 @@ function Pr({
                 className: e1(Y.arrow, g7[l])
               }
             ),
-            /* @__PURE__ */ n("div", { className: Y.body, children: /* @__PURE__ */ n("span", { className: Y.content, children: S }) })
+            /* @__PURE__ */ n("div", { className: Y.body, children: /* @__PURE__ */ n("span", { className: Y.content, children: x }) })
           ]
         }
       ),
@@ -1755,26 +1763,26 @@ function x2({
   closing: C = !1,
   placement: a = "bottom"
 }) {
-  const [f, d] = q(""), { tooltip: u, showTooltip: v, hideTooltip: h } = L2(), m = F(null), [_, g] = q(!1), w = G(
-    (x, I) => {
-      const b = x.currentTarget.querySelector(
+  const [f, d] = q(""), { tooltip: u, showTooltip: v, hideTooltip: h } = L2(), w = F(null), [L, g] = q(!1), m = G(
+    (x, V) => {
+      const _ = x.currentTarget.querySelector(
         `.${n1.optionLabel}`
       );
-      if (b && b.scrollWidth > b.clientWidth) {
-        const V = window.innerHeight - x.currentTarget.getBoundingClientRect().bottom > 80 ? "bottom" : "top";
-        v(x.currentTarget, I, V);
+      if (_ && _.scrollWidth > _.clientWidth) {
+        const B = window.innerHeight - x.currentTarget.getBoundingClientRect().bottom > 80 ? "bottom" : "top";
+        v(x.currentTarget, V, B);
       }
     },
     [v]
-  ), L = G(
+  ), b = G(
     () => h(),
     [h]
-  ), Z = e1(n1.menu, n1[o]), S = Z1(
+  ), H = e1(n1.menu, n1[o]), S = Z1(
     () => t === "search" ? r.filter((x) => m7(x.label, f)) : r,
     [t, r, f]
   );
   return o9(() => {
-    const x = m.current;
+    const x = w.current;
     x && g(x.scrollHeight > x.clientHeight);
   }, [S]), /* @__PURE__ */ p(S1, { children: [
     /* @__PURE__ */ p(
@@ -1806,36 +1814,36 @@ function x2({
           /* @__PURE__ */ n(
             "ul",
             {
-              ref: m,
+              ref: w,
               id: e,
-              className: e1(Z, !_ && n1.noScroll),
+              className: e1(H, !L && n1.noScroll),
               role: "listbox",
               "aria-label": "옵션 목록",
               children: S.map((x) => {
-                const I = x.value === s, b = !!x.disabled;
+                const V = x.value === s, _ = !!x.disabled;
                 return /* @__PURE__ */ n(
                   "li",
                   {
                     className: e1(
                       n1.optionItem,
-                      I && !b && n1.selectedItem,
-                      b && n1.disabledItem
+                      V && !_ && n1.selectedItem,
+                      _ && n1.disabledItem
                     ),
-                    onClick: (V) => {
-                      V.stopPropagation(), b || i(x);
+                    onClick: (B) => {
+                      B.stopPropagation(), _ || i(x);
                     },
-                    onMouseEnter: (V) => w(V, x.label),
-                    onMouseLeave: L,
+                    onMouseEnter: (B) => m(B, x.label),
+                    onMouseLeave: b,
                     role: "option",
-                    "aria-selected": I,
-                    "aria-disabled": b || void 0,
+                    "aria-selected": V,
+                    "aria-disabled": _ || void 0,
                     children: /* @__PURE__ */ p("div", { className: n1.optionContent, children: [
                       l && x.icon && /* @__PURE__ */ n("span", { className: n1.optionIcon, children: x.icon }),
                       /* @__PURE__ */ n(
                         "span",
                         {
                           className: n1.optionLabel,
-                          style: c && !b ? { color: c } : void 0,
+                          style: c && !_ ? { color: c } : void 0,
                           children: x.label
                         }
                       )
@@ -1871,43 +1879,43 @@ function jr({
   align: u = "left",
   content: v = !1,
   buttonWidth: h,
-  descriptionWidth: m,
-  customStyle: _,
+  descriptionWidth: w,
+  customStyle: L,
   textColor: g
 }) {
-  const w = _9(), L = `${w}-listbox`, [Z, S] = q(!1), [x, I] = q(!1), [b, V] = q(null), [R, M] = q("bottom"), { tooltip: k, showTooltip: N, hideTooltip: y } = L2(), H = F(null), T = F(null), A = F(null), D = F(null), O = F(), U = 4, a1 = 204, h1 = 16, l1 = G(() => {
-    const $ = T.current ?? H.current;
+  const m = _9(), b = `${m}-listbox`, [H, S] = q(!1), [x, V] = q(!1), [_, B] = q(null), [I, M] = q("bottom"), { tooltip: R, showTooltip: N, hideTooltip: y } = L2(), Z = F(null), T = F(null), A = F(null), D = F(null), O = F(), U = 4, a1 = 204, h1 = 16, l1 = G(() => {
+    const $ = T.current ?? Z.current;
     if ($) {
       const W = $.getBoundingClientRect(), C1 = window.innerHeight - W.bottom, f1 = W.top, R1 = a1 + h1 + U, L1 = C1 < R1 && f1 > C1;
-      M(L1 ? "top" : "bottom"), V({
+      M(L1 ? "top" : "bottom"), B({
         top: L1 ? W.top + window.scrollY - U : W.bottom + window.scrollY + U,
         left: W.left + window.scrollX,
         width: W.width
       });
     }
   }, []), K = G(() => {
-    I(!0), O.current = setTimeout(() => {
-      S(!1), I(!1);
+    V(!0), O.current = setTimeout(() => {
+      S(!1), V(!1);
     }, _7);
   }, []), B1 = G(() => {
-    y(), Z && !x ? K() : Z || (l1(), S(!0));
-  }, [Z, x, l1, K, y]), g1 = G(($) => {
+    y(), H && !x ? K() : H || (l1(), S(!0));
+  }, [H, x, l1, K, y]), g1 = G(($) => {
     a?.($), K();
   }, [a, K]);
-  z(() => () => clearTimeout(O.current), []), z(() => {
+  J(() => () => clearTimeout(O.current), []), J(() => {
     const $ = (C1) => {
       const f1 = C1.target;
-      H.current && H.current.contains(f1) || A.current && A.current.contains(f1) || K();
+      Z.current && Z.current.contains(f1) || A.current && A.current.contains(f1) || K();
     }, W = (C1) => {
       A.current && A.current.contains(C1.target) || K();
     };
-    return Z && (document.addEventListener("click", $), window.addEventListener("resize", l1), window.addEventListener("scroll", W, !0)), () => {
+    return H && (document.addEventListener("click", $), window.addEventListener("resize", l1), window.addEventListener("scroll", W, !0)), () => {
       document.removeEventListener("click", $), window.removeEventListener("resize", l1), window.removeEventListener("scroll", W, !0);
     };
-  }, [Z, l1, K]);
+  }, [H, l1, K]);
   const r1 = G(($) => {
-    $.key === "Escape" && Z && ($.preventDefault(), K());
-  }, [Z, K]), i1 = G(() => {
+    $.key === "Escape" && H && ($.preventDefault(), K());
+  }, [H, K]), i1 = G(() => {
     const $ = D.current;
     if ($ && $.scrollWidth > $.clientWidth && C?.label) {
       const W = window.innerHeight - $.getBoundingClientRect().bottom > 80 ? "bottom" : "top";
@@ -1915,8 +1923,8 @@ function jr({
     }
   }, [C?.label, N]), v1 = G(() => y(), [y]), s1 = e === "error";
   let j = e;
-  Z && !x && !s1 ? j = "choosing" : C && !s1 && (j = "selected");
-  const B = e1(
+  H && !x && !s1 ? j = "choosing" : C && !s1 && (j = "selected");
+  const k = e1(
     d1.select,
     d1[t],
     d1[j],
@@ -1930,10 +1938,10 @@ function jr({
     /* @__PURE__ */ p(
       "div",
       {
-        ref: H,
+        ref: Z,
         className: d1.root,
         "data-idb-component": "select",
-        style: _,
+        style: L,
         children: [
           o && /* @__PURE__ */ p("label", { className: d1.label, children: [
             /* @__PURE__ */ n("span", { children: o }),
@@ -1944,12 +1952,12 @@ function jr({
             {
               ref: T,
               type: "button",
-              id: w,
-              className: B,
+              id: m,
+              className: k,
               disabled: i,
-              "aria-expanded": Z,
+              "aria-expanded": H,
               "aria-haspopup": "listbox",
-              "aria-controls": Z ? L : void 0,
+              "aria-controls": H ? b : void 0,
               onClick: B1,
               onKeyDown: r1,
               style: h != null ? { width: `${h}px` } : void 0,
@@ -1967,7 +1975,7 @@ function jr({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ n("span", { className: d1.trailingIcon, children: /* @__PURE__ */ n("img", { src: i ? v7 : Z ? L7 : w7, alt: "" }) })
+                /* @__PURE__ */ n("span", { className: d1.trailingIcon, children: /* @__PURE__ */ n("img", { src: i ? v7 : H ? L7 : w7, alt: "" }) })
               ]
             }
           ),
@@ -1975,15 +1983,15 @@ function jr({
             "div",
             {
               className: P,
-              style: m != null ? { width: `${m}px` } : void 0,
+              style: w != null ? { width: `${w}px` } : void 0,
               children: s
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ n(_2, { tooltip: k }),
-    Z && b9(
+    /* @__PURE__ */ n(_2, { tooltip: R }),
+    H && b9(
       /* @__PURE__ */ n(
         "div",
         {
@@ -1991,16 +1999,16 @@ function jr({
           "data-idb-component": "select-dropdown",
           style: {
             position: "absolute",
-            top: b?.top,
-            left: b?.left,
-            width: b?.width,
+            top: _?.top,
+            left: _?.left,
+            width: _?.width,
             zIndex: 9999,
-            ...R === "top" && { transform: "translateY(-100%)" }
+            ...I === "top" && { transform: "translateY(-100%)" }
           },
           children: /* @__PURE__ */ n(
             x2,
             {
-              listboxId: L,
+              listboxId: b,
               type: d,
               align: u,
               content: v,
@@ -2009,7 +2017,7 @@ function jr({
               onSelect: g1,
               textColor: g,
               closing: x,
-              placement: R
+              placement: I
             }
           )
         }
@@ -2034,46 +2042,46 @@ function y7({
   disabled: a = !1,
   width: f
 }) {
-  const u = `${_9()}-listbox`, [v, h] = q(!1), [m, _] = q(!1), [g, w] = q(null), L = F(null), Z = F(null), S = F(), x = G(() => {
-    if (L.current) {
-      const M = L.current.getBoundingClientRect();
-      w({
+  const u = `${_9()}-listbox`, [v, h] = q(!1), [w, L] = q(!1), [g, m] = q(null), b = F(null), H = F(null), S = F(), x = G(() => {
+    if (b.current) {
+      const M = b.current.getBoundingClientRect();
+      m({
         top: M.bottom + window.scrollY + 4,
         left: M.left + window.scrollX,
         width: f ?? M.width
       });
     }
-  }, [f]), I = G(() => {
-    _(!0), S.current = setTimeout(() => {
-      h(!1), _(!1);
+  }, [f]), V = G(() => {
+    L(!0), S.current = setTimeout(() => {
+      h(!1), L(!1);
     }, M7);
-  }, []), b = G(() => {
-    a || (v && !m ? I() : v || (x(), h(!0)));
-  }, [a, v, m, x, I]), V = G((M) => {
-    s(M), I();
-  }, [s, I]);
-  z(() => () => clearTimeout(S.current), []), z(() => {
-    const M = (k) => {
-      const N = k.target;
-      L.current && L.current.contains(N) || Z.current && Z.current.contains(N) || I();
+  }, []), _ = G(() => {
+    a || (v && !w ? V() : v || (x(), h(!0)));
+  }, [a, v, w, x, V]), B = G((M) => {
+    s(M), V();
+  }, [s, V]);
+  J(() => () => clearTimeout(S.current), []), J(() => {
+    const M = (R) => {
+      const N = R.target;
+      b.current && b.current.contains(N) || H.current && H.current.contains(N) || V();
     };
     return v && (document.addEventListener("click", M), window.addEventListener("resize", x), window.addEventListener("scroll", x, !0)), () => {
       document.removeEventListener("click", M), window.removeEventListener("resize", x), window.removeEventListener("scroll", x, !0);
     };
-  }, [v, x, I]);
-  const R = G((M) => {
-    M.key === "Escape" && v && (M.preventDefault(), I());
-  }, [v, I]);
+  }, [v, x, V]);
+  const I = G((M) => {
+    M.key === "Escape" && v && (M.preventDefault(), V());
+  }, [v, V]);
   return /* @__PURE__ */ p(S1, { children: [
     /* @__PURE__ */ n(
       "div",
       {
-        ref: L,
+        ref: b,
         className: x7.root,
         "data-idb-component": "dropdown",
         style: C,
-        onClick: b,
-        onKeyDown: R,
+        onClick: _,
+        onKeyDown: I,
         children: e
       }
     ),
@@ -2081,7 +2089,7 @@ function y7({
       /* @__PURE__ */ n(
         "div",
         {
-          ref: Z,
+          ref: H,
           "data-idb-component": "dropdown-list",
           style: {
             position: "absolute",
@@ -2099,9 +2107,9 @@ function y7({
               content: l,
               options: r,
               selectedValue: i,
-              onSelect: V,
+              onSelect: B,
               textColor: c,
-              closing: m
+              closing: w
             }
           )
         }
@@ -2306,14 +2314,14 @@ function U7(e, t, o, l) {
   function f() {
     v(), r.clear();
   }
-  function d(_) {
+  function d(L) {
     if (!C) return;
-    i || (i = _, o(), o());
-    const g = _ - i;
-    for (i = _, c += g; c >= s; )
+    i || (i = L, o(), o());
+    const g = L - i;
+    for (i = L, c += g; c >= s; )
       o(), c -= s;
-    const w = c / s;
-    l(w), C && (C = t.requestAnimationFrame(d));
+    const m = c / s;
+    l(m), C && (C = t.requestAnimationFrame(d));
   }
   function u() {
     C || (C = t.requestAnimationFrame(d));
@@ -2337,10 +2345,10 @@ function Q7(e, t) {
   const o = t === "rtl", l = e === "y", r = l ? "y" : "x", s = l ? "x" : "y", i = !l && o ? -1 : 1, c = f(), C = d();
   function a(h) {
     const {
-      height: m,
-      width: _
+      height: w,
+      width: L
     } = h;
-    return l ? m : _;
+    return l ? w : L;
   }
   function f() {
     return l ? "top" : o ? "right" : "left";
@@ -2416,66 +2424,66 @@ function y2(e, t, o) {
   };
   return d;
 }
-function X7(e, t, o, l, r, s, i, c, C, a, f, d, u, v, h, m, _, g, w) {
+function X7(e, t, o, l, r, s, i, c, C, a, f, d, u, v, h, w, L, g, m) {
   const {
-    cross: L,
-    direction: Z
+    cross: b,
+    direction: H
   } = e, S = ["INPUT", "SELECT", "TEXTAREA"], x = {
     passive: !1
-  }, I = n9(), b = n9(), V = T1(50, 225).constrain(v.measure(20)), R = {
+  }, V = n9(), _ = n9(), B = T1(50, 225).constrain(v.measure(20)), I = {
     mouse: 300,
     touch: 400
   }, M = {
     mouse: 500,
     touch: 600
-  }, k = h ? 43 : 25;
-  let N = !1, y = 0, H = 0, T = !1, A = !1, D = !1, O = !1;
-  function U(B) {
-    if (!w) return;
+  }, R = h ? 43 : 25;
+  let N = !1, y = 0, Z = 0, T = !1, A = !1, D = !1, O = !1;
+  function U(k) {
+    if (!m) return;
     function P(W) {
-      (x9(w) || w(B, W)) && g1(W);
+      (x9(m) || m(k, W)) && g1(W);
     }
     const $ = t;
-    I.add($, "dragstart", (W) => W.preventDefault(), x).add($, "touchmove", () => {
+    V.add($, "dragstart", (W) => W.preventDefault(), x).add($, "touchmove", () => {
     }, x).add($, "touchend", () => {
     }).add($, "touchstart", P).add($, "mousedown", P).add($, "touchcancel", i1).add($, "contextmenu", i1).add($, "click", v1, !0);
   }
   function a1() {
-    I.clear(), b.clear();
+    V.clear(), _.clear();
   }
   function h1() {
-    const B = O ? o : t;
-    b.add(B, "touchmove", r1, x).add(B, "touchend", i1).add(B, "mousemove", r1, x).add(B, "mouseup", i1);
+    const k = O ? o : t;
+    _.add(k, "touchmove", r1, x).add(k, "touchend", i1).add(k, "mousemove", r1, x).add(k, "mouseup", i1);
   }
-  function l1(B) {
-    const P = B.nodeName || "";
+  function l1(k) {
+    const P = k.nodeName || "";
     return S.includes(P);
   }
   function K() {
-    return (h ? M : R)[O ? "mouse" : "touch"];
+    return (h ? M : I)[O ? "mouse" : "touch"];
   }
-  function B1(B, P) {
-    const $ = d.add(j9(B) * -1), W = f.byDistance(B, !h).distance;
-    return h || X(B) < V ? W : _ && P ? W * 0.5 : f.byIndex($.get(), 0).distance;
+  function B1(k, P) {
+    const $ = d.add(j9(k) * -1), W = f.byDistance(k, !h).distance;
+    return h || X(k) < B ? W : L && P ? W * 0.5 : f.byIndex($.get(), 0).distance;
   }
-  function g1(B) {
-    const P = D9(B, l);
-    O = P, D = h && P && !B.buttons && N, N = Y1(r.get(), i.get()) >= 2, !(P && B.button !== 0) && (l1(B.target) || (T = !0, s.pointerDown(B), a.useFriction(0).useDuration(0), r.set(i), h1(), y = s.readPoint(B), H = s.readPoint(B, L), u.emit("pointerDown")));
+  function g1(k) {
+    const P = D9(k, l);
+    O = P, D = h && P && !k.buttons && N, N = Y1(r.get(), i.get()) >= 2, !(P && k.button !== 0) && (l1(k.target) || (T = !0, s.pointerDown(k), a.useFriction(0).useDuration(0), r.set(i), h1(), y = s.readPoint(k), Z = s.readPoint(k, b), u.emit("pointerDown")));
   }
-  function r1(B) {
-    if (!D9(B, l) && B.touches.length >= 2) return i1(B);
-    const $ = s.readPoint(B), W = s.readPoint(B, L), C1 = Y1($, y), f1 = Y1(W, H);
-    if (!A && !O && (!B.cancelable || (A = C1 > f1, !A)))
-      return i1(B);
-    const R1 = s.pointerMove(B);
-    C1 > m && (D = !0), a.useFriction(0.3).useDuration(0.75), c.start(), r.add(Z(R1)), B.preventDefault();
+  function r1(k) {
+    if (!D9(k, l) && k.touches.length >= 2) return i1(k);
+    const $ = s.readPoint(k), W = s.readPoint(k, b), C1 = Y1($, y), f1 = Y1(W, Z);
+    if (!A && !O && (!k.cancelable || (A = C1 > f1, !A)))
+      return i1(k);
+    const R1 = s.pointerMove(k);
+    C1 > w && (D = !0), a.useFriction(0.3).useDuration(0.75), c.start(), r.add(H(R1)), k.preventDefault();
   }
-  function i1(B) {
-    const $ = f.byDistance(0, !1).index !== d.get(), W = s.pointerUp(B) * K(), C1 = B1(Z(W), $), f1 = W7(W, C1), R1 = k - 10 * f1, L1 = g + f1 / 50;
-    A = !1, T = !1, b.clear(), a.useDuration(R1).useFriction(L1), C.distance(C1, !h), O = !1, u.emit("pointerUp");
+  function i1(k) {
+    const $ = f.byDistance(0, !1).index !== d.get(), W = s.pointerUp(k) * K(), C1 = B1(H(W), $), f1 = W7(W, C1), R1 = R - 10 * f1, L1 = g + f1 / 50;
+    A = !1, T = !1, _.clear(), a.useDuration(R1).useFriction(L1), C.distance(C1, !h), O = !1, u.emit("pointerUp");
   }
-  function v1(B) {
-    D && (B.stopPropagation(), B.preventDefault(), D = !1);
+  function v1(k) {
+    D && (k.stopPropagation(), k.preventDefault(), D = !1);
   }
   function s1() {
     return T;
@@ -2504,8 +2512,8 @@ function K7(e, t) {
   }
   function a(d) {
     if (!l || !r) return 0;
-    const u = i(r) - i(l), v = s(d) - s(l), h = s(d) - s(r) > 170, m = u / v;
-    return v && !h && X(m) > 0.1 ? m : 0;
+    const u = i(r) - i(l), v = s(d) - s(l), h = s(d) - s(r) > 170, w = u / v;
+    return v && !h && X(w) > 0.1 ? w : 0;
   }
   return {
     pointerDown: c,
@@ -2546,26 +2554,26 @@ function J7(e) {
 function z7(e, t, o, l, r, s, i) {
   const c = [e].concat(l);
   let C, a, f = [], d = !1;
-  function u(_) {
-    return r.measureSize(i.measure(_));
+  function u(L) {
+    return r.measureSize(i.measure(L));
   }
-  function v(_) {
+  function v(L) {
     if (!s) return;
     a = u(e), f = l.map(u);
-    function g(w) {
-      for (const L of w) {
+    function g(m) {
+      for (const b of m) {
         if (d) return;
-        const Z = L.target === e, S = l.indexOf(L.target), x = Z ? a : f[S], I = u(Z ? e : l[S]);
-        if (X(I - x) >= 0.5) {
-          _.reInit(), t.emit("resize");
+        const H = b.target === e, S = l.indexOf(b.target), x = H ? a : f[S], V = u(H ? e : l[S]);
+        if (X(V - x) >= 0.5) {
+          L.reInit(), t.emit("resize");
           break;
         }
       }
     }
-    C = new ResizeObserver((w) => {
-      (x9(s) || s(_, w)) && g(w);
+    C = new ResizeObserver((m) => {
+      (x9(s) || s(L, m)) && g(m);
     }), o.requestAnimationFrame(() => {
-      c.forEach((w) => C.observe(w));
+      c.forEach((m) => C.observe(m));
     });
   }
   function h() {
@@ -2579,9 +2587,9 @@ function z7(e, t, o, l, r, s, i) {
 function e8(e, t, o, l, r, s) {
   let i = 0, c = 0, C = r, a = s, f = e.get(), d = 0;
   function u() {
-    const x = l.get() - e.get(), I = !C;
-    let b = 0;
-    return I ? (i = 0, o.set(l), e.set(l), b = x) : (o.set(e), i += x / C, i *= a, f += i, e.add(i), b = f - d), c = j9(b), d = f, S;
+    const x = l.get() - e.get(), V = !C;
+    let _ = 0;
+    return V ? (i = 0, o.set(l), e.set(l), _ = x) : (o.set(e), i += x / C, i *= a, f += i, e.add(i), _ = f - d), c = j9(_), d = f, S;
   }
   function v() {
     const x = l.get() - t.get();
@@ -2590,34 +2598,34 @@ function e8(e, t, o, l, r, s) {
   function h() {
     return C;
   }
-  function m() {
+  function w() {
     return c;
   }
-  function _() {
+  function L() {
     return i;
   }
   function g() {
-    return L(r);
+    return b(r);
   }
-  function w() {
-    return Z(s);
+  function m() {
+    return H(s);
   }
-  function L(x) {
+  function b(x) {
     return C = x, S;
   }
-  function Z(x) {
+  function H(x) {
     return a = x, S;
   }
   const S = {
-    direction: m,
+    direction: w,
     duration: h,
-    velocity: _,
+    velocity: L,
     seek: u,
     settled: v,
-    useBaseFriction: w,
+    useBaseFriction: m,
     useBaseDuration: g,
-    useFriction: Z,
-    useDuration: L
+    useFriction: H,
+    useDuration: b
   };
   return S;
 }
@@ -2629,8 +2637,8 @@ function t8(e, t, o, l, r) {
   }
   function f(v) {
     if (!a()) return;
-    const h = e.reachedMin(t.get()) ? "min" : "max", m = X(e[h] - t.get()), _ = o.get() - t.get(), g = c.constrain(m / i);
-    o.subtract(_ * g), !v && X(_) < s && (o.set(e.constrain(o.get())), l.useDuration(25).useBaseFriction());
+    const h = e.reachedMin(t.get()) ? "min" : "max", w = X(e[h] - t.get()), L = o.get() - t.get(), g = c.constrain(w / i);
+    o.subtract(L * g), !v && X(L) < s && (o.set(e.constrain(o.get())), l.useDuration(25).useBaseFriction());
   }
   function d(v) {
     C = !v;
@@ -2643,20 +2651,20 @@ function t8(e, t, o, l, r) {
 }
 function n8(e, t, o, l, r) {
   const s = T1(-t + e, 0), i = d(), c = f(), C = u();
-  function a(h, m) {
-    return Y1(h, m) <= 1;
+  function a(h, w) {
+    return Y1(h, w) <= 1;
   }
   function f() {
-    const h = i[0], m = V1(i), _ = i.lastIndexOf(h), g = i.indexOf(m) + 1;
-    return T1(_, g);
+    const h = i[0], w = V1(i), L = i.lastIndexOf(h), g = i.indexOf(w) + 1;
+    return T1(L, g);
   }
   function d() {
-    return o.map((h, m) => {
+    return o.map((h, w) => {
       const {
-        min: _,
+        min: L,
         max: g
-      } = s, w = s.constrain(h), L = !m, Z = W9(o, m);
-      return L ? g : Z || a(_, w) ? _ : a(g, w) ? g : w;
+      } = s, m = s.constrain(h), b = !w, H = W9(o, w);
+      return b ? g : H || a(L, m) ? L : a(g, m) ? g : m;
     }).map((h) => parseFloat(h.toFixed(3)));
   }
   function u() {
@@ -2664,9 +2672,9 @@ function n8(e, t, o, l, r) {
     if (l === "keepSnaps") return i;
     const {
       min: h,
-      max: m
+      max: w
     } = c;
-    return i.slice(h, m);
+    return i.slice(h, w);
   }
   return {
     snapsContained: C,
@@ -2717,13 +2725,13 @@ function i8(e, t, o, l, r) {
     groupSlides: c
   } = r, C = d().map(t.measure), a = u(), f = v();
   function d() {
-    return c(l).map((m) => V1(m)[i] - m[0][s]).map(X);
+    return c(l).map((w) => V1(w)[i] - w[0][s]).map(X);
   }
   function u() {
-    return l.map((m) => o[s] - m[s]).map((m) => -X(m));
+    return l.map((w) => o[s] - w[s]).map((w) => -X(w));
   }
   function v() {
-    return c(a).map((m) => m[0]).map((m, _) => m + C[_]);
+    return c(a).map((w) => w[0]).map((w, L) => w + C[L]);
   }
   return {
     snaps: a,
@@ -2739,15 +2747,15 @@ function C8(e, t, o, l, r, s) {
   } = l, a = f();
   function f() {
     const u = i(s), v = !e || t === "keepSnaps";
-    return o.length === 1 ? [s] : v ? u : u.slice(c, C).map((h, m, _) => {
-      const g = !m, w = W9(_, m);
+    return o.length === 1 ? [s] : v ? u : u.slice(c, C).map((h, w, L) => {
+      const g = !w, m = W9(L, w);
       if (g) {
-        const L = V1(_[0]) + 1;
-        return d2(L);
+        const b = V1(L[0]) + 1;
+        return d2(b);
       }
-      if (w) {
-        const L = r9(s) - V1(_)[0] + 1;
-        return d2(L, V1(_)[0]);
+      if (m) {
+        const b = r9(s) - V1(L)[0] + 1;
+        return d2(b, V1(L)[0]);
       }
       return h;
     });
@@ -2763,44 +2771,44 @@ function s8(e, t, o, l, r) {
     constrain: c
   } = l;
   function C(h) {
-    return h.concat().sort((m, _) => X(m) - X(_))[0];
+    return h.concat().sort((w, L) => X(w) - X(L))[0];
   }
   function a(h) {
-    const m = e ? i(h) : c(h), _ = t.map((w, L) => ({
-      diff: f(w - m, 0),
-      index: L
-    })).sort((w, L) => X(w.diff) - X(L.diff)), {
+    const w = e ? i(h) : c(h), L = t.map((m, b) => ({
+      diff: f(m - w, 0),
+      index: b
+    })).sort((m, b) => X(m.diff) - X(b.diff)), {
       index: g
-    } = _[0];
+    } = L[0];
     return {
       index: g,
-      distance: m
+      distance: w
     };
   }
-  function f(h, m) {
-    const _ = [h, h + o, h - o];
+  function f(h, w) {
+    const L = [h, h + o, h - o];
     if (!e) return h;
-    if (!m) return C(_);
-    const g = _.filter((w) => j9(w) === m);
-    return g.length ? C(g) : V1(_) - o;
+    if (!w) return C(L);
+    const g = L.filter((m) => j9(m) === w);
+    return g.length ? C(g) : V1(L) - o;
   }
-  function d(h, m) {
-    const _ = t[h] - r.get(), g = f(_, m);
+  function d(h, w) {
+    const L = t[h] - r.get(), g = f(L, w);
     return {
       index: h,
       distance: g
     };
   }
-  function u(h, m) {
-    const _ = r.get() + h, {
+  function u(h, w) {
+    const L = r.get() + h, {
       index: g,
-      distance: w
-    } = a(_), L = !e && s(_);
-    if (!m || L) return {
+      distance: m
+    } = a(L), b = !e && s(L);
+    if (!w || b) return {
       index: g,
       distance: h
     };
-    const Z = t[g] - w, S = h + f(Z, 0);
+    const H = t[g] - m, S = h + f(H, 0);
     return {
       index: g,
       distance: S
@@ -2838,15 +2846,15 @@ function a8(e, t, o, l, r, s, i, c) {
   let a = 0;
   function f(v) {
     if (!c) return;
-    function h(m) {
+    function h(w) {
       if ((/* @__PURE__ */ new Date()).getTime() - a > 10) return;
       i.emit("slideFocusStart"), e.scrollLeft = 0;
-      const w = o.findIndex((L) => L.includes(m));
-      P9(w) && (r.useDuration(0), l.index(w, 0), i.emit("slideFocus"));
+      const m = o.findIndex((b) => b.includes(w));
+      P9(m) && (r.useDuration(0), l.index(m, 0), i.emit("slideFocus"));
     }
-    s.add(document, "keydown", d, !1), t.forEach((m, _) => {
-      s.add(m, "focus", (g) => {
-        (x9(c) || c(v, g)) && h(_);
+    s.add(document, "keydown", d, !1), t.forEach((w, L) => {
+      s.add(w, "focus", (g) => {
+        (x9(c) || c(v, g)) && h(L);
       }, C);
     });
   }
@@ -2908,65 +2916,65 @@ function H2(e, t) {
   };
 }
 function d8(e, t, o, l, r, s, i, c, C) {
-  const f = e9(r), d = e9(r).reverse(), u = g().concat(w());
-  function v(I, b) {
-    return I.reduce((V, R) => V - r[R], b);
+  const f = e9(r), d = e9(r).reverse(), u = g().concat(m());
+  function v(V, _) {
+    return V.reduce((B, I) => B - r[I], _);
   }
-  function h(I, b) {
-    return I.reduce((V, R) => v(V, b) > 0 ? V.concat([R]) : V, []);
+  function h(V, _) {
+    return V.reduce((B, I) => v(B, _) > 0 ? B.concat([I]) : B, []);
   }
-  function m(I) {
-    return s.map((b, V) => ({
-      start: b - l[V] + 0.5 + I,
-      end: b + t - 0.5 + I
+  function w(V) {
+    return s.map((_, B) => ({
+      start: _ - l[B] + 0.5 + V,
+      end: _ + t - 0.5 + V
     }));
   }
-  function _(I, b, V) {
-    const R = m(b);
-    return I.map((M) => {
-      const k = V ? 0 : -o, N = V ? o : 0, y = V ? "end" : "start", H = R[M][y];
+  function L(V, _, B) {
+    const I = w(_);
+    return V.map((M) => {
+      const R = B ? 0 : -o, N = B ? o : 0, y = B ? "end" : "start", Z = I[M][y];
       return {
         index: M,
-        loopPoint: H,
+        loopPoint: Z,
         slideLocation: G1(-1),
         translate: H2(e, C[M]),
-        target: () => c.get() > H ? k : N
+        target: () => c.get() > Z ? R : N
       };
     });
   }
   function g() {
-    const I = i[0], b = h(d, I);
-    return _(b, o, !1);
+    const V = i[0], _ = h(d, V);
+    return L(_, o, !1);
   }
-  function w() {
-    const I = t - i[0] - 1, b = h(f, I);
-    return _(b, -o, !0);
+  function m() {
+    const V = t - i[0] - 1, _ = h(f, V);
+    return L(_, -o, !0);
   }
-  function L() {
+  function b() {
     return u.every(({
-      index: I
+      index: V
     }) => {
-      const b = f.filter((V) => V !== I);
-      return v(b, t) <= 0.1;
+      const _ = f.filter((B) => B !== V);
+      return v(_, t) <= 0.1;
     });
   }
-  function Z() {
-    u.forEach((I) => {
+  function H() {
+    u.forEach((V) => {
       const {
-        target: b,
-        translate: V,
-        slideLocation: R
-      } = I, M = b();
-      M !== R.get() && (V.to(M), R.set(M));
+        target: _,
+        translate: B,
+        slideLocation: I
+      } = V, M = _();
+      M !== I.get() && (B.to(M), I.set(M));
     });
   }
   function S() {
-    u.forEach((I) => I.translate.clear());
+    u.forEach((V) => V.translate.clear());
   }
   return {
-    canLoop: L,
+    canLoop: b,
     clear: S,
-    loop: Z,
+    loop: H,
     loopPoints: u
   };
 }
@@ -3000,9 +3008,9 @@ function h8(e, t, o, l) {
   let s = null, i = null, c, C = !1;
   function a() {
     c = new IntersectionObserver((h) => {
-      C || (h.forEach((m) => {
-        const _ = t.indexOf(m.target);
-        r[_] = m;
+      C || (h.forEach((w) => {
+        const L = t.indexOf(w.target);
+        r[L] = w;
       }), s = null, i = null, o.emit("slidesInView"));
     }, {
       root: e.parentElement,
@@ -3013,18 +3021,18 @@ function h8(e, t, o, l) {
     c && c.disconnect(), C = !0;
   }
   function d(h) {
-    return t9(r).reduce((m, _) => {
-      const g = parseInt(_), {
-        isIntersecting: w
+    return t9(r).reduce((w, L) => {
+      const g = parseInt(L), {
+        isIntersecting: m
       } = r[g];
-      return (h && w || !h && !w) && m.push(g), m;
+      return (h && m || !h && !m) && w.push(g), w;
     }, []);
   }
   function u(h = !0) {
     if (h && s) return s;
     if (!h && i) return i;
-    const m = d(h);
-    return h && (s = m), h || (i = m), m;
+    const w = d(h);
+    return h && (s = w), h || (i = w), w;
   }
   return {
     init: a,
@@ -3037,21 +3045,21 @@ function f8(e, t, o, l, r, s) {
     measureSize: i,
     startEdge: c,
     endEdge: C
-  } = e, a = o[0] && r, f = h(), d = m(), u = o.map(i), v = _();
+  } = e, a = o[0] && r, f = h(), d = w(), u = o.map(i), v = L();
   function h() {
     if (!a) return 0;
-    const w = o[0];
-    return X(t[c] - w[c]);
+    const m = o[0];
+    return X(t[c] - m[c]);
   }
-  function m() {
+  function w() {
     if (!a) return 0;
-    const w = s.getComputedStyle(V1(l));
-    return parseFloat(w.getPropertyValue(`margin-${C}`));
+    const m = s.getComputedStyle(V1(l));
+    return parseFloat(m.getPropertyValue(`margin-${C}`));
   }
-  function _() {
-    return o.map((w, L, Z) => {
-      const S = !L, x = W9(Z, L);
-      return S ? u[L] + f : x ? u[L] + d : Z[L + 1][c] - w[c];
+  function L() {
+    return o.map((m, b, H) => {
+      const S = !b, x = W9(H, b);
+      return S ? u[b] + f : x ? u[b] + d : H[b + 1][c] - m[c];
     }).map(X);
   }
   return {
@@ -3067,23 +3075,23 @@ function p8(e, t, o, l, r, s, i, c, C) {
     endEdge: f,
     direction: d
   } = e, u = P9(o);
-  function v(g, w) {
-    return e9(g).filter((L) => L % w === 0).map((L) => g.slice(L, L + w));
+  function v(g, m) {
+    return e9(g).filter((b) => b % m === 0).map((b) => g.slice(b, b + m));
   }
   function h(g) {
-    return g.length ? e9(g).reduce((w, L, Z) => {
-      const S = V1(w) || 0, x = S === 0, I = L === r9(g), b = r[a] - s[S][a], V = r[a] - s[L][f], R = !l && x ? d(i) : 0, M = !l && I ? d(c) : 0, k = X(V - M - (b + R));
-      return Z && k > t + C && w.push(L), I && w.push(g.length), w;
-    }, []).map((w, L, Z) => {
-      const S = Math.max(Z[L - 1] || 0);
-      return g.slice(S, w);
+    return g.length ? e9(g).reduce((m, b, H) => {
+      const S = V1(m) || 0, x = S === 0, V = b === r9(g), _ = r[a] - s[S][a], B = r[a] - s[b][f], I = !l && x ? d(i) : 0, M = !l && V ? d(c) : 0, R = X(B - M - (_ + I));
+      return H && R > t + C && m.push(b), V && m.push(g.length), m;
+    }, []).map((m, b, H) => {
+      const S = Math.max(H[b - 1] || 0);
+      return g.slice(S, m);
     }) : [];
   }
-  function m(g) {
+  function w(g) {
     return u ? v(g, o) : h(g);
   }
   return {
-    groupSlides: m
+    groupSlides: w
   };
 }
 function g8(e, t, o, l, r, s, i) {
@@ -3096,28 +3104,28 @@ function g8(e, t, o, l, r, s, i) {
     duration: u,
     dragFree: v,
     dragThreshold: h,
-    inViewThreshold: m,
-    slidesToScroll: _,
+    inViewThreshold: w,
+    slidesToScroll: L,
     skipSnaps: g,
-    containScroll: w,
-    watchResize: L,
-    watchSlides: Z,
+    containScroll: m,
+    watchResize: b,
+    watchSlides: H,
     watchDrag: S,
     watchFocus: x
-  } = s, I = 2, b = Y7(), V = b.measure(t), R = o.map(b.measure), M = Q7(C, a), k = M.measureSize(V), N = J7(k), y = G7(c, k), H = !d && !!w, T = d || !!w, {
+  } = s, V = 2, _ = Y7(), B = _.measure(t), I = o.map(_.measure), M = Q7(C, a), R = M.measureSize(B), N = J7(R), y = G7(c, R), Z = !d && !!m, T = d || !!m, {
     slideSizes: A,
     slideSizesWithGaps: D,
     startGap: O,
     endGap: U
-  } = f8(M, V, R, o, T, r), a1 = p8(M, k, _, d, V, R, O, U, I), {
+  } = f8(M, B, I, o, T, r), a1 = p8(M, R, L, d, B, I, O, U, V), {
     snaps: h1,
     snapsAligned: l1
-  } = i8(M, y, V, R, a1), K = -V1(h1) + V1(D), {
+  } = i8(M, y, B, I, a1), K = -V1(h1) + V1(D), {
     snapsContained: B1,
     scrollContainLimit: g1
-  } = n8(k, K, l1, w, I), r1 = H ? B1 : l1, {
+  } = n8(R, K, l1, m, V), r1 = Z ? B1 : l1, {
     limit: i1
-  } = o8(K, r1, d), v1 = y2(r9(r1), f, d), s1 = v1.clone(), j = e9(o), B = ({
+  } = o8(K, r1, d), v1 = y2(r9(r1), f, d), s1 = v1.clone(), j = e9(o), k = ({
     dragHandler: D1,
     scrollBody: Z9,
     scrollBounds: V9,
@@ -3146,14 +3154,14 @@ function g8(e, t, o, l, r, s, i) {
     z9 && A2.stop();
     const T2 = V9.get() * K9 + B2.get() * (1 - K9);
     C9.set(T2), X9 && (R2.loop(D1.direction()), k2.loop()), Z9.to(C9.get()), z9 && Q9.emit("settle"), J9 || Q9.emit("scroll");
-  }, $ = U7(l, r, () => B(H9), (D1) => P(H9, D1)), W = 0.68, C1 = r1[v1.get()], f1 = G1(C1), R1 = G1(C1), L1 = G1(C1), E1 = G1(C1), q1 = e8(f1, L1, R1, E1, u, W), M9 = s8(d, r1, K, i1, E1), y9 = c8($, v1, s1, q1, M9, E1, i), q9 = r8(i1), G9 = n9(), V2 = h8(t, o, i, m), {
+  }, $ = U7(l, r, () => k(H9), (D1) => P(H9, D1)), W = 0.68, C1 = r1[v1.get()], f1 = G1(C1), R1 = G1(C1), L1 = G1(C1), E1 = G1(C1), q1 = e8(f1, L1, R1, E1, u, W), M9 = s8(d, r1, K, i1, E1), y9 = c8($, v1, s1, q1, M9, E1, i), q9 = r8(i1), G9 = n9(), V2 = h8(t, o, i, w), {
     slideRegistry: U9
-  } = C8(H, w, r1, g1, a1, j), I2 = a8(e, o, U9, y9, q1, G9, i, x), H9 = {
+  } = C8(Z, m, r1, g1, a1, j), I2 = a8(e, o, U9, y9, q1, G9, i, x), H9 = {
     ownerDocument: l,
     ownerWindow: r,
     eventHandler: i,
-    containerRect: V,
-    slideRects: R,
+    containerRect: B,
+    slideRects: I,
     animation: $,
     axis: M,
     dragHandler: X7(M, e, l, r, E1, K7(M, r), f1, $, y9, q1, M9, v1, i, N, v, h, g, W, S),
@@ -3166,7 +3174,7 @@ function g8(e, t, o, l, r, s, i) {
     offsetLocation: L1,
     previousLocation: R1,
     options: s,
-    resizeHandler: z7(t, i, r, o, M, L, b),
+    resizeHandler: z7(t, i, r, o, M, b, _),
     scrollBody: q1,
     scrollBounds: t8(i1, L1, E1, q1, N),
     scrollLooper: l8(K, i1, L1, [f1, L1, R1, E1]),
@@ -3175,9 +3183,9 @@ function g8(e, t, o, l, r, s, i) {
     scrollSnaps: r1,
     scrollTarget: M9,
     scrollTo: y9,
-    slideLooper: d8(M, k, K, A, D, h1, r1, L1, o),
+    slideLooper: d8(M, R, K, A, D, h1, r1, L1, o),
     slideFocus: I2,
-    slidesHandler: u8(t, i, Z),
+    slidesHandler: u8(t, i, H),
     slidesInView: V2,
     slideIndexes: j,
     slideRegistry: U9,
@@ -3281,54 +3289,54 @@ function v9(e, t, o) {
     on: u,
     off: v,
     emit: h
-  } = C, m = M;
-  let _ = !1, g, w = a(w8, v9.globalOptions), L = a(w), Z = [], S, x, I;
-  function b() {
+  } = C, w = M;
+  let L = !1, g, m = a(w8, v9.globalOptions), b = a(m), H = [], S, x, V;
+  function _() {
     const {
       container: j,
-      slides: B
-    } = L;
+      slides: k
+    } = b;
     x = ($9(j) ? e.querySelector(j) : j) || e.children[0];
-    const $ = $9(B) ? x.querySelectorAll(B) : B;
-    I = [].slice.call($ || x.children);
+    const $ = $9(k) ? x.querySelectorAll(k) : k;
+    V = [].slice.call($ || x.children);
   }
-  function V(j) {
-    const B = g8(e, x, I, l, r, j, C);
-    if (j.loop && !B.slideLooper.canLoop()) {
+  function B(j) {
+    const k = g8(e, x, V, l, r, j, C);
+    if (j.loop && !k.slideLooper.canLoop()) {
       const P = Object.assign({}, j, {
         loop: !1
       });
-      return V(P);
+      return B(P);
     }
-    return B;
+    return k;
   }
-  function R(j, B) {
-    _ || (w = a(w, j), L = f(w), Z = B || Z, b(), g = V(L), d([w, ...Z.map(({
+  function I(j, k) {
+    L || (m = a(m, j), b = f(m), H = k || H, _(), g = B(b), d([m, ...H.map(({
       options: P
-    }) => P)]).forEach((P) => c.add(P, "change", M)), L.active && (g.translate.to(g.location.get()), g.animation.init(), g.slidesInView.init(), g.slideFocus.init(s1), g.eventHandler.init(s1), g.resizeHandler.init(s1), g.slidesHandler.init(s1), g.options.loop && g.slideLooper.loop(), x.offsetParent && I.length && g.dragHandler.init(s1), S = i.init(s1, Z)));
+    }) => P)]).forEach((P) => c.add(P, "change", M)), b.active && (g.translate.to(g.location.get()), g.animation.init(), g.slidesInView.init(), g.slideFocus.init(s1), g.eventHandler.init(s1), g.resizeHandler.init(s1), g.slidesHandler.init(s1), g.options.loop && g.slideLooper.loop(), x.offsetParent && V.length && g.dragHandler.init(s1), S = i.init(s1, H)));
   }
-  function M(j, B) {
+  function M(j, k) {
     const P = a1();
-    k(), R(a({
+    R(), I(a({
       startIndex: P
-    }, j), B), C.emit("reInit");
+    }, j), k), C.emit("reInit");
   }
-  function k() {
+  function R() {
     g.dragHandler.destroy(), g.eventStore.clear(), g.translate.clear(), g.slideLooper.clear(), g.resizeHandler.destroy(), g.slidesHandler.destroy(), g.slidesInView.destroy(), g.animation.destroy(), i.destroy(), c.clear();
   }
   function N() {
-    _ || (_ = !0, c.clear(), k(), C.emit("destroy"), C.clear());
+    L || (L = !0, c.clear(), R(), C.emit("destroy"), C.clear());
   }
-  function y(j, B, P) {
-    !L.active || _ || (g.scrollBody.useBaseFriction().useDuration(B === !0 ? 0 : L.duration), g.scrollTo.index(j, P || 0));
+  function y(j, k, P) {
+    !b.active || L || (g.scrollBody.useBaseFriction().useDuration(k === !0 ? 0 : b.duration), g.scrollTo.index(j, P || 0));
   }
-  function H(j) {
-    const B = g.index.add(1).get();
-    y(B, j, -1);
+  function Z(j) {
+    const k = g.index.add(1).get();
+    y(k, j, -1);
   }
   function T(j) {
-    const B = g.index.add(-1).get();
-    y(B, j, 1);
+    const k = g.index.add(-1).get();
+    y(k, j, 1);
   }
   function A() {
     return g.index.add(1).get() !== a1();
@@ -3367,7 +3375,7 @@ function v9(e, t, o) {
     return x;
   }
   function v1() {
-    return I;
+    return V;
   }
   const s1 = {
     canScrollNext: A,
@@ -3380,9 +3388,9 @@ function v9(e, t, o) {
     emit: h,
     plugins: B1,
     previousScrollSnap: h1,
-    reInit: m,
+    reInit: w,
     rootNode: r1,
-    scrollNext: H,
+    scrollNext: Z,
     scrollPrev: T,
     scrollProgress: U,
     scrollSnapList: O,
@@ -3392,18 +3400,18 @@ function v9(e, t, o) {
     slidesInView: l1,
     slidesNotInView: K
   };
-  return R(t, o), setTimeout(() => C.emit("init"), 0), s1;
+  return I(t, o), setTimeout(() => C.emit("init"), 0), s1;
 }
 v9.globalOptions = void 0;
 function i9(e = {}, t = []) {
   const o = F(e), l = F(t), [r, s] = q(), [i, c] = q(), C = G(() => {
     r && r.reInit(o.current, l.current);
   }, [r]);
-  return z(() => {
+  return J(() => {
     O9(o.current, e) || (o.current = e, C());
-  }, [e, C]), z(() => {
+  }, [e, C]), J(() => {
     j7(l.current, t) || (l.current = t, C());
-  }, [t, C]), z(() => {
+  }, [t, C]), J(() => {
     if (P7() && i) {
       v9.globalOptions = i9.globalOptions;
       const a = v9(i, o.current, l.current);
@@ -3442,11 +3450,11 @@ function Wr({
     dragFree: !0,
     containScroll: "keepSnaps"
   }), [a, f] = q(!1), [d, u] = q(r && e === "suggestion");
-  return z(() => {
+  return J(() => {
     if (!C || !r || e !== "suggestion") return;
     const v = () => {
-      const h = C.canScrollNext() || C.canScrollPrev(), m = C.scrollProgress();
-      f(h && m > 0.01), u(h && m < 0.99);
+      const h = C.canScrollNext() || C.canScrollPrev(), w = C.scrollProgress();
+      f(h && w > 0.01), u(h && w < 0.99);
     };
     return C.on("scroll", v), C.on("reInit", v), v(), () => {
       C.off("scroll", v), C.off("reInit", v);
@@ -3496,25 +3504,25 @@ function qr({
   children: d,
   ...u
 }) {
-  const v = i && o ? e.find((g) => g.value === o) : null, [h, m] = q(!1), _ = F(null);
-  return z(() => {
+  const v = i && o ? e.find((g) => g.value === o) : null, [h, w] = q(!1), L = F(null);
+  return J(() => {
     if (!h) return;
-    const g = (L) => {
-      _.current?.contains(L.target) || m(!1);
-    }, w = (L) => {
-      L.key === "Escape" && m(!1);
+    const g = (b) => {
+      L.current?.contains(b.target) || w(!1);
+    }, m = (b) => {
+      b.key === "Escape" && w(!1);
     };
-    return document.addEventListener("click", g), document.addEventListener("keydown", w), () => {
-      document.removeEventListener("click", g), document.removeEventListener("keydown", w);
+    return document.addEventListener("click", g), document.addEventListener("keydown", m), () => {
+      document.removeEventListener("click", g), document.removeEventListener("keydown", m);
     };
-  }, [h]), /* @__PURE__ */ n("div", { ref: _, style: { display: "inline-flex" }, children: /* @__PURE__ */ n(
+  }, [h]), /* @__PURE__ */ n("div", { ref: L, style: { display: "inline-flex" }, children: /* @__PURE__ */ n(
     y7,
     {
       type: l,
       align: r,
       options: e,
       onSelect: (g) => {
-        t(o && g.value === o ? void 0 : g), m(!1);
+        t(o && g.value === o ? void 0 : g), w(!1);
       },
       selectedValue: o,
       disabled: a,
@@ -3526,7 +3534,7 @@ function qr({
           size: C,
           selected: f ?? !!o,
           disabled: a,
-          onClick: () => !a && m((g) => !g),
+          onClick: () => !a && w((g) => !g),
           trailingSlot: /* @__PURE__ */ n(
             "svg",
             {
@@ -3585,7 +3593,7 @@ function Gr({
     dragFree: !0,
     containScroll: "keepSnaps"
   }), [C, a] = q(!1), [f, d] = q(!l);
-  return z(() => {
+  return J(() => {
     if (!c || l) {
       a(!1), d(!l);
       return;
@@ -3661,41 +3669,41 @@ function Ur({
 }) {
   const a = F(null), f = F(/* @__PURE__ */ new Map()), d = F(e);
   d.current = e;
-  const u = F(!1), v = F(null), h = F(null), m = F(t);
-  m.current = t;
-  const _ = F(r);
-  _.current = r;
-  const [g, w] = q({
+  const u = F(!1), v = F(null), h = F(null), w = F(t);
+  w.current = t;
+  const L = F(r);
+  L.current = r;
+  const [g, m] = q({
     opacity: 0
-  }), [L, Z] = q(!1), [S, x] = i9({
+  }), [b, H] = q(!1), [S, x] = i9({
     dragFree: !0,
     containScroll: "keepSnaps",
     align: "start",
     active: !1
-  }), V = e.findIndex((y) => y.value === t) !== -1 ? t : e.find((y) => !y.disabled)?.value ?? null, R = e.map((y) => `${y.value}:${y.numberBadge ?? ""}`).join(","), M = G(() => {
-    const y = f.current.get(t), H = a.current;
-    if (!y || !H) return;
-    const T = y.firstElementChild ?? y, D = (T.firstElementChild ?? T).getBoundingClientRect(), O = H.getBoundingClientRect();
-    w({
+  }), B = e.findIndex((y) => y.value === t) !== -1 ? t : e.find((y) => !y.disabled)?.value ?? null, I = e.map((y) => `${y.value}:${y.numberBadge ?? ""}`).join(","), M = G(() => {
+    const y = f.current.get(t), Z = a.current;
+    if (!y || !Z) return;
+    const T = y.firstElementChild ?? y, D = (T.firstElementChild ?? T).getBoundingClientRect(), O = Z.getBoundingClientRect();
+    m({
       // position: labelText 기준(= labelWrapper 시작점), width: labelWrapper 기준 → numberBadge 포함
       width: T.offsetWidth,
       transform: `translateX(${D.left - O.left}px)`,
       opacity: 1
     });
-  }, [t]), k = G(() => {
+  }, [t]), R = G(() => {
     if (!x) return;
-    const y = x.containerNode(), H = y?.parentElement;
-    if (!y || !H) return;
+    const y = x.containerNode(), Z = y?.parentElement;
+    if (!y || !Z) return;
     let T;
-    if (_.current === "fill") {
+    if (L.current === "fill") {
       const A = parseFloat(getComputedStyle(y).columnGap) || 0;
       T = d.current.reduce((O, U) => {
         const h1 = f.current.get(U.value)?.firstElementChild, l1 = h1?.firstElementChild;
         return O + (l1 ? l1.scrollWidth : h1 ? h1.scrollWidth : 0);
-      }, 0) + A * Math.max(0, d.current.length - 1) > H.clientWidth;
+      }, 0) + A * Math.max(0, d.current.length - 1) > Z.clientWidth;
     } else
-      T = y.scrollWidth > H.clientWidth;
-    T !== v.current && (v.current = T, Z(T), x.reInit({
+      T = y.scrollWidth > Z.clientWidth;
+    T !== v.current && (v.current = T, H(T), x.reInit({
       active: T,
       dragFree: !0,
       containScroll: "keepSnaps",
@@ -3703,7 +3711,7 @@ function Ur({
     }), T && (h.current !== null && cancelAnimationFrame(h.current), h.current = requestAnimationFrame(() => {
       h.current = null;
       const A = d.current.findIndex(
-        (D) => D.value === m.current
+        (D) => D.value === w.current
       );
       A !== -1 && x.scrollTo(A, !0);
     })));
@@ -3712,38 +3720,38 @@ function Ur({
     M();
     const y = a.current;
     if (!y) return;
-    const H = new ResizeObserver(M);
-    return H.observe(y), () => H.disconnect();
-  }, [l, r, R, M]), z(() => {
+    const Z = new ResizeObserver(M);
+    return Z.observe(y), () => Z.disconnect();
+  }, [l, r, I, M]), J(() => {
     if (!x) return;
-    k();
-    const y = new ResizeObserver(k);
+    R();
+    const y = new ResizeObserver(R);
     return a.current && y.observe(a.current), () => {
       h.current !== null && cancelAnimationFrame(h.current), v.current = null, y.disconnect();
     };
-  }, [x, k, R]), z(() => {
+  }, [x, R, I]), J(() => {
     if (!x) return;
-    const y = () => requestAnimationFrame(M), H = () => requestAnimationFrame(M);
-    return x.on("scroll", y), x.on("reInit", H), () => {
-      x.off("scroll", y), x.off("reInit", H);
+    const y = () => requestAnimationFrame(M), Z = () => requestAnimationFrame(M);
+    return x.on("scroll", y), x.on("reInit", Z), () => {
+      x.off("scroll", y), x.off("reInit", Z);
     };
-  }, [x, M]), z(() => {
+  }, [x, M]), J(() => {
     if (!x || !v.current) return;
-    const y = d.current.findIndex((H) => H.value === t);
+    const y = d.current.findIndex((Z) => Z.value === t);
     y !== -1 && x.scrollTo(y);
-  }, [x, t]), z(() => {
+  }, [x, t]), J(() => {
     u.current && (f.current.get(t)?.focus(), u.current = !1);
   }, [t]);
   const N = G(
     (y) => {
       if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(y.key)) return;
       y.preventDefault();
-      const H = d.current.filter((O) => !O.disabled), T = H.findIndex(
+      const Z = d.current.filter((O) => !O.disabled), T = Z.findIndex(
         (O) => O.value === t
       );
       let A;
-      T === -1 ? A = y.key === "ArrowLeft" || y.key === "End" ? H.length - 1 : 0 : y.key === "ArrowRight" ? A = (T + 1) % H.length : y.key === "ArrowLeft" ? A = (T - 1 + H.length) % H.length : y.key === "Home" ? A = 0 : A = H.length - 1;
-      const D = H[A];
+      T === -1 ? A = y.key === "ArrowLeft" || y.key === "End" ? Z.length - 1 : 0 : y.key === "ArrowRight" ? A = (T + 1) % Z.length : y.key === "ArrowLeft" ? A = (T - 1 + Z.length) % Z.length : y.key === "Home" ? A = 0 : A = Z.length - 1;
+      const D = Z[A];
       D && D.value !== t && (u.current = !0, o?.(D.value));
     },
     [t, o]
@@ -3759,13 +3767,13 @@ function Ur({
         o1.tab,
         o1[l],
         r === "fill" && o1.fill,
-        L && o1.overflowing,
+        b && o1.overflowing,
         s && o1.horizontalPadding
       ),
       style: C,
       children: [
         /* @__PURE__ */ n("div", { className: o1.emblaWrapper, children: /* @__PURE__ */ n("div", { ref: S, className: o1.emblaViewport, children: /* @__PURE__ */ n("div", { className: o1.emblaContainer, children: e.map((y) => {
-          const H = y.value === t, T = y.numberBadge !== void 0 && y.numberBadge > 0, A = y.badge && !T;
+          const Z = y.value === t, T = y.numberBadge !== void 0 && y.numberBadge > 0, A = y.badge && !T;
           return /* @__PURE__ */ n(
             "button",
             {
@@ -3776,12 +3784,12 @@ function Ur({
               },
               className: e1(
                 o1.tabItem,
-                H && o1.selected,
+                Z && o1.selected,
                 y.disabled && o1.disabled
               ),
               disabled: y.disabled,
-              "aria-selected": H,
-              tabIndex: y.value === V ? 0 : -1,
+              "aria-selected": Z,
+              tabIndex: y.value === B ? 0 : -1,
               onClick: () => {
                 y.value !== t && o?.(y.value);
               },
@@ -3844,34 +3852,34 @@ function Qr({
 }) {
   const a = l || e === "icon", f = F(null), d = F(/* @__PURE__ */ new Map()), u = F(s);
   u.current = s;
-  const v = F(!1), [h, m] = q({
+  const v = F(!1), [h, w] = q({
     opacity: 0
   });
-  process.env.NODE_ENV !== "production" && e === "icon" && s.forEach((b) => {
-    b.ariaLabel || console.warn(
-      `[SegmentedControl] item "${b.value}" is missing ariaLabel for variant="icon".`
+  process.env.NODE_ENV !== "production" && e === "icon" && s.forEach((_) => {
+    _.ariaLabel || console.warn(
+      `[SegmentedControl] item "${_.value}" is missing ariaLabel for variant="icon".`
     );
   });
-  const _ = s.findIndex((b) => b.value === i), g = _ !== -1, w = g && _ === 0, L = g && _ === s.length - 1, Z = t === "outlined" ? w && L ? "single" : w ? "first" : L ? "last" : "middle" : void 0, S = g ? i : s.find((b) => !b.disabled)?.value ?? null, x = s.map((b) => b.value).join(",");
+  const L = s.findIndex((_) => _.value === i), g = L !== -1, m = g && L === 0, b = g && L === s.length - 1, H = t === "outlined" ? m && b ? "single" : m ? "first" : b ? "last" : "middle" : void 0, S = g ? i : s.find((_) => !_.disabled)?.value ?? null, x = s.map((_) => _.value).join(",");
   o9(() => {
-    const b = () => {
+    const _ = () => {
       const M = d.current.get(i);
-      M && m({
+      M && w({
         width: M.offsetWidth,
         transform: `translateX(${M.offsetLeft}px)`,
         opacity: 1
       });
     };
-    b();
-    const V = f.current;
-    if (!V) return;
-    const R = new ResizeObserver(b);
-    return R.observe(V), () => R.disconnect();
-  }, [i, e, t, o, x]), z(() => {
+    _();
+    const B = f.current;
+    if (!B) return;
+    const I = new ResizeObserver(_);
+    return I.observe(B), () => I.disconnect();
+  }, [i, e, t, o, x]), J(() => {
     v.current && (d.current.get(i)?.focus(), v.current = !1);
   }, [i]);
-  const I = G(
-    (b) => {
+  const V = G(
+    (_) => {
       if (![
         "ArrowLeft",
         "ArrowRight",
@@ -3879,16 +3887,16 @@ function Qr({
         "ArrowDown",
         "Home",
         "End"
-      ].includes(b.key))
+      ].includes(_.key))
         return;
-      b.preventDefault();
-      const V = u.current.filter((N) => !N.disabled), R = V.findIndex(
+      _.preventDefault();
+      const B = u.current.filter((N) => !N.disabled), I = B.findIndex(
         (N) => N.value === i
       );
       let M;
-      R === -1 ? M = b.key === "ArrowLeft" || b.key === "ArrowUp" || b.key === "End" ? V.length - 1 : 0 : b.key === "ArrowRight" || b.key === "ArrowDown" ? M = (R + 1) % V.length : b.key === "ArrowLeft" || b.key === "ArrowUp" ? M = (R - 1 + V.length) % V.length : b.key === "Home" ? M = 0 : M = V.length - 1;
-      const k = V[M];
-      k && k.value !== i && (v.current = !0, c?.(k.value));
+      I === -1 ? M = _.key === "ArrowLeft" || _.key === "ArrowUp" || _.key === "End" ? B.length - 1 : 0 : _.key === "ArrowRight" || _.key === "ArrowDown" ? M = (I + 1) % B.length : _.key === "ArrowLeft" || _.key === "ArrowUp" ? M = (I - 1 + B.length) % B.length : _.key === "Home" ? M = 0 : M = B.length - 1;
+      const R = B[M];
+      R && R.value !== i && (v.current = !0, c?.(R.value));
     },
     [i, c]
   );
@@ -3920,7 +3928,7 @@ function Qr({
           "span",
           {
             "aria-hidden": !0,
-            "data-position": Z,
+            "data-position": H,
             className: e1(
               p1.indicator,
               t === "fill" ? p1.indicatorFill : p1.indicatorOutlined
@@ -3928,35 +3936,35 @@ function Qr({
             style: h
           }
         ),
-        s.map((b) => {
-          const V = b.value === i;
+        s.map((_) => {
+          const B = _.value === i;
           return /* @__PURE__ */ p(
             "button",
             {
               type: "button",
               role: "tab",
-              ref: (R) => {
-                R ? d.current.set(b.value, R) : d.current.delete(b.value);
+              ref: (I) => {
+                I ? d.current.set(_.value, I) : d.current.delete(_.value);
               },
               className: e1(
                 p1.segment,
-                V && p1.selected,
-                b.disabled && p1.disabled
+                B && p1.selected,
+                _.disabled && p1.disabled
               ),
-              disabled: b.disabled,
-              "aria-selected": V,
-              "aria-label": e === "icon" ? b.ariaLabel : void 0,
-              tabIndex: b.value === S ? 0 : -1,
+              disabled: _.disabled,
+              "aria-selected": B,
+              "aria-label": e === "icon" ? _.ariaLabel : void 0,
+              tabIndex: _.value === S ? 0 : -1,
               onClick: () => {
-                b.value !== i && c?.(b.value);
+                _.value !== i && c?.(_.value);
               },
-              onKeyDown: I,
+              onKeyDown: V,
               children: [
-                a && b.icon ? /* @__PURE__ */ n("span", { className: p1.iconSlot, children: b.icon }) : null,
-                e === "basic" && b.label ? /* @__PURE__ */ n("span", { className: p1.label, children: b.label }) : null
+                a && _.icon ? /* @__PURE__ */ n("span", { className: p1.iconSlot, children: _.icon }) : null,
+                e === "basic" && _.label ? /* @__PURE__ */ n("span", { className: p1.label, children: _.label }) : null
               ]
             },
-            b.value
+            _.value
           );
         })
       ]
@@ -4028,40 +4036,40 @@ function Xr({
   accordion: u = !1,
   canExpand: v,
   renderAccordionContent: h,
-  maxRows: m
+  maxRows: w
 }) {
-  const [_, g] = q(/* @__PURE__ */ new Set()), [w, L] = q(/* @__PURE__ */ new Set()), Z = e.getRowModel().rows.map((M) => M.id).join(",");
-  z(() => {
+  const [L, g] = q(/* @__PURE__ */ new Set()), [m, b] = q(/* @__PURE__ */ new Set()), H = e.getRowModel().rows.map((M) => M.id).join(",");
+  J(() => {
     if (!u) return;
-    const M = new Set(Z.split(",").filter(Boolean));
-    g((k) => {
-      const N = new Set([...k].filter((y) => M.has(y)));
-      return N.size === k.size ? k : N;
-    }), L((k) => {
-      const N = new Set([...k].filter((y) => M.has(y)));
-      return N.size === k.size ? k : N;
+    const M = new Set(H.split(",").filter(Boolean));
+    g((R) => {
+      const N = new Set([...R].filter((y) => M.has(y)));
+      return N.size === R.size ? R : N;
+    }), b((R) => {
+      const N = new Set([...R].filter((y) => M.has(y)));
+      return N.size === R.size ? R : N;
     });
-  }, [u, Z]);
+  }, [u, H]);
   const S = (M) => {
-    L((k) => new Set(k).add(M)), g((k) => {
-      const N = new Set(k);
+    b((R) => new Set(R).add(M)), g((R) => {
+      const N = new Set(R);
       return N.has(M) ? N.delete(M) : N.add(M), N;
     });
-  }, x = e.getVisibleLeafColumns(), I = x.length + (o ? 1 : 0) + (u ? 1 : 0), b = () => {
+  }, x = e.getVisibleLeafColumns(), V = x.length + (o ? 1 : 0) + (u ? 1 : 0), _ = () => {
     if (i != null) return i;
     if (c != null || C != null)
       return /* @__PURE__ */ p("div", { className: E.emptyState, children: [
         c && /* @__PURE__ */ n("span", { className: E.emptyTitle, children: c }),
         C && /* @__PURE__ */ n("span", { className: E.emptyDescription, children: C })
       ] });
-  }, V = [E.tableWrapper, E[t], f ?? ""].filter(Boolean).join(" "), R = {
+  }, B = [E.tableWrapper, E[t], f ?? ""].filter(Boolean).join(" "), I = {
     ...a,
-    ...m != null && {
-      maxHeight: pt + m * ft,
+    ...w != null && {
+      maxHeight: pt + w * ft,
       overflowY: "auto"
     }
   };
-  return /* @__PURE__ */ n("div", { "data-idb-component": !0, className: V, style: R, children: /* @__PURE__ */ p("table", { className: E.table, children: [
+  return /* @__PURE__ */ n("div", { "data-idb-component": !0, className: B, style: I, children: /* @__PURE__ */ p("table", { className: E.table, children: [
     /* @__PURE__ */ n("thead", { className: E.thead, children: e.getHeaderGroups().map((M) => /* @__PURE__ */ p("tr", { className: E.tr, children: [
       u && /* @__PURE__ */ n("th", { className: `${E.th} ${E.accordionCell}` }),
       o && /* @__PURE__ */ n("th", { className: `${E.th} ${E.checkboxCell}`, children: /* @__PURE__ */ n(
@@ -4074,34 +4082,34 @@ function Xr({
           onChange: () => e.toggleAllRowsSelected(!e.getIsAllRowsSelected())
         }
       ) }),
-      M.headers.map((k) => /* @__PURE__ */ n(
+      M.headers.map((R) => /* @__PURE__ */ n(
         "th",
         {
           className: [
             E.th,
-            k.column.getCanSort() ? E.sortable : ""
+            R.column.getCanSort() ? E.sortable : ""
           ].filter(Boolean).join(" "),
-          onClick: k.column.getToggleSortingHandler(),
-          style: { width: k.getSize() },
-          children: k.isPlaceholder ? null : u2(
-            k.column.columnDef.header,
-            k.getContext()
+          onClick: R.column.getToggleSortingHandler(),
+          style: { width: R.getSize() },
+          children: R.isPlaceholder ? null : u2(
+            R.column.columnDef.header,
+            R.getContext()
           )
         },
-        k.id
+        R.id
       ))
     ] }, M.id)) }),
-    /* @__PURE__ */ n("tbody", { className: E.tbody, children: r ? Array.from({ length: s }, (M, k) => /* @__PURE__ */ p("tr", { className: E.tr, children: [
+    /* @__PURE__ */ n("tbody", { className: E.tbody, children: r ? Array.from({ length: s }, (M, R) => /* @__PURE__ */ p("tr", { className: E.tr, children: [
       u && /* @__PURE__ */ n("td", { className: `${E.td} ${E.accordionCell}` }),
       o && /* @__PURE__ */ n("td", { className: `${E.td} ${E.checkboxCell}`, children: /* @__PURE__ */ n("span", { className: E.skeletonCheckbox }) }),
       x.map((N) => /* @__PURE__ */ n("td", { className: E.td, children: /* @__PURE__ */ n("span", { className: E.skeleton }) }, N.id))
-    ] }, `skeleton-${k}`)) : e.getRowModel().rows.length === 0 ? /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { colSpan: I, className: E.stateCell, children: b() }) }) : e.getRowModel().rows.map((M) => {
-      const k = M.getIsSelected(), N = M.getCanSelect(), y = !!d || o && N, H = _.has(M.id), T = w.has(M.id), A = u && (v ? v(M) : !!h), D = A && T && h ? h(M) : null, O = [
+    ] }, `skeleton-${R}`)) : e.getRowModel().rows.length === 0 ? /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { colSpan: V, className: E.stateCell, children: _() }) }) : e.getRowModel().rows.map((M) => {
+      const R = M.getIsSelected(), N = M.getCanSelect(), y = !!d || o && N, Z = L.has(M.id), T = m.has(M.id), A = u && (v ? v(M) : !!h), D = A && T && h ? h(M) : null, O = [
         E.tr,
         l || d ? E.interactiveRow : "",
         o && N && !l && !d ? E.clickableRow : "",
-        k ? E.selectedRow : "",
-        A && H ? E.expandedRow : ""
+        R ? E.selectedRow : "",
+        A && Z ? E.expandedRow : ""
       ].filter(Boolean).join(" ");
       return /* @__PURE__ */ p(O2, { children: [
         /* @__PURE__ */ p(
@@ -4115,11 +4123,11 @@ function Xr({
                 "button",
                 {
                   type: "button",
-                  "aria-expanded": H,
+                  "aria-expanded": Z,
                   "aria-controls": `accordion-content-${M.id}`,
                   className: [
                     E.accordionToggle,
-                    H ? E.accordionToggleExpanded : ""
+                    Z ? E.accordionToggleExpanded : ""
                   ].filter(Boolean).join(" "),
                   onClick: (U) => {
                     U.stopPropagation(), S(M.id);
@@ -4138,7 +4146,7 @@ function Xr({
                     n2,
                     {
                       size: "small",
-                      checked: k,
+                      checked: R,
                       disabled: !N,
                       onChange: (U) => M.toggleSelected(U)
                     }
@@ -4152,12 +4160,12 @@ function Xr({
             ]
           }
         ),
-        A && /* @__PURE__ */ n("tr", { className: E.accordionRow, children: /* @__PURE__ */ n("td", { colSpan: I, className: E.accordionContent, children: /* @__PURE__ */ n(
+        A && /* @__PURE__ */ n("tr", { className: E.accordionRow, children: /* @__PURE__ */ n("td", { colSpan: V, className: E.accordionContent, children: /* @__PURE__ */ n(
           "div",
           {
             className: [
               E.accordionGrid,
-              H ? E.accordionGridExpanded : ""
+              Z ? E.accordionGridExpanded : ""
             ].filter(Boolean).join(" "),
             children: /* @__PURE__ */ n("div", { className: E.accordionInner, children: /* @__PURE__ */ n("div", { className: E.accordionBody, children: /* @__PURE__ */ n(
               "div",
@@ -4201,7 +4209,7 @@ const wt = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
 <path d="M13.7496 12C13.7496 12.9665 12.9661 13.75 11.9996 13.75C11.0331 13.75 10.2496 12.9665 10.2496 12C10.2496 11.0335 11.0331 10.25 11.9996 10.25C12.9661 10.25 13.7496 11.0335 13.7496 12Z" fill="currentColor"/>
 <path d="M20.4996 12C20.4996 12.9665 19.7161 13.75 18.7496 13.75C17.7831 13.75 16.9996 12.9665 16.9996 12C16.9996 11.0335 17.7831 10.25 18.7496 10.25C19.7161 10.25 20.4996 11.0335 20.4996 12Z" fill="currentColor"/>
 </svg>
-`, _t = "_pagination_10akw_1", bt = "_withTrailingContent_10akw_11", xt = "_buttonContainer_10akw_18", Mt = "_trailingContent_10akw_22", yt = "_minimizeButtonContainer_10akw_37", Ht = "_pageList_10akw_42", Zt = "_pageButtonItem_10akw_48", Vt = "_arrowButtonContent_10akw_55", It = "_arrowButtonLabel_10akw_61", Bt = "_previousButtonLabel_10akw_65", Rt = "_nextButtonLabel_10akw_69", kt = "_ellipsis_10akw_74", St = "_minimizeText_10akw_83", At = "_skeletonPage_10akw_95", Nt = "_skeletonMinimize_10akw_111", Et = "_trailingLabel_10akw_134", Tt = "_trailingInput_10akw_139", J = {
+`, _t = "_pagination_10akw_1", bt = "_withTrailingContent_10akw_11", xt = "_buttonContainer_10akw_18", Mt = "_trailingContent_10akw_22", yt = "_minimizeButtonContainer_10akw_37", Ht = "_pageList_10akw_42", Zt = "_pageButtonItem_10akw_48", Vt = "_arrowButtonContent_10akw_55", It = "_arrowButtonLabel_10akw_61", Bt = "_previousButtonLabel_10akw_65", Rt = "_nextButtonLabel_10akw_69", kt = "_ellipsis_10akw_74", St = "_minimizeText_10akw_83", At = "_skeletonPage_10akw_95", Nt = "_skeletonMinimize_10akw_111", Et = "_trailingLabel_10akw_134", Tt = "_trailingInput_10akw_139", z = {
   pagination: _t,
   withTrailingContent: bt,
   buttonContainer: xt,
@@ -4319,44 +4327,44 @@ function Yr({
   loading: u = !1,
   prevLabel: v = "이전",
   nextLabel: h = "다음",
-  jumpLabel: m = "페이지 이동",
-  outOfRangeToastText: _,
+  jumpLabel: w = "페이지 이동",
+  outOfRangeToastText: L,
   customStyle: g,
-  className: w
+  className: m
 }) {
-  const L = Ot(c), Z = Math.max(Number(t) || 0, 0), S = L === "minimize", x = Z > 0 ? `${e + 1}` : "", [I, b] = q(x), V = Z1(
-    () => Wt(Z, e, L, C),
-    [Z, e, L, C]
+  const b = Ot(c), H = Math.max(Number(t) || 0, 0), S = b === "minimize", x = H > 0 ? `${e + 1}` : "", [V, _] = q(x), B = Z1(
+    () => Wt(H, e, b, C),
+    [H, e, b, C]
   );
-  z(() => {
-    b(x);
+  J(() => {
+    _(x);
   }, [x]);
-  const R = (H) => {
-    H < 0 || H >= Z || H === e || o(H);
+  const I = (Z) => {
+    Z < 0 || Z >= H || Z === e || o(Z);
   }, M = () => {
-    if (!I || Z <= 0) {
-      b(x);
+    if (!V || H <= 0) {
+      _(x);
       return;
     }
-    const H = Number(I);
-    if (!Number.isFinite(H)) {
-      b(x);
+    const Z = Number(V);
+    if (!Number.isFinite(Z)) {
+      _(x);
       return;
     }
-    if ((H < 1 || H > Z) && _) {
-      b(x), c3({ message: _ });
+    if ((Z < 1 || Z > H) && L) {
+      _(x), c3({ message: L });
       return;
     }
-    const A = Math.min(Math.max(H, 1), Z) - 1;
-    R(A), b(`${A + 1}`);
-  }, k = (H) => {
-    b(H.target.value.replace(/\D/g, ""));
-  }, N = (H) => {
-    H.key === "Enter" && (H.preventDefault(), M());
+    const A = Math.min(Math.max(Z, 1), H) - 1;
+    I(A), _(`${A + 1}`);
+  }, R = (Z) => {
+    _(Z.target.value.replace(/\D/g, ""));
+  }, N = (Z) => {
+    Z.key === "Enter" && (Z.preventDefault(), M());
   }, y = [
-    J.pagination,
-    a ? J.withTrailingContent : "",
-    w ?? ""
+    z.pagination,
+    a ? z.withTrailingContent : "",
+    m ?? ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ p(
     "div",
@@ -4372,8 +4380,8 @@ function Yr({
           "div",
           {
             className: [
-              J.buttonContainer,
-              S ? J.minimizeButtonContainer : ""
+              z.buttonContainer,
+              S ? z.minimizeButtonContainer : ""
             ].filter(Boolean).join(" "),
             children: [
               /* @__PURE__ */ n(
@@ -4384,35 +4392,35 @@ function Yr({
                   onClick: s,
                   disabled: u || !l,
                   customStyle: f2(u || !l),
-                  children: /* @__PURE__ */ p("div", { className: J.arrowButtonContent, children: [
+                  children: /* @__PURE__ */ p("div", { className: z.arrowButtonContent, children: [
                     /* @__PURE__ */ n(k9, { svg: wt }),
                     !S && /* @__PURE__ */ n(
                       "span",
                       {
-                        className: `${J.arrowButtonLabel} ${J.previousButtonLabel}`,
+                        className: `${z.arrowButtonLabel} ${z.previousButtonLabel}`,
                         children: v
                       }
                     )
                   ] })
                 }
               ),
-              S ? u ? /* @__PURE__ */ n("span", { className: J.skeletonMinimize }) : /* @__PURE__ */ n("span", { className: J.minimizeText, children: Z > 0 ? `${e + 1}/${Z}` : "0/0" }) : u ? /* @__PURE__ */ n("div", { className: J.pageList, children: Array.from(
-                { length: L9[L] ?? L9.extended },
-                (H, T) => /* @__PURE__ */ n("span", { className: J.skeletonPage }, T)
-              ) }) : /* @__PURE__ */ n("div", { className: J.pageList, children: V.map(
-                (H) => H.type === "ellipsis" ? /* @__PURE__ */ n("span", { className: J.ellipsis, children: /* @__PURE__ */ n(k9, { svg: Lt }) }, H.key) : /* @__PURE__ */ n("div", { className: J.pageButtonItem, children: /* @__PURE__ */ n(
+              S ? u ? /* @__PURE__ */ n("span", { className: z.skeletonMinimize }) : /* @__PURE__ */ n("span", { className: z.minimizeText, children: H > 0 ? `${e + 1}/${H}` : "0/0" }) : u ? /* @__PURE__ */ n("div", { className: z.pageList, children: Array.from(
+                { length: L9[b] ?? L9.extended },
+                (Z, T) => /* @__PURE__ */ n("span", { className: z.skeletonPage }, T)
+              ) }) : /* @__PURE__ */ n("div", { className: z.pageList, children: B.map(
+                (Z) => Z.type === "ellipsis" ? /* @__PURE__ */ n("span", { className: z.ellipsis, children: /* @__PURE__ */ n(k9, { svg: Lt }) }, Z.key) : /* @__PURE__ */ n("div", { className: z.pageButtonItem, children: /* @__PURE__ */ n(
                   u9,
                   {
                     widthType: "flexible",
-                    onClick: () => R(H.page),
-                    variant: H.page === e ? "primary" : "secondary",
+                    onClick: () => I(Z.page),
+                    variant: Z.page === e ? "primary" : "secondary",
                     customStyle: {
                       ...Gt,
-                      ...H.page === e ? qt : Z2
+                      ...Z.page === e ? qt : Z2
                     },
-                    children: H.page + 1
+                    children: Z.page + 1
                   }
-                ) }, H.page)
+                ) }, Z.page)
               ) }),
               /* @__PURE__ */ n(
                 u9,
@@ -4422,11 +4430,11 @@ function Yr({
                   onClick: i,
                   disabled: u || !r,
                   customStyle: f2(u || !r),
-                  children: /* @__PURE__ */ p("div", { className: J.arrowButtonContent, children: [
+                  children: /* @__PURE__ */ p("div", { className: z.arrowButtonContent, children: [
                     !S && /* @__PURE__ */ n(
                       "span",
                       {
-                        className: `${J.arrowButtonLabel} ${J.nextButtonLabel}`,
+                        className: `${z.arrowButtonLabel} ${z.nextButtonLabel}`,
                         children: h
                       }
                     ),
@@ -4440,21 +4448,21 @@ function Yr({
         a && /* @__PURE__ */ p(
           "div",
           {
-            className: J.trailingContent,
+            className: z.trailingContent,
             style: d ? { justifySelf: "end", marginLeft: 0 } : void 0,
             children: [
-              /* @__PURE__ */ n("span", { className: J.trailingLabel, children: m }),
+              /* @__PURE__ */ n("span", { className: z.trailingLabel, children: w }),
               /* @__PURE__ */ n(
                 "input",
                 {
                   type: "text",
                   inputMode: "numeric",
-                  value: I,
-                  onChange: k,
+                  value: V,
+                  onChange: R,
                   onKeyDown: N,
                   onBlur: M,
-                  className: J.trailingInput,
-                  disabled: Z <= 0
+                  className: z.trailingInput,
+                  disabled: H <= 0
                 }
               )
             ]