@vmscloud/moz-ui-components-react 0.1.42

package/dist/index.js

@@ -0,0 +1,803 @@
+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 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";
+const X = /* @__PURE__ */ new Set();
+let Y = null;
+function et(e) {
+  X.add(e), Y == null && (Y = setTimeout(() => {
+    Y = null;
+    const t = Array.from(X);
+    X.clear();
+    for (const o of t) o.unmount();
+  }, 0));
+}
+class ce {
+  constructor() {
+    q(this, "contextWrapper", null);
+    q(this, "roots", /* @__PURE__ */ new Set());
+  }
+  /** 외부 Provider 트리를 캡처 */
+  setContextWrapper(t) {
+    this.contextWrapper = t;
+  }
+  /**
+   * 컨테이너 단위 인스턴스 마운트.
+   * component(props) 를 컨테이너에 렌더하고, update(props) 로 갱신, destroy() 로 정리한다.
+   */
+  mountInstance(t, o, r) {
+    const n = Rt(t);
+    this.roots.add(n);
+    const c = (s) => {
+      const l = $(o, s);
+      n.render(this.contextWrapper ? this.contextWrapper(l) : l);
+    };
+    return c(r), {
+      update: (s) => c(s),
+      destroy: () => {
+        this.roots.delete(n), et(n);
+      }
+    };
+  }
+  /** 전체 인스턴스 언마운트 */
+  unmountAll() {
+    for (const t of this.roots) et(t);
+    this.roots.clear();
+  }
+  get size() {
+    return this.roots.size;
+  }
+}
+const ut = W(lt), at = W(null);
+function Oe({
+  locale: e = lt,
+  contextWrapper: t,
+  children: o
+}) {
+  return $(
+    ut.Provider,
+    { value: e },
+    $(
+      at.Provider,
+      { value: t ?? null },
+      o
+    )
+  );
+}
+function le() {
+  return D(ut);
+}
+function ue() {
+  return D(at);
+}
+const tt = W(null);
+function _e({
+  children: e
+}) {
+  const t = L();
+  t.current || (t.current = Ot());
+  const o = { validate: t.current.validate, initValidator: t.current.initValidator };
+  return $(
+    tt.Provider,
+    { value: t.current },
+    typeof e == "function" ? e(o) : e
+  );
+}
+function Ie() {
+  return D(tt);
+}
+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 ae(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);
+  return o.length !== r.length ? !1 : o.every((n) => Object.is(e[n], t[n]));
+}
+function ot(e, t) {
+  const o = Object.keys(e), r = Object.keys(t);
+  if (o.length !== r.length) return !1;
+  for (const n of o)
+    if (!Object.prototype.hasOwnProperty.call(t, n) || !Object.is(e[n], t[n])) return !1;
+  return !0;
+}
+function m(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)),
+    "children",
+    "className",
+    "style",
+    "id",
+    "key",
+    "ref",
+    // 동적 slot 묶음 — `slots={{ 'a-tab': (scope) => …, a: <Panel/> }}`. Vue 브릿지는 소비자
+    // slots 를 전부 등록하지만 React 는 스펙의 정적 목록만 알았다. 이름이 데이터에서 파생되는
+    // 코어(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());
+    if (!p.current) {
+      const C = {};
+      Object.defineProperty(C, "el", {
+        get: () => {
+          var i;
+          return ((i = l.current) == null ? void 0 : i.el) ?? null;
+        },
+        enumerable: !0
+      }), p.current = C;
+    }
+    const u = L();
+    u.current || (u.current = new ce());
+    const f = ue();
+    u.current.setContextWrapper(f);
+    const a = le(), v = D(tt), T = L(n);
+    T.current = n;
+    const b = ((C, ...i) => {
+      const S = H(String(C)), h = T.current[S];
+      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;
+    };
+    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 M = ({ scope: w }) => {
+            const j = T.current[O];
+            return (typeof j == "function" ? j(w) : j) ?? null;
+          }, k = C.mountInstance(A, M, { scope: z });
+          return { update: (w) => k.update({ scope: w }), dispose: k.destroy };
+        });
+      }
+      const S = (E) => {
+        const O = T.current.slots;
+        if (!(O == null || O[E] == 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 })), {
+              // scope 가 값까지 같으면 state 를 건드리지 않는다. 코어는 렌더마다 scope 객체를 새로
+              // 만들어 fill 하므로, 무조건 setState 하면 브릿지 재렌더 → core.update → 다시 fill →
+              // 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 });
+              }),
+              dispose: () => y((k) => {
+                if (!k.has(M)) return k;
+                const w = new Map(k);
+                return w.delete(M), w;
+              })
+            };
+          };
+      };
+      l.current = e.core(s.current, d(), b, {
+        slots: i,
+        slotResolver: S,
+        locale: a,
+        validator: v ?? 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]);
+      return () => {
+        var E;
+        (E = l.current) == null || E.destroy(), C.unmountAll(), l.current = void 0;
+      };
+    }, []);
+    const g = () => {
+      const C = T.current, i = {};
+      for (const h of e.slots ?? []) {
+        const E = h === "default" ? "children" : h;
+        i[E] = C[E];
+      }
+      const S = C.slots;
+      return i.__dynamicSlotKeys = S ? Object.keys(S).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(P, ([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);
+    });
+    return $(
+      At,
+      null,
+      $("div", { ref: s, style: { display: "contents" } }),
+      ...B
+    );
+  });
+  return r.displayName = e.name, r;
+}
+const ie = m(_t), pe = (e) => null, Le = ({ horizontal: e, children: t }) => {
+  const o = ct.toArray(t).filter(
+    (c) => K(c) && c.type === pe
+  ), r = o.map((c) => ({
+    size: c.props.size,
+    minSize: c.props.minSize,
+    maxSize: c.props.maxSize,
+    hidden: c.props.hidden
+  })), 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({
+  delayDuration: it,
+  disableHoverableContent: !1
+});
+function xe({
+  delayDuration: e = it,
+  disableHoverableContent: t = !1,
+  children: o
+}) {
+  const r = N(
+    () => ({ delayDuration: e, disableHoverableContent: t }),
+    [e, t]
+  );
+  return /* @__PURE__ */ x(pt.Provider, { value: r, children: o });
+}
+const ft = W(null);
+function dt(e) {
+  const t = D(ft);
+  if (!t) throw new Error(`${e} 는 <Tooltip> 안에서만 쓸 수 있습니다.`);
+  return t;
+}
+function Me({
+  open: e,
+  defaultOpen: t = !1,
+  onOpenChange: o,
+  delayDuration: r,
+  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);
+  g.current = o;
+  const R = _(() => {
+    b.current && clearTimeout(b.current), d.current && clearTimeout(d.current), b.current = null, d.current = null;
+  }, []), I = _(
+    (A) => {
+      var z;
+      u || y(A), (z = g.current) == null || z.call(g, A);
+    },
+    [u]
+  ), B = _(() => {
+    R(), I(!0);
+  }, [R, I]), C = _(() => {
+    if (d.current && (clearTimeout(d.current), d.current = null), !b.current) {
+      if (l <= 0) {
+        I(!0);
+        return;
+      }
+      b.current = setTimeout(() => {
+        b.current = null, I(!0);
+      }, l);
+    }
+  }, [l, I]), i = _(() => {
+    R(), I(!1);
+  }, [R, I]), S = _(() => {
+    if (b.current && (clearTimeout(b.current), b.current = null), !p) {
+      I(!1);
+      return;
+    }
+    d.current || (d.current = setTimeout(() => {
+      d.current = null, I(!1);
+    }, de));
+  }, [p, I]), h = _(() => {
+    d.current && (clearTimeout(d.current), d.current = null);
+  }, []);
+  Q(() => R, [R]);
+  const E = L(i);
+  E.current = i, Q(() => {
+    if (!f) return;
+    const A = () => E.current();
+    for (const M of Array.from(J)) M();
+    J.add(A);
+    const z = (M) => {
+      M.key === "Escape" && E.current();
+    };
+    return document.addEventListener("keydown", z), () => {
+      J.delete(A), document.removeEventListener("keydown", z);
+    };
+  }, [f]);
+  const O = N(
+    () => ({
+      open: f,
+      contentId: T,
+      anchor: a,
+      setAnchor: v,
+      hoverable: p,
+      openNow: B,
+      openDelayed: C,
+      closeNow: i,
+      closeSoon: S,
+      cancelClose: h
+    }),
+    [f, T, a, p, B, C, i, S, h]
+  );
+  return /* @__PURE__ */ x(ft.Provider, { value: O, children: c });
+}
+function V(e, t) {
+  return (o) => {
+    typeof e == "function" && e(o), 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);
+  a.current = f;
+  const v = L(null), T = _(
+    (g) => {
+      v.current = g, c(g), nt(a.current, g);
+    },
+    [c]
+  ), b = L(f);
+  st(() => {
+    b.current !== f && (b.current = f, nt(f, v.current));
+  });
+  const d = {
+    ref: T,
+    // pointermove·mouseenter 둘 다 받는다 — 포인터 종류·테스트 도구에 따라 어느 하나만 오는
+    // 경우가 있어(예: fireEvent.pointerMove / fireEvent.mouseOver) 한쪽만 걸면 조용히 안 열린다.
+    onPointerMove: V(u.onPointerMove, l),
+    onMouseEnter: V(u.onMouseEnter, l),
+    onPointerLeave: V(u.onPointerLeave, P),
+    onMouseLeave: V(u.onMouseLeave, P),
+    // 클릭하러 온 것이므로 즉시 치운다(누른 순간 가려지지 않게).
+    onPointerDown: V(u.onPointerDown, p),
+    // 포커스는 지연 없이 — 버블링된 focus 도 받는다(트리거가 감싼 span 인 경우).
+    onFocus: V(u.onFocus, s),
+    onBlur: V(u.onBlur, p),
+    "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 });
+}
+function we({
+  side: e = "top",
+  align: t = "center",
+  sideOffset: o = 8,
+  collisionPadding: r = 8,
+  arrow: n = !0,
+  className: c,
+  style: s,
+  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 });
+  b.current = { cancelClose: v, closeSoon: T };
+  const d = _(() => b.current.cancelClose(), []), g = _(() => b.current.closeSoon(), []), R = N(() => ({ content: l }), [l]);
+  return /* @__PURE__ */ x(
+    fe,
+    {
+      open: y,
+      anchor: u,
+      side: e,
+      align: t,
+      sideOffset: o,
+      collisionPadding: r,
+      arrow: n,
+      tooltipId: f,
+      className: c,
+      style: s,
+      slots: R,
+      "data-hoverable": a ? "true" : void 0,
+      onPointerEnter: a ? d : void 0,
+      onPointerLeave: a ? g : void 0,
+      ...p
+    }
+  );
+}
+const Ce = m(Lt), Ct = W(null);
+function G(e) {
+  const t = D(Ct);
+  if (!t) throw new Error(`${e} 는 <Popover> 안에서만 쓸 수 있습니다.`);
+  return t;
+}
+function Et(...e) {
+  return (t) => {
+    for (const o of e)
+      o && (typeof o == "function" ? o(t) : o.current = t);
+  };
+}
+function Pt(e, t) {
+  return (o) => {
+    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);
+  a.current = o;
+  const v = _(
+    (b) => {
+      var d;
+      s || c(b), (d = a.current) == null || d.call(a, b);
+    },
+    [s]
+  ), T = N(
+    () => ({ open: l, setOpen: v, contentId: f, triggerEl: p, anchorEl: y, setTriggerEl: P, 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 = {
+    ref: N(
+      () => Et(c, s == null ? void 0 : s.ref),
+      [c, s]
+    ),
+    onClick: Pt(l.onClick, () => r(!o)),
+    "aria-haspopup": "dialog",
+    "aria-expanded": o,
+    "aria-controls": o ? n : void 0,
+    "data-state": o ? "open" : "closed"
+  };
+  return e && s ? F(s, P) : /* @__PURE__ */ x("span", { ...P, children: t });
+}
+function Ne({ 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 Be({ 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 Ue({
+  side: e = "bottom",
+  align: t = "start",
+  sideOffset: o = 4,
+  collisionPadding: r = 8,
+  matchTriggerWidth: n = !1,
+  trapFocus: c = !0,
+  className: s,
+  style: l,
+  onOpenAutoFocus: p,
+  onCloseAutoFocus: P,
+  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 I = _((E) => {
+    R.current.setOpen(!1);
+  }, []), B = _((E) => {
+    var O, A;
+    (A = (O = R.current).onEscapeKeyDown) == null || A.call(O, E);
+  }, []), C = _((E) => {
+    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;
+    if (O && (A && A.contains(O) || z && z.contains(O))) {
+      E.preventDefault();
+      return;
+    }
+    (j = (w = R.current).onInteractOutside) == null || j.call(w, E);
+  }, []), i = _((E) => {
+    var O, A;
+    (A = (O = R.current).onOpenAutoFocus) == null || A.call(O, E);
+  }, []), S = _((E) => {
+    var O, A;
+    (A = (O = R.current).onCloseAutoFocus) == null || A.call(O, E);
+  }, []), h = N(() => ({ content: f }), [f]);
+  return /* @__PURE__ */ x(
+    Ce,
+    {
+      open: v,
+      anchor: g ?? d,
+      side: e,
+      align: t,
+      sideOffset: o,
+      collisionPadding: r,
+      matchTriggerWidth: n,
+      trapFocus: c,
+      popoverId: b,
+      className: s,
+      style: l,
+      slots: h,
+      onRequestClose: I,
+      onEscapeKeyDown: B,
+      onInteractOutside: C,
+      onOpenAutoFocus: i,
+      onCloseAutoFocus: S,
+      ...a
+    }
+  );
+}
+const Ee = m(xt), mt = W(null);
+function yt(e) {
+  const t = D(mt);
+  if (!t) throw new Error(`${e} 는 <Collapsible> 안에서만 쓸 수 있습니다.`);
+  return t;
+}
+function Pe(...e) {
+  return (t) => {
+    for (const o of e)
+      o && (typeof o == "function" ? o(t) : o.current = t);
+  };
+}
+function rt(e, t) {
+  return (o) => {
+    typeof e == "function" && e(o), t(o);
+  };
+}
+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({
+  open: e,
+  defaultOpen: t = !1,
+  onOpenChange: o,
+  disabled: r = !1,
+  asChild: n = !1,
+  className: c,
+  style: s,
+  children: l,
+  ...p
+}) {
+  const [P, y] = U(t), u = e !== void 0, f = u ? !!e : P, a = `moz-collapsible-${Z()}`, v = L(o);
+  v.current = o;
+  const T = _(
+    (I) => {
+      var B;
+      u || y(I), (B = v.current) == null || B.call(v, I);
+    },
+    [u]
+  ), b = N(
+    () => ({ open: f, setOpen: T, contentId: a, disabled: r }),
+    [f, T, a, r]
+  ), d = {
+    "data-state": f ? "open" : "closed",
+    "data-disabled": r ? "" : void 0,
+    ...p
+  }, g = K(l) ? l : null, R = n && g ? F(g, {
+    ...d,
+    className: vt(g.props.className, c),
+    style: s ?? g.props.style
+  }) : /* @__PURE__ */ x("div", { ...d, className: c, style: s, children: l });
+  return /* @__PURE__ */ x(mt.Provider, { value: b, children: R });
+}
+function Ke({
+  asChild: e = !1,
+  disabled: t,
+  className: o,
+  style: r,
+  onClick: n,
+  children: c,
+  ...s
+}) {
+  const { open: l, setOpen: p, contentId: P, 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,
+    "data-state": l ? "open" : "closed",
+    "data-disabled": u ? "" : void 0,
+    ...s
+  };
+  if (e && a) {
+    const b = Pe(a.ref);
+    return F(a, {
+      ...T,
+      ref: b,
+      className: vt(v.className, o),
+      style: r ?? v.style,
+      // 소비처 onClick 을 먼저 돌리고 토글한다 — 소비처가 stopPropagation 을 걸어도
+      // 토글 의미는 유지된다(Radix 와 같은 순서).
+      onClick: rt(v.onClick, (d) => {
+        n == null || n(d), f();
+      }),
+      disabled: u || void 0
+    });
+  }
+  return /* @__PURE__ */ x(
+    "button",
+    {
+      type: "button",
+      ...T,
+      className: o,
+      style: r,
+      disabled: u || void 0,
+      onClick: rt(n, f),
+      children: c
+    }
+  );
+}
+function Ve({
+  forceMount: e = !1,
+  className: t,
+  style: o,
+  onHeightChange: r,
+  children: n,
+  ...c
+}) {
+  const { open: s, contentId: l, disabled: p } = yt("CollapsibleContent"), P = L({ onHeightChange: r });
+  P.current = { onHeightChange: r };
+  const y = _((f) => {
+    var a, v;
+    (v = (a = P.current).onHeightChange) == null || v.call(a, f);
+  }, []), u = N(() => ({ content: n }), [n]);
+  return /* @__PURE__ */ x(
+    Ee,
+    {
+      open: s,
+      forceMount: e,
+      contentId: l,
+      disabled: p,
+      className: t,
+      style: o,
+      slots: u,
+      onHeightChange: y,
+      ...c
+    }
+  );
+}
+const me = m(Mt);
+function ye(e) {
+  return null;
+}
+function ve(e) {
+  return null;
+}
+function We({ 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));
+  });
+  const l = s == null ? void 0 : s.children, p = N(() => ({ fallback: l }), [l]);
+  return /* @__PURE__ */ x(
+    me,
+    {
+      src: c == null ? void 0 : c.src,
+      alt: c == null ? void 0 : c.alt,
+      imageClass: c == null ? void 0 : c.className,
+      fallbackClass: s == null ? void 0 : s.className,
+      delayMs: s == null ? void 0 : s.delayMs,
+      className: e,
+      style: t,
+      slots: p,
+      onLoadingStatusChange: o,
+      ...n
+    }
+  );
+}
+const Se = m(kt);
+function $e({
+  orientation: e = "vertical",
+  scrollbarVisibility: t = "always",
+  className: o,
+  viewportClassName: r,
+  scrollbarClassName: n,
+  thumbClassName: c,
+  viewportRef: s,
+  style: l,
+  onScroll: p,
+  children: P,
+  ...y
+}) {
+  const [u, f] = U(null), a = _(
+    (v) => {
+      f(v), typeof s == "function" ? s(v) : s && (s.current = v);
+    },
+    [s]
+  );
+  return /* @__PURE__ */ se("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
+      }
+    ),
+    /* @__PURE__ */ x(
+      Se,
+      {
+        viewport: u,
+        interactionRoot: u == null ? void 0 : u.parentElement,
+        scrollbarVisibility: t,
+        orientation: e,
+        scrollbarClass: n,
+        thumbClass: c,
+        onScroll: p
+      }
+    )
+  ] });
+}
+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);
+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,
+  He as Label,
+  Oe 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,
+  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
+};
+//# sourceMappingURL=index.js.map