@idbrnd/design-system 2.1.2 → 2.2.0

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,
@@ -17,17 +17,17 @@ function X2({ color: e = F9, size: t = 10 }) {
   const o = Math.max(2, Math.round(t)), l = Math.max(2, Math.round(t * 0.5));
   return (
     // 점 3개를 가로로 배치하는 컨테이너
-    /* @__PURE__ */ n("span", { className: j1.sync, style: { color: e, gap: l }, children: Array.from({ length: 3 }).map((r, s) => /* @__PURE__ */ n(
+    /* @__PURE__ */ n("span", { className: j1.sync, style: { color: e, gap: l }, children: Array.from({ length: 3 }).map((r, c) => /* @__PURE__ */ n(
       "span",
       {
         className: j1.syncDot,
         style: {
           width: o,
           height: o,
-          animationDelay: `${s * 0.12}s`
+          animationDelay: `${c * 0.12}s`
         }
       },
-      s
+      c
     )) })
   );
 }
@@ -53,10 +53,10 @@ function l9({ color: e = F9, size: t = 10, text: o = "" }) {
   );
 }
 function Zr({ color: e = F9, width: t = 4, height: o = 12, radius: l = 2, margin: r = 2 }) {
-  const i = Math.max(6, Math.round(o + r + 1)), c = i * 2 + o, C = 1, a = C / 8;
+  const i = Math.max(6, Math.round(o + r + 1)), s = i * 2 + o, C = 1, a = C / 8;
   return (
     // 원형 막대 스피너의 기준 좌표가 되는 컨테이너(막대 위치는 고정)
-    /* @__PURE__ */ n("span", { className: j1.fade, style: { color: e, width: c, height: c }, children: Array.from({ length: 8 }).map((f, d) => /* @__PURE__ */ n(
+    /* @__PURE__ */ n("span", { className: j1.fade, style: { color: e, width: s, height: s }, children: Array.from({ length: 8 }).map((f, d) => /* @__PURE__ */ n(
       "span",
       {
         className: j1.fadeBar,
@@ -100,9 +100,9 @@ function Vr({
   size: o = "medium",
   disabled: l = !1,
   loading: r = !1,
-  keepFocusOnClick: s = !1,
+  keepFocusOnClick: c = !1,
   customStyle: i = {},
-  onClick: c,
+  onClick: s,
   className: C,
   children: a,
   type: f = "button",
@@ -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 _ = typeof m == "string" || typeof m == "number" ? _1.text : _1.node;
+    return /* @__PURE__ */ n("span", { className: _, 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) => {
+        s?.(m), !c && !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 })
     }
   );
 }
@@ -167,9 +167,9 @@ function Ir({
   size: o = "medium",
   disabled: l = !1,
   loading: r = !1,
-  keepFocusOnClick: s = !1,
+  keepFocusOnClick: c = !1,
   customStyle: i = {},
-  onClick: c,
+  onClick: s,
   className: C,
   children: a,
   type: f = "button",
@@ -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 _ = typeof m == "string" || typeof m == "number" ? b1.text : b1.node;
+    return /* @__PURE__ */ n("span", { className: _, 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) => {
+        s?.(m), !c && !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 })
     }
   );
 }
@@ -234,9 +234,9 @@ function u9({
   size: o = "medium",
   disabled: l = !1,
   loading: r = !1,
-  keepFocusOnClick: s = !1,
+  keepFocusOnClick: c = !1,
   customStyle: i = {},
-  onClick: c,
+  onClick: s,
   className: C,
   children: a,
   type: f = "button",
@@ -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 _ = typeof m == "string" || typeof m == "number" ? x1.text : x1.node;
+    return /* @__PURE__ */ n("span", { className: _, 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) => {
+        s?.(m), !c && !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 })
     }
   );
 }
@@ -301,9 +301,9 @@ function Br({
   size: o = "medium",
   disabled: l = !1,
   loading: r = !1,
-  keepFocusOnClick: s = !1,
+  keepFocusOnClick: c = !1,
   customStyle: i = {},
-  onClick: c,
+  onClick: s,
   className: C,
   children: a,
   type: f = "button",
@@ -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 _ = typeof m == "string" || typeof m == "number" ? M1.text : M1.node;
+    return /* @__PURE__ */ n("span", { className: _, 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) => {
+        s?.(m), !c && !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 })
     }
   );
 }
@@ -352,21 +352,21 @@ function S9({
   keepFocusOnClick: o = !1,
   customStyle: l = {},
   onClick: r,
-  className: s,
+  className: c,
   children: i,
-  type: c = "button",
+  type: s = "button",
   ...C
 }) {
   const a = [
     e2.button,
     e2[e],
-    s ?? ""
+    c ?? ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
     "button",
     {
       "data-idb-component": !0,
-      type: c,
+      type: s,
       className: a,
       onClick: (d) => {
         r?.(d), !o && !d.defaultPrevented && d.currentTarget.blur();
@@ -392,9 +392,9 @@ function Rr({
   disabled: o = !1,
   keepFocusOnClick: l = !1,
   customStyle: r = {},
-  onClick: s,
+  onClick: c,
   children: i,
-  type: c = "button",
+  type: s = "button",
   ...C
 }) {
   const a = [I9.button, I9[e], I9[t]].filter(Boolean).join(" ");
@@ -402,10 +402,10 @@ function Rr({
     "button",
     {
       "data-idb-component": !0,
-      type: c,
+      type: s,
       className: a,
       onClick: (d) => {
-        s?.(d), !l && !d.defaultPrevented && d.currentTarget.blur();
+        c?.(d), !l && !d.defaultPrevented && d.currentTarget.blur();
       },
       disabled: o,
       style: r,
@@ -425,9 +425,9 @@ function kr({
   keepFocusOnClick: o = !1,
   customStyle: l = {},
   onClick: r,
-  children: s,
+  children: c,
   type: i = "button",
-  ...c
+  ...s
 }) {
   const C = [t2.button, t2[e]].filter(Boolean).join(" ");
   return /* @__PURE__ */ n(
@@ -441,8 +441,8 @@ function kr({
       },
       disabled: t,
       style: l,
-      ...c,
-      children: s
+      ...s,
+      children: c
     }
   );
 }
@@ -544,11 +544,11 @@ function K4({
   // 상태 variant
   width: r,
   // 루트 너비
-  heading: s = !0,
+  heading: c = !0,
   // 라벨 표시 여부
   headingContent: i = "Label",
   // 라벨 내용
-  required: c = !1,
+  required: s = !1,
   // 라벨 우측 *
   description: C = !1,
   // 하단 안내 문구
@@ -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: _ = !1,
   // 전체 비활성화 여부
-  readOnly: Z = !1,
+  readOnly: H = !1,
   // 읽기 전용 여부
-  ...S
+  ...k
 }) {
-  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, I = c, A = i, { currentValue: M, handleFocus: b, handleBlur: B, handleChange: S } = 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(() => M == null ? !1 : Array.isArray(M) ? M.length > 0 : typeof M == "number" ? !0 : String(M).length > 0, [M]), Z = Z1(() => g9(f), [f]), T = Z1(() => g9(C), [C]), N = Z !== void 0, D = Z1(() => N ? "error" : l !== void 0 ? l : y ? "typed" : "basic", [N, 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 = [
+    !_ && a1 ? Q.focused : "",
+    _ ? Q.disabled : ""
+  ].filter(Boolean).join(" "), l1 = [Q.inputField, Q[`input-${o}`]].join(" "), K = Q.root, B1 = [Q.label, _ ? Q.labelDisabled : ""].filter(Boolean).join(" "), g1 = Z1(() => O ? N ? Z : "에러 메시지가 표시됩니다." : C === !1 || C === void 0 || C === null ? null : C === !0 ? "2~19자 이내로 입력해 주세요." : T ?? null, [C, O, N, T, Z]), r1 = [
     Q.helper,
     a ? Q.helperFixed : "",
     O ? Q.errorHelper : "",
     O && g1 !== null ? Q.errorHelperBounce : "",
-    L ? Q.helperDisabled : "",
+    _ ? Q.helperDisabled : "",
     a && g1 === null ? Q.helperPlaceholder : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ p(
@@ -608,33 +608,33 @@ function K4({
         ...v
       },
       children: [
-        b ? /* @__PURE__ */ p("label", { htmlFor: I, className: B1, children: [
-          /* @__PURE__ */ n("span", { children: V }),
-          c ? /* @__PURE__ */ n("span", { className: Q.requiredMark, children: "*" }) : null
+        I ? /* @__PURE__ */ p("label", { htmlFor: V, className: B1, children: [
+          /* @__PURE__ */ n("span", { children: A }),
+          s ? /* @__PURE__ */ n("span", { className: Q.requiredMark, children: "*" }) : null
         ] }) : null,
         /* @__PURE__ */ n("div", { className: Q.controlRow, children: /* @__PURE__ */ p("div", { className: h1, children: [
           d ? /* @__PURE__ */ n("span", { className: Q.leadingIcon, children: d }) : null,
           /* @__PURE__ */ n(
             "input",
             {
-              id: I,
+              id: V,
               type: e,
-              value: R,
+              value: M,
               className: l1,
-              onFocus: M,
-              onBlur: k,
-              onChange: N,
-              disabled: L,
-              readOnly: Z,
-              required: c,
-              ...S
+              onFocus: b,
+              onBlur: B,
+              onChange: S,
+              disabled: _,
+              readOnly: H,
+              required: s,
+              ...k
             }
           ),
           /* @__PURE__ */ n(
             Q4,
             {
               content: u,
-              disabled: L
+              disabled: _
             }
           )
         ] }) }),
@@ -662,11 +662,11 @@ function Sr({
   // 입력내용 전체 삭제 핸들러(미전달 시 기본 삭제 동작)
   size: r = "default",
   // 인풋 크기
-  width: s,
+  width: c,
   // 컴포넌트 너비
   designType: i = "outline",
   // 인풋 외형 타입
-  heading: c = !1,
+  heading: s = !1,
   // 라벨 표시 여부
   headingContent: C,
   // 라벨 내용
@@ -682,49 +682,49 @@ 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: _ = 20,
   // 최대 입력 길이
-  required: Z = !1,
+  required: H = !1,
   // 필수 입력 여부
-  errorMessage: S,
+  errorMessage: k,
   // 에러 상태 문구
   onBlur: x,
   // 포커스 이탈 핸들러
-  onKeyDown: I,
+  onKeyDown: V,
   // 키다운 핸들러
-  ...b
+  ...I
 }) {
-  const V = _9(), R = h ?? V, M = () => o(e), k = () => {
-    const A = document.getElementById(R);
-    if (!(A instanceof HTMLInputElement))
+  const A = _9(), M = h ?? A, b = () => o(e), B = () => {
+    const N = document.getElementById(M);
+    if (!(N instanceof HTMLInputElement))
       return;
     const D = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
-    D !== void 0 && (D.call(A, ""), A.dispatchEvent(new Event("input", { bubbles: !0 })));
-  }, N = () => {
+    D !== void 0 && (D.call(N, ""), N.dispatchEvent(new Event("input", { bubbles: !0 })));
+  }, S = () => {
     if (!(u || v || e.length === 0)) {
       if (l !== void 0) {
         l();
         return;
       }
-      k();
+      B();
     }
-  }, 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: [
+  }, y = (N) => {
+    V?.(N), !N.defaultPrevented && (N.key !== "Enter" || N.nativeEvent.isComposing || (N.preventDefault(), b()));
+  }, Z = a === void 0 ? void 0 : e6[a], T = m ?? /* @__PURE__ */ p("span", { className: z4.actionButtons, children: [
     e.length > 0 ? /* @__PURE__ */ n(
       S9,
       {
         size: "small",
         keepFocusOnClick: !0,
-        onClick: N,
+        onClick: S,
         disabled: u || v,
         children: /* @__PURE__ */ n(
           "img",
@@ -740,7 +740,7 @@ function Sr({
       {
         size: "small",
         keepFocusOnClick: !0,
-        onClick: M,
+        onClick: b,
         disabled: u,
         children: /* @__PURE__ */ n(
           "img",
@@ -755,28 +755,28 @@ function Sr({
   return /* @__PURE__ */ n(
     K4,
     {
-      ...b,
-      id: R,
-      name: m,
+      ...I,
+      id: M,
+      name: w,
       value: e,
-      placeholder: _,
+      placeholder: L,
       onChange: t,
       onBlur: x,
       onKeyDown: y,
       type: "text",
-      width: s,
+      width: c,
       designType: i,
       size: r,
-      heading: c,
+      heading: s,
       headingContent: C,
-      required: Z,
+      required: H,
       description: f,
       fixedDescriptionHeight: d,
-      variant: H,
-      errorMessage: S,
+      variant: Z,
+      errorMessage: k,
       leadingIcon: g,
       trailingContent: T,
-      maxLength: L,
+      maxLength: _,
       disabled: u,
       readOnly: v
     }
@@ -804,19 +804,19 @@ function n2({
   density: o = "default",
   disabled: l = !1,
   customStyle: r = {},
-  className: s,
+  className: c,
   checked: i = !1,
-  indeterminate: c = !1,
+  indeterminate: s = !1,
   children: C,
   onChange: a,
   ...f
 }) {
   const d = F(null);
-  z(() => {
-    d.current && (d.current.indeterminate = c);
-  }, [c]);
-  const u = (m) => {
-    a?.(m.target.checked);
+  J(() => {
+    d.current && (d.current.indeterminate = s);
+  }, [s]);
+  const u = (w) => {
+    a?.(w.target.checked);
   }, v = t === "small" ? n6 : t6, h = [
     m1.wrapper,
     m1[e],
@@ -824,7 +824,7 @@ function n2({
     m1[o],
     i ? m1.active : "",
     l ? m1.disabled : "",
-    s ?? ""
+    c ?? ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ p("label", { "data-idb-component": !0, className: h, style: r, children: [
     /* @__PURE__ */ n(
@@ -840,7 +840,7 @@ function n2({
       }
     ),
     /* @__PURE__ */ n("span", { className: m1.control, children: /* @__PURE__ */ p("span", { className: m1.box, children: [
-      i && c && /* @__PURE__ */ n(
+      i && s && /* @__PURE__ */ n(
         "img",
         {
           src: o6,
@@ -849,7 +849,7 @@ function n2({
           "aria-hidden": "true"
         }
       ),
-      i && !c && /* @__PURE__ */ n(
+      i && !s && /* @__PURE__ */ n(
         "img",
         {
           src: v,
@@ -882,9 +882,9 @@ function Ar({
   density: o = "default",
   disabled: l = !1,
   checked: r = !1,
-  customStyle: s = {},
+  customStyle: c = {},
   className: i,
-  children: c,
+  children: s,
   onChange: C,
   ...a
 }) {
@@ -899,7 +899,7 @@ function Ar({
     l ? y1.disabled : "",
     i ?? ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ p("label", { "data-idb-component": !0, className: d, style: s, children: [
+  return /* @__PURE__ */ p("label", { "data-idb-component": !0, className: d, style: c, children: [
     /* @__PURE__ */ n(
       "input",
       {
@@ -912,7 +912,7 @@ function Ar({
       }
     ),
     /* @__PURE__ */ n("span", { className: y1.control, children: /* @__PURE__ */ n("span", { className: y1.circle }) }),
-    c != null ? /* @__PURE__ */ n("span", { className: y1.content, children: c }) : null
+    s != null ? /* @__PURE__ */ n("span", { className: y1.content, children: s }) : null
   ] });
 }
 const B6 = "_wrapper_tycam_1", R6 = "_disabled_tycam_8", k6 = "_input_tycam_13", S6 = "_track_tycam_22", A6 = "_thumb_tycam_31", N6 = "_small_tycam_41", E6 = "_medium_tycam_52", T6 = "_large_tycam_63", $6 = "_off_tycam_76", D6 = "_on_tycam_82", A1 = {
@@ -933,11 +933,11 @@ function Nr({
   disabled: o = !1,
   customStyle: l = {},
   className: r,
-  onChange: s,
+  onChange: c,
   ...i
 }) {
-  const c = (a) => {
-    s?.(a.target.checked);
+  const s = (a) => {
+    c?.(a.target.checked);
   }, C = [
     A1.wrapper,
     A1[e],
@@ -953,7 +953,7 @@ function Nr({
         className: A1.input,
         checked: t,
         disabled: o,
-        onChange: c,
+        onChange: s,
         ...i
       }
     ),
@@ -972,17 +972,17 @@ function Er({
   maxCount: o = 999,
   bgColor: l,
   color: r,
-  disabled: s = !1,
+  disabled: c = !1,
   customStyle: i = {},
-  className: c
+  className: s
 }) {
-  if (s)
+  if (c)
     return null;
   const C = t > o ? `${o}+` : t, a = {
     ...l ? { backgroundColor: l } : {},
     ...r ? { color: r } : {},
     ...i
-  }, f = [o2.badge, o2[e], c ?? ""].filter(Boolean).join(" ");
+  }, f = [o2.badge, o2[e], s ?? ""].filter(Boolean).join(" ");
   return /* @__PURE__ */ p("span", { "data-idb-component": !0, className: f, style: a, children: [
     e === "number" ? C : null,
     e === "info" ? "?" : null
@@ -1162,9 +1162,9 @@ function A3(e) {
   W1(), z1(), J1 = e, w2();
 }
 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(() => {
-    if (!c) {
+  const r = F(null), [c, i] = q(!1), s = K1(e.heading), C = K1(e.description);
+  J(() => {
+    if (!s) {
       i(!1);
       return;
     }
@@ -1172,19 +1172,19 @@ 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: [
+  }, [s, e.description, e.heading]);
+  const a = s && !c, f = s ? C ? /* @__PURE__ */ p(S1, { children: [
     e.heading,
     " ",
     e.description
@@ -1210,7 +1210,7 @@ function N3({ snackbar: e, onPauseAutoHide: t, onResumeAutoHide: o, onClose: l }
             /* @__PURE__ */ n("p", { className: t1.heading, children: e.heading }),
             C ? /* @__PURE__ */ n("p", { className: t1.description, children: e.description }) : null
           ] }) : /* @__PURE__ */ n("p", { className: t1.description, children: f }),
-          c ? (
+          s ? (
             // 실제 화면에는 보이지 않지만 heading 2줄 초과 여부를 안정적으로 측정하기 위한 숨김 영역
             /* @__PURE__ */ p("div", { ref: r, className: t1.measureContent, "aria-hidden": "true", children: [
               /* @__PURE__ */ n("p", { className: t1.heading, children: e.heading }),
@@ -1269,9 +1269,9 @@ function $r({
   description: o,
   icon: l,
   actionLabel: r,
-  onActionClick: s,
+  onActionClick: c,
   closeButton: i = !1,
-  customStyle: c
+  customStyle: s
 }) {
   if (!K1(t) && !K1(o) || !k3())
     return;
@@ -1283,9 +1283,9 @@ function $r({
     description: o,
     icon: l,
     actionLabel: r,
-    onActionClick: s,
+    onActionClick: c,
     closeButton: i,
-    customStyle: c,
+    customStyle: s,
     isExiting: !1,
     renderKey: R3++
   }, T9(), A3(C);
@@ -1312,10 +1312,10 @@ function q3({
   circular: o = !1,
   interactionActive: l = !1,
   onClick: r,
-  customStyle: s = {},
+  customStyle: c = {},
   ...i
 }) {
-  const c = e || T3, C = l ? 0 : void 0, a = e1(
+  const s = e || T3, C = l ? 0 : void 0, a = e1(
     O1.avatar,
     O1[t],
     o && O1.circular
@@ -1323,15 +1323,15 @@ 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",
     {
       "data-idb-component": l ? void 0 : !0,
-      src: c,
+      src: s,
       alt: r2,
       className: a,
       onClick: l ? void 0 : r,
@@ -1340,7 +1340,7 @@ function q3({
       draggable: !1,
       style: {
         cursor: d,
-        ...s
+        ...c
       }
     }
   );
@@ -1375,11 +1375,11 @@ function Dr({
     c9.stack,
     c9[t]
   ), l = e.slice(0, K3);
-  return l.length === 0 ? null : /* @__PURE__ */ n("div", { "data-idb-component": !0, className: o, children: l.map((r, s) => /* @__PURE__ */ n(
+  return l.length === 0 ? null : /* @__PURE__ */ n("div", { "data-idb-component": !0, className: o, children: l.map((r, c) => /* @__PURE__ */ n(
     "span",
     {
       className: c9.item,
-      style: { zIndex: s + 1 },
+      style: { zIndex: c + 1 },
       children: /* @__PURE__ */ n("span", { className: c9.avatarSlot, children: /* @__PURE__ */ n(
         q3,
         {
@@ -1388,7 +1388,7 @@ function Dr({
         }
       ) })
     },
-    `${r ?? "default"}-${s}`
+    `${r ?? "default"}-${c}`
   )) });
 }
 const Y3 = "_badge_1rfcr_1", J3 = "_basic_1rfcr_13", z3 = "_primary_1rfcr_19", e5 = "_compact_1rfcr_31", B9 = {
@@ -1405,9 +1405,9 @@ function Fr({
   contentColor: o,
   backgroundColor: l,
   borderColor: r,
-  customStyle: s = {},
+  customStyle: c = {},
   className: i,
-  children: c
+  children: s
 }) {
   const C = [
     B9.badge,
@@ -1418,9 +1418,9 @@ function Fr({
     ...o ? { color: o } : {},
     ...l ? { backgroundColor: l } : {},
     ...r ? { borderColor: r } : {},
-    ...s
+    ...c
   };
-  return /* @__PURE__ */ n("span", { "data-idb-component": !0, className: C, style: a, children: c });
+  return /* @__PURE__ */ n("span", { "data-idb-component": !0, className: C, style: a, children: s });
 }
 const t5 = "_badge_pssu9_1", n5 = "_basic_pssu9_13", o5 = "_error_pssu9_19", l5 = "_success_pssu9_25", r5 = "_info_pssu9_31", i5 = "_warning_pssu9_37", C5 = "_compact_pssu9_49", s5 = "_dot_pssu9_55", a9 = {
   badge: t5,
@@ -1439,7 +1439,7 @@ function Or({
   stateIcon: o = !1,
   customStyle: l = {},
   className: r,
-  children: s
+  children: c
 }) {
   const i = [
     a9.badge,
@@ -1449,7 +1449,7 @@ function Or({
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ p("span", { "data-idb-component": !0, className: i, style: l, children: [
     o ? /* @__PURE__ */ n("span", { className: a9.dot }) : null,
-    s
+    c
   ] });
 }
 const c5 = "_root_1p9m1_3", a5 = "_label_1p9m1_13", d5 = "_requiredMark_1p9m1_21", u5 = "_select_1p9m1_29", h5 = "_large_1p9m1_45", f5 = "_medium_1p9m1_48", p5 = "_small_1p9m1_51", g5 = "_disabled_1p9m1_60", m5 = "_choosing_1p9m1_60", w5 = "_error_1p9m1_69", v5 = "_selected_1p9m1_73", L5 = "_value_1p9m1_84", _5 = "_contentWrapper_1p9m1_89", b5 = "_leadingContent_1p9m1_97", x5 = "_placeholder_1p9m1_123", M5 = "_trailingIcon_1p9m1_127", y5 = "_helper_1p9m1_139", H5 = "_errorHelper_1p9m1_147", Z5 = "_helperDisabled_1p9m1_151", d1 = {
@@ -1518,57 +1518,57 @@ const c5 = "_root_1p9m1_3", a5 = "_label_1p9m1_13", d5 = "_requiredMark_1p9m1_21
   trigger: h7
 }, f7 = 6, p7 = 4, w1 = f7 + p7, d9 = 20;
 function v2(e, t, o) {
-  const l = t.offsetWidth, r = t.offsetHeight, s = e.left + e.width / 2, i = e.top + e.height / 2;
-  let c = 0, C = 0;
+  const l = t.offsetWidth, r = t.offsetHeight, c = e.left + e.width / 2, i = e.top + e.height / 2;
+  let s = 0, C = 0;
   switch (o) {
     // ─── Top ──────────────────────────────────────────
     case "top":
-      c = e.top - r - w1, C = s - l / 2;
+      s = e.top - r - w1, C = c - l / 2;
       break;
     case "top-left":
-      c = e.top - r - w1, C = s - l + d9;
+      s = e.top - r - w1, C = c - l + d9;
       break;
     case "top-right":
-      c = e.top - r - w1, C = s - d9;
+      s = e.top - r - w1, C = c - d9;
       break;
     // ─── Bottom ───────────────────────────────────────
     case "bottom":
-      c = e.bottom + w1, C = s - l / 2;
+      s = e.bottom + w1, C = c - l / 2;
       break;
     case "bottom-left":
-      c = e.bottom + w1, C = s - l + d9;
+      s = e.bottom + w1, C = c - l + d9;
       break;
     case "bottom-right":
-      c = e.bottom + w1, C = s - d9;
+      s = e.bottom + w1, C = c - d9;
       break;
     // ─── Left ─────────────────────────────────────────
     case "left":
-      c = i - r / 2, C = e.left - l - w1;
+      s = i - r / 2, C = e.left - l - w1;
       break;
     case "left-top":
-      c = e.top, C = e.left - l - w1;
+      s = e.top, C = e.left - l - w1;
       break;
     case "left-bottom":
-      c = e.bottom - r, C = e.left - l - w1;
+      s = e.bottom - r, C = e.left - l - w1;
       break;
     // ─── Right ────────────────────────────────────────
     case "right":
-      c = i - r / 2, C = e.right + w1;
+      s = i - r / 2, C = e.right + w1;
       break;
     case "right-top":
-      c = e.top, C = e.right + w1;
+      s = e.top, C = e.right + w1;
       break;
     case "right-bottom":
-      c = e.bottom - r, C = e.right + w1;
+      s = e.bottom - r, C = e.right + w1;
       break;
   }
-  return { top: Math.round(c), left: Math.round(C) };
+  return { top: Math.round(s), left: Math.round(C) };
 }
 function L2() {
   const [e, t] = q(null), o = G(
-    (r, s, i) => {
-      const c = r.getBoundingClientRect();
-      t({ content: s, rect: c, position: i });
+    (r, c, i) => {
+      const s = r.getBoundingClientRect();
+      t({ content: c, rect: s, position: i });
     },
     []
   ), l = G(() => {
@@ -1591,9 +1591,9 @@ const g7 = {
   "right-bottom": Y.arrowRightBottom
 };
 function _2({ tooltip: e, backgroundColor: t, contentColor: o }) {
-  const l = F(null), [r, s] = q(null);
+  const l = F(null), [r, c] = q(null);
   if (o9(() => {
-    e && l.current ? s(v2(e.rect, l.current, e.position)) : s(null);
+    e && l.current ? c(v2(e.rect, l.current, e.position)) : c(null);
   }, [e]), !e) return null;
   const i = t ? { backgroundColor: t, borderColor: t } : void 0;
   return b9(
@@ -1623,48 +1623,55 @@ function Pr({
   variant: o = "default",
   position: l = "top",
   arrow: r = !0,
-  as: s,
+  as: c,
   visibleOnEllipsis: i = !1,
   // 자식 엘리먼트에 말줄임(ellipsis)이 발생했을 때만 툴팁을 표시.
-  backgroundColor: c,
+  backgroundColor: s,
   contentColor: C,
   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 M = v.current.getBoundingClientRect();
+      L(v2(M, 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 M = v.current.firstElementChild ?? v.current;
+    return M.scrollWidth > M.clientWidth || M.scrollHeight > M.clientHeight;
+  }, [i]), _ = G(() => {
+    m() && u(!0);
+  }, [m]), H = G(() => {
+    u(!1), L(null);
+  }, []), k = 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 M = (b) => {
+      const B = b.target;
+      v.current?.contains(B) || h.current?.contains(B) || 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", M), window.addEventListener("scroll", H, !0), window.addEventListener("resize", H), () => {
+      document.removeEventListener("mousedown", M), 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 _(), window.addEventListener("scroll", g, !0), window.addEventListener("resize", g), () => {
+        window.removeEventListener("scroll", g, !0), window.removeEventListener("resize", g);
+      };
+  }, [t, _, g]);
+  const x = typeof e == "function" ? e(H) : e, V = s ? { backgroundColor: s } : void 0, I = c ?? "span", A = e1(
     Y.tooltip,
     Y[o]
   );
@@ -1674,7 +1681,8 @@ function Pr({
       {
         ref: v,
         className: Y.trigger,
-        ...t === "hover" ? { onMouseEnter: w, onMouseLeave: L } : { onClick: Z }
+        ...t === "hover" ? { onMouseEnter: _, onMouseLeave: H } : t === "click" ? { onClick: k } : {}
+        // always: 이벤트 핸들러 없이 항상 표시
       },
       f
     ),
@@ -1683,15 +1691,15 @@ function Pr({
         "div",
         {
           ref: h,
-          className: b,
+          className: A,
           "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 }) })
           ]
         }
       ),
@@ -1740,8 +1748,8 @@ function m7(e, t) {
   const o = e.toLowerCase().replace(/\s/g, ""), l = t.toLowerCase().replace(/\s/g, "");
   if (!l || o.includes(l)) return !0;
   if (!l.split("").some(C2)) return !1;
-  const s = o.split("").map(i2).join(""), i = l.split("").map((c) => C2(c) ? c : i2(c)).join("");
-  return s.includes(i);
+  const c = o.split("").map(i2).join(""), i = l.split("").map((s) => C2(s) ? s : i2(s)).join("");
+  return c.includes(i);
 }
 function x2({
   listboxId: e,
@@ -1749,34 +1757,34 @@ function x2({
   align: o = "left",
   content: l = !1,
   options: r,
-  selectedValue: s,
+  selectedValue: c,
   onSelect: i,
-  textColor: c,
+  textColor: s,
   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 I = 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 (I && I.scrollWidth > I.clientWidth) {
+        const A = window.innerHeight - x.currentTarget.getBoundingClientRect().bottom > 80 ? "bottom" : "top";
+        v(x.currentTarget, V, A);
       }
     },
     [v]
-  ), L = G(
+  ), _ = G(
     () => h(),
     [h]
-  ), Z = e1(n1.menu, n1[o]), S = Z1(
+  ), H = e1(n1.menu, n1[o]), k = 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: [
+  }, [k]), /* @__PURE__ */ p(S1, { children: [
     /* @__PURE__ */ p(
       "div",
       {
@@ -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;
+              children: k.map((x) => {
+                const V = x.value === c, I = !!x.disabled;
                 return /* @__PURE__ */ n(
                   "li",
                   {
                     className: e1(
                       n1.optionItem,
-                      I && !b && n1.selectedItem,
-                      b && n1.disabledItem
+                      V && !I && n1.selectedItem,
+                      I && n1.disabledItem
                     ),
-                    onClick: (V) => {
-                      V.stopPropagation(), b || i(x);
+                    onClick: (A) => {
+                      A.stopPropagation(), I || i(x);
                     },
-                    onMouseEnter: (V) => w(V, x.label),
-                    onMouseLeave: L,
+                    onMouseEnter: (A) => m(A, x.label),
+                    onMouseLeave: _,
                     role: "option",
-                    "aria-selected": I,
-                    "aria-disabled": b || void 0,
+                    "aria-selected": V,
+                    "aria-disabled": I || 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: s && !I ? { color: s } : void 0,
                           children: x.label
                         }
                       )
@@ -1846,7 +1854,7 @@ function x2({
               })
             }
           ),
-          S.length === 0 && /* @__PURE__ */ n("div", { className: n1.emptyItem, children: t === "search" && f ? "검색 결과가 없습니다." : "-" })
+          k.length === 0 && /* @__PURE__ */ n("div", { className: n1.emptyItem, children: t === "search" && f ? "검색 결과가 없습니다." : "-" })
         ]
       }
     ),
@@ -1860,9 +1868,9 @@ function jr({
   heading: o,
   required: l = !1,
   leadingContent: r,
-  description: s,
+  description: c,
   disabled: i = !1,
-  placeholder: c = "선택해주세요.",
+  placeholder: s = "선택해주세요.",
   selectedValue: C,
   onSelect: a,
   options: f = [],
@@ -1871,52 +1879,52 @@ 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(), _ = `${m}-listbox`, [H, k] = q(!1), [x, V] = q(!1), [I, A] = q(null), [M, b] = q("bottom"), { tooltip: B, showTooltip: S, hideTooltip: y } = L2(), Z = F(null), T = F(null), N = 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({
+      b(L1 ? "top" : "bottom"), A({
         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(() => {
+      k(!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(), k(!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) || N.current && N.current.contains(f1) || K();
     }, W = (C1) => {
-      A.current && A.current.contains(C1.target) || K();
+      N.current && N.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";
-      N($, C.label, W);
+      S($, C.label, W);
     }
-  }, [C?.label, N]), v1 = G(() => y(), [y]), s1 = e === "error";
+  }, [C?.label, S]), 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 R = 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: R,
               disabled: i,
-              "aria-expanded": Z,
+              "aria-expanded": H,
               "aria-haspopup": "listbox",
-              "aria-controls": Z ? L : void 0,
+              "aria-controls": H ? _ : void 0,
               onClick: B1,
               onKeyDown: r1,
               style: h != null ? { width: `${h}px` } : void 0,
@@ -1963,44 +1971,44 @@ function jr({
                       className: e1(d1.value, !C?.label && d1.placeholder),
                       onMouseEnter: i1,
                       onMouseLeave: v1,
-                      children: C?.label ?? c
+                      children: C?.label ?? s
                     }
                   )
                 ] }),
-                /* @__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: "" }) })
               ]
             }
           ),
-          s && /* @__PURE__ */ n(
+          c && /* @__PURE__ */ n(
             "div",
             {
               className: P,
-              style: m != null ? { width: `${m}px` } : void 0,
-              children: s
+              style: w != null ? { width: `${w}px` } : void 0,
+              children: c
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ n(_2, { tooltip: k }),
-    Z && b9(
+    /* @__PURE__ */ n(_2, { tooltip: B }),
+    H && b9(
       /* @__PURE__ */ n(
         "div",
         {
-          ref: A,
+          ref: N,
           "data-idb-component": "select-dropdown",
           style: {
             position: "absolute",
-            top: b?.top,
-            left: b?.left,
-            width: b?.width,
+            top: I?.top,
+            left: I?.left,
+            width: I?.width,
             zIndex: 9999,
-            ...R === "top" && { transform: "translateY(-100%)" }
+            ...M === "top" && { transform: "translateY(-100%)" }
           },
           children: /* @__PURE__ */ n(
             x2,
             {
-              listboxId: L,
+              listboxId: _,
               type: d,
               align: u,
               content: v,
@@ -2009,7 +2017,7 @@ function jr({
               onSelect: g1,
               textColor: g,
               closing: x,
-              placement: R
+              placement: M
             }
           )
         }
@@ -2027,53 +2035,53 @@ function y7({
   align: o = "left",
   content: l = !1,
   options: r = [],
-  onSelect: s,
+  onSelect: c,
   selectedValue: i,
-  textColor: c,
+  textColor: s,
   customStyle: C,
   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({
-        top: M.bottom + window.scrollY + 4,
-        left: M.left + window.scrollX,
-        width: f ?? M.width
+  const u = `${_9()}-listbox`, [v, h] = q(!1), [w, L] = q(!1), [g, m] = q(null), _ = F(null), H = F(null), k = F(), x = G(() => {
+    if (_.current) {
+      const b = _.current.getBoundingClientRect();
+      m({
+        top: b.bottom + window.scrollY + 4,
+        left: b.left + window.scrollX,
+        width: f ?? b.width
       });
     }
-  }, [f]), I = G(() => {
-    _(!0), S.current = setTimeout(() => {
-      h(!1), _(!1);
+  }, [f]), V = G(() => {
+    L(!0), k.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();
+  }, []), I = G(() => {
+    a || (v && !w ? V() : v || (x(), h(!0)));
+  }, [a, v, w, x, V]), A = G((b) => {
+    c(b), V();
+  }, [c, V]);
+  J(() => () => clearTimeout(k.current), []), J(() => {
+    const b = (B) => {
+      const S = B.target;
+      _.current && _.current.contains(S) || H.current && H.current.contains(S) || 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);
+    return v && (document.addEventListener("click", b), window.addEventListener("resize", x), window.addEventListener("scroll", x, !0)), () => {
+      document.removeEventListener("click", b), 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 M = G((b) => {
+    b.key === "Escape" && v && (b.preventDefault(), V());
+  }, [v, V]);
   return /* @__PURE__ */ p(S1, { children: [
     /* @__PURE__ */ n(
       "div",
       {
-        ref: L,
+        ref: _,
         className: x7.root,
         "data-idb-component": "dropdown",
         style: C,
-        onClick: b,
-        onKeyDown: R,
+        onClick: I,
+        onKeyDown: M,
         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,
-              textColor: c,
-              closing: m
+              onSelect: A,
+              textColor: s,
+              closing: w
             }
           )
         }
@@ -2132,9 +2140,9 @@ function F7({
   selected: o = !1,
   disabled: l = !1,
   leadingSlot: r,
-  trailingSlot: s,
+  trailingSlot: c,
   customStyle: i = {},
-  className: c,
+  className: s,
   onClick: C,
   children: a,
   ...f
@@ -2145,7 +2153,7 @@ function F7({
     N1[t],
     o ? N1.selected : "",
     l ? N1.disabled : "",
-    c ?? ""
+    s ?? ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ p(
     "button",
@@ -2160,7 +2168,7 @@ function F7({
       children: [
         r ? /* @__PURE__ */ n("span", { className: N1.leadingSlot, children: r }) : null,
         a ? /* @__PURE__ */ n("span", { className: N1.label, children: a }) : null,
-        s ? /* @__PURE__ */ n("span", { className: N1.trailingSlot, children: s }) : null
+        c ? /* @__PURE__ */ n("span", { className: N1.trailingSlot, children: c }) : null
       ]
     }
   );
@@ -2177,10 +2185,10 @@ function P7() {
 function O9(e, t) {
   const o = Object.keys(e), l = Object.keys(t);
   if (o.length !== l.length) return !1;
-  const r = JSON.stringify(Object.keys(e.breakpoints || {})), s = JSON.stringify(Object.keys(t.breakpoints || {}));
-  return r !== s ? !1 : o.every((i) => {
-    const c = e[i], C = t[i];
-    return typeof c == "function" ? `${c}` == `${C}` : !s2(c) || !s2(C) ? c === C : O9(c, C);
+  const r = JSON.stringify(Object.keys(e.breakpoints || {})), c = JSON.stringify(Object.keys(t.breakpoints || {}));
+  return r !== c ? !1 : o.every((i) => {
+    const s = e[i], C = t[i];
+    return typeof s == "function" ? `${s}` == `${C}` : !s2(s) || !s2(C) ? s === C : O9(s, C);
   });
 }
 function c2(e) {
@@ -2189,8 +2197,8 @@ function c2(e) {
 function j7(e, t) {
   if (e.length !== t.length) return !1;
   const o = c2(e), l = c2(t);
-  return o.every((r, s) => {
-    const i = l[s];
+  return o.every((r, c) => {
+    const i = l[c];
     return O9(r, i);
   });
 }
@@ -2243,8 +2251,8 @@ function t9(e) {
 }
 function M2(e, t) {
   return [e, t].reduce((o, l) => (t9(l).forEach((r) => {
-    const s = o[r], i = l[r], c = a2(s) && a2(i);
-    o[r] = c ? M2(s, i) : i;
+    const c = o[r], i = l[r], s = a2(c) && a2(i);
+    o[r] = s ? M2(c, i) : i;
   }), o), {});
 }
 function D9(e, t) {
@@ -2254,15 +2262,15 @@ function G7(e, t) {
   const o = {
     start: l,
     center: r,
-    end: s
+    end: c
   };
   function l() {
     return 0;
   }
   function r(C) {
-    return s(C) / 2;
+    return c(C) / 2;
   }
-  function s(C) {
+  function c(C) {
     return t - C;
   }
   function i(C, a) {
@@ -2274,12 +2282,12 @@ function G7(e, t) {
 }
 function n9() {
   let e = [];
-  function t(r, s, i, c = {
+  function t(r, c, i, s = {
     passive: !0
   }) {
     let C;
     if ("addEventListener" in r)
-      r.addEventListener(s, i, c), C = () => r.removeEventListener(s, i, c);
+      r.addEventListener(c, i, s), C = () => r.removeEventListener(c, i, s);
     else {
       const a = r;
       a.addListener(i), C = () => a.removeListener(i);
@@ -2296,8 +2304,8 @@ function n9() {
   return l;
 }
 function U7(e, t, o, l) {
-  const r = n9(), s = 1e3 / 60;
-  let i = null, c = 0, C = 0;
+  const r = n9(), c = 1e3 / 60;
+  let i = null, s = 0, C = 0;
   function a() {
     r.add(e, "visibilitychange", () => {
       e.hidden && h();
@@ -2306,23 +2314,23 @@ 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; )
-      o(), c -= s;
-    const w = c / s;
-    l(w), C && (C = t.requestAnimationFrame(d));
+    i || (i = L, o(), o());
+    const g = L - i;
+    for (i = L, s += g; s >= c; )
+      o(), s -= c;
+    const m = s / c;
+    l(m), C && (C = t.requestAnimationFrame(d));
   }
   function u() {
     C || (C = t.requestAnimationFrame(d));
   }
   function v() {
-    t.cancelAnimationFrame(C), i = null, c = 0, C = 0;
+    t.cancelAnimationFrame(C), i = null, s = 0, C = 0;
   }
   function h() {
-    i = null, c = 0;
+    i = null, s = 0;
   }
   return {
     init: a,
@@ -2334,13 +2342,13 @@ function U7(e, t, o, l) {
   };
 }
 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();
+  const o = t === "rtl", l = e === "y", r = l ? "y" : "x", c = l ? "x" : "y", i = !l && o ? -1 : 1, s = 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";
@@ -2353,8 +2361,8 @@ function Q7(e, t) {
   }
   return {
     scroll: r,
-    cross: s,
-    startEdge: c,
+    cross: c,
+    startEdge: s,
     endEdge: C,
     measureSize: a,
     direction: u
@@ -2368,13 +2376,13 @@ function T1(e = 0, t = 0) {
   function r(a) {
     return a > t;
   }
-  function s(a) {
+  function c(a) {
     return l(a) || r(a);
   }
   function i(a) {
-    return s(a) ? l(a) ? e : t : a;
+    return c(a) ? l(a) ? e : t : a;
   }
-  function c(a) {
+  function s(a) {
     return o ? a - o * Math.ceil((a - t) / o) : a;
   }
   return {
@@ -2382,100 +2390,100 @@ function T1(e = 0, t = 0) {
     max: t,
     min: e,
     constrain: i,
-    reachedAny: s,
+    reachedAny: c,
     reachedMax: r,
     reachedMin: l,
-    removeOffset: c
+    removeOffset: s
   };
 }
 function y2(e, t, o) {
   const {
     constrain: l
   } = T1(0, e), r = e + 1;
-  let s = i(t);
+  let c = i(t);
   function i(u) {
     return o ? X((r + u) % r) : l(u);
   }
-  function c() {
-    return s;
+  function s() {
+    return c;
   }
   function C(u) {
-    return s = i(u), d;
+    return c = i(u), d;
   }
   function a(u) {
-    return f().set(c() + u);
+    return f().set(s() + u);
   }
   function f() {
-    return y2(e, c(), o);
+    return y2(e, s(), o);
   }
   const d = {
-    get: c,
+    get: s,
     set: C,
     add: a,
     clone: f
   };
   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, c, i, s, C, a, f, d, u, v, h, w, L, g, m) {
   const {
-    cross: L,
-    direction: Z
-  } = e, S = ["INPUT", "SELECT", "TEXTAREA"], x = {
+    cross: _,
+    direction: H
+  } = e, k = ["INPUT", "SELECT", "TEXTAREA"], x = {
     passive: !1
-  }, I = n9(), b = n9(), V = T1(50, 225).constrain(v.measure(20)), R = {
+  }, V = n9(), I = n9(), A = T1(50, 225).constrain(v.measure(20)), M = {
     mouse: 300,
     touch: 400
-  }, M = {
+  }, b = {
     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;
+  }, B = h ? 43 : 25;
+  let S = !1, y = 0, Z = 0, T = !1, N = !1, D = !1, O = !1;
+  function U(R) {
+    if (!m) return;
     function P(W) {
-      (x9(w) || w(B, W)) && g1(W);
+      (x9(m) || m(R, 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(), I.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 R = O ? o : t;
+    I.add(R, "touchmove", r1, x).add(R, "touchend", i1).add(R, "mousemove", r1, x).add(R, "mouseup", i1);
   }
-  function l1(B) {
-    const P = B.nodeName || "";
-    return S.includes(P);
+  function l1(R) {
+    const P = R.nodeName || "";
+    return k.includes(P);
   }
   function K() {
-    return (h ? M : R)[O ? "mouse" : "touch"];
+    return (h ? b : M)[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(R, P) {
+    const $ = d.add(j9(R) * -1), W = f.byDistance(R, !h).distance;
+    return h || X(R) < A ? 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(R) {
+    const P = D9(R, l);
+    O = P, D = h && P && !R.buttons && S, S = Y1(r.get(), i.get()) >= 2, !(P && R.button !== 0) && (l1(R.target) || (T = !0, c.pointerDown(R), a.useFriction(0).useDuration(0), r.set(i), h1(), y = c.readPoint(R), Z = c.readPoint(R, _), 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(R) {
+    if (!D9(R, l) && R.touches.length >= 2) return i1(R);
+    const $ = c.readPoint(R), W = c.readPoint(R, _), C1 = Y1($, y), f1 = Y1(W, Z);
+    if (!N && !O && (!R.cancelable || (N = C1 > f1, !N)))
+      return i1(R);
+    const R1 = c.pointerMove(R);
+    C1 > w && (D = !0), a.useFriction(0.3).useDuration(0.75), s.start(), r.add(H(R1)), R.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(R) {
+    const $ = f.byDistance(0, !1).index !== d.get(), W = c.pointerUp(R) * K(), C1 = B1(H(W), $), f1 = W7(W, C1), R1 = B - 10 * f1, L1 = g + f1 / 50;
+    N = !1, T = !1, I.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(R) {
+    D && (R.stopPropagation(), R.preventDefault(), D = !1);
   }
   function s1() {
     return T;
@@ -2488,27 +2496,27 @@ function X7(e, t, o, l, r, s, i, c, C, a, f, d, u, v, h, m, _, g, w) {
 }
 function K7(e, t) {
   let l, r;
-  function s(d) {
+  function c(d) {
     return d.timeStamp;
   }
   function i(d, u) {
     const h = `client${(u || e.scroll) === "x" ? "X" : "Y"}`;
     return (D9(d, t) ? d : d.touches[0])[h];
   }
-  function c(d) {
+  function s(d) {
     return l = d, r = d, i(d);
   }
   function C(d) {
-    const u = i(d) - i(r), v = s(d) - s(l) > 170;
+    const u = i(d) - i(r), v = c(d) - c(l) > 170;
     return r = d, v && (l = d), u;
   }
   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 = c(d) - c(l), h = c(d) - c(r) > 170, w = u / v;
+    return v && !h && X(w) > 0.1 ? w : 0;
   }
   return {
-    pointerDown: c,
+    pointerDown: s,
     pointerMove: C,
     pointerUp: a,
     readPoint: i
@@ -2519,15 +2527,15 @@ function Y7() {
     const {
       offsetTop: l,
       offsetLeft: r,
-      offsetWidth: s,
+      offsetWidth: c,
       offsetHeight: i
     } = o;
     return {
       top: l,
-      right: r + s,
+      right: r + c,
       bottom: l + i,
       left: r,
-      width: s,
+      width: c,
       height: i
     };
   }
@@ -2543,29 +2551,29 @@ function J7(e) {
     measure: t
   };
 }
-function z7(e, t, o, l, r, s, i) {
-  const c = [e].concat(l);
+function z7(e, t, o, l, r, c, i) {
+  const s = [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(_) {
-    if (!s) return;
+  function v(L) {
+    if (!c) return;
     a = u(e), f = l.map(u);
-    function g(w) {
-      for (const L of w) {
+    function g(m) {
+      for (const _ 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 = _.target === e, k = l.indexOf(_.target), x = H ? a : f[k], V = u(H ? e : l[k]);
+        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(c) || c(L, m)) && g(m);
     }), o.requestAnimationFrame(() => {
-      c.forEach((w) => C.observe(w));
+      s.forEach((m) => C.observe(m));
     });
   }
   function h() {
@@ -2576,12 +2584,12 @@ function z7(e, t, o, l, r, s, i) {
     destroy: h
   };
 }
-function e8(e, t, o, l, r, s) {
-  let i = 0, c = 0, C = r, a = s, f = e.get(), d = 0;
+function e8(e, t, o, l, r, c) {
+  let i = 0, s = 0, C = r, a = c, 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 I = 0;
+    return V ? (i = 0, o.set(l), e.set(l), I = x) : (o.set(e), i += x / C, i *= a, f += i, e.add(i), I = f - d), s = j9(I), d = f, k;
   }
   function v() {
     const x = l.get() - t.get();
@@ -2590,47 +2598,47 @@ function e8(e, t, o, l, r, s) {
   function h() {
     return C;
   }
-  function m() {
-    return c;
+  function w() {
+    return s;
   }
-  function _() {
+  function L() {
     return i;
   }
   function g() {
-    return L(r);
+    return _(r);
   }
-  function w() {
-    return Z(s);
+  function m() {
+    return H(c);
   }
-  function L(x) {
-    return C = x, S;
+  function _(x) {
+    return C = x, k;
   }
-  function Z(x) {
-    return a = x, S;
+  function H(x) {
+    return a = x, k;
   }
-  const S = {
-    direction: m,
+  const k = {
+    direction: w,
     duration: h,
-    velocity: _,
+    velocity: L,
     seek: u,
     settled: v,
-    useBaseFriction: w,
+    useBaseFriction: m,
     useBaseDuration: g,
-    useFriction: Z,
-    useDuration: L
+    useFriction: H,
+    useDuration: _
   };
-  return S;
+  return k;
 }
 function t8(e, t, o, l, r) {
-  const s = r.measure(10), i = r.measure(50), c = T1(0.1, 0.99);
+  const c = r.measure(10), i = r.measure(50), s = T1(0.1, 0.99);
   let C = !1;
   function a() {
     return !(C || !e.reachedAny(o.get()) || !e.reachedAny(t.get()));
   }
   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 = s.constrain(w / i);
+    o.subtract(L * g), !v && X(L) < c && (o.set(e.constrain(o.get())), l.useDuration(25).useBaseFriction());
   }
   function d(v) {
     C = !v;
@@ -2642,35 +2650,35 @@ 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;
+  const c = T1(-t + e, 0), i = d(), s = f(), C = u();
+  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;
+      } = c, m = c.constrain(h), _ = !w, H = W9(o, w);
+      return _ ? g : H || a(L, m) ? L : a(g, m) ? g : m;
     }).map((h) => parseFloat(h.toFixed(3)));
   }
   function u() {
-    if (t <= e + r) return [s.max];
+    if (t <= e + r) return [c.max];
     if (l === "keepSnaps") return i;
     const {
       min: h,
-      max: m
-    } = c;
-    return i.slice(h, m);
+      max: w
+    } = s;
+    return i.slice(h, w);
   }
   return {
     snapsContained: C,
-    scrollContainLimit: c
+    scrollContainLimit: s
   };
 }
 function o8(e, t, o) {
@@ -2680,12 +2688,12 @@ function o8(e, t, o) {
   };
 }
 function l8(e, t, o, l) {
-  const s = t.min + 0.1, i = t.max + 0.1, {
-    reachedMin: c,
+  const c = t.min + 0.1, i = t.max + 0.1, {
+    reachedMin: s,
     reachedMax: C
-  } = T1(s, i);
+  } = T1(c, i);
   function a(u) {
-    return u === 1 ? C(o.get()) : u === -1 ? c(o.get()) : !1;
+    return u === 1 ? C(o.get()) : u === -1 ? s(o.get()) : !1;
   }
   function f(u) {
     if (!a(u)) return;
@@ -2701,8 +2709,8 @@ function r8(e) {
     max: t,
     length: o
   } = e;
-  function l(s) {
-    const i = s - t;
+  function l(c) {
+    const i = c - t;
     return o ? i / -o : 0;
   }
   return {
@@ -2711,43 +2719,43 @@ function r8(e) {
 }
 function i8(e, t, o, l, r) {
   const {
-    startEdge: s,
+    startEdge: c,
     endEdge: i
   } = e, {
-    groupSlides: c
+    groupSlides: s
   } = 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 s(l).map((w) => V1(w)[i] - w[0][c]).map(X);
   }
   function u() {
-    return l.map((m) => o[s] - m[s]).map((m) => -X(m));
+    return l.map((w) => o[c] - w[c]).map((w) => -X(w));
   }
   function v() {
-    return c(a).map((m) => m[0]).map((m, _) => m + C[_]);
+    return s(a).map((w) => w[0]).map((w, L) => w + C[L]);
   }
   return {
     snaps: a,
     snapsAligned: f
   };
 }
-function C8(e, t, o, l, r, s) {
+function C8(e, t, o, l, r, c) {
   const {
     groupSlides: i
   } = r, {
-    min: c,
+    min: s,
     max: C
   } = 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);
+    const u = i(c), v = !e || t === "keepSnaps";
+    return o.length === 1 ? [c] : v ? u : u.slice(s, C).map((h, w, L) => {
+      const g = !w, m = W9(L, w);
       if (g) {
-        const L = V1(_[0]) + 1;
-        return d2(L);
+        const _ = V1(L[0]) + 1;
+        return d2(_);
       }
-      if (w) {
-        const L = r9(s) - V1(_)[0] + 1;
-        return d2(L, V1(_)[0]);
+      if (m) {
+        const _ = r9(c) - V1(L)[0] + 1;
+        return d2(_, V1(L)[0]);
       }
       return h;
     });
@@ -2758,52 +2766,52 @@ function C8(e, t, o, l, r, s) {
 }
 function s8(e, t, o, l, r) {
   const {
-    reachedAny: s,
+    reachedAny: c,
     removeOffset: i,
-    constrain: c
+    constrain: s
   } = 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) : s(h), L = t.map((m, _) => ({
+      diff: f(m - w, 0),
+      index: _
+    })).sort((m, _) => X(m.diff) - X(_.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), _ = !e && c(L);
+    if (!w || _) return {
       index: g,
       distance: h
     };
-    const Z = t[g] - w, S = h + f(Z, 0);
+    const H = t[g] - m, k = h + f(H, 0);
     return {
       index: g,
-      distance: S
+      distance: k
     };
   }
   return {
@@ -2812,41 +2820,41 @@ function s8(e, t, o, l, r) {
     shortcut: f
   };
 }
-function c8(e, t, o, l, r, s, i) {
-  function c(d) {
+function c8(e, t, o, l, r, c, i) {
+  function s(d) {
     const u = d.distance, v = d.index !== t.get();
-    s.add(u), u && (l.duration() ? e.start() : (e.update(), e.render(1), e.update())), v && (o.set(t.get()), t.set(d.index), i.emit("select"));
+    c.add(u), u && (l.duration() ? e.start() : (e.update(), e.render(1), e.update())), v && (o.set(t.get()), t.set(d.index), i.emit("select"));
   }
   function C(d, u) {
     const v = r.byDistance(d, u);
-    c(v);
+    s(v);
   }
   function a(d, u) {
     const v = t.clone().set(d), h = r.byIndex(v.get(), u);
-    c(h);
+    s(h);
   }
   return {
     distance: C,
     index: a
   };
 }
-function a8(e, t, o, l, r, s, i, c) {
+function a8(e, t, o, l, r, c, i, s) {
   const C = {
     passive: !0,
     capture: !0
   };
   let a = 0;
   function f(v) {
-    if (!c) return;
-    function h(m) {
+    if (!s) return;
+    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((_) => _.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(_);
+    c.add(document, "keydown", d, !1), t.forEach((w, L) => {
+      c.add(w, "focus", (g) => {
+        (x9(s) || s(v, g)) && h(L);
       }, C);
     });
   }
@@ -2868,7 +2876,7 @@ function G1(e) {
   function r(C) {
     t += i(C);
   }
-  function s(C) {
+  function c(C) {
     t -= i(C);
   }
   function i(C) {
@@ -2878,28 +2886,28 @@ function G1(e) {
     get: o,
     set: l,
     add: r,
-    subtract: s
+    subtract: c
   };
 }
 function H2(e, t) {
-  const o = e.scroll === "x" ? i : c, l = t.style;
-  let r = null, s = !1;
+  const o = e.scroll === "x" ? i : s, l = t.style;
+  let r = null, c = !1;
   function i(u) {
     return `translate3d(${u}px,0px,0px)`;
   }
-  function c(u) {
+  function s(u) {
     return `translate3d(0px,${u}px,0px)`;
   }
   function C(u) {
-    if (s) return;
+    if (c) return;
     const v = q7(e.direction(u));
     v !== r && (l.transform = o(v), r = v);
   }
   function a(u) {
-    s = !u;
+    c = !u;
   }
   function f() {
-    s || (l.transform = "", t.getAttribute("style") || t.removeAttribute("style"));
+    c || (l.transform = "", t.getAttribute("style") || t.removeAttribute("style"));
   }
   return {
     clear: f,
@@ -2907,72 +2915,72 @@ function H2(e, t) {
     toggleActive: a
   };
 }
-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);
+function d8(e, t, o, l, r, c, i, s, C) {
+  const f = e9(r), d = e9(r).reverse(), u = g().concat(m());
+  function v(V, I) {
+    return V.reduce((A, M) => A - r[M], I);
   }
-  function h(I, b) {
-    return I.reduce((V, R) => v(V, b) > 0 ? V.concat([R]) : V, []);
+  function h(V, I) {
+    return V.reduce((A, M) => v(A, I) > 0 ? A.concat([M]) : A, []);
   }
-  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 c.map((I, A) => ({
+      start: I - l[A] + 0.5 + V,
+      end: I + 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, I, A) {
+    const M = w(I);
+    return V.map((b) => {
+      const B = A ? 0 : -o, S = A ? o : 0, y = A ? "end" : "start", Z = M[b][y];
       return {
-        index: M,
-        loopPoint: H,
+        index: b,
+        loopPoint: Z,
         slideLocation: G1(-1),
-        translate: H2(e, C[M]),
-        target: () => c.get() > H ? k : N
+        translate: H2(e, C[b]),
+        target: () => s.get() > Z ? B : S
       };
     });
   }
   function g() {
-    const I = i[0], b = h(d, I);
-    return _(b, o, !1);
+    const V = i[0], I = h(d, V);
+    return L(I, 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, I = h(f, V);
+    return L(I, -o, !0);
   }
-  function L() {
+  function _() {
     return u.every(({
-      index: I
+      index: V
     }) => {
-      const b = f.filter((V) => V !== I);
-      return v(b, t) <= 0.1;
+      const I = f.filter((A) => A !== V);
+      return v(I, 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: I,
+        translate: A,
+        slideLocation: M
+      } = V, b = I();
+      b !== M.get() && (A.to(b), M.set(b));
     });
   }
-  function S() {
-    u.forEach((I) => I.translate.clear());
+  function k() {
+    u.forEach((V) => V.translate.clear());
   }
   return {
-    canLoop: L,
-    clear: S,
-    loop: Z,
+    canLoop: _,
+    clear: k,
+    loop: H,
     loopPoints: u
   };
 }
 function u8(e, t, o) {
   let l, r = !1;
-  function s(C) {
+  function c(C) {
     if (!o) return;
     function a(f) {
       for (const d of f)
@@ -2991,40 +2999,40 @@ function u8(e, t, o) {
     l && l.disconnect(), r = !0;
   }
   return {
-    init: s,
+    init: c,
     destroy: i
   };
 }
 function h8(e, t, o, l) {
   const r = {};
-  let s = null, i = null, c, C = !1;
+  let c = null, i = null, s, C = !1;
   function a() {
-    c = new IntersectionObserver((h) => {
-      C || (h.forEach((m) => {
-        const _ = t.indexOf(m.target);
-        r[_] = m;
-      }), s = null, i = null, o.emit("slidesInView"));
+    s = new IntersectionObserver((h) => {
+      C || (h.forEach((w) => {
+        const L = t.indexOf(w.target);
+        r[L] = w;
+      }), c = null, i = null, o.emit("slidesInView"));
     }, {
       root: e.parentElement,
       threshold: l
-    }), t.forEach((h) => c.observe(h));
+    }), t.forEach((h) => s.observe(h));
   }
   function f() {
-    c && c.disconnect(), C = !0;
+    s && s.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 && c) return c;
     if (!h && i) return i;
-    const m = d(h);
-    return h && (s = m), h || (i = m), m;
+    const w = d(h);
+    return h && (c = w), h || (i = w), w;
   }
   return {
     init: a,
@@ -3032,26 +3040,26 @@ function h8(e, t, o, l) {
     get: u
   };
 }
-function f8(e, t, o, l, r, s) {
+function f8(e, t, o, l, r, c) {
   const {
     measureSize: i,
-    startEdge: c,
+    startEdge: s,
     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[s] - m[s]);
   }
-  function m() {
+  function w() {
     if (!a) return 0;
-    const w = s.getComputedStyle(V1(l));
-    return parseFloat(w.getPropertyValue(`margin-${C}`));
+    const m = c.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, _, H) => {
+      const k = !_, x = W9(H, _);
+      return k ? u[_] + f : x ? u[_] + d : H[_ + 1][s] - m[s];
     }).map(X);
   }
   return {
@@ -3061,34 +3069,34 @@ function f8(e, t, o, l, r, s) {
     endGap: d
   };
 }
-function p8(e, t, o, l, r, s, i, c, C) {
+function p8(e, t, o, l, r, c, i, s, C) {
   const {
     startEdge: a,
     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((_) => _ % m === 0).map((_) => g.slice(_, _ + 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, _, H) => {
+      const k = V1(m) || 0, x = k === 0, V = _ === r9(g), I = r[a] - c[k][a], A = r[a] - c[_][f], M = !l && x ? d(i) : 0, b = !l && V ? d(s) : 0, B = X(A - b - (I + M));
+      return H && B > t + C && m.push(_), V && m.push(g.length), m;
+    }, []).map((m, _, H) => {
+      const k = Math.max(H[_ - 1] || 0);
+      return g.slice(k, 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) {
+function g8(e, t, o, l, r, c, i) {
   const {
-    align: c,
+    align: s,
     axis: C,
     direction: a,
     startIndex: f,
@@ -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,
-    watchDrag: S,
+    containScroll: m,
+    watchResize: _,
+    watchSlides: H,
+    watchDrag: k,
     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, {
-    slideSizes: A,
+  } = c, V = 2, I = Y7(), A = I.measure(t), M = o.map(I.measure), b = Q7(C, a), B = b.measureSize(A), S = J7(B), y = G7(s, B), Z = !d && !!m, T = d || !!m, {
+    slideSizes: N,
     slideSizesWithGaps: D,
     startGap: O,
     endGap: U
-  } = f8(M, V, R, o, T, r), a1 = p8(M, k, _, d, V, R, O, U, I), {
+  } = f8(b, A, M, o, T, r), a1 = p8(b, B, L, d, A, M, O, U, V), {
     snaps: h1,
     snapsAligned: l1
-  } = i8(M, y, V, R, a1), K = -V1(h1) + V1(D), {
+  } = i8(b, y, A, M, a1), K = -V1(h1) + V1(D), {
     snapsContained: B1,
     scrollContainLimit: g1
-  } = n8(k, K, l1, w, I), r1 = H ? B1 : l1, {
+  } = n8(B, 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), R = ({
     dragHandler: D1,
     scrollBody: Z9,
     scrollBounds: V9,
@@ -3146,44 +3154,44 @@ 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, () => R(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: A,
+    slideRects: M,
     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),
+    axis: b,
+    dragHandler: X7(b, e, l, r, E1, K7(b, r), f1, $, y9, q1, M9, v1, i, S, v, h, g, W, k),
     eventStore: G9,
-    percentOfView: N,
+    percentOfView: S,
     index: v1,
     indexPrevious: s1,
     limit: i1,
     location: f1,
     offsetLocation: L1,
     previousLocation: R1,
-    options: s,
-    resizeHandler: z7(t, i, r, o, M, L, b),
+    options: c,
+    resizeHandler: z7(t, i, r, o, b, _, I),
     scrollBody: q1,
-    scrollBounds: t8(i1, L1, E1, q1, N),
+    scrollBounds: t8(i1, L1, E1, q1, S),
     scrollLooper: l8(K, i1, L1, [f1, L1, R1, E1]),
     scrollProgress: q9,
     scrollSnapList: r1.map(q9.get),
     scrollSnaps: r1,
     scrollTarget: M9,
     scrollTo: y9,
-    slideLooper: d8(M, k, K, A, D, h1, r1, L1, o),
+    slideLooper: d8(b, B, K, N, D, h1, r1, L1, o),
     slideFocus: I2,
-    slidesHandler: u8(t, i, Z),
+    slidesHandler: u8(t, i, H),
     slidesInView: V2,
     slideIndexes: j,
     slideRegistry: U9,
     slidesToScroll: a1,
     target: E1,
-    translate: H2(M, t)
+    translate: H2(b, t)
   };
   return H9;
 }
@@ -3198,21 +3206,21 @@ function m8() {
   function r(a) {
     return l(a).forEach((f) => f(t, a)), C;
   }
-  function s(a, f) {
+  function c(a, f) {
     return e[a] = l(a).concat([f]), C;
   }
   function i(a, f) {
     return e[a] = l(a).filter((d) => d !== f), C;
   }
-  function c() {
+  function s() {
     e = {};
   }
   const C = {
     init: o,
     emit: r,
     off: i,
-    on: s,
-    clear: c
+    on: c,
+    clear: s
   };
   return C;
 }
@@ -3239,15 +3247,15 @@ const w8 = {
   watchFocus: !0
 };
 function v8(e) {
-  function t(s, i) {
-    return M2(s, i || {});
+  function t(c, i) {
+    return M2(c, i || {});
   }
-  function o(s) {
-    const i = s.breakpoints || {}, c = t9(i).filter((C) => e.matchMedia(C).matches).map((C) => i[C]).reduce((C, a) => t(C, a), {});
-    return t(s, c);
+  function o(c) {
+    const i = c.breakpoints || {}, s = t9(i).filter((C) => e.matchMedia(C).matches).map((C) => i[C]).reduce((C, a) => t(C, a), {});
+    return t(c, s);
   }
-  function l(s) {
-    return s.map((i) => t9(i.breakpoints || {})).reduce((i, c) => i.concat(c), []).map(e.matchMedia);
+  function l(c) {
+    return c.map((i) => t9(i.breakpoints || {})).reduce((i, s) => i.concat(s), []).map(e.matchMedia);
   }
   return {
     mergeOptions: t,
@@ -3257,15 +3265,15 @@ function v8(e) {
 }
 function L8(e) {
   let t = [];
-  function o(s, i) {
+  function o(c, i) {
     return t = i.filter(({
-      options: c
-    }) => e.optionsAtMedia(c).active !== !1), t.forEach((c) => c.init(s, e)), i.reduce((c, C) => Object.assign(c, {
+      options: s
+    }) => e.optionsAtMedia(s).active !== !1), t.forEach((s) => s.init(c, e)), i.reduce((s, C) => Object.assign(s, {
       [C.name]: C
     }), {});
   }
   function l() {
-    t = t.filter((s) => s.destroy());
+    t = t.filter((c) => c.destroy());
   }
   return {
     init: o,
@@ -3273,64 +3281,64 @@ function L8(e) {
   };
 }
 function v9(e, t, o) {
-  const l = e.ownerDocument, r = l.defaultView, s = v8(r), i = L8(s), c = n9(), C = m8(), {
+  const l = e.ownerDocument, r = l.defaultView, c = v8(r), i = L8(c), s = n9(), C = m8(), {
     mergeOptions: a,
     optionsAtMedia: f,
     optionsMediaQueries: d
-  } = s, {
+  } = c, {
     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 = b;
+  let L = !1, g, m = a(w8, v9.globalOptions), _ = a(m), H = [], k, x, V;
+  function I() {
     const {
       container: j,
-      slides: B
-    } = L;
+      slides: R
+    } = _;
     x = ($9(j) ? e.querySelector(j) : j) || e.children[0];
-    const $ = $9(B) ? x.querySelectorAll(B) : B;
-    I = [].slice.call($ || x.children);
+    const $ = $9(R) ? x.querySelectorAll(R) : R;
+    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 A(j) {
+    const R = g8(e, x, V, l, r, j, C);
+    if (j.loop && !R.slideLooper.canLoop()) {
       const P = Object.assign({}, j, {
         loop: !1
       });
-      return V(P);
+      return A(P);
     }
-    return B;
+    return R;
   }
-  function R(j, B) {
-    _ || (w = a(w, j), L = f(w), Z = B || Z, b(), g = V(L), d([w, ...Z.map(({
+  function M(j, R) {
+    L || (m = a(m, j), _ = f(m), H = R || H, I(), g = A(_), 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) => s.add(P, "change", 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), k = i.init(s1, H)));
   }
-  function M(j, B) {
+  function b(j, R) {
     const P = a1();
-    k(), R(a({
+    B(), M(a({
       startIndex: P
-    }, j), B), C.emit("reInit");
+    }, j), R), C.emit("reInit");
   }
-  function k() {
-    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 B() {
+    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(), s.clear();
   }
-  function N() {
-    _ || (_ = !0, c.clear(), k(), C.emit("destroy"), C.clear());
+  function S() {
+    L || (L = !0, s.clear(), B(), 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, R, P) {
+    !_.active || L || (g.scrollBody.useBaseFriction().useDuration(R === !0 ? 0 : _.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 R = g.index.add(1).get();
+    y(R, j, -1);
   }
   function T(j) {
-    const B = g.index.add(-1).get();
-    y(B, j, 1);
+    const R = g.index.add(-1).get();
+    y(R, j, 1);
   }
-  function A() {
+  function N() {
     return g.index.add(1).get() !== a1();
   }
   function D() {
@@ -3355,7 +3363,7 @@ function v9(e, t, o) {
     return g.slidesInView.get(!1);
   }
   function B1() {
-    return S;
+    return k;
   }
   function g1() {
     return g;
@@ -3367,22 +3375,22 @@ function v9(e, t, o) {
     return x;
   }
   function v1() {
-    return I;
+    return V;
   }
   const s1 = {
-    canScrollNext: A,
+    canScrollNext: N,
     canScrollPrev: D,
     containerNode: i1,
     internalEngine: g1,
-    destroy: N,
+    destroy: S,
     off: v,
     on: u,
     emit: h,
     plugins: B1,
     previousScrollSnap: h1,
-    reInit: m,
+    reInit: w,
     rootNode: r1,
-    scrollNext: H,
+    scrollNext: Z,
     scrollPrev: T,
     scrollProgress: U,
     scrollSnapList: O,
@@ -3392,25 +3400,25 @@ function v9(e, t, o) {
     slidesInView: l1,
     slidesNotInView: K
   };
-  return R(t, o), setTimeout(() => C.emit("init"), 0), s1;
+  return M(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(() => {
+  const o = F(e), l = F(t), [r, c] = q(), [i, s] = 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);
-      return s(a), () => a.destroy();
+      return c(a), () => a.destroy();
     } else
-      s(void 0);
-  }, [i, s]), [c, r];
+      c(void 0);
+  }, [i, c]), [s, r];
 }
 i9.globalOptions = void 0;
 const _8 = "_group_6ffes_1", b8 = "_leadingElementSlot_6ffes_7", x8 = "_divider_6ffes_14", M8 = "_large_6ffes_23", y8 = "_medium_6ffes_27", H8 = "_small_6ffes_31", Z8 = "_xsmall_6ffes_35", V8 = "_leadingSlot_6ffes_39", I8 = "_chipList_6ffes_45", B8 = "_selection_6ffes_53", R8 = "_emblaWrapper_6ffes_58", k8 = "_emblaViewport_6ffes_64", S8 = "_emblaContainer_6ffes_68", A8 = "_emblaSlide_6ffes_73", H1 = {
@@ -3435,18 +3443,18 @@ function Wr({
   leadingElementSlot: o,
   size: l = "medium",
   gradient: r = !1,
-  customStyle: s,
+  customStyle: c,
   children: i
 }) {
-  const [c, C] = i9({
+  const [s, C] = i9({
     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);
@@ -3456,7 +3464,7 @@ function Wr({
     {
       "data-idb-component": !0,
       className: [H1.group, H1[l], H1[e]].filter(Boolean).join(" "),
-      style: s,
+      style: c,
       children: [
         o ? /* @__PURE__ */ p(S1, { children: [
           /* @__PURE__ */ n("span", { className: H1.leadingElementSlot, children: o }),
@@ -3469,7 +3477,7 @@ function Wr({
             className: H1.emblaWrapper,
             "data-gradient-left": r && a ? "" : void 0,
             "data-gradient-right": r && d ? "" : void 0,
-            children: /* @__PURE__ */ n("div", { ref: c, className: H1.emblaViewport, children: /* @__PURE__ */ n("div", { className: H1.emblaContainer, children: $1.map(i, (v) => /* @__PURE__ */ n("div", { className: H1.emblaSlide, children: v })) }) })
+            children: /* @__PURE__ */ n("div", { ref: s, className: H1.emblaViewport, children: /* @__PURE__ */ n("div", { className: H1.emblaContainer, children: $1.map(i, (v) => /* @__PURE__ */ n("div", { className: H1.emblaSlide, children: v })) }) })
           }
         ) : /* @__PURE__ */ n("div", { className: H1.chipList, children: i })
       ]
@@ -3487,46 +3495,46 @@ function qr({
   selectedValue: o,
   dropdownType: l = "basic",
   dropdownAlign: r = "left",
-  dropdownWidth: s,
+  dropdownWidth: c,
   showSelectedLabel: i = !1,
-  variant: c,
+  variant: s,
   size: C,
   disabled: a,
   selected: f,
   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 = (_) => {
+      L.current?.contains(_.target) || w(!1);
+    }, m = (_) => {
+      _.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,
-      width: s,
+      width: c,
       children: /* @__PURE__ */ n(
         F7,
         {
-          variant: c,
+          variant: s,
           size: C,
           selected: f ?? !!o,
           disabled: a,
-          onClick: () => !a && m((g) => !g),
+          onClick: () => !a && w((g) => !g),
           trailingSlot: /* @__PURE__ */ n(
             "svg",
             {
@@ -3579,25 +3587,25 @@ function Gr({
   size: o = "medium",
   verticalPadding: l = !1,
   customStyle: r,
-  children: s
+  children: c
 }) {
-  const [i, c] = i9({
+  const [i, s] = i9({
     dragFree: !0,
     containScroll: "keepSnaps"
   }), [C, a] = q(!1), [f, d] = q(!l);
-  return z(() => {
-    if (!c || l) {
+  return J(() => {
+    if (!s || l) {
       a(!1), d(!l);
       return;
     }
     const u = () => {
-      const v = c.canScrollNext() || c.canScrollPrev(), h = c.scrollProgress();
+      const v = s.canScrollNext() || s.canScrollPrev(), h = s.scrollProgress();
       a(v && h > 0.01), d(v && h < 0.99);
     };
-    return c.on("scroll", u), c.on("reInit", u), u(), () => {
-      c.off("scroll", u), c.off("reInit", u);
+    return s.on("scroll", u), s.on("reInit", u), u(), () => {
+      s.off("scroll", u), s.off("reInit", u);
     };
-  }, [c, l]), /* @__PURE__ */ p(
+  }, [s, l]), /* @__PURE__ */ p(
     "div",
     {
       "data-idb-component": !0,
@@ -3618,7 +3626,7 @@ function Gr({
             className: I1.emblaWrapper,
             "data-gradient-left": !l && C ? "" : void 0,
             "data-gradient-right": !l && f ? "" : void 0,
-            children: /* @__PURE__ */ n("div", { ref: i, className: I1.emblaViewport, children: /* @__PURE__ */ n("div", { className: I1.emblaContainer, children: $1.map(s, (u) => /* @__PURE__ */ n("div", { className: I1.emblaSlide, children: u })) }) })
+            children: /* @__PURE__ */ n("div", { ref: i, className: I1.emblaViewport, children: /* @__PURE__ */ n("div", { className: I1.emblaContainer, children: $1.map(c, (u) => /* @__PURE__ */ n("div", { className: I1.emblaSlide, children: u })) }) })
           }
         ),
         t ? /* @__PURE__ */ n("span", { className: I1.trailingElementSlot, children: t }) : null
@@ -3654,96 +3662,96 @@ function Ur({
   onChange: o,
   size: l = "medium",
   resize: r = "hug",
-  horizontalPadding: s = !1,
+  horizontalPadding: c = !1,
   trailingIcon: i,
-  label: c,
+  label: s,
   customStyle: C
 }) {
   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({
+  }), [_, H] = q(!1), [k, 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({
+  }), A = e.findIndex((y) => y.value === t) !== -1 ? t : e.find((y) => !y.disabled)?.value ?? null, M = e.map((y) => `${y.value}:${y.numberBadge ?? ""}`).join(","), b = 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]), B = 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") {
-      const A = parseFloat(getComputedStyle(y).columnGap) || 0;
+    if (L.current === "fill") {
+      const N = 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) + N * 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",
       align: "start"
     }), T && (h.current !== null && cancelAnimationFrame(h.current), h.current = requestAnimationFrame(() => {
       h.current = null;
-      const A = d.current.findIndex(
-        (D) => D.value === m.current
+      const N = d.current.findIndex(
+        (D) => D.value === w.current
       );
-      A !== -1 && x.scrollTo(A, !0);
+      N !== -1 && x.scrollTo(N, !0);
     })));
   }, [x]);
   o9(() => {
-    M();
+    b();
     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(b);
+    return Z.observe(y), () => Z.disconnect();
+  }, [l, r, M, b]), J(() => {
     if (!x) return;
-    k();
-    const y = new ResizeObserver(k);
+    B();
+    const y = new ResizeObserver(B);
     return a.current && y.observe(a.current), () => {
       h.current !== null && cancelAnimationFrame(h.current), v.current = null, y.disconnect();
     };
-  }, [x, k, R]), z(() => {
+  }, [x, B, M]), 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(b), Z = () => requestAnimationFrame(b);
+    return x.on("scroll", y), x.on("reInit", Z), () => {
+      x.off("scroll", y), x.off("reInit", Z);
     };
-  }, [x, M]), z(() => {
+  }, [x, b]), 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(
+  const S = 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];
+      let N;
+      T === -1 ? N = y.key === "ArrowLeft" || y.key === "End" ? Z.length - 1 : 0 : y.key === "ArrowRight" ? N = (T + 1) % Z.length : y.key === "ArrowLeft" ? N = (T - 1 + Z.length) % Z.length : y.key === "Home" ? N = 0 : N = Z.length - 1;
+      const D = Z[N];
       D && D.value !== t && (u.current = !0, o?.(D.value));
     },
     [t, o]
@@ -3754,18 +3762,18 @@ function Ur({
       ref: a,
       "data-idb-component": !0,
       role: "tablist",
-      "aria-label": c,
+      "aria-label": s,
       className: e1(
         o1.tab,
         o1[l],
         r === "fill" && o1.fill,
-        L && o1.overflowing,
-        s && o1.horizontalPadding
+        _ && o1.overflowing,
+        c && 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;
+        /* @__PURE__ */ n("div", { className: o1.emblaWrapper, children: /* @__PURE__ */ n("div", { ref: k, className: o1.emblaViewport, children: /* @__PURE__ */ n("div", { className: o1.emblaContainer, children: e.map((y) => {
+          const Z = y.value === t, T = y.numberBadge !== void 0 && y.numberBadge > 0, N = y.badge && !T;
           return /* @__PURE__ */ n(
             "button",
             {
@@ -3776,19 +3784,19 @@ 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 === A ? 0 : -1,
               onClick: () => {
                 y.value !== t && o?.(y.value);
               },
-              onKeyDown: N,
+              onKeyDown: S,
               children: /* @__PURE__ */ p("span", { className: o1.labelWrapper, children: [
                 /* @__PURE__ */ n("span", { className: o1.labelText, children: y.label }),
-                A && /* @__PURE__ */ n("span", { className: o1.dotBadge, "aria-hidden": !0 }),
+                N && /* @__PURE__ */ n("span", { className: o1.dotBadge, "aria-hidden": !0 }),
                 T && /* @__PURE__ */ n(
                   "span",
                   {
@@ -3811,7 +3819,7 @@ function Ur({
     }
   );
 }
-const me = "_segmentedControl_ge6zp_2", we = "_basic_ge6zp_9", ve = "_fill_ge6zp_15", Le = "_outlined_ge6zp_19", _e = "_icon_ge6zp_25", be = "_segment_ge6zp_2", xe = "_iconSlot_ge6zp_101", Me = "_label_ge6zp_107", ye = "_indicator_ge6zp_114", He = "_indicatorBg_ge6zp_139", Ze = "_indicatorFill_ge6zp_153", Ve = "_indicatorOutlined_ge6zp_158", Ie = "_small_ge6zp_164", Be = "_medium_ge6zp_177", Re = "_large_ge6zp_190", ke = "_selected_ge6zp_204", Se = "_disabled_ge6zp_225", Ae = "_withIcon_ge6zp_281", p1 = {
+const me = "_segmentedControl_nwt3m_2", we = "_basic_nwt3m_9", ve = "_fill_nwt3m_15", Le = "_outlined_nwt3m_19", _e = "_icon_nwt3m_25", be = "_segment_nwt3m_2", xe = "_iconSlot_nwt3m_101", Me = "_label_nwt3m_107", ye = "_indicator_nwt3m_114", He = "_indicatorBg_nwt3m_139", Ze = "_indicatorFill_nwt3m_153", Ve = "_indicatorOutlined_nwt3m_158", Ie = "_small_nwt3m_164", Be = "_medium_nwt3m_177", Re = "_large_nwt3m_190", ke = "_selected_nwt3m_204", Se = "_disabled_nwt3m_225", Ae = "_withIcon_nwt3m_281", p1 = {
   segmentedControl: me,
   basic: we,
   fill: ve,
@@ -3835,43 +3843,44 @@ function Qr({
   variant: e = "basic",
   type: t = "fill",
   size: o = "medium",
-  icon: l = !1,
-  label: r,
-  items: s,
-  value: i,
-  onChange: c,
-  customStyle: C
+  layout: l,
+  icon: r = !1,
+  label: c,
+  items: i,
+  value: s,
+  onChange: C,
+  customStyle: a
 }) {
-  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 f = l ?? (e === "icon" ? "hug" : "fill"), d = r || e === "icon", u = F(null), v = F(/* @__PURE__ */ new Map()), h = F(i);
+  h.current = i;
+  const w = F(!1), [L, g] = 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" && i.forEach((M) => {
+    M.ariaLabel || console.warn(
+      `[SegmentedControl] item "${M.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 m = i.findIndex((M) => M.value === s), _ = m !== -1, H = _ && m === 0, k = _ && m === i.length - 1, x = t === "outlined" ? H && k ? "single" : H ? "first" : k ? "last" : "middle" : void 0, V = _ ? s : i.find((M) => !M.disabled)?.value ?? null, I = i.map((M) => M.value).join(",");
   o9(() => {
-    const b = () => {
-      const M = d.current.get(i);
-      M && m({
-        width: M.offsetWidth,
-        transform: `translateX(${M.offsetLeft}px)`,
+    const M = () => {
+      const S = v.current.get(s);
+      S && g({
+        width: S.offsetWidth,
+        transform: `translateX(${S.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(() => {
-    v.current && (d.current.get(i)?.focus(), v.current = !1);
-  }, [i]);
-  const I = G(
-    (b) => {
+    M();
+    const b = u.current;
+    if (!b) return;
+    const B = new ResizeObserver(M);
+    return B.observe(b), () => B.disconnect();
+  }, [s, e, t, o, I]), J(() => {
+    w.current && (v.current.get(s)?.focus(), w.current = !1);
+  }, [s]);
+  const A = G(
+    (M) => {
       if (![
         "ArrowLeft",
         "ArrowRight",
@@ -3879,84 +3888,85 @@ function Qr({
         "ArrowDown",
         "Home",
         "End"
-      ].includes(b.key))
+      ].includes(M.key))
         return;
-      b.preventDefault();
-      const V = u.current.filter((N) => !N.disabled), R = V.findIndex(
-        (N) => N.value === i
+      M.preventDefault();
+      const b = h.current.filter((Z) => !Z.disabled), B = b.findIndex(
+        (Z) => Z.value === s
       );
-      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));
+      let S;
+      B === -1 ? S = M.key === "ArrowLeft" || M.key === "ArrowUp" || M.key === "End" ? b.length - 1 : 0 : M.key === "ArrowRight" || M.key === "ArrowDown" ? S = (B + 1) % b.length : M.key === "ArrowLeft" || M.key === "ArrowUp" ? S = (B - 1 + b.length) % b.length : M.key === "Home" ? S = 0 : S = b.length - 1;
+      const y = b[S];
+      y && y.value !== s && (w.current = !0, C?.(y.value));
     },
-    [i, c]
+    [s, C]
   );
   return /* @__PURE__ */ p(
     "div",
     {
-      ref: f,
+      ref: u,
       "data-idb-component": !0,
+      "data-layout": f,
       role: "tablist",
-      "aria-label": r,
+      "aria-label": c,
       className: e1(
         p1.segmentedControl,
         p1[e],
         p1[t],
         p1[o],
-        e === "basic" && l && p1.withIcon
+        e === "basic" && r && p1.withIcon
       ),
-      style: C,
+      style: a,
       children: [
         t === "outlined" && /* @__PURE__ */ n(
           "span",
           {
             "aria-hidden": !0,
             className: p1.indicatorBg,
-            style: h
+            style: L
           }
         ),
         /* @__PURE__ */ n(
           "span",
           {
             "aria-hidden": !0,
-            "data-position": Z,
+            "data-position": x,
             className: e1(
               p1.indicator,
               t === "fill" ? p1.indicatorFill : p1.indicatorOutlined
             ),
-            style: h
+            style: L
           }
         ),
-        s.map((b) => {
-          const V = b.value === i;
+        i.map((M) => {
+          const b = M.value === s;
           return /* @__PURE__ */ p(
             "button",
             {
               type: "button",
               role: "tab",
-              ref: (R) => {
-                R ? d.current.set(b.value, R) : d.current.delete(b.value);
+              ref: (B) => {
+                B ? v.current.set(M.value, B) : v.current.delete(M.value);
               },
               className: e1(
                 p1.segment,
-                V && p1.selected,
-                b.disabled && p1.disabled
+                b && p1.selected,
+                M.disabled && p1.disabled
               ),
-              disabled: b.disabled,
-              "aria-selected": V,
-              "aria-label": e === "icon" ? b.ariaLabel : void 0,
-              tabIndex: b.value === S ? 0 : -1,
+              disabled: M.disabled,
+              "aria-selected": b,
+              "aria-label": e === "icon" ? M.ariaLabel : void 0,
+              tabIndex: M.value === V ? 0 : -1,
               onClick: () => {
-                b.value !== i && c?.(b.value);
+                M.value !== s && C?.(M.value);
               },
-              onKeyDown: I,
+              onKeyDown: A,
               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
+                d && M.icon ? /* @__PURE__ */ n("span", { className: p1.iconSlot, children: M.icon }) : null,
+                e === "basic" && M.label ? /* @__PURE__ */ n("span", { className: p1.label, children: M.label }) : null
               ]
             },
-            b.value
+            M.value
           );
         })
       ]
@@ -4018,9 +4028,9 @@ function Xr({
   selectable: o = !1,
   interactive: l = !1,
   loading: r = !1,
-  skeletonRowCount: s = 5,
+  skeletonRowCount: c = 5,
   emptyContent: i,
-  emptyTitle: c,
+  emptyTitle: s,
   emptyDescription: C,
   customStyle: a,
   className: f,
@@ -4028,41 +4038,41 @@ 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, _] = q(/* @__PURE__ */ new Set()), H = e.getRowModel().rows.map((b) => b.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 b = new Set(H.split(",").filter(Boolean));
+    g((B) => {
+      const S = new Set([...B].filter((y) => b.has(y)));
+      return S.size === B.size ? B : S;
+    }), _((B) => {
+      const S = new Set([...B].filter((y) => b.has(y)));
+      return S.size === B.size ? B : S;
     });
-  }, [u, Z]);
-  const S = (M) => {
-    L((k) => new Set(k).add(M)), g((k) => {
-      const N = new Set(k);
-      return N.has(M) ? N.delete(M) : N.add(M), N;
+  }, [u, H]);
+  const k = (b) => {
+    _((B) => new Set(B).add(b)), g((B) => {
+      const S = new Set(B);
+      return S.has(b) ? S.delete(b) : S.add(b), S;
     });
-  }, 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), I = () => {
     if (i != null) return i;
-    if (c != null || C != null)
+    if (s != null || C != null)
       return /* @__PURE__ */ p("div", { className: E.emptyState, children: [
-        c && /* @__PURE__ */ n("span", { className: E.emptyTitle, children: c }),
+        s && /* @__PURE__ */ n("span", { className: E.emptyTitle, children: s }),
         C && /* @__PURE__ */ n("span", { className: E.emptyDescription, children: C })
       ] });
-  }, V = [E.tableWrapper, E[t], f ?? ""].filter(Boolean).join(" "), R = {
+  }, A = [E.tableWrapper, E[t], f ?? ""].filter(Boolean).join(" "), M = {
     ...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: [
-    /* @__PURE__ */ n("thead", { className: E.thead, children: e.getHeaderGroups().map((M) => /* @__PURE__ */ p("tr", { className: E.tr, children: [
+  return /* @__PURE__ */ n("div", { "data-idb-component": !0, className: A, style: M, children: /* @__PURE__ */ p("table", { className: E.table, children: [
+    /* @__PURE__ */ n("thead", { className: E.thead, children: e.getHeaderGroups().map((b) => /* @__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(
         n2,
@@ -4074,34 +4084,34 @@ function Xr({
           onChange: () => e.toggleAllRowsSelected(!e.getIsAllRowsSelected())
         }
       ) }),
-      M.headers.map((k) => /* @__PURE__ */ n(
+      b.headers.map((B) => /* @__PURE__ */ n(
         "th",
         {
           className: [
             E.th,
-            k.column.getCanSort() ? E.sortable : ""
+            B.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: B.column.getToggleSortingHandler(),
+          style: { width: B.getSize() },
+          children: B.isPlaceholder ? null : u2(
+            B.column.columnDef.header,
+            B.getContext()
           )
         },
-        k.id
+        B.id
       ))
-    ] }, M.id)) }),
-    /* @__PURE__ */ n("tbody", { className: E.tbody, children: r ? Array.from({ length: s }, (M, k) => /* @__PURE__ */ p("tr", { className: E.tr, children: [
+    ] }, b.id)) }),
+    /* @__PURE__ */ n("tbody", { className: E.tbody, children: r ? Array.from({ length: c }, (b, B) => /* @__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 = [
+      x.map((S) => /* @__PURE__ */ n("td", { className: E.td, children: /* @__PURE__ */ n("span", { className: E.skeleton }) }, S.id))
+    ] }, `skeleton-${B}`)) : e.getRowModel().rows.length === 0 ? /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", { colSpan: V, className: E.stateCell, children: I() }) }) : e.getRowModel().rows.map((b) => {
+      const B = b.getIsSelected(), S = b.getCanSelect(), y = !!d || o && S, Z = L.has(b.id), T = m.has(b.id), N = u && (v ? v(b) : !!h), D = N && T && h ? h(b) : null, O = [
         E.tr,
         l || d ? E.interactiveRow : "",
-        o && N && !l && !d ? E.clickableRow : "",
-        k ? E.selectedRow : "",
-        A && H ? E.expandedRow : ""
+        o && S && !l && !d ? E.clickableRow : "",
+        B ? E.selectedRow : "",
+        N && Z ? E.expandedRow : ""
       ].filter(Boolean).join(" ");
       return /* @__PURE__ */ p(O2, { children: [
         /* @__PURE__ */ p(
@@ -4109,20 +4119,20 @@ function Xr({
           {
             className: O,
             tabIndex: l || d ? 0 : void 0,
-            onClick: y ? () => d ? d(M) : M.toggleSelected() : void 0,
+            onClick: y ? () => d ? d(b) : b.toggleSelected() : void 0,
             children: [
-              u && /* @__PURE__ */ n("td", { className: `${E.td} ${E.accordionCell}`, children: A && /* @__PURE__ */ n(
+              u && /* @__PURE__ */ n("td", { className: `${E.td} ${E.accordionCell}`, children: N && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
-                  "aria-expanded": H,
-                  "aria-controls": `accordion-content-${M.id}`,
+                  "aria-expanded": Z,
+                  "aria-controls": `accordion-content-${b.id}`,
                   className: [
                     E.accordionToggle,
-                    H ? E.accordionToggleExpanded : ""
+                    Z ? E.accordionToggleExpanded : ""
                   ].filter(Boolean).join(" "),
                   onClick: (U) => {
-                    U.stopPropagation(), S(M.id);
+                    U.stopPropagation(), k(b.id);
                   },
                   dangerouslySetInnerHTML: { __html: ht }
                 }
@@ -4132,44 +4142,44 @@ function Xr({
                 {
                   className: `${E.td} ${E.checkboxCell}`,
                   onClick: (U) => {
-                    U.stopPropagation(), !U.target.closest("label") && N && M.toggleSelected();
+                    U.stopPropagation(), !U.target.closest("label") && S && b.toggleSelected();
                   },
                   children: /* @__PURE__ */ n(
                     n2,
                     {
                       size: "small",
-                      checked: k,
-                      disabled: !N,
-                      onChange: (U) => M.toggleSelected(U)
+                      checked: B,
+                      disabled: !S,
+                      onChange: (U) => b.toggleSelected(U)
                     }
                   )
                 }
               ),
-              M.getVisibleCells().map((U) => /* @__PURE__ */ n("td", { className: E.td, children: u2(
+              b.getVisibleCells().map((U) => /* @__PURE__ */ n("td", { className: E.td, children: u2(
                 U.column.columnDef.cell,
                 U.getContext()
               ) }, U.id))
             ]
           }
         ),
-        A && /* @__PURE__ */ n("tr", { className: E.accordionRow, children: /* @__PURE__ */ n("td", { colSpan: I, className: E.accordionContent, children: /* @__PURE__ */ n(
+        N && /* @__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",
               {
-                id: `accordion-content-${M.id}`,
+                id: `accordion-content-${b.id}`,
                 className: E.accordionBodyContent,
                 children: D
               }
             ) }) })
           }
         ) }) })
-      ] }, M.id);
+      ] }, b.id);
     }) })
   ] }) });
 }
@@ -4201,7 +4211,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,
@@ -4243,8 +4253,8 @@ function Pt(e, t, o) {
       page: i
     }));
   const l = Math.floor(o / 2);
-  let r = t - l, s = r + o - 1;
-  return r < 0 && (r = 0, s = o - 1), s >= e && (s = e - 1, r = s - o + 1), P1(r, s).map((i) => ({ type: "page", page: i }));
+  let r = t - l, c = r + o - 1;
+  return r < 0 && (r = 0, c = o - 1), c >= e && (c = e - 1, r = c - o + 1), P1(r, c).map((i) => ({ type: "page", page: i }));
 }
 function jt(e, t, o, l) {
   if (e <= 0) return [];
@@ -4253,21 +4263,21 @@ function jt(e, t, o, l) {
       type: "page",
       page: f
     }));
-  const r = $t[o] ?? 2, s = Dt[o] ?? 7, i = e - 1, c = t - r, C = t + r;
-  if (c <= 1) {
-    const f = Math.max(C, s - 1), d = P1(0, Math.min(f, i - 1)).map(
+  const r = $t[o] ?? 2, c = Dt[o] ?? 7, i = e - 1, s = t - r, C = t + r;
+  if (s <= 1) {
+    const f = Math.max(C, c - 1), d = P1(0, Math.min(f, i - 1)).map(
       (u) => ({ type: "page", page: u })
     );
     return f < i - 1 && d.push({ type: "ellipsis", key: "trailing" }), d.push({ type: "page", page: i }), d;
   }
   if (C >= i - 1) {
-    const f = Math.min(c, i - s + 1), d = [{ type: "page", page: 0 }];
+    const f = Math.min(s, i - c + 1), d = [{ type: "page", page: 0 }];
     return f > 1 && d.push({ type: "ellipsis", key: "leading" }), P1(Math.max(f, 1), i).forEach((u) => {
       d.push({ type: "page", page: u });
     }), d;
   }
   const a = [{ type: "page", page: 0 }];
-  return a.push({ type: "ellipsis", key: "leading" }), P1(c, C).forEach(
+  return a.push({ type: "ellipsis", key: "leading" }), P1(s, C).forEach(
     (f) => a.push({ type: "page", page: f })
   ), a.push({ type: "ellipsis", key: "trailing" }), a.push({ type: "page", page: i }), a;
 }
@@ -4309,9 +4319,9 @@ function Yr({
   onPageChange: o,
   canPreviousPage: l,
   canNextPage: r,
-  onPreviousPage: s,
+  onPreviousPage: c,
   onNextPage: i,
-  variant: c,
+  variant: s,
   boundary: C = !0,
   trailingContent: a = !1,
   trailingContentGap: f = 40,
@@ -4319,44 +4329,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 _ = Ot(s), H = Math.max(Number(t) || 0, 0), k = _ === "minimize", x = H > 0 ? `${e + 1}` : "", [V, I] = q(x), A = Z1(
+    () => Wt(H, e, _, C),
+    [H, e, _, C]
   );
-  z(() => {
-    b(x);
+  J(() => {
+    I(x);
   }, [x]);
-  const R = (H) => {
-    H < 0 || H >= Z || H === e || o(H);
-  }, M = () => {
-    if (!I || Z <= 0) {
-      b(x);
+  const M = (Z) => {
+    Z < 0 || Z >= H || Z === e || o(Z);
+  }, b = () => {
+    if (!V || H <= 0) {
+      I(x);
       return;
     }
-    const H = Number(I);
-    if (!Number.isFinite(H)) {
-      b(x);
+    const Z = Number(V);
+    if (!Number.isFinite(Z)) {
+      I(x);
       return;
     }
-    if ((H < 1 || H > Z) && _) {
-      b(x), c3({ message: _ });
+    if ((Z < 1 || Z > H) && L) {
+      I(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 N = Math.min(Math.max(Z, 1), H) - 1;
+    M(N), I(`${N + 1}`);
+  }, B = (Z) => {
+    I(Z.target.value.replace(/\D/g, ""));
+  }, S = (Z) => {
+    Z.key === "Enter" && (Z.preventDefault(), b());
   }, y = [
-    J.pagination,
-    a ? J.withTrailingContent : "",
-    w ?? ""
+    z.pagination,
+    a ? z.withTrailingContent : "",
+    m ?? ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ p(
     "div",
@@ -4372,8 +4382,8 @@ function Yr({
           "div",
           {
             className: [
-              J.buttonContainer,
-              S ? J.minimizeButtonContainer : ""
+              z.buttonContainer,
+              k ? z.minimizeButtonContainer : ""
             ].filter(Boolean).join(" "),
             children: [
               /* @__PURE__ */ n(
@@ -4381,38 +4391,38 @@ function Yr({
                 {
                   variant: "secondary",
                   size: "medium",
-                  onClick: s,
+                  onClick: c,
                   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(
+                    !k && /* @__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(
+              k ? 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[_] ?? L9.extended },
+                (Z, T) => /* @__PURE__ */ n("span", { className: z.skeletonPage }, T)
+              ) }) : /* @__PURE__ */ n("div", { className: z.pageList, children: A.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: () => M(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 +4432,11 @@ function Yr({
                   onClick: i,
                   disabled: u || !r,
                   customStyle: f2(u || !r),
-                  children: /* @__PURE__ */ p("div", { className: J.arrowButtonContent, children: [
-                    !S && /* @__PURE__ */ n(
+                  children: /* @__PURE__ */ p("div", { className: z.arrowButtonContent, children: [
+                    !k && /* @__PURE__ */ n(
                       "span",
                       {
-                        className: `${J.arrowButtonLabel} ${J.nextButtonLabel}`,
+                        className: `${z.arrowButtonLabel} ${z.nextButtonLabel}`,
                         children: h
                       }
                     ),
@@ -4440,21 +4450,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,
-                  onKeyDown: N,
-                  onBlur: M,
-                  className: J.trailingInput,
-                  disabled: Z <= 0
+                  value: V,
+                  onChange: B,
+                  onKeyDown: S,
+                  onBlur: b,
+                  className: z.trailingInput,
+                  disabled: H <= 0
                 }
               )
             ]