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

package/dist/index.js

@@ -4,9 +4,9 @@ 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, TOGGLE_SPEC as jt, BREADCRUMB_SPEC as Nt, EMPTYSTATE_SPEC as Bt, CHECKBOX_SPEC as Ut, RADIO_SPEC as Dt, INPUT_SPEC as Kt, PASSWORDINPUT_SPEC as Vt, TEXTAREA_SPEC as Wt, NUMBERINPUT_SPEC as $t, TAB_SPEC as Ft, SLIDER_SPEC as Ht, CALENDAR_SPEC as Gt, DATEINPUT_SPEC as qt, POPUP_SPEC as Xt, SELECT_SPEC as Yt, MULTISELECT_SPEC as Jt, TIMEPICKER_SPEC as Qt, TAGINPUT_SPEC as Zt, CONTEXTMENU_SPEC as te, TABLESELECT_SPEC as ee, TREESELECT_SPEC as oe, CONTROLLER_SPEC as ne, TOAST_SPEC as re } from "@vmscloud/moz-ui-components-core";
-import { createValidator as vo, enUS as So, jaJP as To, koKR as bo, useToast as ho, zhCN as Ao } from "@vmscloud/moz-ui-components-core";
-import { jsx as x, jsxs as se } 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, 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";
 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 ce {
+class le {
   constructor() {
     q(this, "contextWrapper", null);
     q(this, "roots", /* @__PURE__ */ new Set());
@@ -54,7 +54,7 @@ class ce {
   }
 }
 const ut = W(lt), at = W(null);
-function Oe({
+function _e({
   locale: e = lt,
   contextWrapper: t,
   children: o
@@ -69,14 +69,14 @@ function Oe({
     )
   );
 }
-function le() {
+function ue() {
   return D(ut);
 }
-function ue() {
+function ae() {
   return D(at);
 }
 const tt = W(null);
-function _e({
+function Ie({
   children: e
 }) {
   const t = L();
@@ -88,13 +88,13 @@ function _e({
     typeof e == "function" ? e(o) : e
   );
 }
-function Ie() {
+function Le() {
   return D(tt);
 }
-function H(e) {
+function G(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 ae(e, t) {
+function ie(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 m(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(H),
-    ...Object.keys(t).map((n) => H(`update:${n}`)),
-    ...Object.values(t).map((n) => H(n.event)),
+    ...(e.emits ?? []).map(G),
+    ...Object.keys(t).map((n) => G(`update:${n}`)),
+    ...Object.values(t).map((n) => G(n.event)),
     "children",
     "className",
     "style",
@@ -127,7 +127,7 @@ function m(e) {
     // 코어(Tab)는 이 통로 없이는 React 에서 콘텐츠를 받을 수 없었다.
     "slots"
   ]), r = bt((n, c) => {
-    const s = L(null), l = L(void 0), p = L(void 0), [P, y] = U(() => /* @__PURE__ */ new Map());
+    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", {
@@ -139,13 +139,13 @@ function m(e) {
       }), p.current = C;
     }
     const u = L();
-    u.current || (u.current = new ce());
-    const f = ue();
+    u.current || (u.current = new le());
+    const f = ae();
     u.current.setContextWrapper(f);
-    const a = le(), v = D(tt), T = L(n);
+    const a = ue(), v = D(tt), T = L(n);
     T.current = n;
     const b = ((C, ...i) => {
-      const S = H(String(C)), h = T.current[S];
+      const S = G(String(C)), h = T.current[S];
       typeof h == "function" && h(...i);
     }), d = () => {
       const C = T.current, i = {};
@@ -178,7 +178,7 @@ function m(e) {
               // setState … 로 끝나지 않는 비동기 루프가 된다(소비처 실측: 페이지 테스트 타임아웃).
               update: (k) => y((w) => {
                 const j = w.get(M);
-                return !j || ae(j.scope, k) ? w : new Map(w).set(M, { ...j, scope: k });
+                return !j || ie(j.scope, k) ? w : new Map(w).set(M, { ...j, scope: k });
               }),
               dispose: () => y((k) => {
                 if (!k.has(M)) return k;
@@ -220,7 +220,7 @@ function m(e) {
       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(P, ([C, i]) => {
+    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);
     });
@@ -233,9 +233,9 @@ function m(e) {
   });
   return r.displayName = e.name, r;
 }
-const ie = m(_t), pe = (e) => null, Le = ({ horizontal: e, children: t }) => {
+const pe = P(_t), fe = (e) => null, xe = ({ horizontal: e, children: t }) => {
   const o = ct.toArray(t).filter(
-    (c) => K(c) && c.type === pe
+    (c) => K(c) && c.type === fe
   ), r = o.map((c) => ({
     size: c.props.size,
     minSize: c.props.minSize,
@@ -244,12 +244,12 @@ const ie = m(_t), pe = (e) => null, Le = ({ horizontal: e, children: t }) => {
   })), n = {};
   return o.forEach((c, s) => {
     n[`pane-${s}`] = c.props.children;
-  }), /* @__PURE__ */ x(ie, { panes: r, horizontal: e, ...n });
-}, fe = m(It), J = /* @__PURE__ */ new Set(), it = 200, de = 100, pt = W({
+  }), /* @__PURE__ */ x(pe, { panes: r, horizontal: e, ...n });
+}, de = P(It), J = /* @__PURE__ */ new Set(), it = 200, Ce = 100, pt = W({
   delayDuration: it,
   disableHoverableContent: !1
 });
-function xe({
+function Me({
   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 Me({
+function ke({
   open: e,
   defaultOpen: t = !1,
   onOpenChange: o,
@@ -274,7 +274,7 @@ function Me({
   disableHoverableContent: n,
   children: c
 }) {
-  const s = D(pt), l = r ?? s.delayDuration, p = !(n ?? s.disableHoverableContent), [P, y] = U(t), u = e !== void 0, f = u ? !!e : P, [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, 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);
   g.current = o;
   const R = _(() => {
     b.current && clearTimeout(b.current), d.current && clearTimeout(d.current), b.current = null, d.current = null;
@@ -305,7 +305,7 @@ function Me({
     }
     d.current || (d.current = setTimeout(() => {
       d.current = null, I(!1);
-    }, de));
+    }, Ce));
   }, [p, I]), h = _(() => {
     d.current && (clearTimeout(d.current), d.current = null);
   }, []);
@@ -348,8 +348,8 @@ function V(e, t) {
 function nt(e, t) {
   e && (typeof e == "function" ? e(t) : e.current = t);
 }
-function ke({ asChild: e = !1, children: t }) {
-  const o = dt("TooltipTrigger"), { open: r, contentId: n, setAnchor: c, openNow: s, openDelayed: l, closeNow: p, closeSoon: P } = o, y = K(t) ? t : null, u = (y == null ? void 0 : y.props) ?? {}, f = y == null ? void 0 : y.ref, a = L(f);
+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 = _(
     (g) => {
@@ -366,8 +366,8 @@ function ke({ asChild: e = !1, children: t }) {
     // 경우가 있어(예: fireEvent.pointerMove / fireEvent.mouseOver) 한쪽만 걸면 조용히 안 열린다.
     onPointerMove: V(u.onPointerMove, l),
     onMouseEnter: V(u.onMouseEnter, l),
-    onPointerLeave: V(u.onPointerLeave, P),
-    onMouseLeave: V(u.onMouseLeave, P),
+    onPointerLeave: V(u.onPointerLeave, m),
+    onMouseLeave: V(u.onMouseLeave, m),
     // 클릭하러 온 것이므로 즉시 치운다(누른 순간 가려지지 않게).
     onPointerDown: V(u.onPointerDown, p),
     // 포커스는 지연 없이 — 버블링된 focus 도 받는다(트리거가 감싼 span 인 경우).
@@ -380,7 +380,7 @@ function ke({ asChild: e = !1, children: t }) {
   };
   return e && y ? F(y, d) : /* @__PURE__ */ x("span", { ...d, children: t });
 }
-function we({
+function ze({
   side: e = "top",
   align: t = "center",
   sideOffset: o = 8,
@@ -391,11 +391,11 @@ function we({
   children: l,
   ...p
 }) {
-  const P = dt("TooltipContent"), { open: y, anchor: u, contentId: f, hoverable: a, cancelClose: v, closeSoon: T } = P, b = L({ cancelClose: v, closeSoon: T });
+  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]);
   return /* @__PURE__ */ x(
-    fe,
+    de,
     {
       open: y,
       anchor: u,
@@ -415,8 +415,8 @@ function we({
     }
   );
 }
-const Ce = m(Lt), Ct = W(null);
-function G(e) {
+const Ee = P(Lt), Ct = W(null);
+function H(e) {
   const t = D(Ct);
   if (!t) throw new Error(`${e} 는 <Popover> 안에서만 쓸 수 있습니다.`);
   return t;
@@ -432,8 +432,8 @@ function Pt(e, t) {
     typeof e == "function" && e(o), t(o);
   };
 }
-function ze({ open: e, defaultOpen: t = !1, onOpenChange: o, children: r }) {
-  const [n, c] = U(t), s = e !== void 0, l = s ? !!e : n, [p, P] = U(null), [y, u] = U(null), f = `moz-popover-${Z()}`, a = L(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);
   a.current = o;
   const v = _(
     (b) => {
@@ -442,13 +442,13 @@ function ze({ open: e, defaultOpen: t = !1, onOpenChange: o, children: r }) {
     },
     [s]
   ), T = N(
-    () => ({ open: l, setOpen: v, contentId: f, triggerEl: p, anchorEl: y, setTriggerEl: P, setAnchorEl: u }),
+    () => ({ open: l, setOpen: v, contentId: f, triggerEl: p, anchorEl: y, setTriggerEl: m, setAnchorEl: u }),
     [l, v, f, p, y]
   );
   return /* @__PURE__ */ x(Ct.Provider, { value: T, children: r });
 }
-function je({ 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) ?? {}, P = {
+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 = {
     ref: N(
       () => Et(c, s == null ? void 0 : s.ref),
       [c, s]
@@ -459,22 +459,22 @@ function je({ asChild: e = !1, children: t }) {
     "aria-controls": o ? n : void 0,
     "data-state": o ? "open" : "closed"
   };
-  return e && s ? F(s, P) : /* @__PURE__ */ x("span", { ...P, children: t });
+  return e && s ? F(s, m) : /* @__PURE__ */ x("span", { ...m, children: t });
 }
-function Ne({ asChild: e = !1, children: t }) {
-  const { setAnchorEl: o } = G("PopoverAnchor"), r = K(t) ? t : null, n = N(
+function Be({ asChild: e = !1, children: t }) {
+  const { setAnchorEl: o } = H("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 Be({ asChild: e = !1, children: t }) {
-  const { setOpen: o } = G("PopoverClose"), r = K(t) ? t : null, n = (r == null ? void 0 : r.props) ?? {}, c = {
+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 = {
     onClick: Pt(n.onClick, () => o(!1))
   };
   return e && r ? F(r, c) : /* @__PURE__ */ x("button", { type: "button", ...c, children: t });
 }
-function Ue({
+function De({
   side: e = "bottom",
   align: t = "start",
   sideOffset: o = 4,
@@ -484,14 +484,14 @@ function Ue({
   className: s,
   style: l,
   onOpenAutoFocus: p,
-  onCloseAutoFocus: P,
+  onCloseAutoFocus: m,
   onEscapeKeyDown: y,
   onInteractOutside: u,
   children: f,
   ...a
 }) {
-  const { open: v, setOpen: T, contentId: b, triggerEl: d, anchorEl: g } = G("PopoverContent"), R = L({ setOpen: T, triggerEl: d, anchorEl: g, onOpenAutoFocus: p, onCloseAutoFocus: P, onEscapeKeyDown: y, onInteractOutside: u });
-  R.current = { setOpen: T, triggerEl: d, anchorEl: g, onOpenAutoFocus: p, onCloseAutoFocus: P, onEscapeKeyDown: y, onInteractOutside: u };
+  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) => {
     R.current.setOpen(!1);
   }, []), B = _((E) => {
@@ -513,7 +513,7 @@ function Ue({
     (A = (O = R.current).onCloseAutoFocus) == null || A.call(O, E);
   }, []), h = N(() => ({ content: f }), [f]);
   return /* @__PURE__ */ x(
-    Ce,
+    Ee,
     {
       open: v,
       anchor: g ?? d,
@@ -536,13 +536,13 @@ function Ue({
     }
   );
 }
-const Ee = m(xt), mt = W(null);
+const Pe = P(xt), mt = W(null);
 function yt(e) {
   const t = D(mt);
   if (!t) throw new Error(`${e} 는 <Collapsible> 안에서만 쓸 수 있습니다.`);
   return t;
 }
-function Pe(...e) {
+function me(...e) {
   return (t) => {
     for (const o of e)
       o && (typeof o == "function" ? o(t) : o.current = t);
@@ -557,7 +557,7 @@ function vt(e, t) {
   const o = [e, t].filter((r) => typeof r == "string" && r.length > 0).join(" ");
   return o.length > 0 ? o : void 0;
 }
-function De({
+function Ke({
   open: e,
   defaultOpen: t = !1,
   onOpenChange: o,
@@ -568,7 +568,7 @@ function De({
   children: l,
   ...p
 }) {
-  const [P, y] = U(t), u = e !== void 0, f = u ? !!e : P, a = `moz-collapsible-${Z()}`, v = L(o);
+  const [m, y] = U(t), u = e !== void 0, f = u ? !!e : m, a = `moz-collapsible-${Z()}`, v = L(o);
   v.current = o;
   const T = _(
     (I) => {
@@ -590,7 +590,7 @@ function De({
   }) : /* @__PURE__ */ x("div", { ...d, className: c, style: s, children: l });
   return /* @__PURE__ */ x(mt.Provider, { value: b, children: R });
 }
-function Ke({
+function Ve({
   asChild: e = !1,
   disabled: t,
   className: o,
@@ -599,17 +599,17 @@ function Ke({
   children: c,
   ...s
 }) {
-  const { open: l, setOpen: p, contentId: P, disabled: y } = yt("CollapsibleTrigger"), u = t ?? y, f = _(() => {
+  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 = {
     "aria-expanded": l,
-    "aria-controls": P,
+    "aria-controls": m,
     "data-state": l ? "open" : "closed",
     "data-disabled": u ? "" : void 0,
     ...s
   };
   if (e && a) {
-    const b = Pe(a.ref);
+    const b = me(a.ref);
     return F(a, {
       ...T,
       ref: b,
@@ -636,7 +636,7 @@ function Ke({
     }
   );
 }
-function Ve({
+function We({
   forceMount: e = !1,
   className: t,
   style: o,
@@ -644,14 +644,14 @@ function Ve({
   children: n,
   ...c
 }) {
-  const { open: s, contentId: l, disabled: p } = yt("CollapsibleContent"), P = L({ onHeightChange: r });
-  P.current = { onHeightChange: r };
+  const { open: s, contentId: l, disabled: p } = yt("CollapsibleContent"), m = L({ onHeightChange: r });
+  m.current = { onHeightChange: r };
   const y = _((f) => {
     var a, v;
-    (v = (a = P.current).onHeightChange) == null || v.call(a, f);
+    (v = (a = m.current).onHeightChange) == null || v.call(a, f);
   }, []), u = N(() => ({ content: n }), [n]);
   return /* @__PURE__ */ x(
-    Ee,
+    Pe,
     {
       open: s,
       forceMount: e,
@@ -665,21 +665,21 @@ function Ve({
     }
   );
 }
-const me = m(Mt);
-function ye(e) {
+const ye = P(Mt);
+function ve(e) {
   return null;
 }
-function ve(e) {
+function Se(e) {
   return null;
 }
-function We({ className: e, style: t, onLoadingStatusChange: o, children: r, ...n }) {
+function $e({ className: e, style: t, onLoadingStatusChange: o, children: r, ...n }) {
   let c, s;
-  ct.forEach(r, (P) => {
-    K(P) && (P.type === ye ? c = P.props : P.type === ve && (s = P.props));
+  ct.forEach(r, (m) => {
+    K(m) && (m.type === ve ? c = m.props : m.type === Se && (s = m.props));
   });
   const l = s == null ? void 0 : s.children, p = N(() => ({ fallback: l }), [l]);
   return /* @__PURE__ */ x(
-    me,
+    ye,
     {
       src: c == null ? void 0 : c.src,
       alt: c == null ? void 0 : c.alt,
@@ -694,8 +694,8 @@ function We({ className: e, style: t, onLoadingStatusChange: o, children: r, ...
     }
   );
 }
-const Se = m(kt);
-function $e({
+const Te = P(kt);
+function Fe({
   orientation: e = "vertical",
   scrollbarVisibility: t = "always",
   className: o,
@@ -705,7 +705,7 @@ function $e({
   viewportRef: s,
   style: l,
   onScroll: p,
-  children: P,
+  children: m,
   ...y
 }) {
   const [u, f] = U(null), a = _(
@@ -714,18 +714,18 @@ function $e({
     },
     [s]
   );
-  return /* @__PURE__ */ se("div", { className: ["moz-scroll-area", o].filter(Boolean).join(" "), style: l, ...y, children: [
+  return /* @__PURE__ */ ce("div", { className: ["moz-scroll-area", o].filter(Boolean).join(" "), style: l, ...y, children: [
     /* @__PURE__ */ x(
       "div",
       {
         ref: a,
         className: ["moz-scroll-area-viewport", r].filter(Boolean).join(" "),
         "data-moz-scroll-area-viewport": "",
-        children: P
+        children: m
       }
     ),
     /* @__PURE__ */ x(
-      Se,
+      Te,
       {
         viewport: u,
         interactionRoot: u == null ? void 0 : u.parentElement,
@@ -738,66 +738,67 @@ function $e({
     )
   ] });
 }
-const Fe = m(wt), He = m(zt), Ge = m(jt), qe = m(Nt), Xe = m(Bt), Ye = m(Ut), Je = m(Dt), Qe = m(Kt), Ze = m(Vt), to = m(Wt), eo = m($t), oo = m(Ft), no = m(Ht), ro = m(Gt), so = m(qt), co = m(Xt), lo = m(Yt), uo = m(Jt), ao = m(Qt), io = m(Zt), po = m(te), fo = m(ee), Co = m(oe), Eo = m(ne), Po = m(re);
+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);
 export {
-  We as Avatar,
-  ve as AvatarFallback,
-  ye as AvatarImage,
-  qe as BreadCrumb,
-  Fe as Button,
-  ro as Calendar,
-  Ye as CheckBox,
-  De as Collapsible,
-  Ve as CollapsibleContent,
-  Ke as CollapsibleTrigger,
-  po as ContextMenu,
-  Eo as Controller,
-  so as DateInput,
-  Xe as EmptyState,
-  Qe as Input,
+  $e as Avatar,
+  Se as AvatarFallback,
+  ve as AvatarImage,
+  qe as Badge,
+  Ye 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,
-  Oe as MozConfigProvider,
+  _e as MozConfigProvider,
   at as MozContextWrapperContext,
   ut as MozLocaleContext,
-  uo as MultiSelect,
-  eo as NumberInput,
-  pe as Pane,
-  Ze as PasswordInput,
-  ze as Popover,
-  Ne as PopoverAnchor,
-  Be as PopoverClose,
-  Ue as PopoverContent,
-  je as PopoverTrigger,
-  co as Popup,
-  Je as Radio,
-  ce as ReactRenderer,
-  $e as ScrollArea,
-  lo as Select,
-  no as Slider,
-  Le as SplitPane,
-  oo as Tab,
-  fo as TableSelect,
-  io as TagInput,
-  to as TextArea,
-  ao as TimePicker,
-  Po as Toast,
-  Ge as Toggle,
-  Me as Tooltip,
-  we as TooltipContent,
-  xe as TooltipProvider,
-  ke as TooltipTrigger,
-  Co as TreeSelect,
-  _e as Validator,
+  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,
   tt as ValidatorReactContext,
-  m as createMozComponent,
-  vo as createValidator,
-  So as enUS,
-  To as jaJP,
-  bo as koKR,
-  ue as useMozContextWrapper,
-  le as useMozLocale,
-  ho as useToast,
-  Ie as useValidatorContext,
-  Ao as zhCN
+  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
 };
 //# sourceMappingURL=index.js.map