@av-pi-studio/ui-library 0.0.0-stage → 0.0.115

package/dist/index.js

@@ -0,0 +1,1049 @@
+import { r as me } from "./chunks/token-guard-B85Ysv3w.js";
+import { D as To, a as xo, b as Eo, c as Co, T as No, d as Io, e as wo, f as Ao, g as Do, h as ko, i as Ro, j as Oo, k as Mo, l as Bo, m as Lo, n as Ho, o as $o, p as Po, q as Fo, s as Wo, t as Uo, u as Vo, v as Go, w as Xo, x as zo, y as Yo, z as Zo } from "./chunks/token-guard-B85Ysv3w.js";
+import { B as jo, c as Qo, d as Ko, h as Jo, i as er, a as tr, l as nr, b as or, r as rr, e as sr } from "./chunks/theme-injection-BHAAhBYz.js";
+import { jsx as i, jsxs as v, Fragment as _e } from "react/jsx-runtime";
+import { useRef as y, useSyncExternalStore as he, useEffect as R, useContext as ne, createContext as oe, forwardRef as M, useState as Y, useCallback as D, useId as fe } from "react";
+import { resolveButtonState as re, BUTTON_ICON_SIZE as se, BUTTON_MIN_HEIGHT as G, BUTTON_FONT_SIZE as ie, BUTTON_PADDING_H as $, statusDotColor as ae, STATUS_DOT_SIZE as q, statusBadgeTokens as be, avatarInitial as ve, avatarColor as ge, formatChord as ye, formatCombo as Se, initialComboboxState as Te, comboboxReducer as xe, remainingMs as Ee, errorToast as Ce, copiedToast as Ne, buildToastEntry as Ie, toastTokens as we } from "./ui/index.js";
+import { DEFAULT_TOAST_DURATION_MS as ar, EscStack as cr, alertIconInfo as lr, attachmentPillRemoveVisible as ur, buttonIconColorToken as dr, filterOptions as pr, ghostHoverIconToken as mr, groupOptions as _r, headerPadding as hr, withCustomValueOption as fr } from "./ui/index.js";
+import { COMPACT_FORM_FACTOR_WIDTH as vr, FOOTER_HEIGHT as gr, HEADER_INNER_HEIGHT as yr, HEADER_INNER_HEIGHT_MOBILE as Sr, HEADER_TOP_PADDING_MOBILE as Tr, MAX_CONTENT_WIDTH as xr, WINDOW_CHROME as Er, WORKSPACE_SECONDARY_HEADER_HEIGHT as Cr, breakpoints as Nr, getBreakpoint as Ir, isCompactFormFactor as wr } from "./breakpoints.js";
+import { create as ce } from "zustand";
+import { createPortal as Ae } from "react-dom";
+import { Loader2 as De, Check as ke, X } from "lucide-react";
+import { clsx as m } from "clsx";
+import * as g from "@radix-ui/react-dialog";
+import * as I from "@radix-ui/react-dropdown-menu";
+import * as N from "@radix-ui/react-popover";
+const Re = "--piui-stylesheet", Oe = '[ui-library] styles.css is not loaded, so components render unstyled. Add `import "@av-pi-studio/ui-library/styles.css"` to your app entry.', Me = "[ui-library] More than one ThemeBoundary is mounted. Only one per document is supported: each writes the same CSS variables on <html>, so the last write wins.";
+function Be(e) {
+  let t = !1, r = !1, n = 0;
+  return {
+    checkStylesheet(o) {
+      t || o(Re).trim() === "" && (t = !0, e(Oe));
+    },
+    registerBoundary() {
+      n += 1, n > 1 && !r && (r = !0, e(Me));
+      let o = !0;
+      return () => {
+        o && (o = !1, n -= 1);
+      };
+    }
+  };
+}
+const j = /* @__PURE__ */ Be(
+  (e) => console.warn(e)
+), Le = {
+  get(e) {
+    try {
+      return globalThis.localStorage?.getItem(e) ?? null;
+    } catch {
+      return null;
+    }
+  },
+  set(e, t) {
+    try {
+      globalThis.localStorage?.setItem(e, t);
+    } catch {
+    }
+  }
+}, le = oe(null), ue = oe(null);
+function kn({
+  store: e = Le,
+  storageKey: t,
+  brandConfig: r,
+  children: n
+}) {
+  const o = y(null);
+  o.current || (o.current = me(e, r, { storageKey: t }), o.current.apply());
+  const s = o.current, c = he(s.subscribe, s.getState);
+  return R(() => s.listen(), [s]), R(() => {
+    if (process.env.NODE_ENV !== "production")
+      return j.checkStylesheet(
+        (l) => getComputedStyle(document.documentElement).getPropertyValue(l)
+      ), j.registerBoundary();
+  }, []), /* @__PURE__ */ i(ue.Provider, { value: s, children: /* @__PURE__ */ i(le.Provider, { value: c, children: n }) });
+}
+function He() {
+  const e = ne(le);
+  if (!e)
+    throw new Error("useAppearance must be used within a ThemeBoundary");
+  return e;
+}
+function Rn() {
+  return He().resolvedTheme;
+}
+function On() {
+  const e = ne(ue);
+  if (!e)
+    throw new Error("useAppearanceControls must be used within a ThemeBoundary");
+  return e;
+}
+const $e = "piui-Button_btn_Gurhr", Pe = "piui-Button_secondary_RrsWU", Fe = "piui-Button_outline_u49OM", We = "piui-Button_ghost_4QL_5", Ue = "piui-Button_destructive_BMEqt", Ve = "piui-Button_iconOnly_7pcHE", Ge = "piui-Button_loadingSpinner_4QsZM", Xe = "piui-Button_piSpin_jrY7S", B = {
+  btn: $e,
+  default: "piui-Button_default_6Na6E",
+  secondary: Pe,
+  outline: Fe,
+  ghost: We,
+  destructive: Ue,
+  iconOnly: Ve,
+  loadingSpinner: Ge,
+  piSpin: Xe
+};
+function Mn({
+  variant: e = "default",
+  size: t = "md",
+  loading: r = !1,
+  disabled: n = !1,
+  leftIcon: o,
+  trailing: s,
+  iconOnly: c = !1,
+  children: l,
+  style: u,
+  className: p,
+  ref: b,
+  ...a
+}) {
+  const { opacity: d } = re({
+    pressed: !1,
+    disabled: n ?? !1,
+    loading: r
+  }), _ = n || r, x = se[t];
+  return /* @__PURE__ */ v(
+    "button",
+    {
+      ref: b,
+      className: m(B.btn, B[e], c && B.iconOnly, p),
+      disabled: _,
+      "aria-busy": r || void 0,
+      style: {
+        minHeight: G[t],
+        paddingLeft: c ? void 0 : $[t],
+        paddingRight: c ? void 0 : $[t],
+        fontSize: ie[t],
+        opacity: d,
+        ...c ? { width: G[t] } : {},
+        ...u
+      },
+      ...a,
+      children: [
+        r ? /* @__PURE__ */ i(De, { className: B.loadingSpinner, size: x, "aria-hidden": !0 }) : o ? /* @__PURE__ */ i("span", { "aria-hidden": !0, style: { display: "flex", alignItems: "center", flexShrink: 0 }, children: o }) : null,
+        l,
+        s && !r && /* @__PURE__ */ i("span", { "aria-hidden": !0, style: { display: "flex", alignItems: "center", flexShrink: 0 }, children: s })
+      ]
+    }
+  );
+}
+const ze = "piui-IconButton_iconBtn_1pjCh", Ye = "piui-IconButton_xs_XuhGZ", Ze = "piui-IconButton_sm_K4UxD", Q = {
+  iconBtn: ze,
+  xs: Ye,
+  sm: Ze
+};
+function K({
+  size: e = "xs",
+  hoverBase: t,
+  className: r,
+  style: n,
+  type: o = "button",
+  ...s
+}) {
+  return /* @__PURE__ */ i(
+    "button",
+    {
+      type: o,
+      className: m(Q.iconBtn, Q[e], r),
+      style: t ? { "--icon-btn-hover-base": t, ...n } : n,
+      ...s
+    }
+  );
+}
+const qe = {
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 20
+};
+function je({
+  icon: e,
+  size: t = "md",
+  color: r = "currentColor",
+  className: n,
+  ...o
+}) {
+  const s = typeof t == "number" ? t : qe[t];
+  return /* @__PURE__ */ i(
+    e,
+    {
+      size: s,
+      color: r,
+      className: n,
+      "aria-hidden": o["aria-hidden"],
+      "aria-label": o["aria-label"]
+    }
+  );
+}
+const Qe = "piui-StatusDot_dot_FazEE", Ke = "piui-StatusDot_spinner_6EanG", Je = "piui-StatusDot_pulse_6SVAx", F = {
+  dot: Qe,
+  spinner: Ke,
+  pulse: Je
+}, et = {
+  accent: "var(--pi-color-accent)",
+  statusSuccess: "var(--pi-color-statusSuccess)",
+  statusDanger: "var(--pi-color-statusDanger)",
+  statusWarning: "var(--pi-color-statusWarning)",
+  foregroundMuted: "var(--pi-color-foregroundMuted)"
+};
+function Bn({ className: e, pulse: t, "aria-label": r, ...n }) {
+  const o = ae(n);
+  if (!o) return null;
+  const s = n.status === "running" && !n.requiresAttention, c = s ? "var(--pi-color-accentBright, #a2b4d7)" : (
+    // against the dark surface at the small size this ring renders at.
+    et[o] ?? "currentColor"
+  );
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      className: `${s ? F.spinner : F.dot}${t && !s ? ` ${F.pulse}` : ""}${e ? ` ${e}` : ""}`,
+      style: s ? { borderTopColor: c, borderRightColor: c } : {
+        width: `var(--status-dot-size, ${q}px)`,
+        height: `var(--status-dot-size, ${q}px)`,
+        backgroundColor: c
+      },
+      role: r ? "img" : "presentation",
+      "aria-label": r
+    }
+  );
+}
+const tt = "piui-StatusBadge_badge_dpv2y", nt = {
+  badge: tt
+};
+function Ln({ label: e, variant: t, className: r }) {
+  const { token: n } = be(t), o = `var(--pi-color-${n})`;
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      className: `${nt.badge}${r ? ` ${r}` : ""}`,
+      style: {
+        backgroundColor: `color-mix(in srgb, ${o} 18%, transparent)`,
+        borderColor: `color-mix(in srgb, ${o} 45%, transparent)`,
+        color: o
+      },
+      children: e
+    }
+  );
+}
+const ot = "piui-Avatar_avatar_tU-uh", rt = "piui-Avatar_avatarImg_Hvsfw", st = "piui-Avatar_avatarFallback_D9Coh", W = {
+  avatar: ot,
+  avatarImg: rt,
+  avatarFallback: st
+};
+function Hn({ projectKey: e, src: t, size: r = 32, className: n }) {
+  const o = ve(e), s = ge(e), c = Math.round(r * 0.4);
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      className: `${W.avatar}${n ? ` ${n}` : ""}`,
+      style: { width: r, height: r, backgroundColor: t ? void 0 : s },
+      "aria-label": e,
+      role: "img",
+      children: t ? /* @__PURE__ */ i("img", { src: t, alt: e, className: W.avatarImg }) : /* @__PURE__ */ i("span", { className: W.avatarFallback, style: { fontSize: c }, "aria-hidden": !0, children: o })
+    }
+  );
+}
+const it = "piui-Shortcut_row_wIVo8", at = "piui-Shortcut_chip_7oXln", J = {
+  row: it,
+  chip: at
+};
+function $n({ combo: e, chord: t, os: r = "macos", className: n }) {
+  const o = t ? ye(t, r) : e ? Se(e, r) : "";
+  if (!o) return null;
+  const s = o.split(" ").filter(Boolean);
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      className: `${J.row}${n ? ` ${n}` : ""}`,
+      "aria-label": o,
+      role: "presentation",
+      children: s.map((c, l) => /* @__PURE__ */ i("kbd", { className: J.chip, children: c }, l))
+    }
+  );
+}
+const ct = "piui-Spinner_spinner_i0Eo6", lt = {
+  spinner: ct
+}, ut = { xs: 12, sm: 16, md: 20, lg: 24 }, dt = { xs: 1, sm: 2, md: 2, lg: 3 };
+function Pn({
+  size: e = "md",
+  color: t = "currentColor",
+  className: r,
+  "aria-label": n = "Loading"
+}) {
+  const o = typeof e == "number" ? e : ut[e], s = typeof e == "number" ? 2 : dt[e];
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      className: `${lt.spinner}${r ? ` ${r}` : ""}`,
+      role: "status",
+      "aria-label": n,
+      style: {
+        width: o,
+        height: o,
+        borderWidth: s,
+        color: t
+      }
+    }
+  );
+}
+const pt = "piui-Divider_divider_kxikv", mt = "piui-Divider_horizontal_xrBl1", _t = "piui-Divider_vertical_X1mlS", U = {
+  divider: pt,
+  horizontal: mt,
+  vertical: _t
+};
+function Fn({ orientation: e = "horizontal", className: t }) {
+  return /* @__PURE__ */ i(
+    "hr",
+    {
+      className: `${U.divider} ${e === "vertical" ? U.vertical : U.horizontal}${t ? ` ${t}` : ""}`,
+      "aria-orientation": e,
+      role: "separator"
+    }
+  );
+}
+const ht = "piui-Switch_track_aPbaj", ft = "piui-Switch_checked_0nldb", bt = "piui-Switch_disabled_eqcyL", vt = "piui-Switch_thumb_LMs9-", L = {
+  track: ht,
+  checked: ft,
+  disabled: bt,
+  thumb: vt
+};
+function Wn({
+  checked: e,
+  onCheckedChange: t,
+  disabled: r = !1,
+  id: n,
+  "aria-label": o,
+  className: s
+}) {
+  return /* @__PURE__ */ i(
+    "button",
+    {
+      id: n,
+      role: "switch",
+      "aria-checked": e,
+      "aria-label": o,
+      disabled: r,
+      className: m(
+        L.track,
+        e && L.checked,
+        r && L.disabled,
+        s
+      ),
+      onClick: () => !r && t(!e),
+      type: "button",
+      children: /* @__PURE__ */ i("span", { className: L.thumb })
+    }
+  );
+}
+const gt = "piui-Surface_surface_LiS4_", yt = "piui-Surface_el0_2XZ1U", St = "piui-Surface_el1_rbrNL", Tt = "piui-Surface_el2_E0qPY", xt = "piui-Surface_el3_8AFvC", Et = "piui-Surface_noBorder_DFpH9", S = {
+  surface: gt,
+  el0: yt,
+  el1: St,
+  el2: Tt,
+  el3: xt,
+  noBorder: Et
+};
+function Ct(e, t, r) {
+  return e || t || r;
+}
+function Un(e) {
+  const { disabled: t, loading: r } = e, n = t || r;
+  return {
+    disabled: n,
+    "aria-disabled": n || void 0,
+    "aria-busy": r || void 0,
+    tabIndex: n ? -1 : 0
+  };
+}
+function Vn(e) {
+  const { size: t, variant: r, pressed: n, disabled: o, loading: s } = e, { opacity: c } = re({ pressed: n, disabled: o, loading: s });
+  return {
+    minHeight: G[t],
+    paddingLeft: $[t],
+    paddingRight: $[t],
+    fontSize: ie[t],
+    opacity: c
+  };
+}
+function Gn(e) {
+  return se[e];
+}
+function Xn(e) {
+  return `var(--pi-color-surface${e})`;
+}
+function zn(e) {
+  return ae(e) !== null;
+}
+const Nt = {
+  0: S.el0,
+  1: S.el1,
+  2: S.el2,
+  3: S.el3,
+  4: S.el3
+  // 4 uses surface3 (no surface4 token defined in CSS vars)
+};
+function Yn({
+  elevation: e = 1,
+  noBorder: t = !1,
+  className: r,
+  children: n,
+  ...o
+}) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: m(
+        S.surface,
+        Nt[e],
+        t && S.noBorder,
+        r
+      ),
+      ...o,
+      children: n
+    }
+  );
+}
+const It = "piui-Panel_panel_TgAA7", wt = {
+  panel: It
+};
+function Zn({ className: e, ...t }) {
+  return /* @__PURE__ */ i("div", { className: m(wt.panel, e), ...t });
+}
+const At = "piui-EmptyState_emptyState__PSfF", Dt = {
+  emptyState: At
+};
+function qn({ className: e, ...t }) {
+  return /* @__PURE__ */ i("div", { className: m(Dt.emptyState, e), ...t });
+}
+const kt = "piui-TextInput_input_CP24i", Rt = "piui-TextInput_textarea_qA5om", z = {
+  input: kt,
+  textarea: Rt
+}, jn = M(function({ className: t, ...r }, n) {
+  return /* @__PURE__ */ i("input", { ref: n, className: m(z.input, t), ...r });
+}), Qn = M(function({ className: t, ...r }, n) {
+  return /* @__PURE__ */ i("textarea", { ref: n, className: m(z.input, z.textarea, t), ...r });
+}), Ot = "piui-ScrollArea_scrollArea_OyLlW", Mt = "piui-ScrollArea_x_UYHZv", Bt = "piui-ScrollArea_y_T2Ik1", V = {
+  scrollArea: Ot,
+  x: Mt,
+  y: Bt
+};
+function Kn({ axis: e = "both", className: t, children: r, ...n }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: m(
+        V.scrollArea,
+        e === "x" && V.x,
+        e === "y" && V.y,
+        t
+      ),
+      ...n,
+      children: r
+    }
+  );
+}
+const Lt = "piui-Checkbox_wrapper_fHQQB", Ht = "piui-Checkbox_box_vmxOG", $t = "piui-Checkbox_checkmark_wpvgs", Pt = "piui-Checkbox_nativeInput_c7VIf", H = {
+  wrapper: Lt,
+  box: Ht,
+  checkmark: $t,
+  nativeInput: Pt
+}, Jn = M(function({ label: t, checked: r = !1, disabled: n, className: o, onChange: s, ...c }, l) {
+  return /* @__PURE__ */ v("label", { className: H.wrapper, "data-disabled": n || void 0, children: [
+    /* @__PURE__ */ i(
+      "input",
+      {
+        ref: l,
+        type: "checkbox",
+        className: H.nativeInput,
+        checked: r,
+        disabled: n,
+        onChange: s,
+        ...c
+      }
+    ),
+    /* @__PURE__ */ i("span", { className: H.box, "data-checked": r, "aria-hidden": !0, children: r && /* @__PURE__ */ i(ke, { size: 12, className: H.checkmark }) }),
+    t && /* @__PURE__ */ i("span", { children: t })
+  ] });
+}), Ft = "piui-Select_select_UcnXJ", Wt = "piui-Select_comboboxWrapper_3-YEh", Ut = "piui-Select_comboboxInput_7_5QP", Vt = "piui-Select_comboboxList_pC6Rv", Gt = "piui-Select_comboboxOption_Up6ZY", Xt = "piui-Select_comboboxOptionHighlighted_kRH77", C = {
+  select: Ft,
+  comboboxWrapper: Wt,
+  comboboxInput: Ut,
+  comboboxList: Vt,
+  comboboxOption: Gt,
+  comboboxOptionHighlighted: Xt
+}, eo = M(function({ options: t, placeholder: r, className: n, ...o }, s) {
+  return /* @__PURE__ */ v("select", { ref: s, className: m(C.select, n), ...o, children: [
+    r && /* @__PURE__ */ i("option", { value: "", disabled: !0, children: r }),
+    t.map((c) => /* @__PURE__ */ i("option", { value: c.value, children: c.label }, c.value))
+  ] });
+});
+function to({
+  options: e,
+  value: t,
+  onSelect: r,
+  placeholder: n = "Search…",
+  className: o
+}) {
+  const [s, c] = Y(() => Te(e)), l = y(null);
+  function u(a) {
+    c((d) => xe(d, a));
+  }
+  function p(a) {
+    r?.(a.value), u({ type: "CLOSE" });
+  }
+  const b = y(null);
+  return R(() => {
+    function a(d) {
+      b.current && !b.current.contains(d.target) && u({ type: "CLOSE" });
+    }
+    return document.addEventListener("mousedown", a), () => document.removeEventListener("mousedown", a);
+  }, []), /* @__PURE__ */ v("div", { ref: b, className: m(C.comboboxWrapper, o), children: [
+    /* @__PURE__ */ i(
+      "input",
+      {
+        ref: l,
+        className: C.comboboxInput,
+        value: s.query,
+        placeholder: n,
+        onChange: (a) => u({ type: "SET_QUERY", query: a.target.value }),
+        onFocus: () => u({ type: "OPEN" }),
+        onKeyDown: (a) => {
+          if (a.key === "ArrowDown")
+            a.preventDefault(), u({ type: "ARROW_DOWN" });
+          else if (a.key === "ArrowUp")
+            a.preventDefault(), u({ type: "ARROW_UP" });
+          else if (a.key === "Enter" && s.isOpen) {
+            a.preventDefault();
+            const d = s.filtered[s.highlightedIndex];
+            d && p(d);
+          } else a.key === "Escape" && u({ type: "CLOSE" });
+        },
+        role: "combobox",
+        "aria-expanded": s.isOpen,
+        "aria-autocomplete": "list"
+      }
+    ),
+    s.isOpen && s.filtered.length > 0 && /* @__PURE__ */ i("div", { className: C.comboboxList, role: "listbox", children: s.filtered.map((a, d) => /* @__PURE__ */ i(
+      "button",
+      {
+        className: m(
+          C.comboboxOption,
+          d === s.highlightedIndex && C.comboboxOptionHighlighted
+        ),
+        role: "option",
+        "aria-selected": d === s.highlightedIndex,
+        onMouseDown: (_) => {
+          _.preventDefault(), p(a);
+        },
+        children: a.label
+      },
+      a.value
+    )) })
+  ] });
+}
+const zt = "piui-Dialog_overlay_URgjn", Yt = "piui-Dialog_contentWrapper_8Fiwj", Zt = "piui-Dialog_dialog_Ip92p", qt = "piui-Dialog_header_kRqVC", jt = "piui-Dialog_title_RjMb_", Qt = "piui-Dialog_body_ZZ4NM", Kt = "piui-Dialog_footer_hfN9E", Jt = "piui-Dialog_bare_4a9gB", en = "piui-Dialog_bareBody_Ix_qq", tn = "piui-Dialog_bareCloseBtn_Ml68W", nn = "piui-Dialog_visuallyHidden_VsPG9", f = {
+  overlay: zt,
+  contentWrapper: Yt,
+  dialog: Zt,
+  header: qt,
+  title: jt,
+  body: Qt,
+  footer: Kt,
+  bare: Jt,
+  bareBody: en,
+  bareCloseBtn: tn,
+  visuallyHidden: nn
+}, no = g.Close;
+function oo({
+  open: e,
+  onOpenChange: t,
+  title: r,
+  children: n,
+  footer: o,
+  width: s,
+  className: c,
+  bare: l = !1,
+  onInteractOutside: u,
+  onEscapeKeyDown: p,
+  onCloseAutoFocus: b,
+  onOpenAutoFocus: a
+}) {
+  return /* @__PURE__ */ i(g.Root, { open: e, onOpenChange: t, children: /* @__PURE__ */ v(g.Portal, { children: [
+    /* @__PURE__ */ i(g.Overlay, { className: f.overlay }),
+    /* @__PURE__ */ i("div", { className: f.contentWrapper, children: /* @__PURE__ */ v(
+      g.Content,
+      {
+        className: m(f.dialog, l && f.bare, c),
+        style: s !== void 0 ? { width: s } : void 0,
+        onInteractOutside: u,
+        onEscapeKeyDown: p,
+        onCloseAutoFocus: b,
+        onOpenAutoFocus: a,
+        children: [
+          l ? /* @__PURE__ */ i(g.Title, { className: f.visuallyHidden, children: r }) : /* @__PURE__ */ v("div", { className: f.header, children: [
+            /* @__PURE__ */ i(g.Title, { className: f.title, children: r }),
+            /* @__PURE__ */ i(g.Close, { asChild: !0, children: /* @__PURE__ */ i(K, { size: "sm", "aria-label": "Close", children: /* @__PURE__ */ i(X, { size: 16 }) }) })
+          ] }),
+          /* @__PURE__ */ i("div", { className: m(f.body, l && f.bareBody), children: n }),
+          l && /* @__PURE__ */ i(g.Close, { asChild: !0, children: /* @__PURE__ */ i(
+            K,
+            {
+              size: "sm",
+              "aria-label": "Close",
+              className: f.bareCloseBtn,
+              style: {
+                background: "var(--pi-color-surface1)",
+                border: "1px solid var(--pi-color-border)",
+                borderRadius: "50%"
+              },
+              children: /* @__PURE__ */ i(X, { size: 16 })
+            }
+          ) }),
+          o && /* @__PURE__ */ i("div", { className: f.footer, children: o })
+        ]
+      }
+    ) })
+  ] }) });
+}
+const on = "piui-ResizeHandle_handle_BuoJL", rn = {
+  handle: on
+};
+function ro({ side: e, onResize: t, className: r }) {
+  const n = y(0), o = y(null), s = D(
+    (u) => {
+      const p = u.clientX - n.current;
+      n.current = u.clientX, t(e === "left" ? p : -p);
+    },
+    [t, e]
+  ), c = D(
+    (u) => {
+      window.removeEventListener("pointermove", s), window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", c), document.body.style.cursor = "", document.body.style.userSelect = "";
+      const p = o.current;
+      p?.hasPointerCapture(u.pointerId) && p.releasePointerCapture(u.pointerId);
+    },
+    [s]
+  );
+  function l(u) {
+    u.preventDefault(), n.current = u.clientX, u.currentTarget.setPointerCapture(u.pointerId), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", window.addEventListener("pointermove", s), window.addEventListener("pointerup", c), window.addEventListener("pointercancel", c);
+  }
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: o,
+      className: m(rn.handle, r),
+      onPointerDown: l,
+      role: "separator",
+      "aria-orientation": "vertical"
+    }
+  );
+}
+const sn = "piui-Menu_trigger_YtxLF", an = "piui-Menu_content_8knxX", cn = "piui-Menu_item_zEpmQ", ln = "piui-Menu_danger_5l7uC", un = "piui-Menu_groupLabel_QPkyV", dn = "piui-Menu_sep_Lb8Po", w = {
+  trigger: sn,
+  content: an,
+  item: cn,
+  danger: ln,
+  groupLabel: un,
+  sep: dn
+}, so = M(
+  function({ x: t, y: r }, n) {
+    return /* @__PURE__ */ i(
+      "button",
+      {
+        ref: n,
+        type: "button",
+        className: w.trigger,
+        style: { left: t, top: r },
+        "aria-hidden": !0,
+        tabIndex: -1
+      }
+    );
+  }
+);
+function io({
+  className: e,
+  minWidth: t,
+  style: r,
+  sideOffset: n = 2,
+  ...o
+}) {
+  const s = t === void 0 ? r : { minWidth: t, ...r };
+  return /* @__PURE__ */ i(I.Portal, { children: /* @__PURE__ */ i(
+    I.Content,
+    {
+      className: m(w.content, e),
+      align: "start",
+      sideOffset: n,
+      style: s,
+      ...o
+    }
+  ) });
+}
+function ao({ label: e, className: t, children: r, ...n }) {
+  const o = fe();
+  return /* @__PURE__ */ v(
+    I.Group,
+    {
+      className: t,
+      "aria-labelledby": e === void 0 ? void 0 : o,
+      ...n,
+      children: [
+        e !== void 0 && /* @__PURE__ */ i(I.Label, { id: o, className: w.groupLabel, children: e }),
+        r
+      ]
+    }
+  );
+}
+function co({ className: e, danger: t, ...r }) {
+  return /* @__PURE__ */ i(
+    I.Item,
+    {
+      className: m(w.item, t && w.danger, e),
+      ...r
+    }
+  );
+}
+function lo(e) {
+  return /* @__PURE__ */ i(I.Separator, { className: w.sep, ...e });
+}
+const pn = "piui-Popover_content_zAtsY", mn = {
+  content: pn
+}, uo = {
+  Root: N.Root,
+  Trigger: N.Trigger,
+  Anchor: N.Anchor,
+  Close: N.Close
+};
+function po({
+  className: e,
+  width: t,
+  style: r,
+  side: n = "top",
+  align: o = "start",
+  sideOffset: s = 6,
+  collisionPadding: c = 8,
+  ...l
+}) {
+  return /* @__PURE__ */ i(N.Portal, { children: /* @__PURE__ */ i(
+    N.Content,
+    {
+      className: m(mn.content, e),
+      side: n,
+      align: o,
+      sideOffset: s,
+      collisionPadding: c,
+      style: t === void 0 ? r : { width: t, ...r },
+      ...l
+    }
+  ) });
+}
+function mo() {
+  const [e, t] = Y(!1), r = D(() => t(!0), []), n = D(() => t(!1), []), o = D(
+    (s = !1) => Ct(e, !1, s),
+    [e]
+  );
+  return {
+    isHovered: e,
+    hoverProps: { onPointerEnter: r, onPointerLeave: n },
+    isVisible: o
+  };
+}
+const O = ce()(() => ({
+  message: "",
+  politeness: "polite"
+})), _n = 4e3;
+let k = null;
+function Z() {
+  k !== null && (clearTimeout(k), k = null);
+}
+function _o(e, t = "polite") {
+  Z(), O.setState({ message: e, politeness: t });
+}
+function ho() {
+  Z(), k = setTimeout(() => {
+    k = null, O.setState({ message: "" });
+  }, _n);
+}
+function fo() {
+  Z(), O.setState({ message: "", politeness: "polite" });
+}
+const hn = "piui-Announcer_visuallyHidden_L1DnS", ee = {
+  visuallyHidden: hn
+};
+function bo() {
+  const e = O((r) => r.message), t = O((r) => r.politeness);
+  return /* @__PURE__ */ v(_e, { children: [
+    /* @__PURE__ */ i("span", { className: ee.visuallyHidden, role: "status", "aria-live": "polite", children: t === "polite" ? e : "" }),
+    /* @__PURE__ */ i("span", { className: ee.visuallyHidden, role: "alert", children: t === "assertive" ? e : "" })
+  ] });
+}
+const P = 3;
+let de = 0;
+const T = /* @__PURE__ */ new Map();
+function te(e) {
+  const t = T.get(e);
+  t !== void 0 && (clearTimeout(t), T.delete(e));
+}
+const A = ce((e, t) => {
+  function r(n) {
+    const o = t().toasts.findIndex((l) => l.id === n);
+    if (o === -1 || o >= P || T.has(n)) return;
+    const s = t().toasts[o];
+    if (s.durationMs === null || s.paused) return;
+    const c = { ...s, shownAt: Date.now() };
+    e((l) => ({ toasts: l.toasts.map((u) => u.id === n ? c : u) })), T.set(
+      n,
+      setTimeout(() => t().dismiss(n), c.durationMs)
+    );
+  }
+  return {
+    toasts: [],
+    show(n, o = {}) {
+      const s = `toast-${++de}`;
+      return e((c) => ({ toasts: [...c.toasts, Ie(s, n, o)] })), r(s), s;
+    },
+    copied(n) {
+      const { content: o, opts: s } = Ne(n);
+      return t().show(o, s);
+    },
+    error(n) {
+      const { content: o, opts: s } = Ce(n);
+      return t().show(o, s);
+    },
+    dismiss(n) {
+      te(n), e((o) => ({ toasts: o.toasts.filter((s) => s.id !== n) }));
+      for (const o of t().toasts.slice(0, P))
+        r(o.id);
+    },
+    dismissTop() {
+      const n = t().toasts[0];
+      n && t().dismiss(n.id);
+    },
+    pause(n) {
+      const o = t().toasts.find((c) => c.id === n);
+      if (!o || o.durationMs === null || o.paused) return;
+      const s = Ee(o, null, Date.now()) ?? o.durationMs;
+      te(n), e((c) => ({
+        toasts: c.toasts.map(
+          (l) => l.id === n ? { ...l, paused: !0, pausedRemaining: s } : l
+        )
+      }));
+    },
+    resume(n) {
+      const o = t().toasts.find((u) => u.id === n);
+      if (!o || !o.paused) return;
+      const s = o.pausedRemaining ?? o.durationMs ?? 0, c = Date.now() - ((o.durationMs ?? 0) - s), l = { ...o, paused: !1, pausedRemaining: void 0, shownAt: c };
+      e((u) => ({ toasts: u.toasts.map((p) => p.id === n ? l : p) })), T.set(
+        n,
+        setTimeout(() => t().dismiss(n), s)
+      );
+    }
+  };
+});
+function vo() {
+  for (const e of T.values()) clearTimeout(e);
+  T.clear(), de = 0, A.setState({ toasts: [] });
+}
+const fn = "piui-ToastViewport_viewport_Yx5mS", bn = "piui-ToastViewport_toast_Tzr1T", vn = "piui-ToastViewport_exiting_J8_Ab", gn = "piui-ToastViewport_content_GCPPy", yn = "piui-ToastViewport_close_KWFx7", E = {
+  viewport: fn,
+  toast: bn,
+  exiting: vn,
+  content: gn,
+  close: yn
+}, Sn = 180;
+function Tn() {
+  return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function go() {
+  const e = A((a) => a.toasts), t = e.slice(0, P), r = A((a) => a.dismiss), n = A((a) => a.pause), o = A((a) => a.resume), s = y(/* @__PURE__ */ new Map());
+  for (const a of t) s.current.set(a.id, a);
+  const c = y([]), [l, u] = Y([]), p = y(/* @__PURE__ */ new Set());
+  R(() => {
+    const a = p.current;
+    return () => {
+      for (const d of a) window.clearTimeout(d);
+    };
+  }, []), R(() => {
+    const a = e.slice(0, P).map((h) => h.id), d = new Set(a), _ = c.current.filter((h) => !d.has(h));
+    if (c.current = a, _.length === 0) return;
+    if (Tn()) {
+      for (const h of _) s.current.delete(h);
+      return;
+    }
+    u((h) => [...h, ..._]);
+    const x = window.setTimeout(() => {
+      p.current.delete(x), u((h) => h.filter((pe) => !_.includes(pe)));
+      for (const h of _) s.current.delete(h);
+    }, Sn);
+    p.current.add(x);
+  }, [e]);
+  const b = [
+    ...t,
+    ...l.filter((a) => !t.some((d) => d.id === a)).map((a) => s.current.get(a)).filter((a) => a !== void 0)
+  ];
+  return b.length === 0 ? null : Ae(
+    /* @__PURE__ */ i("div", { className: E.viewport, role: "status", "aria-live": "polite", children: b.map((a) => {
+      const { token: d } = we(a.variant), _ = l.includes(a.id) && !t.some((x) => x.id === a.id);
+      return /* @__PURE__ */ v(
+        "div",
+        {
+          className: _ ? `${E.toast} ${E.exiting}` : E.toast,
+          style: d ? { "--toast-rail": `var(--pi-color-${d})` } : void 0,
+          onMouseEnter: () => n(a.id),
+          onMouseLeave: () => o(a.id),
+          children: [
+            /* @__PURE__ */ i("span", { className: E.content, children: a.content }),
+            /* @__PURE__ */ i(
+              "button",
+              {
+                type: "button",
+                className: E.close,
+                "aria-label": "Dismiss",
+                onClick: () => r(a.id),
+                children: /* @__PURE__ */ i(je, { icon: X, size: "xs", "aria-hidden": !0 })
+              }
+            )
+          ]
+        },
+        a.id
+      );
+    }) }),
+    document.body
+  );
+}
+export {
+  _n as ANNOUNCE_CLEAR_DELAY_MS,
+  bo as Announcer,
+  Hn as Avatar,
+  ie as BUTTON_FONT_SIZE,
+  se as BUTTON_ICON_SIZE,
+  G as BUTTON_MIN_HEIGHT,
+  $ as BUTTON_PADDING_H,
+  jo as BrandConfigSchema,
+  Mn as Button,
+  vr as COMPACT_FORM_FACTOR_WIDTH,
+  Jn as Checkbox,
+  to as Combobox,
+  To as DEFAULT_APPEARANCE_STORAGE_KEY,
+  xo as DEFAULT_MONO_FONT,
+  Eo as DEFAULT_THEME_NAME,
+  ar as DEFAULT_TOAST_DURATION_MS,
+  Co as DEFAULT_UI_FONT,
+  oo as Dialog,
+  no as DialogClose,
+  Fn as Divider,
+  qn as EmptyState,
+  cr as EscStack,
+  gr as FOOTER_HEIGHT,
+  yr as HEADER_INNER_HEIGHT,
+  Sr as HEADER_INNER_HEIGHT_MOBILE,
+  Tr as HEADER_TOP_PADDING_MOBILE,
+  qe as ICON_SIZE_PX,
+  je as Icon,
+  K as IconButton,
+  xr as MAX_CONTENT_WIDTH,
+  P as MAX_VISIBLE_TOASTS,
+  io as MenuContent,
+  so as MenuCursorTrigger,
+  ao as MenuGroup,
+  co as MenuItem,
+  lo as MenuSeparator,
+  Zn as Panel,
+  uo as Popover,
+  po as PopoverContent,
+  ro as ResizeHandle,
+  q as STATUS_DOT_SIZE,
+  Kn as ScrollArea,
+  eo as Select,
+  $n as ShortcutHint,
+  Pn as Spinner,
+  Ln as StatusBadge,
+  Bn as StatusDot,
+  Yn as Surface,
+  Wn as Switch,
+  No as TERMINAL_FONT_STACK,
+  Io as THEME_NAMES,
+  wo as THEME_SWATCHES,
+  Ao as THEME_VARIANTS,
+  Qn as TextArea,
+  jn as TextInput,
+  kn as ThemeBoundary,
+  go as ToastViewport,
+  Er as WINDOW_CHROME,
+  Cr as WORKSPACE_SECONDARY_HEADER_HEIGHT,
+  lr as alertIconInfo,
+  Do as applyAppearance,
+  ko as applyThemeToDOM,
+  Ro as applyVarsToRoot,
+  ur as attachmentPillRemoveVisible,
+  ge as avatarColor,
+  ve as avatarInitial,
+  Oo as baseFontSize,
+  Mo as baseLineHeight,
+  Bo as borderRadius,
+  Lo as borderWidth,
+  Nr as breakpoints,
+  Ho as buildDarkColors,
+  $o as buildLightColors,
+  Po as buildShadows,
+  Ie as buildToastEntry,
+  Un as buttonAriaAttrs,
+  dr as buttonIconColorToken,
+  Gn as buttonIconPx,
+  Vn as buttonInlineStyle,
+  ho as clearWhenIdle,
+  xe as comboboxReducer,
+  Qo as contrastForeground,
+  Ne as copiedToast,
+  Fo as countTokenUsage,
+  me as createAppearanceController,
+  Ko as darken,
+  Ce as errorToast,
+  pr as filterOptions,
+  Wo as findTokenProblems,
+  Uo as flattenThemeToVars,
+  Vo as fontWeight,
+  ye as formatChord,
+  Se as formatCombo,
+  Ir as getBreakpoint,
+  Go as getTheme,
+  mr as ghostHoverIconToken,
+  _r as groupOptions,
+  hr as headerPadding,
+  Jo as hexToRgb,
+  Ct as hoverVisible,
+  Xo as iconSize,
+  Te as initialComboboxState,
+  er as injectBrandAccent,
+  wr as isCompactFormFactor,
+  tr as isHexColor,
+  nr as lighten,
+  Le as localStorageKvStore,
+  zo as opacity,
+  Yo as palette,
+  or as relativeLuminance,
+  Ee as remainingMs,
+  fo as resetAnnouncerStoreForTests,
+  vo as resetToastStoreForTests,
+  rr as resolveAccentColors,
+  re as resolveButtonState,
+  sr as rgbToHex,
+  Zo as spacing,
+  _o as speak,
+  be as statusBadgeTokens,
+  ae as statusDotColor,
+  zn as statusDotVisible,
+  Xn as surfaceBgVar,
+  we as toastTokens,
+  O as useAnnouncerStore,
+  He as useAppearance,
+  On as useAppearanceControls,
+  mo as useHover,
+  Rn as useResolvedTheme,
+  A as useToastStore,
+  fr as withCustomValueOption
+};