@synnaxlabs/pluto 0.44.8 → 0.45.0

package/dist/external-DTLy0px_.js

@@ -0,0 +1,380 @@
+import { j as l } from "./jsx-runtime-C5mzlN2N.js";
+import { C as o, H as L, K as $, a as G, p as U } from "./css-BUXMI9PB.js";
+import { createContext as q, use as z, useState as I, useCallback as C } from "react";
+import { m as J, j as Q, v as B, B as w, av as W, h as Y, g as K, aw as ee, T as te, E as ne, ax as se, ay as le, as as oe, au as re } from "./main-jKCzbrWn.js";
+import { C as k, y as ae } from "./eraser-DXDDmPgV.js";
+import "react-dom";
+import { z as f } from "zod";
+const A = q({ tabs: [] }), R = A, M = () => z(A), _ = "tabs-selector", V = ({
+  className: s,
+  altColor: t = !1,
+  size: e = "medium",
+  direction: r = "x",
+  contextMenu: n,
+  addTooltip: a,
+  actions: c,
+  ...d
+}) => {
+  const {
+    tabs: p,
+    selected: j,
+    onSelect: E,
+    onClose: h,
+    closable: S,
+    onDragEnd: T,
+    onDragStart: D,
+    onDrop: x,
+    onRename: b,
+    onCreate: m
+  } = M(), v = J(), [O, g] = I(!1);
+  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    n != null && /* @__PURE__ */ l.jsx(
+      Q,
+      {
+        style: { height: "fit-content" },
+        ...v,
+        menu: n
+      }
+    ),
+    /* @__PURE__ */ l.jsxs(
+      B,
+      {
+        className: o(
+          o.B(_),
+          s,
+          v.className,
+          O && o.M("drag-over")
+        ),
+        size: e,
+        align: "center",
+        justify: "between",
+        empty: !0,
+        direction: r,
+        onContextMenu: v.open,
+        onDrop: x,
+        ...d,
+        children: [
+          /* @__PURE__ */ l.jsxs(B, { direction: r, className: o.BE(_, "tabs"), empty: !0, children: [
+            p.map((i) => /* @__PURE__ */ l.jsx(
+              de,
+              {
+                selected: j,
+                altColor: t,
+                onSelect: E,
+                onClose: h,
+                onDragStart: D,
+                onDragEnd: T,
+                onRename: b,
+                closable: i.closable ?? S,
+                size: e,
+                ...i
+              },
+              i.tabKey
+            )),
+            x != null && /* @__PURE__ */ l.jsx(
+              B,
+              {
+                onDragOver: () => g(!0),
+                onDragLeave: () => g(!1),
+                onDragEnd: () => g(!1),
+                onDrop: () => g(!1),
+                grow: !0
+              }
+            )
+          ] }),
+          (c != null || m != null) && /* @__PURE__ */ l.jsxs(B, { className: o.BE(_, "actions"), children: [
+            m != null && /* @__PURE__ */ l.jsx(
+              w,
+              {
+                size: e,
+                sharp: !0,
+                onClick: m,
+                tooltip: a,
+                variant: "text",
+                children: /* @__PURE__ */ l.jsx(W, {})
+              }
+            ),
+            c
+          ] })
+        ]
+      }
+    )
+  ] });
+}, ce = ({ unsavedChanges: s, ...t }) => {
+  const e = /* @__PURE__ */ l.jsx(se, { ...t });
+  return s ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx(le, {}),
+    e
+  ] }) : e;
+}, H = o.BE("tabs-selector", "btn"), ie = (s) => {
+  if (!(s.target instanceof HTMLElement)) return "right";
+  const t = L.construct(s.target.closest(`.${H}`)), e = $.construct(s);
+  return G.Scale.scale(L.left(t), L.right(t)).scale(0, 1).pos(e.x) < 0.5 ? "left" : "right";
+}, ue = ({ loading: s, icon: t, level: e = "p" }) => (s && (t = /* @__PURE__ */ l.jsx(oe, {})), ee(t, {
+  className: o.BE(_, "icon"),
+  style: {
+    color: o.colorVar(9),
+    height: o.levelSizeVar(e),
+    width: o.levelSizeVar(e)
+  }
+})), de = ({
+  selected: s,
+  altColor: t = !1,
+  onSelect: e,
+  onClose: r,
+  tabKey: n,
+  name: a,
+  onDragStart: c,
+  onDragEnd: d,
+  onRename: p,
+  closable: j = !0,
+  icon: E,
+  size: h,
+  editable: S = !0,
+  unsavedChanges: T = !1,
+  loading: D = !1,
+  onDrop: x
+}) => {
+  const b = C(
+    (u) => c?.(u, { tabKey: n, name: a }),
+    [c, n, a]
+  ), m = C(
+    (u) => d?.(u, { tabKey: n, name: a }),
+    [d, n, a]
+  ), v = C(
+    (u) => {
+      u.preventDefault(), u.stopPropagation(), r?.(n);
+    },
+    [r, n]
+  ), O = C(() => e?.(n), [e, n]), [g, i] = I(null), y = C(
+    (u) => {
+      i(ie(u));
+    },
+    [i, x]
+  ), P = C(
+    (u) => {
+      x?.(u), i(null);
+    },
+    [x, i]
+  ), N = s === n, X = k[h];
+  return /* @__PURE__ */ l.jsxs(
+    w,
+    {
+      el: "div",
+      size: h,
+      id: n,
+      variant: "text",
+      sharp: !0,
+      className: o(
+        Y,
+        H,
+        N && K,
+        o.selected(N),
+        o.altColor(t),
+        j && r != null && o.M("closable"),
+        o.editable(S && p != null),
+        g != null && o.M("drag-over"),
+        g != null && o.loc(g)
+      ),
+      draggable: !0,
+      justify: "center",
+      align: "center",
+      empty: !0,
+      tabIndex: 0,
+      preventClick: N,
+      onClick: O,
+      onDragOver: y,
+      onDrop: P,
+      onDragLeave: () => i(null),
+      onDragStart: b,
+      onDragEnd: (u) => {
+        i(null), m(u);
+      },
+      bordered: !1,
+      rounded: !1,
+      children: [
+        /* @__PURE__ */ l.jsx(ue, { loading: D, icon: E, level: X }),
+        /* @__PURE__ */ l.jsx(
+          ge,
+          {
+            name: a,
+            tabKey: n,
+            onRename: p,
+            editable: S,
+            level: k[h]
+          }
+        ),
+        j && r != null && /* @__PURE__ */ l.jsx(
+          w,
+          {
+            "aria-label": "pluto-tabs__close",
+            onClick: v,
+            className: o.E("close"),
+            variant: "text",
+            sharp: !0,
+            children: /* @__PURE__ */ l.jsx(ce, { unsavedChanges: T })
+          }
+        )
+      ]
+    }
+  );
+}, ge = ({
+  onRename: s,
+  name: t,
+  tabKey: e,
+  editable: r = !0,
+  level: n
+}) => s == null || !r ? /* @__PURE__ */ l.jsx(te, { overflow: "ellipsis", level: n, children: t }) : /* @__PURE__ */ l.jsx(
+  ne,
+  {
+    level: n,
+    id: o.B(`tab-${e}`),
+    onChange: (a) => s?.(e, a),
+    value: t,
+    overflow: "ellipsis"
+  }
+), fe = (s = "", t = []) => {
+  if (t.length !== 0)
+    return t.find((e) => e.tabKey === s) != null ? s : t[t.length - 1]?.tabKey;
+}, pe = (s, t, e) => {
+  if (t = t.trim(), t.length === 0) return e;
+  const r = e.find((n) => n.tabKey === s);
+  return r == null || r.name === t ? e : e.map((n) => n.tabKey === s ? { ...n, name: t } : n);
+}, xe = ({
+  tabs: s,
+  content: t,
+  selected: e,
+  onSelect: r
+}) => {
+  const [n, a] = ae({
+    initial: e ?? s[0]?.tabKey ?? "",
+    value: e,
+    onChange: r
+  }), c = re(e ?? n), d = C(
+    (p) => {
+      a(p), c.current == null && r?.(p);
+    },
+    [n, r]
+  );
+  return {
+    tabs: s,
+    selected: n,
+    content: t,
+    onSelect: d
+  };
+}, he = ({
+  id: s,
+  content: t,
+  children: e,
+  onSelect: r,
+  selected: n,
+  selectedAltColor: a,
+  closable: c,
+  tabs: d,
+  onClose: p,
+  onDragStart: j,
+  onDragEnd: E,
+  onCreate: h,
+  onRename: S,
+  emptyContent: T,
+  className: D,
+  onDragOver: x,
+  onDrop: b,
+  contextMenu: m,
+  actions: v,
+  addTooltip: O,
+  size: g = "medium",
+  direction: i = "y",
+  x: y,
+  y: P,
+  ...N
+}) => /* @__PURE__ */ l.jsx(
+  B,
+  {
+    id: s,
+    empty: !0,
+    className: o(o.B("tabs"), D),
+    direction: i,
+    x: y,
+    y: P,
+    onDragOver: x,
+    onDrop: b,
+    ...N,
+    children: /* @__PURE__ */ l.jsxs(
+      R,
+      {
+        value: {
+          tabs: d,
+          emptyContent: T,
+          selected: n,
+          closable: c,
+          content: e ?? t,
+          onSelect: r,
+          onClose: p,
+          onDragStart: j,
+          onDragEnd: E,
+          onRename: S,
+          onCreate: h,
+          onDrop: b
+        },
+        children: [
+          /* @__PURE__ */ l.jsx(
+            V,
+            {
+              size: g,
+              direction: U.swap(i),
+              altColor: a,
+              contextMenu: m,
+              addTooltip: O,
+              actions: v
+            }
+          ),
+          /* @__PURE__ */ l.jsx(Z, {})
+        ]
+      }
+    )
+  }
+), Z = () => {
+  const { tabs: s, selected: t, content: e, emptyContent: r, onSelect: n } = M();
+  let a = null;
+  const c = s.find((d) => d.tabKey === t);
+  return t == null || c == null ? a = r ?? null : e != null ? typeof e == "function" ? a = e(c) : a = e : c.content != null && (a = c.content), /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      className: o.B("tabs-content"),
+      onClick: () => t != null && n?.(t),
+      children: a
+    }
+  );
+}, F = f.object({
+  tabKey: f.string(),
+  name: f.string(),
+  closable: f.boolean().optional(),
+  icon: f.unknown().optional(),
+  editable: f.boolean().optional(),
+  visible: f.boolean().optional(),
+  unsavedChanges: f.boolean().optional(),
+  loading: f.boolean().optional()
+}), me = F.extend({
+  content: f.unknown().optional()
+}), De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Content: Z,
+  Provider: R,
+  Selector: V,
+  Tabs: he,
+  rename: pe,
+  resetSelection: fe,
+  specZ: F,
+  tabZ: me,
+  useContext: M,
+  useStatic: xe
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  he as T,
+  pe as a,
+  De as e,
+  fe as r,
+  me as t,
+  xe as u
+};

package/dist/external-DWfn7Yhk.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./css-CmXY6iPo.cjs"),_=require("./eraser-C1jjA5cv.cjs"),x=require("./jsx-runtime-CITbqOLs.cjs"),B=require("./Animated-EQN_Zecr.cjs"),a=require("./main-2qH2bggR.cjs"),m=require("react");require("react-dom");const L=(e,n)=>n.includes(e.key),v=({nodes:e,expanded:n,sort:t,depth:s=0})=>{const r={keys:[],nodes:[]};return t!=null&&e.sort(t),e.forEach(o=>{const l=L(o,n);if(r.keys.push(o.key),r.nodes.push({depth:s,expanded:l,hasChildren:o.children!=null}),l&&o.children!=null){const{keys:c,nodes:h}=v({nodes:o.children,expanded:n,sort:t,depth:s+1});r.keys.push(...c),r.nodes.push(...h)}}),r},F=({tree:e,destination:n,keys:t})=>(t=_.t.toArray(t),n==null?[...D({tree:e,keys:t}),...e.filter(r=>!t.includes(r.key))]:(t.forEach(s=>{const r=f({tree:e,key:s});r!=null&&(T({tree:e,keys:s}),$({tree:e,destination:n,additions:r}))}),e)),T=({tree:e,keys:n})=>(n=_.t.toArray(n),n.forEach(t=>{const s=e.findIndex(r=>r.key===t);if(s!==-1)e.splice(s,1);else{const r=g({tree:e,key:t});r!=null&&(r.children=r.children?.filter(o=>o.key!==t))}}),e),$=({tree:e,destination:n,additions:t,throwOnMissing:s=!0})=>{t=_.t.toArray(t);const r=i.c.by(t,c=>c.key,!1),o=r.map(c=>c.key);if(n==null)return[...r,...e.filter(c=>!o.includes(c.key))];const l=f({tree:e,key:n});if(l==null){if(s)throw new Error(`Could not find node with key ${n}`);return e}return l.children??=[],l.children=[...r,...l.children.filter(c=>!o.includes(c.key))],e},G=({tree:e,key:n,updater:t,throwOnMissing:s=!0})=>{const r=f({tree:e,key:n});if(r==null){if(s)throw new Error(`Could not find node with key ${n}`);return e}const o=g({tree:e,key:n});if(o!=null){const l=o.children?.findIndex(c=>c.key===n);l!=null&&l!==-1&&o.children?.splice(l,1,t(r))}else e.splice(e.findIndex(l=>l.key===n),1,t(r));return e},z=({tree:e,parent:n,updater:t,throwOnMissing:s=!0})=>{const r=f({tree:e,key:n});if(r==null){if(s)throw new Error(`Could not find node with key ${n}`);return e}return r.children=t(r.children??[]),e},f=({tree:e,key:n,depth:t=0})=>{for(let s=0;s<e.length;s++){const r=e[s];if(r.key===n)return r;if(r.children!=null){const o=f({tree:r.children,key:n,depth:t+1});if(o!=null)return o}}return null},D=({tree:e,keys:n})=>{const t=[];for(const s of n){const r=f({tree:e,key:s});r!=null&&t.push(r)}return t},g=({tree:e,key:n})=>{for(const t of e)if(t.children!=null){if(t.children.some(r=>r.key===n))return t;const s=g({tree:t.children,key:n});if(s!=null)return s}return null},H=e=>e.map(n=>({...n,children:n.children!=null?H(n.children):void 0})),O=(...e)=>{const n=[];return e.forEach(t=>{n.push(t),t.children!=null&&n.push(...O(...t.children))}),n},K=(e,n)=>{const t={keys:[],nodes:[]};return e.keys.forEach((s,r)=>{n(s,e.nodes[r].depth)&&(t.keys.push(s),t.nodes.push(e.nodes[r]))}),t},U=e=>{const n=Math.min(...e.nodes.map(t=>t.depth));return e.keys.filter((t,s)=>e.nodes[s].depth===n)},Y=(e,n)=>{const t=n.keys.findIndex(s=>s===e);return n.nodes[t].depth},P=(e,n)=>{const t=e.keys.findIndex(s=>s===n);return e.nodes[t]},J=({depth:e,hasChildren:n,expanded:t,children:s,style:r,className:o,loading:l,useMargin:c=!1,offsetMultiplier:h=2.5,...S})=>x.jsxRuntimeExports.jsxs(a.ListItem,{className:i.CSS(i.CSS.BE("tree","item"),e!==0&&i.CSS.M("show-rules"),c&&i.CSS.M("margin"),o),style:{[i.CSS.var("tree-item-offset")]:`${e*h+1.5}rem`,...r},gap:"small",align:"center",...S,children:[n&&x.jsxRuntimeExports.jsx(B.Animated,{className:i.CSS.BE("tree","expansion-indicator"),enabled:t,enabledLoc:"bottom",disabledLoc:"right"},"caret"),s,l&&x.jsxRuntimeExports.jsx(a.Loading,{})]}),Q="tree-item",V=[["Shift"]],W=({onExpand:e,nodes:n,initialExpanded:t=[],selected:s,onSelectedChange:r,sort:o})=>{const[l,c,h]=a.useCombinedStateAndRef(t),[S,R]=_.usePassthrough({initial:[],value:s,onChange:r}),N=m.useMemo(()=>v({nodes:n,expanded:l,sort:o}),[n,l,o]),b=a.useSyncedRef(n),j=a.useSyncedRef(N),k=a.useHeldRef({triggers:V}),I=m.useCallback((u,{clicked:d})=>{if(R(p=>u.length===0&&p.length>0?p.slice(0,1):u),d==null||k.current.held)return;const C=P(j.current,d);if(C==null||!C.hasChildren)return;const A=h.current,M=A.some(p=>p===d)?"contract":"expand";let E;M==="contract"?E=A.filter(p=>p!==d):E=[...A,d],c(E),e?.({current:E,action:M,clicked:d})},[e,b,c,R]),w=m.useCallback(u=>{c(d=>i.c.unique([...d,u])),e?.({current:l,action:"expand",clicked:u})},[c]),y=m.useCallback((...u)=>{c(d=>d.filter(C=>!u.includes(C))),u.forEach(d=>{e?.({current:l,action:"contract",clicked:d})})},[c]),q=m.useCallback(()=>c([]),[c]);return{selected:S,expanded:l,contract:y,expand:w,clearExpanded:q,shape:N,onSelect:I}},X=({shape:e,children:n,selected:t,onSelect:s,getItem:r,subscribe:o,className:l,contract:c,expand:h,expanded:S,className:R,clearExpanded:N,showRules:b=!1,virtual:j=!1,...k})=>{const{keys:I,nodes:w}=e;return x.jsxRuntimeExports.jsx(a.Frame$1,{multiple:!0,value:t,replaceOnSingle:!0,data:I,onChange:s,getItem:r,subscribe:o,itemHeight:27,virtual:j,children:x.jsxRuntimeExports.jsx(a.Items,{full:"y",className:i.CSS(i.CSS.B("tree"),l,b&&i.CSS.M("show-rules")),...k,displayItems:1/0,children:({index:y,...q})=>n({index:y,...w[y],...q})})})},Z=Object.freeze(Object.defineProperty({__proto__:null,HAUL_TYPE:Q,Item:J,Tree:X,deepCopy:H,filterShape:K,findNode:f,findNodeParent:g,findNodes:D,flatten:v,getAllNodesOfMinDepth:U,getDepth:Y,getDescendants:O,getNodeShape:P,moveNode:F,removeNode:T,setNode:$,shouldExpand:L,updateNode:G,updateNodeChildren:z,use:W},Symbol.toStringTag,{value:"Module"}));exports.external=Z;

package/dist/external-DcNW5o-8.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./main-2qH2bggR.cjs"),t=require("./Toggle-BKrbt8lh.cjs"),o=Object.freeze(Object.defineProperty({__proto__:null,Button:e.Button,Toggle:t.Toggle},Symbol.toStringTag,{value:"Module"}));exports.external=o;

package/dist/{external-B5vTtpm8.js → external-Gh_0tAJ0.js}

@@ -1,5 +1,5 @@
-import { C as e, L as a, a as s, d as t, b as i, c as o, l as r, s as E, w as l } from "./eraser-BstNvEkO.js";
-import { D as n, E as d, M as m, T as L, a as S, e as _, i as b } from "./Editable-MR16HLlJ.js";
+import { C as e, L as a, a as s, d as t, b as i, c as o, l as r, s as E, w as l } from "./eraser-DXDDmPgV.js";
+import { D as n, E as d, M as m, T as L, a as S, e as _, i as b } from "./main-jKCzbrWn.js";
 const M = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   COMPONENT_SIZE_LEVELS: e,

package/dist/external-J1Ji-Eku.js

@@ -0,0 +1,92 @@
+import { ah as p, ai as d, aj as h, ak as y, al as g, am as M, an as A, ao as C, ap as D, aq as E } from "./main-jKCzbrWn.js";
+import { useCallback as n, useMemo as _ } from "react";
+import { u as j } from "./useKeysData-B1kiZOOw.js";
+import "./css-BUXMI9PB.js";
+import "./jsx-runtime-C5mzlN2N.js";
+import { v as I } from "./eraser-DXDDmPgV.js";
+import "react-dom";
+const w = ({ retrieve: r, pageSize: t = 10 }) => {
+  const o = n(() => {
+    r(
+      ({ offset: u = -t, searchTerm: a = "", ...m }) => ({
+        ...m,
+        offset: u + t,
+        limit: t,
+        searchTerm: a
+      }),
+      { mode: "append" }
+    );
+  }, [r, t]), c = n(
+    (u) => r((a) => ({ ...a, searchTerm: u, offset: 0, limit: t })),
+    [r, t]
+  );
+  return { fetchMore: o, search: c };
+}, x = ({
+  first: r,
+  second: t
+}) => {
+  const o = _(
+    () => [...r.data, ...t.data],
+    [r.data, t.data]
+  ), c = n(
+    (a) => r.getItem?.(a) ?? t.getItem?.(a),
+    [r.getItem, t.getItem]
+  ), u = n(
+    (a, m) => {
+      const i = r.subscribe?.(a, m), b = t.subscribe?.(a, m);
+      return () => {
+        i?.(), b?.();
+      };
+    },
+    [r.subscribe, t.subscribe]
+  );
+  return { data: o, getItem: c, subscribe: u };
+}, R = ({ initialData: r } = {}) => {
+  const t = p(() => {
+    const e = /* @__PURE__ */ new Map();
+    return r == null || r.forEach((s) => e.set(s.key, s)), e;
+  }), o = p(() => /* @__PURE__ */ new Map()), c = n((e) => {
+    const s = new Set(e);
+    o.current.forEach((f, l) => {
+      s.has(f) && l();
+    });
+  }, []), u = n((e) => {
+    const s = I.toArray(e), f = s.map((l) => l.key);
+    s.forEach((l) => t.current.set(l.key, l)), c(f);
+  }, []), a = n((e) => {
+    const s = I.toArray(e);
+    s.forEach((f) => t.current.delete(f)), c(s);
+  }, []), m = n(
+    (e, s) => s == null ? () => {
+    } : (o.current.set(e, s), () => {
+      o.current.delete(e);
+    }),
+    [o]
+  ), i = n(
+    (e) => {
+      if (e != null)
+        return Array.isArray(e) ? e.map((s) => t.current.get(s)).filter((s) => s != null) : t.current.get(e);
+    },
+    []
+  ), b = n((e) => t.current.has(e), []);
+  return { setItem: u, deleteItem: a, subscribe: m, getItem: i, hasItem: b };
+}, S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CoreFrame: d,
+  Frame: h,
+  Item: y,
+  Items: g,
+  useCombinedData: x,
+  useData: M,
+  useItem: A,
+  useKeysData: j,
+  useMapData: R,
+  usePager: w,
+  useScroller: C,
+  useStaticData: D,
+  useUtilContext: E
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  S as e,
+  w as u
+};

package/dist/{external-YHSSoyM9.js → external-SQa3Pr0s.js}

@@ -1,7 +1,7 @@
-import { n as r, B as u, o as x, F as b, p as g, q as j, r as v } from "./Editable-MR16HLlJ.js";
+import { n as r, B as u, o as x, F as b, p as g, q as j, r as v } from "./main-jKCzbrWn.js";
 import { j as a } from "./jsx-runtime-C5mzlN2N.js";
-import { A as C } from "./Animated-fJsLX-Tt.js";
-import { C as s } from "./css-BlHGoCgb.js";
+import { A as C } from "./Animated-B9bcEALW.js";
+import { C as s } from "./css-BUXMI9PB.js";
 const S = ({
   onClick: n,
   className: i,

package/dist/external-W69NXl-R.js

@@ -0,0 +1,84 @@
+import { j as o } from "./jsx-runtime-C5mzlN2N.js";
+import { C as e } from "./css-BUXMI9PB.js";
+import { v as i, B as m, T as x } from "./main-jKCzbrWn.js";
+import { createContext as u, use as p } from "react";
+import { a as f } from "./eraser-DXDDmPgV.js";
+import "react-dom";
+const h = ({ children: t = [], ...r }) => /* @__PURE__ */ o.jsx(
+  i,
+  {
+    x: !0,
+    gap: "small",
+    align: "center",
+    className: e.BE("header", "actions"),
+    ...r,
+    children: t
+  }
+), c = u({ divided: !1, level: "h1" }), n = () => p(c), j = ({
+  className: t,
+  level: r = "p",
+  divided: a = !1,
+  bordered: s = !0,
+  padded: l = !1,
+  ...d
+}) => /* @__PURE__ */ o.jsx(c, { value: { level: r, divided: a }, children: /* @__PURE__ */ o.jsx(
+  i,
+  {
+    el: "header",
+    x: !0,
+    align: "center",
+    justify: "between",
+    className: e(
+      e.B("header"),
+      s && e.bordered("bottom"),
+      a && e.BM("header", "divided"),
+      l && e.BM("header", "padded"),
+      t
+    ),
+    ...d
+  }
+) }), v = ({
+  children: t = "",
+  className: r,
+  onClick: a,
+  ...s
+}) => {
+  const { level: l } = n();
+  return /* @__PURE__ */ o.jsx(
+    m,
+    {
+      variant: "text",
+      size: f[l],
+      onClick: a,
+      className: e(e.B("header-button-title"), r),
+      sharp: !0,
+      ...s,
+      children: t
+    }
+  );
+}, B = ({
+  className: t,
+  level: r,
+  ...a
+}) => {
+  const { level: s } = n();
+  return /* @__PURE__ */ o.jsx(
+    x,
+    {
+      className: e(e.BE("header", "text"), t),
+      level: r ?? s,
+      gap: 1.5,
+      ...a
+    }
+  );
+}, T = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Actions: h,
+  ButtonTitle: v,
+  Header: j,
+  Title: B,
+  useContext: n
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  T as e
+};

package/dist/{external-C1_CUNeZ.js → external-_ninRYLQ.js}

@@ -1,6 +1,6 @@
-import { S as r, e as a, f as i, t as n } from "./eraser-BstNvEkO.js";
-import { u as o, P as S, S as p, t as u, b as m, c as b } from "./Editable-MR16HLlJ.js";
-import { f as c } from "./fontString-Ca1-oixk.js";
+import { S as r, e as a, f as i, t as n } from "./eraser-DXDDmPgV.js";
+import { u as o, P as S, S as p, t as u, b as m, c as b } from "./main-jKCzbrWn.js";
+import { f as c } from "./fontString-D_jEa-uI.js";
 const f = (t) => {
   const { theme: e } = o(), s = e.typography[t];
   return {