twenty-ui 2.45.0 → 2.47.0

package/dist/data-display-BMV-nC-9.js

@@ -0,0 +1,181 @@
+import { t as c } from "./isDefined-fMi6eQ4r.js";
+import { a as i } from "./theme-B2EaXhye.js";
+import { s as O } from "./utilities-CEi9I09B.js";
+import { t as V } from "./Loader-DtHWQH8w.js";
+import { t as S } from "./OverflowingTextWithTooltip-Be2-wCcZ.js";
+import { useRender as _ } from "@base-ui/react/use-render";
+import { isBoolean as C, isString as E } from "@sniptt/guards";
+import { clsx as g } from "clsx";
+import { Fragment as v, jsx as n, jsxs as x } from "react/jsx-runtime";
+var pa = {
+  xl: {
+    fontSize: "16px",
+    width: "40px"
+  },
+  lg: {
+    fontSize: "13px",
+    width: "24px"
+  },
+  md: {
+    fontSize: "12px",
+    width: "16px"
+  },
+  sm: {
+    fontSize: "10px",
+    width: "14px"
+  },
+  xs: {
+    fontSize: "8px",
+    width: "12px"
+  }
+}, Y = "_badge_1q6rc_1", $ = { badge: Y }, da = ({ size: a = "sm", color: t = "tertiary", shape: r = "pill", className: l, render: e, ref: s, ...o }) => _({
+  defaultTagName: "span",
+  render: e,
+  ref: s,
+  props: {
+    ...o,
+    className: g($.badge, l),
+    "data-badge-size": a,
+    "data-badge-color": t,
+    "data-badge-shape": r
+  }
+}), F = "_chip_a644p_1", U = "_endElementDivider_a644p_75", T = {
+  chip: F,
+  endElementDivider: U
+}, Z = { height: "var(--t-spacing-4)" }, ma = ({ children: a, size: t = "sm", variant: r = "ghost", color: l = "primary", shape: e = "square", weight: s = "regular", onClick: o, clickable: d = c(o), startElement: m, endElement: p, endElementDivider: h = !1, maxWidth: f, truncate: b = !0, tooltipContent: w, tooltipDelay: q, isTooltipMultiline: k, tooltipPlace: z, alwaysShowTooltip: B = !1, className: D, style: j, render: A, ref: L, ...R }) => {
+  const P = c(a) && !C(a) && a !== "", M = E(a) ? {
+    text: a,
+    tooltipContent: w
+  } : {
+    text: a ?? !1,
+    tooltipContent: w ?? ""
+  };
+  return _({
+    render: A,
+    ref: L,
+    state: {
+      size: t,
+      variant: r,
+      color: l,
+      shape: e,
+      weight: s,
+      clickable: d,
+      truncate: b
+    },
+    props: {
+      ...R,
+      onClick: o,
+      className: g(T.chip, D),
+      style: {
+        ...c(f) ? { "--tw-chip-max-width": `calc(${f}px - 2 * var(--tw-chip-padding))` } : {},
+        ...j
+      },
+      children: /* @__PURE__ */ x(v, { children: [
+        m,
+        P && /* @__PURE__ */ n(S, {
+          ...M,
+          render: /* @__PURE__ */ n("span", {}),
+          style: t === "md" ? Z : void 0,
+          truncate: b,
+          tooltipDelay: q,
+          isTooltipMultiline: k,
+          tooltipPlace: z,
+          alwaysShowTooltip: B
+        }),
+        c(p) && p !== !1 && /* @__PURE__ */ x(v, { children: [h && /* @__PURE__ */ n("span", { className: T.endElementDivider }), p] })
+      ] })
+    }
+  });
+}, G = "_root_6bfj6_1", H = "_circle_6bfj6_13", y = {
+  root: G,
+  circle: H
+}, ca = ({ colorName: a, color: t, variant: r, className: l, style: e, render: s, ref: o, ...d }) => _({
+  defaultTagName: "div",
+  render: s,
+  ref: o,
+  props: {
+    ...d,
+    className: g(y.root, r === "circle" && y.circle, l),
+    style: {
+      "--color-sample-color": t ?? i.tag.background[a],
+      "--color-sample-border-color": i.tag.text[a],
+      ...e
+    }
+  }
+}), I = "_status_y5v42_1", J = "_content_y5v42_49", N = {
+  status: I,
+  content: J
+}, _a = ({ children: a, color: t, loading: r = !1, weight: l = "regular", className: e, style: s, render: o, ref: d, ...m }) => {
+  const p = O(t);
+  return _({
+    defaultTagName: "span",
+    render: o,
+    ref: d,
+    state: {
+      loading: r,
+      weight: l
+    },
+    props: {
+      "aria-busy": r || void 0,
+      ...m,
+      className: g(N.status, e),
+      style: {
+        "--tw-status-background": i.tag.background[p],
+        "--tw-status-text-color": i.tag.text[p],
+        ...s
+      },
+      children: /* @__PURE__ */ x(v, { children: [/* @__PURE__ */ n("span", {
+        className: N.content,
+        children: a
+      }), r && /* @__PURE__ */ n(V, {
+        color: t,
+        "aria-hidden": "true",
+        render: /* @__PURE__ */ n("span", {})
+      })] })
+    }
+  });
+}, K = "_tag_1rqsl_1", Q = "_content_1rqsl_46", W = "_overflowingText_1rqsl_55", X = "_iconContainer_1rqsl_59", u = {
+  tag: K,
+  content: Q,
+  overflowingText: W,
+  iconContainer: X
+}, ga = ({ children: a, color: t, weight: r = "regular", variant: l = "soft", startIcon: e, truncate: s = !0, borderStyle: o = "solid", className: d, style: m, render: p, ref: h, ...f }) => _({
+  defaultTagName: "span",
+  render: p,
+  ref: h,
+  state: {
+    variant: l,
+    weight: r,
+    truncate: s
+  },
+  props: {
+    ...f,
+    className: g(u.tag, d),
+    style: {
+      "--tw-tag-background": t === "transparent" ? "transparent" : i.tag.background[t] ?? i.tag.background.gray,
+      "--tw-tag-text": t === "transparent" ? i.font.color.secondary : i.tag.text[t] ?? i.font.color.secondary,
+      "--tw-tag-border-style": o,
+      ...m
+    },
+    children: /* @__PURE__ */ x(v, { children: [c(e) && !C(e) && e !== "" && /* @__PURE__ */ n("span", {
+      className: u.iconContainer,
+      "aria-hidden": !0,
+      children: e
+    }), /* @__PURE__ */ n("span", {
+      className: u.content,
+      children: E(a) && s ? /* @__PURE__ */ n(S, {
+        text: a,
+        render: /* @__PURE__ */ n("span", {}),
+        className: u.overflowingText
+      }) : a
+    })] })
+  }
+});
+export {
+  da as a,
+  ma as i,
+  _a as n,
+  pa as o,
+  ca as r,
+  ga as t
+};

package/dist/data-display-BkujQe5v.cjs

@@ -0,0 +1 @@
+const l=require("./theme-1XkFz8Qu.cjs"),p=require("./isDefined-DS2Q42p5.cjs"),A=require("./utilities-BeLfNQ0Q.cjs"),k=require("./Loader-Bb72CUQ9.cjs"),y=require("./OverflowingTextWithTooltip-BlufG-6n.cjs");let _=require("@base-ui/react/use-render"),f=require("@sniptt/guards"),g=require("clsx"),e=require("react/jsx-runtime");var z={xl:{fontSize:"16px",width:"40px"},lg:{fontSize:"13px",width:"24px"},md:{fontSize:"12px",width:"16px"},sm:{fontSize:"10px",width:"14px"},xs:{fontSize:"8px",width:"12px"}},L="_badge_1q6rc_1",F={badge:L},Y=({size:t="sm",color:r="tertiary",shape:s="pill",className:o,render:a,ref:n,...i})=>(0,_.useRender)({defaultTagName:"span",render:a,ref:n,props:{...i,className:(0,g.clsx)(F.badge,o),"data-badge-size":t,"data-badge-color":r,"data-badge-shape":s}}),I="_chip_a644p_1",M="_endElementDivider_a644p_75",j={chip:I,endElementDivider:M},W={height:"var(--t-spacing-4)"},Z=({children:t,size:r="sm",variant:s="ghost",color:o="primary",shape:a="square",weight:n="regular",onClick:i,clickable:d=p.isDefined(i),startElement:c,endElement:u,endElementDivider:b=!1,maxWidth:m,truncate:v=!0,tooltipContent:h,tooltipDelay:C,isTooltipMultiline:w,tooltipPlace:S,alwaysShowTooltip:N=!1,className:O,style:P,render:R,ref:V,...D})=>{const E=p.isDefined(t)&&!(0,f.isBoolean)(t)&&t!=="",B=(0,f.isString)(t)?{text:t,tooltipContent:h}:{text:t??!1,tooltipContent:h??""};return(0,_.useRender)({render:R,ref:V,state:{size:r,variant:s,color:o,shape:a,weight:n,clickable:d,truncate:v},props:{...D,onClick:i,className:(0,g.clsx)(j.chip,O),style:{...p.isDefined(m)?{"--tw-chip-max-width":`calc(${m}px - 2 * var(--tw-chip-padding))`}:{},...P},children:(0,e.jsxs)(e.Fragment,{children:[c,E&&(0,e.jsx)(y.OverflowingTextWithTooltip,{...B,render:(0,e.jsx)("span",{}),style:r==="md"?W:void 0,truncate:v,tooltipDelay:C,isTooltipMultiline:w,tooltipPlace:S,alwaysShowTooltip:N}),p.isDefined(u)&&u!==!1&&(0,e.jsxs)(e.Fragment,{children:[b&&(0,e.jsx)("span",{className:j.endElementDivider}),u]})]})}})},$="_root_6bfj6_1",U="_circle_6bfj6_13",T={root:$,circle:U},G=({colorName:t,color:r,variant:s,className:o,style:a,render:n,ref:i,...d})=>(0,_.useRender)({defaultTagName:"div",render:n,ref:i,props:{...d,className:(0,g.clsx)(T.root,s==="circle"&&T.circle,o),style:{"--color-sample-color":r??l.themeCssVariables.tag.background[t],"--color-sample-border-color":l.themeCssVariables.tag.text[t],...a}}}),H="_status_y5v42_1",J="_content_y5v42_49",q={status:H,content:J},K=({children:t,color:r,loading:s=!1,weight:o="regular",className:a,style:n,render:i,ref:d,...c})=>{const u=A.parseThemeColor(r);return(0,_.useRender)({defaultTagName:"span",render:i,ref:d,state:{loading:s,weight:o},props:{"aria-busy":s||void 0,...c,className:(0,g.clsx)(q.status,a),style:{"--tw-status-background":l.themeCssVariables.tag.background[u],"--tw-status-text-color":l.themeCssVariables.tag.text[u],...n},children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{className:q.content,children:t}),s&&(0,e.jsx)(k.Loader,{color:r,"aria-hidden":"true",render:(0,e.jsx)("span",{})})]})}})},Q="_tag_1rqsl_1",X="_content_1rqsl_46",ee="_overflowingText_1rqsl_55",te="_iconContainer_1rqsl_59",x={tag:Q,content:X,overflowingText:ee,iconContainer:te},re=({children:t,color:r,weight:s="regular",variant:o="soft",startIcon:a,truncate:n=!0,borderStyle:i="solid",className:d,style:c,render:u,ref:b,...m})=>(0,_.useRender)({defaultTagName:"span",render:u,ref:b,state:{variant:o,weight:s,truncate:n},props:{...m,className:(0,g.clsx)(x.tag,d),style:{"--tw-tag-background":r==="transparent"?"transparent":l.themeCssVariables.tag.background[r]??l.themeCssVariables.tag.background.gray,"--tw-tag-text":r==="transparent"?l.themeCssVariables.font.color.secondary:l.themeCssVariables.tag.text[r]??l.themeCssVariables.font.color.secondary,"--tw-tag-border-style":i,...c},children:(0,e.jsxs)(e.Fragment,{children:[p.isDefined(a)&&!(0,f.isBoolean)(a)&&a!==""&&(0,e.jsx)("span",{className:x.iconContainer,"aria-hidden":!0,children:a}),(0,e.jsx)("span",{className:x.content,children:(0,f.isString)(t)&&n?(0,e.jsx)(y.OverflowingTextWithTooltip,{text:t,render:(0,e.jsx)("span",{}),className:x.overflowingText}):t})]})}});Object.defineProperty(exports,"AVATAR_PROPERTIES_BY_SIZE",{enumerable:!0,get:function(){return z}});Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return Y}});Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return Z}});Object.defineProperty(exports,"ColorSample",{enumerable:!0,get:function(){return G}});Object.defineProperty(exports,"Status",{enumerable:!0,get:function(){return K}});Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return re}});

package/dist/data-display-DU3G8ZyI.js

@@ -0,0 +1,344 @@
+import { t as u } from "./isDefined-fMi6eQ4r.js";
+import { Jc as Q, No as W, Pn as Y, Tn as Z, Vt as D, rr as ee, wn as re } from "./icon-BdXwnJA6.js";
+import { a as j, r as G } from "./theme-B2EaXhye.js";
+import { t as ne } from "./VisuallyHidden-CFZP7ybO.js";
+import { t as te } from "./ProgressRing-8mYV9cxE.js";
+import { useRender as T } from "@base-ui/react/use-render";
+import { isArray as oe, isBoolean as ae, isNonEmptyArray as M, isNonEmptyString as V, isNumber as se, isString as le } from "@sniptt/guards";
+import { clsx as c } from "clsx";
+import { Children as $, createContext as ie, isValidElement as ce, useContext as de, useId as me, useState as ue } from "react";
+import { Fragment as k, jsx as r, jsxs as d } from "react/jsx-runtime";
+import { Collapsible as P } from "@base-ui/react/collapsible";
+var _e = "_container_5cu4g_1", ve = "_itemContainer_5cu4g_6", he = "_overflowCountContainer_5cu4g_22", pe = "_overflowCount_5cu4g_22", x = {
+  container: _e,
+  itemContainer: ve,
+  overflowCountContainer: he,
+  overflowCount: pe
+}, be = 4, _r = ({ avatars: e, className: n, maxVisible: t = be, total: o, renderOverflow: l, overflowShape: s = "square", overlap: a = "right", overlapOffset: i = "3px", render: b, ref: C, ..._ }) => {
+  const m = $.toArray(e), g = Number.isNaN(t) ? 0 : Math.max(0, Math.floor(t)), N = m.slice(0, g), h = o ?? m.length, f = (Number.isFinite(h) ? Math.max(m.length, Math.floor(h)) : m.length) - N.length, w = u(l), y = f > 0 && (w ? l(f) : /* @__PURE__ */ d("span", {
+    className: x.overflowCount,
+    "data-shape": s,
+    children: ["+", f]
+  })), O = M($.toArray(y)), B = { "--avatar-group-overlap-offset": i }, X = T({
+    render: b,
+    ref: C,
+    props: {
+      ..._,
+      className: c(x.container, n),
+      children: /* @__PURE__ */ d(k, { children: [$.map(N, (S) => /* @__PURE__ */ r("span", {
+        className: x.itemContainer,
+        "data-overlap": a,
+        style: B,
+        children: S
+      }, ce(S) ? S.key : void 0)), O && /* @__PURE__ */ r("span", {
+        className: c(x.itemContainer, !w && x.overflowCountContainer),
+        "data-overlap": a,
+        style: B,
+        children: y
+      })] })
+    }
+  });
+  return M(N) || O ? X : null;
+}, Ce = "_container_1j72k_1", Ne = "_commands_1j72k_13", fe = "_actions_1j72k_25", xe = "_prompt_1j72k_32", A = {
+  container: Ce,
+  commands: Ne,
+  actions: fe,
+  prompt: xe
+}, vr = ({ commands: e, actions: n, render: t, ref: o, className: l, ...s }) => T({
+  render: t,
+  ref: o,
+  props: {
+    ...s,
+    className: c(A.container, l),
+    children: /* @__PURE__ */ d(k, { children: [/* @__PURE__ */ r("pre", {
+      className: A.commands,
+      children: /* @__PURE__ */ r("code", { children: e.map((a, i) => /* @__PURE__ */ d("span", { children: [
+        i > 0 && `
+`,
+        /* @__PURE__ */ r("span", {
+          className: A.prompt,
+          "aria-hidden": "true",
+          children: "> "
+        }),
+        a
+      ] }, i)) })
+    }), u(n) && /* @__PURE__ */ r("div", {
+      className: A.actions,
+      children: n
+    })] })
+  }
+}), Ie = "_list_1i4lv_1", ge = "_nested_1i4lv_8", z = {
+  list: Ie,
+  nested: ge
+}, we = ({ depth: e, className: n, children: t }) => /* @__PURE__ */ r("ul", {
+  className: c(z.list, e > 0 && z.nested, n),
+  children: t
+}), H = ie(void 0), p = () => {
+  const e = de(H);
+  if (!u(e)) throw new Error("useJsonTreeContextOrThrow must be used within a JsonTreeContextProvider");
+  return e;
+}, ye = "_button_1e3ij_1", Ae = "_red_1e3ij_17", Je = "_chevron_1e3ij_22", L = {
+  button: ye,
+  red: Ae,
+  chevron: Je
+}, Te = ({ isOpen: e, onClick: n, variant: t }) => {
+  const o = G(), { arrowButtonCollapsedLabel: l, arrowButtonExpandedLabel: s } = p(), a = t === "blue" ? j.color.blue : t === "red" ? j.font.color.danger : j.font.color.secondary;
+  return /* @__PURE__ */ d("button", {
+    className: c(L.button, t === "red" && L.red),
+    onClick: n,
+    children: [/* @__PURE__ */ r(ne, { children: e ? s : l }), /* @__PURE__ */ r("div", {
+      className: L.chevron,
+      "data-open": e || void 0,
+      children: /* @__PURE__ */ r(Z, {
+        size: o.icon.size.md,
+        color: a
+      })
+    })]
+  });
+}, ke = ({ label: e, value: n, depth: t, keyPath: o, highlighting: l }) => {
+  const { emptyArrayLabel: s } = p();
+  return /* @__PURE__ */ r(R, {
+    elements: [...n.entries()].map(([a, i]) => ({
+      id: a,
+      label: String(a),
+      value: i
+    })),
+    renderElementsCount: (a) => `[${a}]`,
+    label: e,
+    Icon: D,
+    depth: t,
+    emptyElementsText: s,
+    keyPath: o,
+    highlighting: l
+  });
+}, Se = ({ label: e, value: n, depth: t, keyPath: o, highlighting: l }) => {
+  const { emptyObjectLabel: s } = p();
+  return /* @__PURE__ */ r(R, {
+    elements: Object.entries(n).map(([a, i]) => ({
+      id: a,
+      label: a,
+      value: i
+    })),
+    renderElementsCount: (a) => `{${a}}`,
+    label: e,
+    Icon: ee,
+    depth: t,
+    emptyElementsText: s,
+    keyPath: o,
+    highlighting: l
+  });
+}, je = "_labelContainer_1pq94_1", $e = "_blue_1pq94_23", Le = "_red_1pq94_29", E = {
+  labelContainer: je,
+  blue: $e,
+  red: Le
+}, K = ({ label: e, Icon: n, highlighting: t }) => {
+  const o = G();
+  return /* @__PURE__ */ d("span", {
+    className: c(E.labelContainer, t === "blue" && E.blue, t === "red" && E.red),
+    children: [/* @__PURE__ */ r(n, {
+      size: o.icon.size.md,
+      color: t === "blue" ? o.color.blue : t === "red" ? o.font.color.danger : o.font.color.tertiary
+    }), /* @__PURE__ */ r("span", { children: e })]
+  });
+}, Ee = "_text_1ot24_1", qe = "_blue_1ot24_10", Ve = "_red_1ot24_14", Re = "_button_1ot24_18", J = {
+  text: Ee,
+  blue: qe,
+  red: Ve,
+  button: Re
+}, Oe = ({ valueAsString: e, highlighting: n }) => {
+  const { onNodeValueClick: t } = p(), o = u(t), l = () => {
+    t?.(e);
+  }, s = c(J.text, n === "blue" && J.blue, n === "red" && J.red);
+  return o ? /* @__PURE__ */ r("button", {
+    className: c(s, J.button),
+    type: "button",
+    onClick: l,
+    children: e
+  }) : /* @__PURE__ */ r("span", {
+    className: s,
+    children: e
+  });
+}, Be = "_listItem_1i7if_1", Me = { listItem: Be }, I = (e) => /* @__PURE__ */ d("li", {
+  className: Me.listItem,
+  children: [e.label && /* @__PURE__ */ r(K, {
+    label: e.label,
+    Icon: e.Icon,
+    highlighting: e.highlighting
+  }), /* @__PURE__ */ r(Oe, {
+    valueAsString: e.valueAsString,
+    highlighting: e.highlighting
+  })]
+}), Pe = (e) => oe(e), U = ({ label: e, value: n, depth: t, keyPath: o }) => {
+  const { getNodeHighlighting: l, emptyStringLabel: s } = p(), a = l?.(o);
+  return u(n) ? le(n) ? /* @__PURE__ */ r(I, {
+    label: e,
+    valueAsString: V(n) ? n : s,
+    Icon: Q,
+    highlighting: a
+  }) : se(n) ? /* @__PURE__ */ r(I, {
+    label: e,
+    valueAsString: String(n),
+    Icon: W,
+    highlighting: a
+  }) : ae(n) ? /* @__PURE__ */ r(I, {
+    label: e,
+    valueAsString: String(n),
+    Icon: re,
+    highlighting: a
+  }) : Pe(n) ? /* @__PURE__ */ r(ke, {
+    label: e,
+    value: n,
+    depth: t,
+    keyPath: o,
+    highlighting: a
+  }) : /* @__PURE__ */ r(Se, {
+    label: e,
+    value: n,
+    depth: t,
+    keyPath: o,
+    highlighting: a
+  }) : /* @__PURE__ */ r(I, {
+    label: e,
+    valueAsString: "null",
+    Icon: Y,
+    highlighting: a
+  });
+}, ze = "_container_d0cqx_1", Fe = "_labelContainer_d0cqx_6", De = "_elementsCount_d0cqx_12", Ge = "_elementsCountRed_d0cqx_16", He = "_panel_d0cqx_20", Ke = "_list_d0cqx_30", Ue = "_nested_d0cqx_37", v = {
+  container: ze,
+  labelContainer: Fe,
+  elementsCount: De,
+  elementsCountRed: Ge,
+  panel: He,
+  list: Ke,
+  nested: Ue
+}, R = ({ label: e, Icon: n, elements: t, renderElementsCount: o, emptyElementsText: l, depth: s, keyPath: a, highlighting: i }) => {
+  const { shouldExpandNodeInitially: b } = p(), C = !u(e), [_, m] = ue(b({
+    keyPath: a,
+    depth: s
+  })), g = /* @__PURE__ */ r("ul", {
+    className: c(v.list, s > 0 && v.nested),
+    children: t.length === 0 ? /* @__PURE__ */ r(I, {
+      valueAsString: l,
+      highlighting: void 0
+    }) : t.map(({ id: h, label: f, value: w }) => {
+      const y = V(a) ? `${a}.${h}` : String(h);
+      return /* @__PURE__ */ r(U, {
+        label: f,
+        value: w,
+        depth: s + 1,
+        keyPath: y
+      }, h);
+    })
+  }), N = () => {
+    m(!_);
+  };
+  return C ? /* @__PURE__ */ r("li", {
+    className: v.container,
+    children: g
+  }) : /* @__PURE__ */ d(P.Root, {
+    className: v.container,
+    open: _,
+    render: /* @__PURE__ */ r("li", {}),
+    children: [/* @__PURE__ */ d("div", {
+      className: v.labelContainer,
+      children: [
+        /* @__PURE__ */ r(Te, {
+          isOpen: _,
+          onClick: N,
+          variant: i === "partial-blue" ? "blue" : i === "red" ? i : void 0
+        }),
+        /* @__PURE__ */ r(K, {
+          label: e,
+          Icon: n,
+          highlighting: i === "red" ? i : void 0
+        }),
+        o && /* @__PURE__ */ r("span", {
+          className: c(v.elementsCount, i === "red" && v.elementsCountRed),
+          children: o(t.length)
+        })
+      ]
+    }), /* @__PURE__ */ r(P.Panel, {
+      className: v.panel,
+      children: g
+    })]
+  });
+}, Xe = ({ value: e, children: n }) => /* @__PURE__ */ r(H.Provider, {
+  value: e,
+  children: n
+}), Qe = ({ depth: e }) => e <= 1, hr = ({ value: e, entries: n, shouldExpandNodeInitially: t = Qe, ...o }) => /* @__PURE__ */ r(Xe, {
+  value: {
+    ...o,
+    shouldExpandNodeInitially: t
+  },
+  children: /* @__PURE__ */ r(we, {
+    depth: 0,
+    children: u(n) ? /* @__PURE__ */ r(R, {
+      elements: n,
+      Icon: D,
+      depth: 0,
+      keyPath: "",
+      emptyElementsText: o.emptyObjectLabel
+    }) : /* @__PURE__ */ r(U, {
+      value: e ?? null,
+      depth: 0,
+      keyPath: ""
+    })
+  })
+}), We = "_row_1hj4l_1", Ye = "_label_1hj4l_11", Ze = "_icon_1hj4l_20", q = {
+  row: We,
+  label: Ye,
+  icon: Ze
+}, pr = ({ children: e, startIcon: n, value: t, progress: o, progressColor: l, progressValueText: s, render: a, ref: i, className: b, ...C }) => {
+  const _ = me(), m = s ?? t;
+  return T({
+    render: a,
+    ref: i,
+    props: {
+      ...C,
+      className: c(q.row, b),
+      children: /* @__PURE__ */ d(k, { children: [/* @__PURE__ */ d("div", {
+        className: q.label,
+        children: [u(n) && /* @__PURE__ */ r("span", {
+          className: q.icon,
+          "aria-hidden": "true",
+          children: n
+        }), /* @__PURE__ */ r("span", {
+          id: _,
+          children: e
+        })]
+      }), u(o) ? /* @__PURE__ */ r(te, {
+        value: o,
+        size: "sm",
+        barColor: l,
+        "aria-labelledby": _,
+        ...V(m) ? { "aria-valuetext": m } : {},
+        children: t
+      }) : /* @__PURE__ */ r("span", { children: t })] })
+    }
+  });
+}, er = "_root_7l8sk_1", rr = "_stackedIcon_7l8sk_14", F = {
+  root: er,
+  stackedIcon: rr
+}, br = ({ icon: e, stackedIcon: n, className: t, render: o, ref: l, ...s }) => T({
+  render: o,
+  ref: l,
+  props: {
+    ...s,
+    className: c(F.root, t),
+    children: /* @__PURE__ */ d(k, { children: [/* @__PURE__ */ r("span", {
+      "aria-hidden": "true",
+      children: e
+    }), /* @__PURE__ */ r("span", {
+      "aria-hidden": "true",
+      className: F.stackedIcon,
+      children: n
+    })] })
+  }
+});
+export {
+  _r as a,
+  vr as i,
+  pr as n,
+  hr as r,
+  br as t
+};

package/dist/data-display-DjhAHvj1.cjs

@@ -0,0 +1,2 @@
+const y=require("./theme-1XkFz8Qu.cjs"),_=require("./isDefined-DS2Q42p5.cjs"),H=require("./VisuallyHidden-B-n4x1KY.cjs"),K=require("./ProgressRing-g1nHGyUp.cjs");let S=require("@base-ui/react/use-render"),u=require("@sniptt/guards"),c=require("clsx"),x=require("react"),e=require("react/jsx-runtime"),$=require("@base-ui/react/collapsible"),h=require("@tabler/icons-react");var U="_container_5cu4g_1",X="_itemContainer_5cu4g_6",Q="_overflowCountContainer_5cu4g_22",W="_overflowCount_5cu4g_22",g={container:U,itemContainer:X,overflowCountContainer:Q,overflowCount:W},Y=4,Z=({avatars:r,className:n,maxVisible:t=Y,total:s,renderOverflow:l,overflowShape:o="square",overlap:a="right",overlapOffset:i="3px",render:p,ref:C,...m})=>{const d=x.Children.toArray(r),q=Number.isNaN(t)?0:Math.max(0,Math.floor(t)),f=d.slice(0,q),b=s??d.length,N=(Number.isFinite(b)?Math.max(d.length,Math.floor(b)):d.length)-f.length,w=_.isDefined(l),A=N>0&&(w?l(N):(0,e.jsxs)("span",{className:g.overflowCount,"data-shape":o,children:["+",N]})),L=(0,u.isNonEmptyArray)(x.Children.toArray(A)),V={"--avatar-group-overlap-offset":i},G=(0,S.useRender)({render:p,ref:C,props:{...m,className:(0,c.clsx)(g.container,n),children:(0,e.jsxs)(e.Fragment,{children:[x.Children.map(f,T=>(0,e.jsx)("span",{className:g.itemContainer,"data-overlap":a,style:V,children:T},(0,x.isValidElement)(T)?T.key:void 0)),L&&(0,e.jsx)("span",{className:(0,c.clsx)(g.itemContainer,!w&&g.overflowCountContainer),"data-overlap":a,style:V,children:A})]})}});return(0,u.isNonEmptyArray)(f)||L?G:null},ee="_container_1j72k_1",re="_commands_1j72k_13",ne="_actions_1j72k_25",te="_prompt_1j72k_32",J={container:ee,commands:re,actions:ne,prompt:te},se=({commands:r,actions:n,render:t,ref:s,className:l,...o})=>(0,S.useRender)({render:t,ref:s,props:{...o,className:(0,c.clsx)(J.container,l),children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("pre",{className:J.commands,children:(0,e.jsx)("code",{children:r.map((a,i)=>(0,e.jsxs)("span",{children:[i>0&&`
+`,(0,e.jsx)("span",{className:J.prompt,"aria-hidden":"true",children:"> "}),a]},i))})}),_.isDefined(n)&&(0,e.jsx)("div",{className:J.actions,children:n})]})}}),ae="_list_1i4lv_1",oe="_nested_1i4lv_8",P={list:ae,nested:oe},le=({depth:r,className:n,children:t})=>(0,e.jsx)("ul",{className:(0,c.clsx)(P.list,r>0&&P.nested,n),children:t}),M=(0,x.createContext)(void 0),j=()=>{const r=(0,x.useContext)(M);if(!_.isDefined(r))throw new Error("useJsonTreeContextOrThrow must be used within a JsonTreeContextProvider");return r},ie="_button_1e3ij_1",ce="_red_1e3ij_17",de="_chevron_1e3ij_22",E={button:ie,red:ce,chevron:de},ue=({isOpen:r,onClick:n,variant:t})=>{const s=y.useTheme(),{arrowButtonCollapsedLabel:l,arrowButtonExpandedLabel:o}=j(),a=t==="blue"?y.themeCssVariables.color.blue:t==="red"?y.themeCssVariables.font.color.danger:y.themeCssVariables.font.color.secondary;return(0,e.jsxs)("button",{className:(0,c.clsx)(E.button,t==="red"&&E.red),onClick:n,children:[(0,e.jsx)(H.VisuallyHidden,{children:r?o:l}),(0,e.jsx)("div",{className:E.chevron,"data-open":r||void 0,children:(0,e.jsx)(h.IconChevronDown,{size:s.icon.size.md,color:a})})]})},_e=({label:r,value:n,depth:t,keyPath:s,highlighting:l})=>{const{emptyArrayLabel:o}=j();return(0,e.jsx)(D,{elements:[...n.entries()].map(([a,i])=>({id:a,label:String(a),value:i})),renderElementsCount:a=>`[${a}]`,label:r,Icon:h.IconBrackets,depth:t,emptyElementsText:o,keyPath:s,highlighting:l})},me=({label:r,value:n,depth:t,keyPath:s,highlighting:l})=>{const{emptyObjectLabel:o}=j();return(0,e.jsx)(D,{elements:Object.entries(n).map(([a,i])=>({id:a,label:a,value:i})),renderElementsCount:a=>`{${a}}`,label:r,Icon:h.IconCube,depth:t,emptyElementsText:o,keyPath:s,highlighting:l})},ve="_labelContainer_1pq94_1",xe="_blue_1pq94_23",he="_red_1pq94_29",R={labelContainer:ve,blue:xe,red:he},F=({label:r,Icon:n,highlighting:t})=>{const s=y.useTheme();return(0,e.jsxs)("span",{className:(0,c.clsx)(R.labelContainer,t==="blue"&&R.blue,t==="red"&&R.red),children:[(0,e.jsx)(n,{size:s.icon.size.md,color:t==="blue"?s.color.blue:t==="red"?s.font.color.danger:s.font.color.tertiary}),(0,e.jsx)("span",{children:r})]})},be="_text_1ot24_1",je="_blue_1ot24_10",pe="_red_1ot24_14",Ce="_button_1ot24_18",k={text:be,blue:je,red:pe,button:Ce},fe=({valueAsString:r,highlighting:n})=>{const{onNodeValueClick:t}=j(),s=_.isDefined(t),l=()=>{t?.(r)},o=(0,c.clsx)(k.text,n==="blue"&&k.blue,n==="red"&&k.red);return s?(0,e.jsx)("button",{className:(0,c.clsx)(o,k.button),type:"button",onClick:l,children:r}):(0,e.jsx)("span",{className:o,children:r})},Ne="_listItem_1i7if_1",ge={listItem:Ne},I=r=>(0,e.jsxs)("li",{className:ge.listItem,children:[r.label&&(0,e.jsx)(F,{label:r.label,Icon:r.Icon,highlighting:r.highlighting}),(0,e.jsx)(fe,{valueAsString:r.valueAsString,highlighting:r.highlighting})]}),ye=r=>(0,u.isArray)(r),z=({label:r,value:n,depth:t,keyPath:s})=>{const{getNodeHighlighting:l,emptyStringLabel:o}=j(),a=l?.(s);return _.isDefined(n)?(0,u.isString)(n)?(0,e.jsx)(I,{label:r,valueAsString:(0,u.isNonEmptyString)(n)?n:o,Icon:h.IconTypography,highlighting:a}):(0,u.isNumber)(n)?(0,e.jsx)(I,{label:r,valueAsString:String(n),Icon:h.IconNumber9,highlighting:a}):(0,u.isBoolean)(n)?(0,e.jsx)(I,{label:r,valueAsString:String(n),Icon:h.IconCheckbox,highlighting:a}):ye(n)?(0,e.jsx)(_e,{label:r,value:n,depth:t,keyPath:s,highlighting:a}):(0,e.jsx)(me,{label:r,value:n,depth:t,keyPath:s,highlighting:a}):(0,e.jsx)(I,{label:r,valueAsString:"null",Icon:h.IconCircleOff,highlighting:a})},Ie="_container_d0cqx_1",qe="_labelContainer_d0cqx_6",we="_elementsCount_d0cqx_12",Ae="_elementsCountRed_d0cqx_16",Je="_panel_d0cqx_20",ke="_list_d0cqx_30",Se="_nested_d0cqx_37",v={container:Ie,labelContainer:qe,elementsCount:we,elementsCountRed:Ae,panel:Je,list:ke,nested:Se},D=({label:r,Icon:n,elements:t,renderElementsCount:s,emptyElementsText:l,depth:o,keyPath:a,highlighting:i})=>{const{shouldExpandNodeInitially:p}=j(),C=!_.isDefined(r),[m,d]=(0,x.useState)(p({keyPath:a,depth:o})),q=(0,e.jsx)("ul",{className:(0,c.clsx)(v.list,o>0&&v.nested),children:t.length===0?(0,e.jsx)(I,{valueAsString:l,highlighting:void 0}):t.map(({id:b,label:N,value:w})=>{const A=(0,u.isNonEmptyString)(a)?`${a}.${b}`:String(b);return(0,e.jsx)(z,{label:N,value:w,depth:o+1,keyPath:A},b)})}),f=()=>{d(!m)};return C?(0,e.jsx)("li",{className:v.container,children:q}):(0,e.jsxs)($.Collapsible.Root,{className:v.container,open:m,render:(0,e.jsx)("li",{}),children:[(0,e.jsxs)("div",{className:v.labelContainer,children:[(0,e.jsx)(ue,{isOpen:m,onClick:f,variant:i==="partial-blue"?"blue":i==="red"?i:void 0}),(0,e.jsx)(F,{label:r,Icon:n,highlighting:i==="red"?i:void 0}),s&&(0,e.jsx)("span",{className:(0,c.clsx)(v.elementsCount,i==="red"&&v.elementsCountRed),children:s(t.length)})]}),(0,e.jsx)($.Collapsible.Panel,{className:v.panel,children:q})]})},Te=({value:r,children:n})=>(0,e.jsx)(M.Provider,{value:r,children:n}),Ee=({depth:r})=>r<=1,Re=({value:r,entries:n,shouldExpandNodeInitially:t=Ee,...s})=>(0,e.jsx)(Te,{value:{...s,shouldExpandNodeInitially:t},children:(0,e.jsx)(le,{depth:0,children:_.isDefined(n)?(0,e.jsx)(D,{elements:n,Icon:h.IconBrackets,depth:0,keyPath:"",emptyElementsText:s.emptyObjectLabel}):(0,e.jsx)(z,{value:r??null,depth:0,keyPath:""})})}),Oe="_row_1hj4l_1",De="_label_1hj4l_11",Le="_icon_1hj4l_20",O={row:Oe,label:De,icon:Le},Ve=({children:r,startIcon:n,value:t,progress:s,progressColor:l,progressValueText:o,render:a,ref:i,className:p,...C})=>{const m=(0,x.useId)(),d=o??t;return(0,S.useRender)({render:a,ref:i,props:{...C,className:(0,c.clsx)(O.row,p),children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:O.label,children:[_.isDefined(n)&&(0,e.jsx)("span",{className:O.icon,"aria-hidden":"true",children:n}),(0,e.jsx)("span",{id:m,children:r})]}),_.isDefined(s)?(0,e.jsx)(K.ProgressRing,{value:s,size:"sm",barColor:l,"aria-labelledby":m,...(0,u.isNonEmptyString)(d)?{"aria-valuetext":d}:{},children:t}):(0,e.jsx)("span",{children:t})]})}})},$e="_root_7l8sk_1",Pe="_stackedIcon_7l8sk_14",B={root:$e,stackedIcon:Pe},Be=({icon:r,stackedIcon:n,className:t,render:s,ref:l,...o})=>(0,S.useRender)({render:s,ref:l,props:{...o,className:(0,c.clsx)(B.root,t),children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{"aria-hidden":"true",children:r}),(0,e.jsx)("span",{"aria-hidden":"true",className:B.stackedIcon,children:n})]})}});Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return Z}});Object.defineProperty(exports,"CommandBlock",{enumerable:!0,get:function(){return se}});Object.defineProperty(exports,"JsonTree",{enumerable:!0,get:function(){return Re}});Object.defineProperty(exports,"MetricRow",{enumerable:!0,get:function(){return Ve}});Object.defineProperty(exports,"StackIcon",{enumerable:!0,get:function(){return Be}});

package/dist/feedback-B5x8tmnG.cjs

@@ -0,0 +1 @@
+const y=require("./theme-1XkFz8Qu.cjs"),u=require("./isDefined-DS2Q42p5.cjs"),ae=require("./mergeClassNames-D4lshrT6.cjs"),D=require("./Button-COxEKIHL.cjs"),S=require("./ProgressBar-oF1qVHFx.cjs"),g=require("./isRenderableSlot-Guryb6Nf.cjs"),ce=require("./useProvidedTextDirection-PVaoQCLH.cjs"),ue=require("./OverflowingTextWithTooltip-BlufG-6n.cjs"),le=require("./Separator-UJVlrTzw.cjs");let W=require("@base-ui/react/use-render"),q=require("@sniptt/guards"),P=require("clsx"),d=require("react"),s=require("react/jsx-runtime"),K=require("@base-ui/utils/store"),de=require("react-dom"),h=require("@tabler/icons-react");var ve="_action_3r2bm_1",_e={action:ve},me=({className:e,...t})=>(0,s.jsx)(D.Button,{...t,size:"sm",variant:"ghost",className:ae.mergeClassNames(_e.action,e)}),fe="_container_1ix4w_1",pe="_containerFullWidth_1ix4w_40",Te="_header_1ix4w_44",xe="_iconContainer_1ix4w_53",he="_title_1ix4w_63",ge="_descriptionWrapper_1ix4w_75",be="_descriptionWrapperWithIcon_1ix4w_82",Ce="_descriptionWrapperWithAction_1ix4w_86",je="_description_1ix4w_75",we="_footer_1ix4w_99",Ne="_closeButton_1ix4w_106",m={container:fe,containerFullWidth:pe,header:Te,iconContainer:xe,title:he,descriptionWrapper:ge,descriptionWrapperWithIcon:be,descriptionWrapperWithAction:Ce,description:je,footer:we,closeButton:Ne},Pe=({status:e="info",variant:t="soft",color:r=S.FEEDBACK_STATUS_COLORS[e],title:o,description:n,fullWidth:i=!1,icon:a=(0,s.jsx)(h.IconHelp,{size:y.themeCssVariables.icon.size.md,"aria-hidden":"true"}),action:c,closeLabel:l="Close",onDismiss:v,className:T,render:f,ref:N,..._})=>{const b=g.isRenderableSlot(a),C=g.isRenderableSlot(c);return(0,W.useRender)({render:f,ref:N,state:{status:e,variant:t,color:r},props:{..._,className:(0,P.clsx)(m.container,i&&m.containerFullWidth,T),children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:m.header,children:[b&&(0,s.jsx)("div",{className:m.iconContainer,children:a}),(0,s.jsx)("div",{className:m.title,children:o}),u.isDefined(v)&&(0,s.jsx)(D.Button,{type:"button",startIcon:(0,s.jsx)(h.IconX,{"aria-hidden":"true"}),className:m.closeButton,variant:"ghost",size:"sm","aria-label":l,onClick:()=>v()})]}),g.isRenderableSlot(n)&&(0,s.jsx)("div",{className:(0,P.clsx)(m.descriptionWrapper,b&&m.descriptionWrapperWithIcon,C&&m.descriptionWrapperWithAction),children:(0,s.jsx)("div",{className:m.description,children:n})}),C&&(0,s.jsx)("div",{className:m.footer,children:c})]})}})},qe=Object.assign(Pe,{Action:me}),Ie="_banner_17vm4_1",Ae="_embedded_17vm4_6",De="_bannerContent_17vm4_10",Se="_icon_17vm4_18",Re="_bannerText_17vm4_28",Be="_compact_17vm4_33",j={banner:Ie,embedded:Ae,bannerContent:De,icon:Se,bannerText:Re,compact:Be},Ee=({children:e,layout:t="standard",variant:r="soft",embedded:o=!1,icon:n=(0,s.jsx)(h.IconInfoCircle,{"aria-hidden":"true"}),className:i,...a})=>{const c=t==="compact",l=!c&&(0,q.isString)(e);return(0,s.jsx)(S.Banner,{...a,className:(0,P.clsx)(j.banner,c&&j.compact,o&&j.embedded,i),variant:r,"data-layout":t,children:(0,s.jsxs)("div",{className:j.bannerContent,children:[g.isRenderableSlot(n)&&(0,s.jsx)("span",{className:j.icon,children:n}),(0,s.jsx)("div",{className:j.bannerText,children:l?(0,s.jsx)(ue.OverflowingTextWithTooltip,{isFocusable:!0,text:(0,s.jsx)(s.Fragment,{children:e}),tooltipContent:e}):e})]})})},ye=Object.assign(Ee,{Action:S.Banner.Action}),I=e=>e.status==="visible",X=({store:e,toastsToClose:t,nextToasts:r=e.state.toasts})=>{const o=r.map(i=>t.includes(i)?{...i,status:"closing"}:i),n=e.state.mountedToasterCount>0;e.set("toasts",n?o:o.filter(I));for(const i of t)i.notification.onClose?.()},V=(0,d.createContext)(void 0),w=()=>{const e=(0,d.useContext)(V);if(!u.isDefined(e))throw new Error("Toast components must be used within a ToastProvider.");return e},G=()=>{const e=w();return{closeToast:r=>{const o=e.state.toasts.filter(n=>I(n)&&(!u.isDefined(r)||n.notification.id===r));(0,q.isNonEmptyArray)(o)&&X({store:e,toastsToClose:o})}}},U=0,We=()=>{const e=w();return{enqueueToast:(0,d.useMemo)(()=>{function t(r){if(!u.isDefined(r))return;const{dedupeKey:o,...n}=r,{toasts:i,limit:a}=e.state,c=i.filter(I),l=u.isDefined(o)?c.find(f=>f.dedupeKey===o):void 0;if(u.isDefined(l))return l.notification.id;U+=1;const v=`toast-${U}`,T=Math.max(0,c.length-a+1);return X({store:e,toastsToClose:c.slice(0,T),nextToasts:[...i,{notification:{...n,id:v},dedupeKey:o,status:"visible"}]}),v}return t},[e])}},Fe=({store:e,id:t,...r})=>{const o=e.state.toasts.find(a=>a.notification.id===t&&I(a)),n=Object.keys(r);if(!u.isDefined(o)||!(0,q.isNonEmptyArray)(n))return;const i=n.includes("duration")||u.isDefined(o.notification.progress)&&n.includes("progress")&&!u.isDefined(r.progress);e.set("toasts",e.state.toasts.map(a=>a===o?{...a,notification:{...a.notification,...r,id:t},...i?{durationRevision:(a.durationRevision??0)+1}:{}}:a))},Oe=()=>{const e=w();return{updateToast:(0,d.useCallback)(t=>Fe({store:e,...t}),[e])}},ke=()=>{const{closeToast:e}=G(),{enqueueToast:t}=We(),{updateToast:r}=Oe();return{enqueueToast:t,closeToast:e,updateToast:r}},Me="_root_181ka_1",$e="_progress_181ka_19",ze="_header_181ka_30",Le="_message_181ka_40",Ue="_icon_181ka_45",He="_actions_181ka_50",Ke="_description_181ka_56",Xe="_footer_181ka_65",Ve="_footerAction_181ka_69",Ge="_closeButton_181ka_76",p={root:Me,progress:$e,header:ze,message:Le,icon:Ue,actions:He,description:Ke,footer:Xe,footerAction:Ve,closeButton:Ge},J=(0,d.createContext)({durationRevision:0,isActive:!0}),Je=({clock:e,duration:t,progress:r,isPaused:o,onClose:n})=>{const{durationRevision:i,isActive:a}=(0,d.useContext)(J),c=u.isDefined(r);return(0,d.useLayoutEffect)(()=>{e.update({duration:t,durationRevision:i,isPaused:o,isProgress:c,isActive:a,onClose:n})},[e,t,i,o,c,a,n]),(0,d.useLayoutEffect)(()=>()=>e.stop(),[e]),null},Qe=({element:e,isFocused:t,onFocusChange:r})=>((0,d.useLayoutEffect)(()=>{if(!t||!u.isDefined(e))return;const o=()=>{e.contains(e.ownerDocument.activeElement)||r(!1)};o();const n=new MutationObserver(o);return n.observe(e,{childList:!0,subtree:!0}),()=>n.disconnect()},[e,t,r]),null),Q=e=>Number.isFinite(e)&&e>0,Ye="_countdown_1vuo8_1",Ze="_toastCountdown_1vuo8_1",et={countdown:Ye,toastCountdown:Ze},tt=({progress:e,duration:t,remainingDuration:r,revision:o,isPaused:n,barColor:i})=>u.isDefined(e)?(0,s.jsx)(S.ProgressBar,{value:e,barColor:i}):Q(t)?(0,s.jsx)("div",{className:et.countdown,"data-paused":n||void 0,style:{"--toast-countdown-color":i,"--toast-countdown-width":`${r/t*100}%`,"--toast-countdown-duration":`${r}ms`}},o):null,st=2**31-1,rt=({onChange:e})=>{let t,r=0,o,n,i=0,a=!1;const c=()=>{u.isDefined(o)&&(r=Math.max(0,r-(performance.now()-o)),o=void 0),clearTimeout(n),n=void 0},l=()=>{u.isDefined(t)&&(i+=1,e({duration:t.duration,remainingDuration:r,revision:i,isPaused:t.isPaused||!t.isActive}))},v=()=>{a||(c(),a=!0,r=0,l(),t?.onClose?.())},T=()=>u.isDefined(t)&&t.isActive&&!t.isPaused&&!t.isProgress&&Q(t.duration)&&!a,f=()=>{T()&&(o=performance.now(),n=setTimeout(()=>{if(c(),r>0){f();return}v()},Math.min(r,st)))};return{update:_=>{const b=!u.isDefined(t)||_.duration!==t.duration||_.durationRevision!==t.durationRevision||t.isProgress&&!_.isProgress,C=b||_.isProgress!==t?.isProgress||_.isPaused!==t?.isPaused||_.isActive!==t?.isActive,R=!u.isDefined(o)&&T();if(!C&&!R){t=_;return}c(),t=_,!a&&(b&&(r=Math.max(0,_.duration)),l(),f())},close:v,stop:c}},ot=({duration:e,isPaused:t})=>{const[r,o]=(0,d.useState)({duration:e,remainingDuration:e,revision:0,isPaused:t}),[n]=(0,d.useState)(()=>rt({onChange:o}));return{countdown:r,clock:n}},nt={neutral:h.IconAlertTriangle,error:h.IconAlertTriangle,success:h.IconSquareRoundedCheck,info:h.IconInfoCircle,warning:h.IconAlertTriangle},Y=({children:e,description:t,icon:r,iconLabel:o,action:n,progress:i,duration:a=6e3,onCancel:c,onClose:l,cancelLabel:v="Cancel",closeLabel:T="Close",status:f="neutral",role:N="status",className:_,onMouseEnter:b,onMouseLeave:C,onFocus:R,onBlur:Z,render:ee,ref:te,...se})=>{const F=y.useTheme(),[re,O]=(0,d.useState)(!1),[k,B]=(0,d.useState)(!1),[oe,ne]=(0,d.useState)(null),M=re||k,{countdown:A,clock:$}=ot({duration:a,isPaused:M}),ie=nt[f],z=F.snackBar[f==="neutral"?"default":f],L=(0,q.isUndefined)(r)?(0,s.jsx)(ie,{"aria-label":o,"aria-hidden":!u.isDefined(o),color:z.color,size:F.icon.size.md}):r;return(0,s.jsxs)(s.Fragment,{children:[(0,W.useRender)({render:ee,ref:[te??null,ne],props:{role:N,"aria-live":N==="alert"?"assertive":"polite",...se,className:(0,P.clsx)(p.root,_),onMouseEnter:x=>{O(!0),b?.(x)},onMouseLeave:x=>{O(!1),C?.(x)},onFocus:x=>{B(!0),R?.(x)},onBlur:x=>{x.currentTarget.contains(x.relatedTarget)||B(!1),Z?.(x)},children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:p.progress,"aria-hidden":!0,children:(0,s.jsx)(tt,{barColor:z.backgroundColor,progress:i,duration:A.duration,remainingDuration:A.remainingDuration,revision:A.revision,isPaused:A.isPaused})}),(0,s.jsxs)("div",{className:p.header,children:[g.isRenderableSlot(L)&&(0,s.jsx)("div",{className:p.icon,children:L}),(0,s.jsx)("div",{className:p.message,children:e}),(0,s.jsxs)("div",{className:p.actions,children:[u.isDefined(c)&&g.isRenderableSlot(v)&&(0,s.jsx)(D.Button,{onClick:c,size:"sm",variant:"ghost",style:{fontWeight:"var(--t-font-weight-regular)"},children:v}),u.isDefined(l)&&(0,s.jsx)(D.Button,{title:T,"aria-label":T,startIcon:(0,s.jsx)(h.IconX,{}),className:p.closeButton,variant:"ghost",size:"sm",onClick:$.close})]})]}),g.isRenderableSlot(t)&&(0,s.jsx)("div",{className:p.description,children:t}),g.isRenderableSlot(n)&&(0,s.jsxs)("div",{className:p.footer,children:[(0,s.jsx)(le.Separator,{}),(0,s.jsx)("div",{className:p.footerAction,children:n})]})]})}}),(0,s.jsx)(Qe,{element:oe,isFocused:k,onFocusChange:B}),(0,s.jsx)(Je,{clock:$,duration:a,progress:i,isPaused:M,onClose:l})]})},it=(e=3)=>{if(!(0,q.isPositiveInteger)(e))throw new Error("Toast limit must be a positive integer.");return new K.Store({toasts:[],limit:e,mountedToasterCount:0})},at=({children:e,limit:t=3})=>{const[r]=(0,d.useState)(()=>it(t));return(0,s.jsx)(V.Provider,{value:r,children:e})},ct="_root_1q2cc_1",ut="_item_1q2cc_20",lt="_itemContent_1q2cc_47",E={root:ct,item:ut,itemContent:lt},dt=()=>(0,K.useStore)(w(),e=>e.toasts),H=({store:e,toast:t})=>{const{toasts:r}=e.state;t.status==="closing"&&r.includes(t)&&e.set("toasts",r.filter(o=>o!==t))},vt=({elementRef:e,toastEntry:t})=>{const r=w();return(0,d.useLayoutEffect)(()=>{if(t.status==="visible")return;const o=e.current?.getAnimations?.()??[];if(o.length===0){H({store:r,toast:t});return}let n=!1;return Promise.allSettled(o.map(i=>i.finished)).then(()=>{n||H({store:r,toast:t})}),()=>{n=!0}},[e,t,r]),(0,s.jsx)(s.Fragment,{})},_t=({toastEntry:e,getToastProps:t,onClose:r})=>{const{notification:o,status:n,durationRevision:i=0}=e,{id:a,...c}=o,l=(0,d.useRef)(null);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{ref:l,className:E.item,"data-exiting":n==="closing"||void 0,inert:n==="closing",children:(0,s.jsx)("div",{className:E.itemContent,children:(0,s.jsx)(J.Provider,{value:{durationRevision:i,isActive:n==="visible"},children:(0,s.jsx)(Y,{...c,...t?.(o),id:a,onClose:()=>r(a)})})})}),(0,s.jsx)(vt,{elementRef:l,toastEntry:e})]})},mt=({getToastProps:e})=>{const t=dt(),{closeToast:r}=G();return t.map(o=>(0,s.jsx)(_t,{toastEntry:o,getToastProps:e,onClose:r},o.notification.id))},ft=()=>{const e=w();return(0,d.useLayoutEffect)(()=>(e.set("mountedToasterCount",e.state.mountedToasterCount+1),()=>{e.set("mountedToasterCount",e.state.mountedToasterCount-1),!(e.state.mountedToasterCount>0)&&e.set("toasts",e.state.toasts.filter(I))}),[e]),null},pt=({container:e,getToastProps:t,className:r,render:o,ref:n,...i})=>{const a=y.useThemeContainer(),c=ce.useProvidedTextDirection(),l=e===void 0?a??(typeof document>"u"?null:document.body):e,v=(0,W.useRender)({render:o,ref:n,props:{role:"region",dir:c,"aria-label":"Notifications",...i,className:(0,P.clsx)(E.root,r),children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(ft,{}),(0,s.jsx)(mt,{getToastProps:t})]})}});return u.isDefined(l)?(0,de.createPortal)(v,l):null};Object.defineProperty(exports,"Callout",{enumerable:!0,get:function(){return qe}});Object.defineProperty(exports,"InlineBanner",{enumerable:!0,get:function(){return ye}});Object.defineProperty(exports,"Toast",{enumerable:!0,get:function(){return Y}});Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function(){return at}});Object.defineProperty(exports,"Toaster",{enumerable:!0,get:function(){return pt}});Object.defineProperty(exports,"useToast",{enumerable:!0,get:function(){return ke}});

package/dist/feedback-DA-AU5z5.js

@@ -0,0 +1,38 @@
+import { useRender as _ } from "@base-ui/react/use-render";
+import { clsx as u } from "clsx";
+var f = {
+  xs: 13,
+  s: 16,
+  m: 24,
+  l: 32,
+  xl: 40
+}, h = "_root_1kar2_1", v = "_skeletonShimmer_1kar2_1", S = {
+  root: h,
+  skeletonShimmer: v
+}, g = ({ width: a, height: o, borderRadius: t, baseColor: e, highlightColor: l, animated: n = !0, layout: r = "inline", className: i, style: s, render: d, ref: m, ...k }) => _({
+  defaultTagName: "span",
+  render: d,
+  ref: m,
+  props: {
+    "aria-hidden": !0,
+    ...k,
+    "data-skeleton": "",
+    "data-animated": n || void 0,
+    "data-layout": r,
+    className: u(S.root, i),
+    style: {
+      width: a,
+      height: o,
+      borderRadius: t,
+      backgroundColor: e,
+      "--skeleton-base-color": e,
+      "--skeleton-highlight-color": l,
+      ...s
+    },
+    children: r === "inline" ? "‌" : void 0
+  }
+});
+export {
+  f as n,
+  g as t
+};

package/dist/feedback-DNLERYY9.cjs

@@ -0,0 +1 @@
+let c=require("@base-ui/react/use-render"),k=require("clsx");var m={xs:13,s:16,m:24,l:32,xl:40},S="_root_1kar2_1",E="_skeletonShimmer_1kar2_1",h={root:S,skeletonShimmer:E},v=({width:t,height:n,borderRadius:a,baseColor:e,highlightColor:l,animated:o=!0,layout:r="inline",className:i,style:u,render:d,ref:s,..._})=>(0,c.useRender)({defaultTagName:"span",render:d,ref:s,props:{"aria-hidden":!0,..._,"data-skeleton":"","data-animated":o||void 0,"data-layout":r,className:(0,k.clsx)(h.root,i),style:{width:t,height:n,borderRadius:a,backgroundColor:e,"--skeleton-base-color":e,"--skeleton-highlight-color":l,...u},children:r==="inline"?"‌":void 0}});Object.defineProperty(exports,"SKELETON_HEIGHT_SIZES",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return v}});