twenty-ui 2.45.0 → 2.47.0

package/dist/ResizeHandle-Bjg4R0c-.js

@@ -0,0 +1,191 @@
+import { t as u } from "./isDefined-fMi6eQ4r.js";
+import { useRender as A } from "@base-ui/react/use-render";
+import { isFunction as M } from "@sniptt/guards";
+import { clsx as N } from "clsx";
+import { useEffect as U, useRef as L, useState as F } from "react";
+import { jsx as X } from "react/jsx-runtime";
+import { mergeProps as Y } from "@base-ui/react/merge-props";
+import { useDirection as Z } from "@base-ui/react/direction-provider";
+import { useStableCallback as j } from "@base-ui/utils/useStableCallback";
+import { useControlled as q } from "@base-ui/utils/useControlled";
+import { clamp as v } from "@base-ui/utils/clamp";
+var S = {
+  value: 150,
+  min: 50,
+  max: 500,
+  step: 10,
+  dragThreshold: 0,
+  edgeDragThreshold: 5
+}, G = {
+  left: {
+    axis: "x",
+    direction: "reverse"
+  },
+  right: {
+    axis: "x",
+    direction: "normal"
+  },
+  top: {
+    axis: "y",
+    direction: "reverse"
+  },
+  bottom: {
+    axis: "y",
+    direction: "normal"
+  }
+}, W = ({ axis: d, isReversed: R, value: a, onValueChange: h, onValueCommitted: w, onResizeStart: z, onResizeEnd: K, onActivate: P, scale: D, dragThreshold: x, min: m, max: y, disabled: l }) => {
+  const n = L(null), c = L(!1), i = j((e) => {
+    const r = n.current;
+    if (!u(r) || (n.current = null, r.removeEscapeKeyListener(), c.current = e || r.hasStarted, r.target.hasPointerCapture?.(r.pointerId) && r.target.releasePointerCapture?.(r.pointerId), !r.hasStarted)) return;
+    const s = e ? v(r.startValue, m, y) : r.currentValue;
+    e && h(s), e || w?.(s), K?.({
+      cancelled: e,
+      value: s
+    });
+  });
+  U(() => () => {
+    i(!0);
+  }, [i]);
+  const f = (e) => {
+    e.preventDefault();
+  }, C = (e) => {
+    if (l || e.defaultPrevented || e.button !== 0 || u(n.current)) return;
+    const r = M(D) ? D() : D, s = Number.isFinite(r) && r > 0 ? r : 1, p = e.currentTarget.ownerDocument?.defaultView, o = (k) => {
+      k.key === "Escape" && (k.preventDefault(), k.stopPropagation(), i(!0));
+    };
+    e.currentTarget.setPointerCapture?.(e.pointerId), p?.addEventListener("keydown", o, !0), c.current = !1, n.current = {
+      pointerId: e.pointerId,
+      target: e.currentTarget,
+      axis: d,
+      startPosition: d === "y" ? e.clientY : e.clientX,
+      startValue: a,
+      currentValue: a,
+      multiplier: (R ? -1 : 1) / s,
+      threshold: Math.max(0, x),
+      hasStarted: !1,
+      removeEscapeKeyListener: () => p?.removeEventListener("keydown", o, !0)
+    };
+  }, V = (e) => {
+    const r = n.current;
+    if (e.defaultPrevented || !u(r) || r.pointerId !== e.pointerId) return;
+    if (l) {
+      i(!0);
+      return;
+    }
+    const s = (r.axis === "y" ? e.clientY : e.clientX) - r.startPosition, p = Math.abs(s) > r.threshold;
+    if (!r.hasStarted && !p) return;
+    const o = v(r.startValue + s * r.multiplier, m, y);
+    r.hasStarted && o === r.currentValue || (r.currentValue = o, r.hasStarted || (r.hasStarted = !0, z?.(o)), h(o));
+  }, t = (e) => {
+    n.current?.pointerId === e.pointerId && (V(e), i(l || e.defaultPrevented));
+  }, E = (e) => {
+    n.current?.pointerId === e.pointerId && i(!0);
+  };
+  return {
+    onMouseDown: f,
+    onPointerDown: C,
+    onPointerMove: V,
+    onPointerUp: t,
+    onPointerCancel: E,
+    onLostPointerCapture: E,
+    onClick: (e) => {
+      const r = c.current && e.detail > 0;
+      c.current = !1, !(l || e.defaultPrevented || r) && P?.();
+    },
+    isPointerActive: () => u(n.current)
+  };
+}, B = ({ axis: d, direction: R, value: a, onValueChange: h, onValueCommitted: w, onResizeStart: z, onResizeEnd: K, onActivate: P, scale: D, dragThreshold: x, min: m, max: y, step: l, disabled: n }) => {
+  const c = Z(), i = u(R) ? R === "reverse" : d === "x" && c === "rtl", { isPointerActive: f, ...C } = W({
+    axis: d,
+    isReversed: i,
+    value: a,
+    onValueChange: h,
+    onValueCommitted: w,
+    onResizeStart: z,
+    onResizeEnd: K,
+    onActivate: P,
+    scale: D,
+    dragThreshold: x,
+    min: m,
+    max: y,
+    disabled: n
+  });
+  return {
+    ...C,
+    onKeyDown: (t) => {
+      const E = t.altKey || t.ctrlKey || t.metaKey;
+      if (t.defaultPrevented || n || E || f()) return;
+      if ((t.key === "Enter" || t.key === " ") && u(P)) {
+        t.preventDefault(), t.stopPropagation(), t.repeat || P();
+        return;
+      }
+      const g = d === "y" ? "ArrowDown" : "ArrowRight", e = d === "y" ? "ArrowUp" : "ArrowLeft", r = i ? e : g, s = i ? g : e, p = (/* @__PURE__ */ new Map([
+        [r, a + l],
+        [s, a - l],
+        ["Home", m],
+        ["End", y]
+      ])).get(t.key);
+      if (!u(p)) return;
+      t.preventDefault(), t.stopPropagation();
+      const o = v(p, m, y);
+      o !== a && (h(o), w?.(o));
+    }
+  };
+}, J = "_area_y24an_1", O = "_bar_y24an_74", T = {
+  area: J,
+  bar: O
+}, fe = ({ axis: d = "y", direction: R, edge: a, placement: h = u(a) ? "edge" : "inline", scale: w = 1, dragThreshold: z = u(a) ? S.edgeDragThreshold : S.dragThreshold, value: K, defaultValue: P = S.value, onValueChange: D, onValueCommitted: x, onResizeStart: m, onResizeEnd: y, onActivate: l, min: n = S.min, max: c = S.max, step: i = S.step, disabled: f = !1, className: C, children: V = h === "gap" ? null : /* @__PURE__ */ X("div", { className: T.bar }), render: t, ref: E, ...g }) => {
+  const e = u(a) ? G[a] : void 0, r = e?.axis ?? d, s = e?.direction ?? R, [p, o] = F(!1), [k, H] = q({
+    controlled: K,
+    default: P,
+    name: "ResizeHandle"
+  }), _ = v(k, n, c), b = B({
+    axis: r,
+    direction: s,
+    scale: w,
+    dragThreshold: z,
+    onValueCommitted: x,
+    onResizeStart: (I) => {
+      o(!0), m?.(I);
+    },
+    onResizeEnd: (I) => {
+      o(!1), y?.(I);
+    },
+    onActivate: l,
+    value: _,
+    onValueChange: (I) => {
+      H(I), D?.(I);
+    },
+    min: n,
+    max: c,
+    step: i,
+    disabled: f
+  });
+  return A({
+    render: t,
+    ref: E,
+    state: {
+      axis: r,
+      edge: a,
+      placement: h,
+      disabled: f,
+      resizing: p
+    },
+    props: Y(b, g, {
+      role: "separator",
+      tabIndex: f ? -1 : g.tabIndex ?? 0,
+      "aria-label": g["aria-label"] ?? "Resize",
+      "aria-orientation": r === "y" ? "horizontal" : "vertical",
+      "aria-valuemin": n,
+      "aria-valuemax": c,
+      "aria-valuenow": _,
+      "aria-disabled": f || void 0,
+      "aria-keyshortcuts": g["aria-keyshortcuts"] ?? (u(l) && !f ? "Enter Space" : void 0),
+      className: N(T.area, C),
+      children: V
+    })
+  });
+};
+export {
+  fe as t
+};

package/dist/ResizeHandle-CNlQ4TEE.cjs

@@ -0,0 +1 @@
+const u=require("./isDefined-DS2Q42p5.cjs");let T=require("@base-ui/react/use-render"),A=require("@sniptt/guards"),M=require("clsx"),k=require("react"),N=require("react/jsx-runtime"),U=require("@base-ui/react/merge-props"),j=require("@base-ui/react/direction-provider"),F=require("@base-ui/utils/useStableCallback"),X=require("@base-ui/utils/useControlled"),q=require("@base-ui/utils/clamp");var m={value:150,min:50,max:500,step:10,dragThreshold:0,edgeDragThreshold:5},Y={left:{axis:"x",direction:"reverse"},right:{axis:"x",direction:"normal"},top:{axis:"y",direction:"reverse"},bottom:{axis:"y",direction:"normal"}},Z=({axis:d,isReversed:R,value:i,onValueChange:h,onValueCommitted:w,onResizeStart:z,onResizeEnd:I,onActivate:g,scale:P,dragThreshold:b,min:_,max:D,disabled:l})=>{const n=(0,k.useRef)(null),c=(0,k.useRef)(!1),s=(0,F.useStableCallback)(e=>{const r=n.current;if(!u.isDefined(r)||(n.current=null,r.removeEscapeKeyListener(),c.current=e||r.hasStarted,r.target.hasPointerCapture?.(r.pointerId)&&r.target.releasePointerCapture?.(r.pointerId),!r.hasStarted))return;const o=e?(0,q.clamp)(r.startValue,_,D):r.currentValue;e&&h(o),e||w?.(o),I?.({cancelled:e,value:o})});(0,k.useEffect)(()=>()=>{s(!0)},[s]);const f=e=>{e.preventDefault()},C=e=>{if(l||e.defaultPrevented||e.button!==0||u.isDefined(n.current))return;const r=(0,A.isFunction)(P)?P():P,o=Number.isFinite(r)&&r>0?r:1,p=e.currentTarget.ownerDocument?.defaultView,a=K=>{K.key==="Escape"&&(K.preventDefault(),K.stopPropagation(),s(!0))};e.currentTarget.setPointerCapture?.(e.pointerId),p?.addEventListener("keydown",a,!0),c.current=!1,n.current={pointerId:e.pointerId,target:e.currentTarget,axis:d,startPosition:d==="y"?e.clientY:e.clientX,startValue:i,currentValue:i,multiplier:(R?-1:1)/o,threshold:Math.max(0,b),hasStarted:!1,removeEscapeKeyListener:()=>p?.removeEventListener("keydown",a,!0)}},x=e=>{const r=n.current;if(e.defaultPrevented||!u.isDefined(r)||r.pointerId!==e.pointerId)return;if(l){s(!0);return}const o=(r.axis==="y"?e.clientY:e.clientX)-r.startPosition,p=Math.abs(o)>r.threshold;if(!r.hasStarted&&!p)return;const a=(0,q.clamp)(r.startValue+o*r.multiplier,_,D);r.hasStarted&&a===r.currentValue||(r.currentValue=a,r.hasStarted||(r.hasStarted=!0,z?.(a)),h(a))},t=e=>{n.current?.pointerId===e.pointerId&&(x(e),s(l||e.defaultPrevented))},E=e=>{n.current?.pointerId===e.pointerId&&s(!0)};return{onMouseDown:f,onPointerDown:C,onPointerMove:x,onPointerUp:t,onPointerCancel:E,onLostPointerCapture:E,onClick:e=>{const r=c.current&&e.detail>0;c.current=!1,!(l||e.defaultPrevented||r)&&g?.()},isPointerActive:()=>u.isDefined(n.current)}},G=({axis:d,direction:R,value:i,onValueChange:h,onValueCommitted:w,onResizeStart:z,onResizeEnd:I,onActivate:g,scale:P,dragThreshold:b,min:_,max:D,step:l,disabled:n})=>{const c=(0,j.useDirection)(),s=u.isDefined(R)?R==="reverse":d==="x"&&c==="rtl",{isPointerActive:f,...C}=Z({axis:d,isReversed:s,value:i,onValueChange:h,onValueCommitted:w,onResizeStart:z,onResizeEnd:I,onActivate:g,scale:P,dragThreshold:b,min:_,max:D,disabled:n});return{...C,onKeyDown:t=>{const E=t.altKey||t.ctrlKey||t.metaKey;if(t.defaultPrevented||n||E||f())return;if((t.key==="Enter"||t.key===" ")&&u.isDefined(g)){t.preventDefault(),t.stopPropagation(),t.repeat||g();return}const y=d==="y"?"ArrowDown":"ArrowRight",e=d==="y"?"ArrowUp":"ArrowLeft",r=s?e:y,o=s?y:e,p=new Map([[r,i+l],[o,i-l],["Home",_],["End",D]]).get(t.key);if(!u.isDefined(p))return;t.preventDefault(),t.stopPropagation();const a=(0,q.clamp)(p,_,D);a!==i&&(h(a),w?.(a))}}},O="_area_y24an_1",W="_bar_y24an_74",V={area:O,bar:W},B=({axis:d="y",direction:R,edge:i,placement:h=u.isDefined(i)?"edge":"inline",scale:w=1,dragThreshold:z=u.isDefined(i)?m.edgeDragThreshold:m.dragThreshold,value:I,defaultValue:g=m.value,onValueChange:P,onValueCommitted:b,onResizeStart:_,onResizeEnd:D,onActivate:l,min:n=m.min,max:c=m.max,step:s=m.step,disabled:f=!1,className:C,children:x=h==="gap"?null:(0,N.jsx)("div",{className:V.bar}),render:t,ref:E,...y})=>{const e=u.isDefined(i)?Y[i]:void 0,r=e?.axis??d,o=e?.direction??R,[p,a]=(0,k.useState)(!1),[K,H]=(0,X.useControlled)({controlled:I,default:g,name:"ResizeHandle"}),v=(0,q.clamp)(K,n,c),L=G({axis:r,direction:o,scale:w,dragThreshold:z,onValueCommitted:b,onResizeStart:S=>{a(!0),_?.(S)},onResizeEnd:S=>{a(!1),D?.(S)},onActivate:l,value:v,onValueChange:S=>{H(S),P?.(S)},min:n,max:c,step:s,disabled:f});return(0,T.useRender)({render:t,ref:E,state:{axis:r,edge:i,placement:h,disabled:f,resizing:p},props:(0,U.mergeProps)(L,y,{role:"separator",tabIndex:f?-1:y.tabIndex??0,"aria-label":y["aria-label"]??"Resize","aria-orientation":r==="y"?"horizontal":"vertical","aria-valuemin":n,"aria-valuemax":c,"aria-valuenow":v,"aria-disabled":f||void 0,"aria-keyshortcuts":y["aria-keyshortcuts"]??(u.isDefined(l)&&!f?"Enter Space":void 0),className:(0,M.clsx)(V.area,C),children:x})})};Object.defineProperty(exports,"ResizeHandle",{enumerable:!0,get:function(){return B}});

package/dist/Separator-0LzwPfOn.js

@@ -0,0 +1,10 @@
+import { t as a } from "./mergeClassNames-ClFMR1v0.js";
+import { jsx as t } from "react/jsx-runtime";
+import { Separator as e } from "@base-ui/react/separator";
+var m = "_root_vfe8j_1", s = { root: m }, l = ({ className: r, ...o }) => /* @__PURE__ */ t(e, {
+  ...o,
+  className: a(s.root, r)
+});
+export {
+  l as t
+};

package/dist/Separator-UJVlrTzw.cjs

@@ -0,0 +1 @@
+const a=require("./mergeClassNames-D4lshrT6.cjs");let t=require("react/jsx-runtime"),o=require("@base-ui/react/separator");var s="_root_vfe8j_1",u={root:s},_=({className:e,...r})=>(0,t.jsx)(o.Separator,{...r,className:a.mergeClassNames(u.root,e)});Object.defineProperty(exports,"Separator",{enumerable:!0,get:function(){return _}});

package/dist/Shortcut-DKfB0kej.js

@@ -0,0 +1,71 @@
+import { t as g } from "./isDefined-fMi6eQ4r.js";
+import { i as S, t as A } from "./useIsMobile-nrufFzMb.js";
+import { isNonEmptyArray as v, isString as E } from "@sniptt/guards";
+import { clsx as w } from "clsx";
+import { Fragment as C } from "react";
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
+var x = /* @__PURE__ */ new Map([
+  ["⌘", "Command"],
+  ["⌥", "Option"],
+  ["⇧", "Shift"],
+  ["⌃", "Control"],
+  ["Ctrl", "Control"],
+  ["⏎", "Enter"],
+  ["↵", "Enter"],
+  ["⌫", "Backspace"],
+  ["↑", "Arrow up"],
+  ["↓", "Arrow down"],
+  ["←", "Arrow left"],
+  ["→", "Arrow right"],
+  ["esc", "Escape"]
+]), y = (o) => o.every(E), j = ({ shortcut: o, platform: i, sequenceJoinLabel: l = "then", combinationSeparator: d }) => {
+  const e = S(), a = i === "mac" || !g(i) && (e === "mac" || e === "ios"), u = /* @__PURE__ */ new Map([
+    ["Mod", a ? "⌘" : "Ctrl"],
+    ["CommandOrControl", a ? "⌘" : "Ctrl"],
+    ["Command", "⌘"],
+    ["Control", "Ctrl"],
+    ["Alt", a ? "⌥" : "Alt"],
+    ["Enter", "⏎"]
+  ]), n = (y(o) ? [o] : o).filter(v).map((r) => r.map((t) => u.get(t) ?? t)), c = d ?? (a ? "" : " "), m = ` ${l} `;
+  return {
+    groups: n,
+    separator: c,
+    sequenceJoinLabel: l,
+    text: n.map((r) => r.join(c)).join(m),
+    accessibleLabel: n.map((r) => r.map((t) => x.get(t) ?? t).join(" + ")).join(m)
+  };
+}, k = "_root_1llux_1", M = "_content_1llux_28", L = "_combination_1llux_29", N = "_key_1llux_35", p = {
+  root: k,
+  content: M,
+  combination: L,
+  key: N
+}, K = ({ shortcut: o, platform: i, sequenceJoinLabel: l, combinationSeparator: d, variant: e = "keys", visibility: a = "always", className: u, "aria-label": n, ...c }) => {
+  const m = A(), r = j({
+    shortcut: o,
+    platform: i,
+    sequenceJoinLabel: l,
+    combinationSeparator: d
+  });
+  return !v(r.groups) || a === "desktop" && m ? null : /* @__PURE__ */ s("span", {
+    ...c,
+    className: w(p.root, u),
+    "data-variant": e,
+    role: "img",
+    "aria-label": n ?? r.accessibleLabel,
+    children: /* @__PURE__ */ s("span", {
+      className: p.content,
+      "aria-hidden": !0,
+      children: e !== "keys" ? r.text : r.groups.map((t, _) => /* @__PURE__ */ h(C, { children: [_ > 0 && /* @__PURE__ */ s("span", { children: ` ${r.sequenceJoinLabel} ` }), /* @__PURE__ */ s("span", {
+        className: p.combination,
+        children: t.map((f, b) => /* @__PURE__ */ h(C, { children: [b > 0 && r.separator, /* @__PURE__ */ s("kbd", {
+          className: p.key,
+          children: f
+        })] }, b))
+      })] }, _))
+    })
+  });
+};
+export {
+  j as n,
+  K as t
+};

package/dist/Shortcut-ZuZ-KYSk.cjs

@@ -0,0 +1 @@
+const S=require("./isDefined-DS2Q42p5.cjs"),j=require("./useIsMobile-DxOPI2_E.cjs");let _=require("@sniptt/guards"),v=require("clsx"),h=require("react"),n=require("react/jsx-runtime");var y=new Map([["⌘","Command"],["⌥","Option"],["⇧","Shift"],["⌃","Control"],["Ctrl","Control"],["⏎","Enter"],["↵","Enter"],["⌫","Backspace"],["↑","Arrow up"],["↓","Arrow down"],["←","Arrow left"],["→","Arrow right"],["esc","Escape"]]),f=r=>r.every(_.isString),x=({shortcut:r,platform:i,sequenceJoinLabel:l="then",combinationSeparator:p})=>{const o=j.getUserDevice(),a=i==="mac"||!S.isDefined(i)&&(o==="mac"||o==="ios"),d=new Map([["Mod",a?"⌘":"Ctrl"],["CommandOrControl",a?"⌘":"Ctrl"],["Command","⌘"],["Control","Ctrl"],["Alt",a?"⌥":"Alt"],["Enter","⏎"]]),s=(f(r)?[r]:r).filter(_.isNonEmptyArray).map(e=>e.map(t=>d.get(t)??t)),c=p??(a?"":" "),u=` ${l} `;return{groups:s,separator:c,sequenceJoinLabel:l,text:s.map(e=>e.join(c)).join(u),accessibleLabel:s.map(e=>e.map(t=>y.get(t)??t).join(" + ")).join(u)}},A="_root_1llux_1",E="_content_1llux_28",q="_combination_1llux_29",w="_key_1llux_35",m={root:A,content:E,combination:q,key:w},M=({shortcut:r,platform:i,sequenceJoinLabel:l,combinationSeparator:p,variant:o="keys",visibility:a="always",className:d,"aria-label":s,...c})=>{const u=j.useIsMobile(),e=x({shortcut:r,platform:i,sequenceJoinLabel:l,combinationSeparator:p});return!(0,_.isNonEmptyArray)(e.groups)||a==="desktop"&&u?null:(0,n.jsx)("span",{...c,className:(0,v.clsx)(m.root,d),"data-variant":o,role:"img","aria-label":s??e.accessibleLabel,children:(0,n.jsx)("span",{className:m.content,"aria-hidden":!0,children:o!=="keys"?e.text:e.groups.map((t,b)=>(0,n.jsxs)(h.Fragment,{children:[b>0&&(0,n.jsx)("span",{children:` ${e.sequenceJoinLabel} `}),(0,n.jsx)("span",{className:m.combination,children:t.map((C,g)=>(0,n.jsxs)(h.Fragment,{children:[g>0&&e.separator,(0,n.jsx)("kbd",{className:m.key,children:C})]},g))})]},b))})})};Object.defineProperty(exports,"Shortcut",{enumerable:!0,get:function(){return M}});Object.defineProperty(exports,"getShortcutPresentation",{enumerable:!0,get:function(){return x}});

package/dist/Switch-Ck8QAAbb.cjs

@@ -0,0 +1 @@
+const s=require("./mergeClassNames-D4lshrT6.cjs");let u=require("clsx"),t=require("react/jsx-runtime"),m=require("@base-ui/react/switch");var l="_root_1aldp_1",o="_sm_1aldp_32",h="_md_1aldp_38",d="_thumb_1aldp_44",a={root:l,sm:o,md:h,thumb:d},_=({size:e="md",className:r,...i})=>(0,t.jsx)(m.Switch.Root,{...i,className:s.mergeClassNames((0,u.clsx)(a.root,a[e]),r)}),c=({className:e,...r})=>(0,t.jsx)(m.Switch.Thumb,{...r,className:s.mergeClassNames(a.thumb,e)}),n=({children:e,...r})=>(0,t.jsxs)(_,{...r,children:[(0,t.jsx)(c,{}),e]}),b=Object.assign(n,{Root:_,Thumb:c});Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return b}});

package/dist/Switch-DOd0gh7W.js

@@ -0,0 +1,25 @@
+import { t as r } from "./mergeClassNames-ClFMR1v0.js";
+import { clsx as c } from "clsx";
+import { jsx as a, jsxs as e } from "react/jsx-runtime";
+import { Switch as s } from "@base-ui/react/switch";
+var l = "_root_1aldp_1", d = "_sm_1aldp_32", p = "_md_1aldp_38", v = "_thumb_1aldp_44", o = {
+  root: l,
+  sm: d,
+  md: p,
+  thumb: v
+}, _ = ({ size: m = "md", className: t, ...i }) => /* @__PURE__ */ a(s.Root, {
+  ...i,
+  className: r(c(o.root, o[m]), t)
+}), h = ({ className: m, ...t }) => /* @__PURE__ */ a(s.Thumb, {
+  ...t,
+  className: r(o.thumb, m)
+}), u = ({ children: m, ...t }) => /* @__PURE__ */ e(_, {
+  ...t,
+  children: [/* @__PURE__ */ a(h, {}), m]
+}), n = Object.assign(u, {
+  Root: _,
+  Thumb: h
+});
+export {
+  n as t
+};

package/dist/TintedIconTile-4BGa8g8n.js

@@ -0,0 +1,40 @@
+import { a as n, h as m } from "./theme-B2EaXhye.js";
+import { s as C } from "./utilities-CEi9I09B.js";
+import { useRender as u } from "@base-ui/react/use-render";
+import { clsx as T } from "clsx";
+import { jsx as _ } from "react/jsx-runtime";
+var e = {
+  background: 4,
+  border: 6,
+  icon: 10
+}, a = (r, o) => n.color[`${r}${o}`] ?? n.tag.text[r], p = (r) => {
+  const o = C(r);
+  return {
+    backgroundColor: a(o, e.background),
+    iconColor: a(o, e.icon),
+    borderColor: a(o, e.border)
+  };
+}, b = "_root_9ntdy_1", h = { root: b }, L = ({ icon: r, color: o = m, className: l, style: s, render: c, ref: d, ...i }) => {
+  const t = p(o);
+  return u({
+    render: c,
+    ref: d,
+    props: {
+      ...i,
+      className: T(h.root, l),
+      style: {
+        backgroundColor: t.backgroundColor,
+        color: t.iconColor,
+        ...s
+      },
+      children: /* @__PURE__ */ _("span", {
+        "aria-hidden": "true",
+        children: r
+      })
+    }
+  });
+};
+export {
+  p as n,
+  L as t
+};

package/dist/TintedIconTile-CU2hCerq.cjs

@@ -0,0 +1 @@
+const n=require("./theme-1XkFz8Qu.cjs"),_=require("./utilities-BeLfNQ0Q.cjs");let C=require("@base-ui/react/use-render"),b=require("clsx"),T=require("react/jsx-runtime");var o={background:4,border:6,icon:10},t=(r,e)=>n.themeCssVariables.color[`${r}${e}`]??n.themeCssVariables.tag.text[r],l=r=>{const e=_.parseThemeColor(r);return{backgroundColor:t(e,o.background),iconColor:t(e,o.icon),borderColor:t(e,o.border)}},g="_root_9ntdy_1",h={root:g},m=({icon:r,color:e=n.DEFAULT_THEME_COLOR_FALLBACK,className:c,style:a,render:u,ref:s,...d})=>{const i=l(e);return(0,C.useRender)({render:u,ref:s,props:{...d,className:(0,b.clsx)(h.root,c),style:{backgroundColor:i.backgroundColor,color:i.iconColor,...a},children:(0,T.jsx)("span",{"aria-hidden":"true",children:r})}})};Object.defineProperty(exports,"TintedIconTile",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"getIconTileColorShades",{enumerable:!0,get:function(){return l}});

package/dist/Tooltip-BMkznyoi.js

@@ -0,0 +1,120 @@
+import { t as ir } from "./isDefined-fMi6eQ4r.js";
+import { t as er } from "./theme-B2EaXhye.js";
+import { t as c } from "./mergeClassNames-ClFMR1v0.js";
+import { t as s } from "./isRenderableSlot-DT_depzM.js";
+import { t as ar } from "./useProvidedTextDirection-Dk8LBQeF.js";
+import { isFunction as T, isNumber as tr, isString as sr } from "@sniptt/guards";
+import { Fragment as h, jsx as o, jsxs as p } from "react/jsx-runtime";
+import { Tooltip as e } from "@base-ui/react/tooltip";
+var nr = "_positioner_w2bea_1", pr = "_popup_w2bea_5", lr = "_content_w2bea_47", dr = "_title_w2bea_53", cr = "_icon_w2bea_65", mr = "_description_w2bea_75", _r = "_arrow_w2bea_81", n = {
+  positioner: nr,
+  popup: pr,
+  content: lr,
+  title: dr,
+  icon: cr,
+  description: mr,
+  arrow: _r
+}, w = ({ className: r, ...i }) => /* @__PURE__ */ o(e.Arrow, {
+  ...i,
+  className: c(n.arrow, r)
+}), vr = ({ children: r, description: i, startIcon: a }) => /* @__PURE__ */ p("div", {
+  className: n.content,
+  children: [s(r) && /* @__PURE__ */ p("div", {
+    className: n.title,
+    children: [s(a) && /* @__PURE__ */ o("span", {
+      className: n.icon,
+      "aria-hidden": !0,
+      children: a
+    }), /* @__PURE__ */ o("span", { children: r })]
+  }), s(i) && /* @__PURE__ */ o("div", {
+    className: n.description,
+    children: i
+  })]
+}), f = ({ className: r, withExitAnimation: i = !1, ...a }) => /* @__PURE__ */ o(e.Popup, {
+  role: "tooltip",
+  "data-with-exit-animation": i || void 0,
+  ...a,
+  className: c(n.popup, r)
+}), b = ({ container: r, ...i }) => {
+  const a = er();
+  return /* @__PURE__ */ o(e.Portal, {
+    ...i,
+    container: r ?? a ?? void 0
+  });
+}, g = ({ className: r, ...i }) => {
+  const a = ar();
+  return /* @__PURE__ */ o(e.Positioner, {
+    dir: a,
+    ...i,
+    className: c(n.positioner, r)
+  });
+}, ur = 10, Tr = "300px", hr = ({ content: r, children: i, description: a, startIcon: m, open: _, defaultOpen: P, onOpenChange: N, onOpenChangeComplete: D, disabled: x = !1, disableHoverablePopup: A, trackCursorAxis: F, actionsRef: H, handle: E, triggerId: R, defaultTriggerId: S, delay: j, closeDelay: y, closeOnClick: L, side: O = "top", align: U = "center", sideOffset: V = ur, alignOffset: B, anchor: C, positionMethod: M, collisionBoundary: W, collisionPadding: X, collisionAvoidance: $, sticky: k, arrowPadding: q, disableAnchorTracking: z, arrow: G = !1, maxWidth: I = Tr, container: J, keepMounted: K, triggerProps: Q, positionerProps: Y, portalProps: Z, ...rr }) => {
+  const l = s(a), d = x || !T(r) && !s(r) && !l, v = /* @__PURE__ */ o(e.Trigger, {
+    render: i,
+    delay: j,
+    closeDelay: y,
+    closeOnClick: L,
+    ...Q
+  }), u = (t) => {
+    if (!(s(t) || l)) return /* @__PURE__ */ o(h, { children: v });
+    const or = sr(t) || tr(t) || l || s(m);
+    return /* @__PURE__ */ p(h, { children: [v, /* @__PURE__ */ o(b, {
+      container: J,
+      keepMounted: K,
+      ...Z,
+      children: /* @__PURE__ */ o(g, {
+        side: O,
+        align: U,
+        sideOffset: V,
+        alignOffset: B,
+        anchor: C,
+        positionMethod: M,
+        collisionBoundary: W,
+        collisionPadding: X,
+        collisionAvoidance: $,
+        sticky: k,
+        arrowPadding: q,
+        disableAnchorTracking: z,
+        style: { maxWidth: I },
+        ...Y,
+        children: /* @__PURE__ */ p(f, {
+          ...rr,
+          children: [or ? /* @__PURE__ */ o(vr, {
+            description: a,
+            startIcon: m,
+            children: t
+          }) : t, G && /* @__PURE__ */ o(w, {})]
+        })
+      })
+    })] });
+  };
+  return /* @__PURE__ */ o(e.Root, {
+    open: ir(_) ? _ && !d : void 0,
+    defaultOpen: P && !d,
+    onOpenChange: N,
+    onOpenChangeComplete: D,
+    disabled: d,
+    disableHoverablePopup: A,
+    trackCursorAxis: F,
+    actionsRef: H,
+    handle: E,
+    triggerId: R,
+    defaultTriggerId: S,
+    children: T(r) ? (t) => u(r(t)) : u(r)
+  });
+}, Ar = Object.assign(hr, {
+  Root: e.Root,
+  Trigger: e.Trigger,
+  Portal: b,
+  Positioner: g,
+  Popup: f,
+  Arrow: w,
+  Viewport: e.Viewport,
+  Provider: e.Provider,
+  Handle: e.Handle,
+  createHandle: e.createHandle
+});
+export {
+  vr as n,
+  Ar as t
+};

package/dist/Tooltip-JOYVeSsf.cjs

@@ -0,0 +1 @@
+const re=require("./theme-1XkFz8Qu.cjs"),ie=require("./isDefined-DS2Q42p5.cjs"),c=require("./mergeClassNames-D4lshrT6.cjs"),a=require("./isRenderableSlot-Guryb6Nf.cjs"),oe=require("./useProvidedTextDirection-PVaoQCLH.cjs");let n=require("@sniptt/guards"),e=require("react/jsx-runtime"),o=require("@base-ui/react/tooltip");var te="_positioner_w2bea_1",se="_popup_w2bea_5",ae="_content_w2bea_47",le="_title_w2bea_53",ne="_icon_w2bea_65",pe="_description_w2bea_75",de="_arrow_w2bea_81",l={positioner:te,popup:se,content:ae,title:le,icon:ne,description:pe,arrow:de},b=({className:r,...i})=>(0,e.jsx)(o.Tooltip.Arrow,{...i,className:c.mergeClassNames(l.arrow,r)}),x=({children:r,description:i,startIcon:t})=>(0,e.jsxs)("div",{className:l.content,children:[a.isRenderableSlot(r)&&(0,e.jsxs)("div",{className:l.title,children:[a.isRenderableSlot(t)&&(0,e.jsx)("span",{className:l.icon,"aria-hidden":!0,children:t}),(0,e.jsx)("span",{children:r})]}),a.isRenderableSlot(i)&&(0,e.jsx)("div",{className:l.description,children:i})]}),v=({className:r,withExitAnimation:i=!1,...t})=>(0,e.jsx)(o.Tooltip.Popup,{role:"tooltip","data-with-exit-animation":i||void 0,...t,className:c.mergeClassNames(l.popup,r)}),j=({container:r,...i})=>{const t=re.useThemeContainer();return(0,e.jsx)(o.Tooltip.Portal,{...i,container:r??t??void 0})},g=({className:r,...i})=>{const t=oe.useProvidedTextDirection();return(0,e.jsx)(o.Tooltip.Positioner,{dir:t,...i,className:c.mergeClassNames(l.positioner,r)})},ce=10,ue="300px",_e=({content:r,children:i,description:t,startIcon:u,open:_,defaultOpen:h,onOpenChange:w,onOpenChangeComplete:P,disabled:q=!1,disableHoverablePopup:f,trackCursorAxis:N,actionsRef:R,handle:S,triggerId:D,defaultTriggerId:F,delay:y,closeDelay:A,closeOnClick:H,side:O="top",align:C="center",sideOffset:E=ce,alignOffset:L,anchor:B,positionMethod:U,collisionBoundary:V,collisionPadding:M,collisionAvoidance:W,sticky:X,arrowPadding:k,disableAnchorTracking:z,arrow:G=!1,maxWidth:I=ue,container:J,keepMounted:K,triggerProps:Q,positionerProps:Y,portalProps:Z,...$})=>{const p=a.isRenderableSlot(t),d=q||!(0,n.isFunction)(r)&&!a.isRenderableSlot(r)&&!p,T=(0,e.jsx)(o.Tooltip.Trigger,{render:i,delay:y,closeDelay:A,closeOnClick:H,...Q}),m=s=>{if(!(a.isRenderableSlot(s)||p))return(0,e.jsx)(e.Fragment,{children:T});const ee=(0,n.isString)(s)||(0,n.isNumber)(s)||p||a.isRenderableSlot(u);return(0,e.jsxs)(e.Fragment,{children:[T,(0,e.jsx)(j,{container:J,keepMounted:K,...Z,children:(0,e.jsx)(g,{side:O,align:C,sideOffset:E,alignOffset:L,anchor:B,positionMethod:U,collisionBoundary:V,collisionPadding:M,collisionAvoidance:W,sticky:X,arrowPadding:k,disableAnchorTracking:z,style:{maxWidth:I},...Y,children:(0,e.jsxs)(v,{...$,children:[ee?(0,e.jsx)(x,{description:t,startIcon:u,children:s}):s,G&&(0,e.jsx)(b,{})]})})})]})};return(0,e.jsx)(o.Tooltip.Root,{open:ie.isDefined(_)?_&&!d:void 0,defaultOpen:h&&!d,onOpenChange:w,onOpenChangeComplete:P,disabled:d,disableHoverablePopup:f,trackCursorAxis:N,actionsRef:R,handle:S,triggerId:D,defaultTriggerId:F,children:(0,n.isFunction)(r)?s=>m(r(s)):m(r)})},Te=Object.assign(_e,{Root:o.Tooltip.Root,Trigger:o.Tooltip.Trigger,Portal:j,Positioner:g,Popup:v,Arrow:b,Viewport:o.Tooltip.Viewport,Provider:o.Tooltip.Provider,Handle:o.Tooltip.Handle,createHandle:o.Tooltip.createHandle});Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return Te}});Object.defineProperty(exports,"TooltipBody",{enumerable:!0,get:function(){return x}});

package/dist/VisuallyHidden-B-n4x1KY.cjs

@@ -0,0 +1 @@
+let l=require("@base-ui/react/use-render"),t=require("clsx");var d="_root_cc24m_1",n={root:d},s=({render:e,ref:r,className:a,...u})=>(0,l.useRender)({defaultTagName:"span",render:e,ref:r,props:{...u,className:(0,t.clsx)(n.root,a)}});Object.defineProperty(exports,"VisuallyHidden",{enumerable:!0,get:function(){return s}});

package/dist/VisuallyHidden-CFZP7ybO.js

@@ -0,0 +1,14 @@
+import { useRender as t } from "@base-ui/react/use-render";
+import { clsx as l } from "clsx";
+var s = "_root_cc24m_1", d = { root: s }, i = ({ render: r, ref: a, className: o, ...e }) => t({
+  defaultTagName: "span",
+  render: r,
+  ref: a,
+  props: {
+    ...e,
+    className: l(d.root, o)
+  }
+});
+export {
+  i as t
+};

package/dist/components/code-editor/CodeEditorHeader/CodeEditorHeader.d.ts

@@ -1,2 +1,2 @@
 import { CodeEditorHeaderProps } from './types/CodeEditorHeaderProps';
-export declare const CodeEditorHeader: ({ title, leftNodes, rightNodes, }: CodeEditorHeaderProps) => import("react").JSX.Element;
+export declare const CodeEditorHeader: ({ title, startElement, endElement, className, render, ref, ...props }: CodeEditorHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/components/code-editor/CodeEditorHeader/types/CodeEditorHeaderProps.d.ts

@@ -1,5 +1,7 @@
-export type CodeEditorHeaderProps = {
-    title?: string;
-    leftNodes?: React.ReactNode[];
-    rightNodes?: React.ReactNode[];
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } from 'react';
+export type CodeEditorHeaderProps = Omit<useRender.ComponentProps<'div'>, 'title' | 'children'> & {
+    title?: ReactNode;
+    startElement?: ReactNode;
+    endElement?: ReactNode;
 };

package/dist/components/code-editor.cjs

@@ -1 +1 @@
-var Z=Object.create;var F=Object.defineProperty;var ee=Object.getOwnPropertyDescriptor;var oe=Object.getOwnPropertyNames;var re=Object.getPrototypeOf,te=Object.prototype.hasOwnProperty;var ne=(e,r,n,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of oe(r))!te.call(e,i)&&i!==n&&F(e,i,{get:()=>r[i],enumerable:!(a=ee(r,i))||a.enumerable});return e};var ie=(e,r,n)=>(n=e!=null?Z(re(e)):{},ne(r||!e||!e.__esModule?F(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("../theme-DumxXtpW.cjs"),l=require("../isDefined-DS2Q42p5.cjs"),de=require("../Loader-CMXdrX1d.cjs"),ae=require("../ResizeHandle-CI-VTVOi.cjs");let d=require("react/jsx-runtime"),s=require("react"),C=require("@monaco-editor/react");C=D.__toESM(C,1);var $="baseCodeEditorTheme",o=e=>{if(e.trim()==="transparent")return"#00000000";const r=e.match(/color\(display-p3\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s+\/\s+([\d.]+))?\)/);if(l.isDefined(r)){const[,n,a,i,b]=r;if(!l.isDefined(n)||!l.isDefined(a)||!l.isDefined(i))return e;const g=Math.round(parseFloat(n)*255).toString(16).padStart(2,"0"),p=Math.round(parseFloat(a)*255).toString(16).padStart(2,"0"),_=Math.round(parseFloat(i)*255).toString(16).padStart(2,"0");return l.isDefined(b)?`#${g}${p}${_}${Math.round(parseFloat(b)*255).toString(16).padStart(2,"0")}`:`#${g}${p}${_}`}return e},se=(e,r)=>({base:r==="dark"?"vs-dark":"vs",inherit:!0,rules:[{token:"",foreground:o(e.font.color.secondary)},{token:"keyword",foreground:o(e.color.pink11)},{token:"keyword.control",foreground:o(e.color.pink11)},{token:"keyword.json",foreground:o(e.color.orange11)},{token:"number",foreground:o(e.color.orange11)},{token:"number.json",foreground:o(e.color.orange11)},{token:"regexp",foreground:o(e.color.orange11)},{token:"type",foreground:o(e.color.green11)},{token:"attribute.name",foreground:o(e.color.blue11)},{token:"tag",foreground:o(e.color.pink11)},{token:"string",foreground:o(e.color.green11)},{token:"string.key.json",foreground:o(e.color.blue11)},{token:"delimiter",foreground:o(e.font.color.light)},{token:"delimiter.bracket.json",foreground:o(e.font.color.light)},{token:"string.value.json",foreground:o(e.color.green11)},{token:"comment",foreground:o(e.font.color.light),fontStyle:"italic"}],colors:{"editor.background":o("transparent"),"editor.foreground":o(e.font.color.secondary),"editorCursor.foreground":o(e.font.color.primary),"editorLineNumber.foreground":o(e.font.color.extraLight),"editorLineNumber.activeForeground":o(e.font.color.light),"editor.lineHighlightBackground":o(e.background.tertiary),"editor.selectionBackground":o(e.background.transparent.blue),"editor.inactiveSelectionBackground":o(e.background.transparent.light),"editorIndentGuide.background1":o(e.border.color.light),"editorIndentGuide.activeBackground1":o(e.border.color.medium),"editorBracketMatch.background":o(e.background.transparent.light),"editorBracketMatch.border":o(e.border.color.medium)}}),le="_editorLoader_zilk9_1",ue="_container_zilk9_20",ce="_editorWrapper_zilk9_24",S={editorLoader:le,container:ue,editorWrapper:ce},z,ge=()=>(z??=import("monaco-editor").then(e=>{C.loader.config({monaco:e})}),z),I=(e,r,n)=>{e.editor.defineTheme($,se(r,n)),e.editor.setTheme($)},fe=({value:e,language:r,onMount:n,onChange:a,setMarkers:i,onValidate:b,height:g=450,variant:p="default",transparentBackground:_,isLoading:O=!1,options:P,resizable:M=!1,resizeLabel:N="Resize editor",contentPadding:w="default",autoHeight:R=!1})=>{const f=D.useTheme(),y=D.useThemeColorScheme(),[h,W]=(0,s.useState)(void 0),[k,A]=(0,s.useState)(void 0),[V,j]=(0,s.useState)(!1),[G,K]=(0,s.useState)(!1),[J,L]=(0,s.useState)(void 0),[q,Q]=(0,s.useState)(typeof g=="number"?g:450),T=(0,s.useId)(),E=R&&!M,H=typeof f.spacingMultiplicator=="number"?f.spacingMultiplicator*4:void 0,m=E?J??g:M?q:g,U={...w==="comfortable"?{lineDecorationsWidth:H}:{},padding:{bottom:H,top:H}},{padding:be,...X}=P??{},B=(t,u)=>{const c=t?.getModel();if(!l.isDefined(c))return;const v=i?.(c.getValue());l.isDefined(v)&&u?.editor.setModelMarkers(c,"customMarker",v)},Y=t=>{V&&t.stopPropagation()};return(0,s.useEffect)(()=>{let t=!0;return ge().then(()=>{t&&K(!0)}),()=>{t=!1}},[]),(0,s.useEffect)(()=>{l.isDefined(h)&&I(h,f,y)},[y,h,f]),(0,s.useEffect)(()=>{if(!E||!l.isDefined(k)){L(void 0);return}const t=()=>{const c=k.getContentHeight();!Number.isFinite(c)||c<=0||L(v=>v===c?v:c)};t();const u=k.onDidContentSizeChange(t);return()=>{u.dispose()}},[k,E]),O||!G?(0,d.jsx)("div",{className:S.editorLoader,"data-variant":p,style:{"--code-editor-height":typeof m=="number"?`${m}px`:m},children:(0,d.jsx)(de.Loader,{})}):(0,d.jsxs)("div",{className:S.container,onKeyDown:Y,children:[(0,d.jsx)("input",{type:"hidden","data-testid":"code-editor-value",value:e??"",readOnly:!0}),(0,d.jsx)("div",{id:T,className:S.editorWrapper,"data-variant":p,"data-transparent-background":_||void 0,children:(0,d.jsx)(C.default,{height:m,value:e,language:r,loading:"",onMount:(t,u)=>{W(u),A(t),I(u,f,y),t.onDidFocusEditorWidget(()=>{j(!0)}),t.onDidBlurEditorWidget(()=>{j(!1)}),n?.(t,u),B(t,u)},onChange:t=>{l.isDefined(t)&&(a?.(t),B(k,h))},onValidate:t=>{b?.(t)},options:{formatOnPaste:!0,formatOnType:!0,fontFamily:f.code.font.family,bracketPairColorization:{enabled:!1},overviewRulerLanes:0,scrollBeyondLastLine:!1,scrollbar:{vertical:"hidden",horizontal:"hidden"},minimap:{enabled:!1},...X,...U}})}),M&&(0,d.jsx)(ae.ResizeHandle,{"aria-label":N,"aria-controls":T,value:q,onValueChange:Q})]})},pe="_editorHeader_19qlo_1",ke="_elementContainer_19qlo_15",x={editorHeader:pe,elementContainer:ke},ve=({title:e,leftNodes:r,rightNodes:n})=>(0,d.jsxs)("div",{className:x.editorHeader,children:[(0,d.jsxs)("div",{className:x.elementContainer,children:[r&&r.map((a,i)=>(0,d.jsx)("div",{children:a},`left-${i}`)),e]}),(0,d.jsx)("div",{className:x.elementContainer,children:n&&n.map((a,i)=>(0,d.jsx)("div",{children:a},`right-${i}`))})]});exports.CodeEditor=fe;exports.CodeEditorHeader=ve;
+var Z=Object.create;var B=Object.defineProperty;var ee=Object.getOwnPropertyDescriptor;var oe=Object.getOwnPropertyNames;var re=Object.getPrototypeOf,te=Object.prototype.hasOwnProperty;var ne=(e,t,n,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of oe(t))!te.call(e,i)&&i!==n&&B(e,i,{get:()=>t[i],enumerable:!(l=ee(t,i))||l.enumerable});return e};var ie=(e,t,n)=>(n=e!=null?Z(re(e)):{},ne(t||!e||!e.__esModule?B(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("../theme-1XkFz8Qu.cjs"),s=require("../isDefined-DS2Q42p5.cjs"),de=require("../Loader-Bb72CUQ9.cjs"),ae=require("../ResizeHandle-CNlQ4TEE.cjs");let se=require("@base-ui/react/use-render"),le=require("clsx"),a=require("react"),d=require("react/jsx-runtime"),C=require("@monaco-editor/react");C=D.__toESM(C,1);var z="baseCodeEditorTheme",o=e=>{if(e.trim()==="transparent")return"#00000000";const t=e.match(/color\(display-p3\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s+\/\s+([\d.]+))?\)/);if(s.isDefined(t)){const[,n,l,i,f]=t;if(!s.isDefined(n)||!s.isDefined(l)||!s.isDefined(i))return e;const u=Math.round(parseFloat(n)*255).toString(16).padStart(2,"0"),k=Math.round(parseFloat(l)*255).toString(16).padStart(2,"0"),v=Math.round(parseFloat(i)*255).toString(16).padStart(2,"0");return s.isDefined(f)?`#${u}${k}${v}${Math.round(parseFloat(f)*255).toString(16).padStart(2,"0")}`:`#${u}${k}${v}`}return e},ue=(e,t)=>({base:t==="dark"?"vs-dark":"vs",inherit:!0,rules:[{token:"",foreground:o(e.font.color.secondary)},{token:"keyword",foreground:o(e.color.pink11)},{token:"keyword.control",foreground:o(e.color.pink11)},{token:"keyword.json",foreground:o(e.color.orange11)},{token:"number",foreground:o(e.color.orange11)},{token:"number.json",foreground:o(e.color.orange11)},{token:"regexp",foreground:o(e.color.orange11)},{token:"type",foreground:o(e.color.green11)},{token:"attribute.name",foreground:o(e.color.blue11)},{token:"tag",foreground:o(e.color.pink11)},{token:"string",foreground:o(e.color.green11)},{token:"string.key.json",foreground:o(e.color.blue11)},{token:"delimiter",foreground:o(e.font.color.light)},{token:"delimiter.bracket.json",foreground:o(e.font.color.light)},{token:"string.value.json",foreground:o(e.color.green11)},{token:"comment",foreground:o(e.font.color.light),fontStyle:"italic"}],colors:{"editor.background":o("transparent"),"editor.foreground":o(e.font.color.secondary),"editorCursor.foreground":o(e.font.color.primary),"editorLineNumber.foreground":o(e.font.color.extraLight),"editorLineNumber.activeForeground":o(e.font.color.light),"editor.lineHighlightBackground":o(e.background.tertiary),"editor.selectionBackground":o(e.background.transparent.blue),"editor.inactiveSelectionBackground":o(e.background.transparent.light),"editorIndentGuide.background1":o(e.border.color.light),"editorIndentGuide.activeBackground1":o(e.border.color.medium),"editorBracketMatch.background":o(e.background.transparent.light),"editorBracketMatch.border":o(e.border.color.medium)}}),ce="_editorWrapper_zilk9_24",ge="_editorLoader_zilk9_1",fe="_container_zilk9_20",S={editorWrapper:ce,editorLoader:ge,container:fe},N,pe=()=>(N??=import("monaco-editor").then(e=>{C.loader.config({monaco:e})}),N),I=(e,t,n)=>{e.editor.defineTheme(z,ue(t,n)),e.editor.setTheme(z)},ke=({value:e,language:t,onMount:n,onChange:l,setMarkers:i,onValidate:f,height:u=450,variant:k="default",transparentBackground:v,isLoading:O=!1,options:P,resizable:M=!1,resizeLabel:$="Resize editor",contentPadding:R="default",autoHeight:w=!1})=>{const p=D.useTheme(),y=D.useThemeColorScheme(),[h,W]=(0,a.useState)(void 0),[_,A]=(0,a.useState)(void 0),[V,j]=(0,a.useState)(!1),[G,K]=(0,a.useState)(!1),[J,q]=(0,a.useState)(void 0),[L,Q]=(0,a.useState)(typeof u=="number"?u:450),T=(0,a.useId)(),E=w&&!M,H=typeof p.spacingMultiplicator=="number"?p.spacingMultiplicator*4:void 0,m=E?J??u:M?L:u,U={...R==="comfortable"?{lineDecorationsWidth:H}:{},padding:{bottom:H,top:H}},{padding:he,...X}=P??{},F=(r,c)=>{const g=r?.getModel();if(!s.isDefined(g))return;const b=i?.(g.getValue());s.isDefined(b)&&c?.editor.setModelMarkers(g,"customMarker",b)},Y=r=>{V&&r.stopPropagation()};return(0,a.useEffect)(()=>{let r=!0;return pe().then(()=>{r&&K(!0)}),()=>{r=!1}},[]),(0,a.useEffect)(()=>{s.isDefined(h)&&I(h,p,y)},[y,h,p]),(0,a.useEffect)(()=>{if(!E||!s.isDefined(_)){q(void 0);return}const r=()=>{const g=_.getContentHeight();!Number.isFinite(g)||g<=0||q(b=>b===g?b:g)};r();const c=_.onDidContentSizeChange(r);return()=>{c.dispose()}},[_,E]),O||!G?(0,d.jsx)("div",{className:S.editorLoader,"data-variant":k,style:{"--code-editor-height":typeof m=="number"?`${m}px`:m},children:(0,d.jsx)(de.Loader,{})}):(0,d.jsxs)("div",{className:S.container,onKeyDown:Y,children:[(0,d.jsx)("input",{type:"hidden","data-testid":"code-editor-value",value:e??"",readOnly:!0}),(0,d.jsx)("div",{id:T,className:S.editorWrapper,"data-variant":k,"data-transparent-background":v||void 0,children:(0,d.jsx)(C.default,{height:m,value:e,language:t,loading:"",onMount:(r,c)=>{W(c),A(r),I(c,p,y),r.onDidFocusEditorWidget(()=>{j(!0)}),r.onDidBlurEditorWidget(()=>{j(!1)}),n?.(r,c),F(r,c)},onChange:r=>{s.isDefined(r)&&(l?.(r),F(_,h))},onValidate:r=>{f?.(r)},options:{formatOnPaste:!0,formatOnType:!0,fontFamily:p.code.font.family,bracketPairColorization:{enabled:!1},overviewRulerLanes:0,scrollBeyondLastLine:!1,scrollbar:{vertical:"hidden",horizontal:"hidden"},minimap:{enabled:!1},...X,...U}})}),M&&(0,d.jsx)(ae.ResizeHandle,{"aria-label":$,"aria-controls":T,value:L,onValueChange:Q})]})},_e="_editorHeader_19qlo_1",be="_elementContainer_19qlo_15",x={editorHeader:_e,elementContainer:be},ve=({title:e,startElement:t,endElement:n,className:l,render:i,ref:f,...u})=>(0,se.useRender)({render:i,ref:f,props:{...u,className:(0,le.clsx)(x.editorHeader,l),children:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)("div",{className:x.elementContainer,children:[t,e]}),(0,d.jsx)("div",{className:x.elementContainer,children:n})]})}});exports.CodeEditor=ke;exports.CodeEditorHeader=ve;