@vmscloud/moz-ui-components-react 0.1.47 → 0.1.49

package/dist/index.js

@@ -1,12 +1,12 @@
-var St = Object.defineProperty;
-var Tt = (e, t, o) => t in e ? St(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var vt = Object.defineProperty;
+var Tt = (e, t, o) => t in e ? vt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
 var q = (e, t, o) => Tt(e, typeof t != "symbol" ? t + "" : t, o);
 import { createElement as $, createContext as W, useContext as D, useRef as L, forwardRef as bt, useState as U, useLayoutEffect as st, useEffect as Q, useImperativeHandle as ht, Fragment as At, Children as ct, isValidElement as K, useId as Z, useCallback as _, useMemo as N, cloneElement as F } from "react";
 import { createPortal as gt } from "react-dom";
 import { createRoot as Rt } from "react-dom/client";
-import { koKR as lt, createValidator as Ot, SPLITPANE_SPEC as _t, TOOLTIP_SPEC as It, POPOVER_SPEC as Lt, COLLAPSIBLE_SPEC as xt, AVATAR_SPEC as Mt, SCROLLAREA_SPEC as kt, BUTTON_SPEC as wt, LABEL_SPEC as zt, BADGE_SPEC as jt, TOGGLE_SPEC as Nt, BREADCRUMB_SPEC as Bt, EMPTYSTATE_SPEC as Ut, CHECKBOX_SPEC as Dt, RADIO_SPEC as Kt, INPUT_SPEC as Vt, PASSWORDINPUT_SPEC as Wt, TEXTAREA_SPEC as $t, NUMBERINPUT_SPEC as Ft, TAB_SPEC as Gt, SLIDER_SPEC as Ht, CALENDAR_SPEC as qt, DATEINPUT_SPEC as Xt, POPUP_SPEC as Yt, SELECT_SPEC as Jt, MULTISELECT_SPEC as Qt, TIMEPICKER_SPEC as Zt, TAGINPUT_SPEC as te, CONTEXTMENU_SPEC as ee, TABLESELECT_SPEC as oe, TREESELECT_SPEC as ne, CONTROLLER_SPEC as re, TOAST_SPEC as se } from "@vmscloud/moz-ui-components-core";
-import { createValidator as To, enUS as bo, jaJP as ho, koKR as Ao, useToast as go, zhCN as Ro } from "@vmscloud/moz-ui-components-core";
-import { jsx as x, jsxs as ce } from "react/jsx-runtime";
+import { koKR as lt, createValidator as Ot, SPLITPANE_SPEC as _t, TOOLTIP_SPEC as It, POPOVER_SPEC as Lt, COLLAPSIBLE_SPEC as xt, AVATAR_SPEC as Mt, SCROLLAREA_SPEC as kt, BUTTON_SPEC as wt, LABEL_SPEC as zt, BADGE_SPEC as jt, CHIP_SPEC as Nt, TOGGLE_SPEC as Bt, BREADCRUMB_SPEC as Ut, EMPTYSTATE_SPEC as Dt, CHECKBOX_SPEC as Kt, RADIO_SPEC as Vt, INPUT_SPEC as Wt, PASSWORDINPUT_SPEC as $t, TEXTAREA_SPEC as Ft, NUMBERINPUT_SPEC as Ht, TAB_SPEC as Gt, SLIDER_SPEC as qt, CALENDAR_SPEC as Xt, DATEINPUT_SPEC as Yt, POPUP_SPEC as Jt, SELECT_SPEC as Qt, MULTISELECT_SPEC as Zt, TIMEPICKER_SPEC as te, TAGINPUT_SPEC as ee, CONTEXTMENU_SPEC as oe, TABLESELECT_SPEC as ne, TREESELECT_SPEC as re, CONTROLLER_SPEC as se, TOAST_SPEC as ce } from "@vmscloud/moz-ui-components-core";
+import { createValidator as ho, enUS as Ao, jaJP as go, koKR as Ro, useToast as Oo, zhCN as _o } from "@vmscloud/moz-ui-components-core";
+import { jsx as x, jsxs as le } from "react/jsx-runtime";
 const X = /* @__PURE__ */ new Set();
 let Y = null;
 function et(e) {
@@ -17,7 +17,7 @@ function et(e) {
     for (const o of t) o.unmount();
   }, 0));
 }
-class le {
+class ue {
   constructor() {
     q(this, "contextWrapper", null);
     q(this, "roots", /* @__PURE__ */ new Set());
@@ -54,7 +54,7 @@ class le {
   }
 }
 const ut = W(lt), at = W(null);
-function _e({
+function Ie({
   locale: e = lt,
   contextWrapper: t,
   children: o
@@ -69,14 +69,14 @@ function _e({
     )
   );
 }
-function ue() {
+function ae() {
   return D(ut);
 }
-function ae() {
+function ie() {
   return D(at);
 }
 const tt = W(null);
-function Ie({
+function Le({
   children: e
 }) {
   const t = L();
@@ -88,13 +88,13 @@ function Ie({
     typeof e == "function" ? e(o) : e
   );
 }
-function Le() {
+function xe() {
   return D(tt);
 }
-function G(e) {
+function H(e) {
   return e.startsWith("update:") ? "on" + e.slice(7).charAt(0).toUpperCase() + e.slice(8) + "Change" : "on" + e.charAt(0).toUpperCase() + e.slice(1);
 }
-function ie(e, t) {
+function pe(e, t) {
   if (Object.is(e, t)) return !0;
   if (typeof e != "object" || typeof t != "object" || e === null || t === null) return !1;
   const o = Object.keys(e), r = Object.keys(t);
@@ -107,15 +107,15 @@ function ot(e, t) {
     if (!Object.prototype.hasOwnProperty.call(t, n) || !Object.is(e[n], t[n])) return !1;
   return !0;
 }
-function P(e) {
+function p(e) {
   const t = e.models ?? {}, o = /* @__PURE__ */ new Set([
     ...e.props,
     ...Object.keys(t),
     ...Object.values(t).map((n) => n.prop),
     ...(e.slots ?? []).map((n) => n === "default" ? "children" : n),
-    ...(e.emits ?? []).map(G),
-    ...Object.keys(t).map((n) => G(`update:${n}`)),
-    ...Object.values(t).map((n) => G(n.event)),
+    ...(e.emits ?? []).map(H),
+    ...Object.keys(t).map((n) => H(`update:${n}`)),
+    ...Object.values(t).map((n) => H(n.event)),
     "children",
     "className",
     "style",
@@ -127,58 +127,58 @@ function P(e) {
     // 코어(Tab)는 이 통로 없이는 React 에서 콘텐츠를 받을 수 없었다.
     "slots"
   ]), r = bt((n, c) => {
-    const s = L(null), l = L(void 0), p = L(void 0), [m, y] = U(() => /* @__PURE__ */ new Map());
-    if (!p.current) {
-      const C = {};
-      Object.defineProperty(C, "el", {
+    const s = L(null), l = L(void 0), f = L(void 0), [m, y] = U(() => /* @__PURE__ */ new Map());
+    if (!f.current) {
+      const E = {};
+      Object.defineProperty(E, "el", {
         get: () => {
           var i;
           return ((i = l.current) == null ? void 0 : i.el) ?? null;
         },
         enumerable: !0
-      }), p.current = C;
+      }), f.current = E;
     }
     const u = L();
-    u.current || (u.current = new le());
-    const f = ae();
-    u.current.setContextWrapper(f);
-    const a = ue(), v = D(tt), T = L(n);
+    u.current || (u.current = new ue());
+    const d = ie();
+    u.current.setContextWrapper(d);
+    const a = ae(), S = D(tt), T = L(n);
     T.current = n;
-    const b = ((C, ...i) => {
-      const S = G(String(C)), h = T.current[S];
+    const b = ((E, ...i) => {
+      const v = H(String(E)), h = T.current[v];
       typeof h == "function" && h(...i);
-    }), d = () => {
-      const C = T.current, i = {};
-      for (const S of Object.keys(C))
-        o.has(S) || (i[S] = C[S]);
-      for (const S of e.props) i[S] = C[S];
-      for (const S of Object.keys(t)) i[t[S].prop] = C[S];
-      return C.className != null && (i.class = C.className), C.style != null && (i.style = C.style), C.id != null && (i.id = C.id), i;
+    }), C = () => {
+      const E = T.current, i = {};
+      for (const v of Object.keys(E))
+        o.has(v) || (i[v] = E[v]);
+      for (const v of e.props) i[v] = E[v];
+      for (const v of Object.keys(t)) i[t[v].prop] = E[v];
+      return E.className != null && (i.class = E.className), E.style != null && (i.style = E.style), E.id != null && (i.id = E.id), i;
     };
     st(() => {
-      const C = u.current, i = {};
-      for (const E of e.slots ?? []) {
-        const O = E === "default" ? "children" : E;
-        T.current[O] != null && (i[E] = (A, z) => {
+      const E = u.current, i = {};
+      for (const P of e.slots ?? []) {
+        const O = P === "default" ? "children" : P;
+        T.current[O] != null && (i[P] = (A, z) => {
           const M = ({ scope: w }) => {
             const j = T.current[O];
             return (typeof j == "function" ? j(w) : j) ?? null;
-          }, k = C.mountInstance(A, M, { scope: z });
+          }, k = E.mountInstance(A, M, { scope: z });
           return { update: (w) => k.update({ scope: w }), dispose: k.destroy };
         });
       }
-      const S = (E) => {
+      const v = (P) => {
         const O = T.current.slots;
-        if (!(O == null || O[E] == null))
+        if (!(O == null || O[P] == null))
           return (A, z) => {
-            const M = A.getAttribute("data-moz-slot-id") ?? E;
-            return y((k) => new Map(k).set(M, { name: E, el: A, scope: z })), {
+            const M = A.getAttribute("data-moz-slot-id") ?? P;
+            return y((k) => new Map(k).set(M, { name: P, el: A, scope: z })), {
               // scope 가 값까지 같으면 state 를 건드리지 않는다. 코어는 렌더마다 scope 객체를 새로
               // 만들어 fill 하므로, 무조건 setState 하면 브릿지 재렌더 → core.update → 다시 fill →
               // setState … 로 끝나지 않는 비동기 루프가 된다(소비처 실측: 페이지 테스트 타임아웃).
               update: (k) => y((w) => {
                 const j = w.get(M);
-                return !j || ie(j.scope, k) ? w : new Map(w).set(M, { ...j, scope: k });
+                return !j || pe(j.scope, k) ? w : new Map(w).set(M, { ...j, scope: k });
               }),
               dispose: () => y((k) => {
                 if (!k.has(M)) return k;
@@ -188,41 +188,41 @@ function P(e) {
             };
           };
       };
-      l.current = e.core(s.current, d(), b, {
+      l.current = e.core(s.current, C(), b, {
         slots: i,
-        slotResolver: S,
+        slotResolver: v,
         locale: a,
-        validator: v ?? void 0,
+        validator: S ?? void 0,
         // 소비자가 실제로 넘긴 prop 키 (controlled 판별)
         providedKeys: Object.keys(T.current)
       });
       const h = l.current.api;
       if (h)
-        for (const E of Object.keys(h))
-          E !== "el" && (p.current[E] = h[E]);
+        for (const P of Object.keys(h))
+          P !== "el" && (f.current[P] = h[P]);
       return () => {
-        var E;
-        (E = l.current) == null || E.destroy(), C.unmountAll(), l.current = void 0;
+        var P;
+        (P = l.current) == null || P.destroy(), E.unmountAll(), l.current = void 0;
       };
     }, []);
     const g = () => {
-      const C = T.current, i = {};
+      const E = T.current, i = {};
       for (const h of e.slots ?? []) {
-        const E = h === "default" ? "children" : h;
-        i[E] = C[E];
+        const P = h === "default" ? "children" : h;
+        i[P] = E[P];
       }
-      const S = C.slots;
-      return i.__dynamicSlotKeys = S ? Object.keys(S).sort().join("\0") : "", i;
+      const v = E.slots;
+      return i.__dynamicSlotKeys = v ? Object.keys(v).sort().join("\0") : "", i;
     }, R = L(null);
     Q(() => {
-      const C = l.current;
-      if (!C) return;
-      const i = d(), S = g(), h = R.current;
-      h && h.locale === a && ot(h.props, i) && ot(h.slots, S) || (R.current = { props: i, slots: S, locale: a }, (!h || h.locale !== a) && C.setLocale(a), C.update(i, { replace: !0, sync: e.syncUpdate }));
-    }), ht(c, () => p.current, []);
-    const I = n.slots, B = Array.from(m, ([C, i]) => {
-      const S = I == null ? void 0 : I[i.name], h = (typeof S == "function" ? S(i.scope) : S) ?? null;
-      return gt(h, i.el, C);
+      const E = l.current;
+      if (!E) return;
+      const i = C(), v = g(), h = R.current;
+      h && h.locale === a && ot(h.props, i) && ot(h.slots, v) || (R.current = { props: i, slots: v, locale: a }, (!h || h.locale !== a) && E.setLocale(a), E.update(i, { replace: !0, sync: e.syncUpdate }));
+    }), ht(c, () => f.current, []);
+    const I = n.slots, B = Array.from(m, ([E, i]) => {
+      const v = I == null ? void 0 : I[i.name], h = (typeof v == "function" ? v(i.scope) : v) ?? null;
+      return gt(h, i.el, E);
     });
     return $(
       At,
@@ -233,9 +233,9 @@ function P(e) {
   });
   return r.displayName = e.name, r;
 }
-const pe = P(_t), fe = (e) => null, xe = ({ horizontal: e, children: t }) => {
+const fe = p(_t), de = (e) => null, Me = ({ horizontal: e, children: t }) => {
   const o = ct.toArray(t).filter(
-    (c) => K(c) && c.type === fe
+    (c) => K(c) && c.type === de
   ), r = o.map((c) => ({
     size: c.props.size,
     minSize: c.props.minSize,
@@ -244,12 +244,12 @@ const pe = P(_t), fe = (e) => null, xe = ({ horizontal: e, children: t }) => {
   })), n = {};
   return o.forEach((c, s) => {
     n[`pane-${s}`] = c.props.children;
-  }), /* @__PURE__ */ x(pe, { panes: r, horizontal: e, ...n });
-}, de = P(It), J = /* @__PURE__ */ new Set(), it = 200, Ce = 100, pt = W({
+  }), /* @__PURE__ */ x(fe, { panes: r, horizontal: e, ...n });
+}, Ce = p(It), J = /* @__PURE__ */ new Set(), it = 200, Ee = 100, pt = W({
   delayDuration: it,
   disableHoverableContent: !1
 });
-function Me({
+function ke({
   delayDuration: e = it,
   disableHoverableContent: t = !1,
   children: o
@@ -266,7 +266,7 @@ function dt(e) {
   if (!t) throw new Error(`${e} 는 <Tooltip> 안에서만 쓸 수 있습니다.`);
   return t;
 }
-function ke({
+function we({
   open: e,
   defaultOpen: t = !1,
   onOpenChange: o,
@@ -274,10 +274,10 @@ function ke({
   disableHoverableContent: n,
   children: c
 }) {
-  const s = D(pt), l = r ?? s.delayDuration, p = !(n ?? s.disableHoverableContent), [m, y] = U(t), u = e !== void 0, f = u ? !!e : m, [a, v] = U(null), T = `moz-tooltip-${Z()}`, b = L(null), d = L(null), g = L(o);
+  const s = D(pt), l = r ?? s.delayDuration, f = !(n ?? s.disableHoverableContent), [m, y] = U(t), u = e !== void 0, d = u ? !!e : m, [a, S] = U(null), T = `moz-tooltip-${Z()}`, b = L(null), C = L(null), g = L(o);
   g.current = o;
   const R = _(() => {
-    b.current && clearTimeout(b.current), d.current && clearTimeout(d.current), b.current = null, d.current = null;
+    b.current && clearTimeout(b.current), C.current && clearTimeout(C.current), b.current = null, C.current = null;
   }, []), I = _(
     (A) => {
       var z;
@@ -286,8 +286,8 @@ function ke({
     [u]
   ), B = _(() => {
     R(), I(!0);
-  }, [R, I]), C = _(() => {
-    if (d.current && (clearTimeout(d.current), d.current = null), !b.current) {
+  }, [R, I]), E = _(() => {
+    if (C.current && (clearTimeout(C.current), C.current = null), !b.current) {
       if (l <= 0) {
         I(!0);
         return;
@@ -298,45 +298,45 @@ function ke({
     }
   }, [l, I]), i = _(() => {
     R(), I(!1);
-  }, [R, I]), S = _(() => {
-    if (b.current && (clearTimeout(b.current), b.current = null), !p) {
+  }, [R, I]), v = _(() => {
+    if (b.current && (clearTimeout(b.current), b.current = null), !f) {
       I(!1);
       return;
     }
-    d.current || (d.current = setTimeout(() => {
-      d.current = null, I(!1);
-    }, Ce));
-  }, [p, I]), h = _(() => {
-    d.current && (clearTimeout(d.current), d.current = null);
+    C.current || (C.current = setTimeout(() => {
+      C.current = null, I(!1);
+    }, Ee));
+  }, [f, I]), h = _(() => {
+    C.current && (clearTimeout(C.current), C.current = null);
   }, []);
   Q(() => R, [R]);
-  const E = L(i);
-  E.current = i, Q(() => {
-    if (!f) return;
-    const A = () => E.current();
+  const P = L(i);
+  P.current = i, Q(() => {
+    if (!d) return;
+    const A = () => P.current();
     for (const M of Array.from(J)) M();
     J.add(A);
     const z = (M) => {
-      M.key === "Escape" && E.current();
+      M.key === "Escape" && P.current();
     };
     return document.addEventListener("keydown", z), () => {
       J.delete(A), document.removeEventListener("keydown", z);
     };
-  }, [f]);
+  }, [d]);
   const O = N(
     () => ({
-      open: f,
+      open: d,
       contentId: T,
       anchor: a,
-      setAnchor: v,
-      hoverable: p,
+      setAnchor: S,
+      hoverable: f,
       openNow: B,
-      openDelayed: C,
+      openDelayed: E,
       closeNow: i,
-      closeSoon: S,
+      closeSoon: v,
       cancelClose: h
     }),
-    [f, T, a, p, B, C, i, S, h]
+    [d, T, a, f, B, E, i, v, h]
   );
   return /* @__PURE__ */ x(ft.Provider, { value: O, children: c });
 }
@@ -348,19 +348,19 @@ function V(e, t) {
 function nt(e, t) {
   e && (typeof e == "function" ? e(t) : e.current = t);
 }
-function we({ asChild: e = !1, children: t }) {
-  const o = dt("TooltipTrigger"), { open: r, contentId: n, setAnchor: c, openNow: s, openDelayed: l, closeNow: p, closeSoon: m } = o, y = K(t) ? t : null, u = (y == null ? void 0 : y.props) ?? {}, f = y == null ? void 0 : y.ref, a = L(f);
-  a.current = f;
-  const v = L(null), T = _(
+function ze({ asChild: e = !1, children: t }) {
+  const o = dt("TooltipTrigger"), { open: r, contentId: n, setAnchor: c, openNow: s, openDelayed: l, closeNow: f, closeSoon: m } = o, y = K(t) ? t : null, u = (y == null ? void 0 : y.props) ?? {}, d = y == null ? void 0 : y.ref, a = L(d);
+  a.current = d;
+  const S = L(null), T = _(
     (g) => {
-      v.current = g, c(g), nt(a.current, g);
+      S.current = g, c(g), nt(a.current, g);
     },
     [c]
-  ), b = L(f);
+  ), b = L(d);
   st(() => {
-    b.current !== f && (b.current = f, nt(f, v.current));
+    b.current !== d && (b.current = d, nt(d, S.current));
   });
-  const d = {
+  const C = {
     ref: T,
     // pointermove·mouseenter 둘 다 받는다 — 포인터 종류·테스트 도구에 따라 어느 하나만 오는
     // 경우가 있어(예: fireEvent.pointerMove / fireEvent.mouseOver) 한쪽만 걸면 조용히 안 열린다.
@@ -369,18 +369,18 @@ function we({ asChild: e = !1, children: t }) {
     onPointerLeave: V(u.onPointerLeave, m),
     onMouseLeave: V(u.onMouseLeave, m),
     // 클릭하러 온 것이므로 즉시 치운다(누른 순간 가려지지 않게).
-    onPointerDown: V(u.onPointerDown, p),
+    onPointerDown: V(u.onPointerDown, f),
     // 포커스는 지연 없이 — 버블링된 focus 도 받는다(트리거가 감싼 span 인 경우).
     onFocus: V(u.onFocus, s),
-    onBlur: V(u.onBlur, p),
+    onBlur: V(u.onBlur, f),
     "aria-describedby": r ? n : u["aria-describedby"],
     // 트리거는 열림 상태를 attribute 로도 노출한다 — 소비처가 열려 있는 동안의 트리거 스타일을
     // CSS 만으로 걸 수 있고(`[data-state='open']`), "툴팁이 배선됐는가" 를 DOM 에서 확인할 수 있다.
     "data-state": r ? "open" : "closed"
   };
-  return e && y ? F(y, d) : /* @__PURE__ */ x("span", { ...d, children: t });
+  return e && y ? F(y, C) : /* @__PURE__ */ x("span", { ...C, children: t });
 }
-function ze({
+function je({
   side: e = "top",
   align: t = "center",
   sideOffset: o = 8,
@@ -389,13 +389,13 @@ function ze({
   className: c,
   style: s,
   children: l,
-  ...p
+  ...f
 }) {
-  const m = dt("TooltipContent"), { open: y, anchor: u, contentId: f, hoverable: a, cancelClose: v, closeSoon: T } = m, b = L({ cancelClose: v, closeSoon: T });
-  b.current = { cancelClose: v, closeSoon: T };
-  const d = _(() => b.current.cancelClose(), []), g = _(() => b.current.closeSoon(), []), R = N(() => ({ content: l }), [l]);
+  const m = dt("TooltipContent"), { open: y, anchor: u, contentId: d, hoverable: a, cancelClose: S, closeSoon: T } = m, b = L({ cancelClose: S, closeSoon: T });
+  b.current = { cancelClose: S, closeSoon: T };
+  const C = _(() => b.current.cancelClose(), []), g = _(() => b.current.closeSoon(), []), R = N(() => ({ content: l }), [l]);
   return /* @__PURE__ */ x(
-    de,
+    Ce,
     {
       open: y,
       anchor: u,
@@ -404,19 +404,19 @@ function ze({
       sideOffset: o,
       collisionPadding: r,
       arrow: n,
-      tooltipId: f,
+      tooltipId: d,
       className: c,
       style: s,
       slots: R,
       "data-hoverable": a ? "true" : void 0,
-      onPointerEnter: a ? d : void 0,
+      onPointerEnter: a ? C : void 0,
       onPointerLeave: a ? g : void 0,
-      ...p
+      ...f
     }
   );
 }
-const Ee = P(Lt), Ct = W(null);
-function H(e) {
+const Pe = p(Lt), Ct = W(null);
+function G(e) {
   const t = D(Ct);
   if (!t) throw new Error(`${e} 는 <Popover> 안에서만 쓸 수 있습니다.`);
   return t;
@@ -432,23 +432,23 @@ function Pt(e, t) {
     typeof e == "function" && e(o), t(o);
   };
 }
-function je({ open: e, defaultOpen: t = !1, onOpenChange: o, children: r }) {
-  const [n, c] = U(t), s = e !== void 0, l = s ? !!e : n, [p, m] = U(null), [y, u] = U(null), f = `moz-popover-${Z()}`, a = L(o);
+function Ne({ open: e, defaultOpen: t = !1, onOpenChange: o, children: r }) {
+  const [n, c] = U(t), s = e !== void 0, l = s ? !!e : n, [f, m] = U(null), [y, u] = U(null), d = `moz-popover-${Z()}`, a = L(o);
   a.current = o;
-  const v = _(
+  const S = _(
     (b) => {
-      var d;
-      s || c(b), (d = a.current) == null || d.call(a, b);
+      var C;
+      s || c(b), (C = a.current) == null || C.call(a, b);
     },
     [s]
   ), T = N(
-    () => ({ open: l, setOpen: v, contentId: f, triggerEl: p, anchorEl: y, setTriggerEl: m, setAnchorEl: u }),
-    [l, v, f, p, y]
+    () => ({ open: l, setOpen: S, contentId: d, triggerEl: f, anchorEl: y, setTriggerEl: m, setAnchorEl: u }),
+    [l, S, d, f, y]
   );
   return /* @__PURE__ */ x(Ct.Provider, { value: T, children: r });
 }
-function Ne({ asChild: e = !1, children: t }) {
-  const { open: o, setOpen: r, contentId: n, setTriggerEl: c } = H("PopoverTrigger"), s = K(t) ? t : null, l = (s == null ? void 0 : s.props) ?? {}, m = {
+function Be({ asChild: e = !1, children: t }) {
+  const { open: o, setOpen: r, contentId: n, setTriggerEl: c } = G("PopoverTrigger"), s = K(t) ? t : null, l = (s == null ? void 0 : s.props) ?? {}, m = {
     ref: N(
       () => Et(c, s == null ? void 0 : s.ref),
       [c, s]
@@ -461,20 +461,20 @@ function Ne({ asChild: e = !1, children: t }) {
   };
   return e && s ? F(s, m) : /* @__PURE__ */ x("span", { ...m, children: t });
 }
-function Be({ asChild: e = !1, children: t }) {
-  const { setAnchorEl: o } = H("PopoverAnchor"), r = K(t) ? t : null, n = N(
+function Ue({ asChild: e = !1, children: t }) {
+  const { setAnchorEl: o } = G("PopoverAnchor"), r = K(t) ? t : null, n = N(
     () => Et(o, r == null ? void 0 : r.ref),
     [o, r]
   );
   return e && r ? F(r, { ref: n }) : /* @__PURE__ */ x("span", { ref: n, children: t });
 }
-function Ue({ asChild: e = !1, children: t }) {
-  const { setOpen: o } = H("PopoverClose"), r = K(t) ? t : null, n = (r == null ? void 0 : r.props) ?? {}, c = {
+function De({ asChild: e = !1, children: t }) {
+  const { setOpen: o } = G("PopoverClose"), r = K(t) ? t : null, n = (r == null ? void 0 : r.props) ?? {}, c = {
     onClick: Pt(n.onClick, () => o(!1))
   };
   return e && r ? F(r, c) : /* @__PURE__ */ x("button", { type: "button", ...c, children: t });
 }
-function De({
+function Ke({
   side: e = "bottom",
   align: t = "start",
   sideOffset: o = 4,
@@ -483,40 +483,40 @@ function De({
   trapFocus: c = !0,
   className: s,
   style: l,
-  onOpenAutoFocus: p,
+  onOpenAutoFocus: f,
   onCloseAutoFocus: m,
   onEscapeKeyDown: y,
   onInteractOutside: u,
-  children: f,
+  children: d,
   ...a
 }) {
-  const { open: v, setOpen: T, contentId: b, triggerEl: d, anchorEl: g } = H("PopoverContent"), R = L({ setOpen: T, triggerEl: d, anchorEl: g, onOpenAutoFocus: p, onCloseAutoFocus: m, onEscapeKeyDown: y, onInteractOutside: u });
-  R.current = { setOpen: T, triggerEl: d, anchorEl: g, onOpenAutoFocus: p, onCloseAutoFocus: m, onEscapeKeyDown: y, onInteractOutside: u };
-  const I = _((E) => {
+  const { open: S, setOpen: T, contentId: b, triggerEl: C, anchorEl: g } = G("PopoverContent"), R = L({ setOpen: T, triggerEl: C, anchorEl: g, onOpenAutoFocus: f, onCloseAutoFocus: m, onEscapeKeyDown: y, onInteractOutside: u });
+  R.current = { setOpen: T, triggerEl: C, anchorEl: g, onOpenAutoFocus: f, onCloseAutoFocus: m, onEscapeKeyDown: y, onInteractOutside: u };
+  const I = _((P) => {
     R.current.setOpen(!1);
-  }, []), B = _((E) => {
+  }, []), B = _((P) => {
     var O, A;
-    (A = (O = R.current).onEscapeKeyDown) == null || A.call(O, E);
-  }, []), C = _((E) => {
+    (A = (O = R.current).onEscapeKeyDown) == null || A.call(O, P);
+  }, []), E = _((P) => {
     var M, k, w, j;
-    const O = (k = (M = E.detail) == null ? void 0 : M.originalEvent) == null ? void 0 : k.target, { triggerEl: A, anchorEl: z } = R.current;
+    const O = (k = (M = P.detail) == null ? void 0 : M.originalEvent) == null ? void 0 : k.target, { triggerEl: A, anchorEl: z } = R.current;
     if (O && (A && A.contains(O) || z && z.contains(O))) {
-      E.preventDefault();
+      P.preventDefault();
       return;
     }
-    (j = (w = R.current).onInteractOutside) == null || j.call(w, E);
-  }, []), i = _((E) => {
+    (j = (w = R.current).onInteractOutside) == null || j.call(w, P);
+  }, []), i = _((P) => {
     var O, A;
-    (A = (O = R.current).onOpenAutoFocus) == null || A.call(O, E);
-  }, []), S = _((E) => {
+    (A = (O = R.current).onOpenAutoFocus) == null || A.call(O, P);
+  }, []), v = _((P) => {
     var O, A;
-    (A = (O = R.current).onCloseAutoFocus) == null || A.call(O, E);
-  }, []), h = N(() => ({ content: f }), [f]);
+    (A = (O = R.current).onCloseAutoFocus) == null || A.call(O, P);
+  }, []), h = N(() => ({ content: d }), [d]);
   return /* @__PURE__ */ x(
-    Ee,
+    Pe,
     {
-      open: v,
-      anchor: g ?? d,
+      open: S,
+      anchor: g ?? C,
       side: e,
       align: t,
       sideOffset: o,
@@ -529,20 +529,20 @@ function De({
       slots: h,
       onRequestClose: I,
       onEscapeKeyDown: B,
-      onInteractOutside: C,
+      onInteractOutside: E,
       onOpenAutoFocus: i,
-      onCloseAutoFocus: S,
+      onCloseAutoFocus: v,
       ...a
     }
   );
 }
-const Pe = P(xt), mt = W(null);
+const me = p(xt), mt = W(null);
 function yt(e) {
   const t = D(mt);
   if (!t) throw new Error(`${e} 는 <Collapsible> 안에서만 쓸 수 있습니다.`);
   return t;
 }
-function me(...e) {
+function ye(...e) {
   return (t) => {
     for (const o of e)
       o && (typeof o == "function" ? o(t) : o.current = t);
@@ -553,11 +553,11 @@ function rt(e, t) {
     typeof e == "function" && e(o), t(o);
   };
 }
-function vt(e, t) {
+function St(e, t) {
   const o = [e, t].filter((r) => typeof r == "string" && r.length > 0).join(" ");
   return o.length > 0 ? o : void 0;
 }
-function Ke({
+function Ve({
   open: e,
   defaultOpen: t = !1,
   onOpenChange: o,
@@ -566,31 +566,31 @@ function Ke({
   className: c,
   style: s,
   children: l,
-  ...p
+  ...f
 }) {
-  const [m, y] = U(t), u = e !== void 0, f = u ? !!e : m, a = `moz-collapsible-${Z()}`, v = L(o);
-  v.current = o;
+  const [m, y] = U(t), u = e !== void 0, d = u ? !!e : m, a = `moz-collapsible-${Z()}`, S = L(o);
+  S.current = o;
   const T = _(
     (I) => {
       var B;
-      u || y(I), (B = v.current) == null || B.call(v, I);
+      u || y(I), (B = S.current) == null || B.call(S, I);
     },
     [u]
   ), b = N(
-    () => ({ open: f, setOpen: T, contentId: a, disabled: r }),
-    [f, T, a, r]
-  ), d = {
-    "data-state": f ? "open" : "closed",
+    () => ({ open: d, setOpen: T, contentId: a, disabled: r }),
+    [d, T, a, r]
+  ), C = {
+    "data-state": d ? "open" : "closed",
     "data-disabled": r ? "" : void 0,
-    ...p
+    ...f
   }, g = K(l) ? l : null, R = n && g ? F(g, {
-    ...d,
-    className: vt(g.props.className, c),
+    ...C,
+    className: St(g.props.className, c),
     style: s ?? g.props.style
-  }) : /* @__PURE__ */ x("div", { ...d, className: c, style: s, children: l });
+  }) : /* @__PURE__ */ x("div", { ...C, className: c, style: s, children: l });
   return /* @__PURE__ */ x(mt.Provider, { value: b, children: R });
 }
-function Ve({
+function We({
   asChild: e = !1,
   disabled: t,
   className: o,
@@ -599,9 +599,9 @@ function Ve({
   children: c,
   ...s
 }) {
-  const { open: l, setOpen: p, contentId: m, disabled: y } = yt("CollapsibleTrigger"), u = t ?? y, f = _(() => {
-    u || p(!l);
-  }, [u, l, p]), a = K(c) ? c : null, v = (a == null ? void 0 : a.props) ?? {}, T = {
+  const { open: l, setOpen: f, contentId: m, disabled: y } = yt("CollapsibleTrigger"), u = t ?? y, d = _(() => {
+    u || f(!l);
+  }, [u, l, f]), a = K(c) ? c : null, S = (a == null ? void 0 : a.props) ?? {}, T = {
     "aria-expanded": l,
     "aria-controls": m,
     "data-state": l ? "open" : "closed",
@@ -609,16 +609,16 @@ function Ve({
     ...s
   };
   if (e && a) {
-    const b = me(a.ref);
+    const b = ye(a.ref);
     return F(a, {
       ...T,
       ref: b,
-      className: vt(v.className, o),
-      style: r ?? v.style,
+      className: St(S.className, o),
+      style: r ?? S.style,
       // 소비처 onClick 을 먼저 돌리고 토글한다 — 소비처가 stopPropagation 을 걸어도
       // 토글 의미는 유지된다(Radix 와 같은 순서).
-      onClick: rt(v.onClick, (d) => {
-        n == null || n(d), f();
+      onClick: rt(S.onClick, (C) => {
+        n == null || n(C), d();
       }),
       disabled: u || void 0
     });
@@ -631,12 +631,12 @@ function Ve({
       className: o,
       style: r,
       disabled: u || void 0,
-      onClick: rt(n, f),
+      onClick: rt(n, d),
       children: c
     }
   );
 }
-function We({
+function $e({
   forceMount: e = !1,
   className: t,
   style: o,
@@ -644,19 +644,19 @@ function We({
   children: n,
   ...c
 }) {
-  const { open: s, contentId: l, disabled: p } = yt("CollapsibleContent"), m = L({ onHeightChange: r });
+  const { open: s, contentId: l, disabled: f } = yt("CollapsibleContent"), m = L({ onHeightChange: r });
   m.current = { onHeightChange: r };
-  const y = _((f) => {
-    var a, v;
-    (v = (a = m.current).onHeightChange) == null || v.call(a, f);
+  const y = _((d) => {
+    var a, S;
+    (S = (a = m.current).onHeightChange) == null || S.call(a, d);
   }, []), u = N(() => ({ content: n }), [n]);
   return /* @__PURE__ */ x(
-    Pe,
+    me,
     {
       open: s,
       forceMount: e,
       contentId: l,
-      disabled: p,
+      disabled: f,
       className: t,
       style: o,
       slots: u,
@@ -665,21 +665,21 @@ function We({
     }
   );
 }
-const ye = P(Mt);
+const Se = p(Mt);
 function ve(e) {
   return null;
 }
-function Se(e) {
+function Te(e) {
   return null;
 }
-function $e({ className: e, style: t, onLoadingStatusChange: o, children: r, ...n }) {
+function Fe({ className: e, style: t, onLoadingStatusChange: o, children: r, ...n }) {
   let c, s;
   ct.forEach(r, (m) => {
-    K(m) && (m.type === ve ? c = m.props : m.type === Se && (s = m.props));
+    K(m) && (m.type === ve ? c = m.props : m.type === Te && (s = m.props));
   });
-  const l = s == null ? void 0 : s.children, p = N(() => ({ fallback: l }), [l]);
+  const l = s == null ? void 0 : s.children, f = N(() => ({ fallback: l }), [l]);
   return /* @__PURE__ */ x(
-    ye,
+    Se,
     {
       src: c == null ? void 0 : c.src,
       alt: c == null ? void 0 : c.alt,
@@ -688,14 +688,14 @@ function $e({ className: e, style: t, onLoadingStatusChange: o, children: r, ...
       delayMs: s == null ? void 0 : s.delayMs,
       className: e,
       style: t,
-      slots: p,
+      slots: f,
       onLoadingStatusChange: o,
       ...n
     }
   );
 }
-const Te = P(kt);
-function Fe({
+const be = p(kt);
+function He({
   orientation: e = "vertical",
   scrollbarVisibility: t = "always",
   className: o,
@@ -704,17 +704,17 @@ function Fe({
   thumbClassName: c,
   viewportRef: s,
   style: l,
-  onScroll: p,
+  onScroll: f,
   children: m,
   ...y
 }) {
-  const [u, f] = U(null), a = _(
-    (v) => {
-      f(v), typeof s == "function" ? s(v) : s && (s.current = v);
+  const [u, d] = U(null), a = _(
+    (S) => {
+      d(S), typeof s == "function" ? s(S) : s && (s.current = S);
     },
     [s]
   );
-  return /* @__PURE__ */ ce("div", { className: ["moz-scroll-area", o].filter(Boolean).join(" "), style: l, ...y, children: [
+  return /* @__PURE__ */ le("div", { className: ["moz-scroll-area", o].filter(Boolean).join(" "), style: l, ...y, children: [
     /* @__PURE__ */ x(
       "div",
       {
@@ -725,7 +725,7 @@ function Fe({
       }
     ),
     /* @__PURE__ */ x(
-      Te,
+      be,
       {
         viewport: u,
         interactionRoot: u == null ? void 0 : u.parentElement,
@@ -733,72 +733,73 @@ function Fe({
         orientation: e,
         scrollbarClass: n,
         thumbClass: c,
-        onScroll: p
+        onScroll: f
       }
     )
   ] });
 }
-const Ge = P(wt), He = P(zt), qe = P(jt), Xe = P(Nt), Ye = P(Bt), Je = P(Ut), Qe = P(Dt), Ze = P(Kt), to = P(Vt), eo = P(Wt), oo = P($t), no = P(Ft), ro = P(Gt), so = P(Ht), co = P(qt), lo = P(Xt), uo = P(Yt), ao = P(Jt), io = P(Qt), po = P(Zt), fo = P(te), Co = P(ee), Eo = P(oe), Po = P(ne), mo = P(re), yo = P(se);
+const Ge = p(wt), qe = p(zt), Xe = p(jt), Ye = p(Nt), Je = p(Bt), Qe = p(Ut), Ze = p(Dt), to = p(Kt), eo = p(Vt), oo = p(Wt), no = p($t), ro = p(Ft), so = p(Ht), co = p(Gt), lo = p(qt), uo = p(Xt), ao = p(Yt), io = p(Jt), po = p(Qt), fo = p(Zt), Co = p(te), Eo = p(ee), Po = p(oe), mo = p(ne), yo = p(re), So = p(se), vo = p(ce);
 export {
-  $e as Avatar,
-  Se as AvatarFallback,
+  Fe as Avatar,
+  Te as AvatarFallback,
   ve as AvatarImage,
-  qe as Badge,
-  Ye as BreadCrumb,
+  Xe as Badge,
+  Qe as BreadCrumb,
   Ge as Button,
-  co as Calendar,
-  Qe as CheckBox,
-  Ke as Collapsible,
-  We as CollapsibleContent,
-  Ve as CollapsibleTrigger,
-  Co as ContextMenu,
-  mo as Controller,
-  lo as DateInput,
-  Je as EmptyState,
-  to as Input,
-  He as Label,
-  _e as MozConfigProvider,
+  uo as Calendar,
+  to as CheckBox,
+  Ye as Chip,
+  Ve as Collapsible,
+  $e as CollapsibleContent,
+  We as CollapsibleTrigger,
+  Po as ContextMenu,
+  So as Controller,
+  ao as DateInput,
+  Ze as EmptyState,
+  oo as Input,
+  qe as Label,
+  Ie as MozConfigProvider,
   at as MozContextWrapperContext,
   ut as MozLocaleContext,
-  io as MultiSelect,
-  no as NumberInput,
-  fe as Pane,
-  eo as PasswordInput,
-  je as Popover,
-  Be as PopoverAnchor,
-  Ue as PopoverClose,
-  De as PopoverContent,
-  Ne as PopoverTrigger,
-  uo as Popup,
-  Ze as Radio,
-  le as ReactRenderer,
-  Fe as ScrollArea,
-  ao as Select,
-  so as Slider,
-  xe as SplitPane,
-  ro as Tab,
-  Eo as TableSelect,
-  fo as TagInput,
-  oo as TextArea,
-  po as TimePicker,
-  yo as Toast,
-  Xe as Toggle,
-  ke as Tooltip,
-  ze as TooltipContent,
-  Me as TooltipProvider,
-  we as TooltipTrigger,
-  Po as TreeSelect,
-  Ie as Validator,
+  fo as MultiSelect,
+  so as NumberInput,
+  de as Pane,
+  no as PasswordInput,
+  Ne as Popover,
+  Ue as PopoverAnchor,
+  De as PopoverClose,
+  Ke as PopoverContent,
+  Be as PopoverTrigger,
+  io as Popup,
+  eo as Radio,
+  ue as ReactRenderer,
+  He as ScrollArea,
+  po as Select,
+  lo as Slider,
+  Me as SplitPane,
+  co as Tab,
+  mo as TableSelect,
+  Eo as TagInput,
+  ro as TextArea,
+  Co as TimePicker,
+  vo as Toast,
+  Je as Toggle,
+  we as Tooltip,
+  je as TooltipContent,
+  ke as TooltipProvider,
+  ze as TooltipTrigger,
+  yo as TreeSelect,
+  Le as Validator,
   tt as ValidatorReactContext,
-  P as createMozComponent,
-  To as createValidator,
-  bo as enUS,
-  ho as jaJP,
-  Ao as koKR,
-  ae as useMozContextWrapper,
-  ue as useMozLocale,
-  go as useToast,
-  Le as useValidatorContext,
-  Ro as zhCN
+  p as createMozComponent,
+  ho as createValidator,
+  Ao as enUS,
+  go as jaJP,
+  Ro as koKR,
+  ie as useMozContextWrapper,
+  ae as useMozLocale,
+  Oo as useToast,
+  xe as useValidatorContext,
+  _o as zhCN
 };
 //# sourceMappingURL=index.js.map