twenty-ui 2.48.0 → 2.50.0

package/dist/{ResizeHandle-C1kQ3MYR.js → ResizeHandle-B30OYZxS.js}

@@ -1,14 +1,15 @@
 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";
+import { t as z } from "./doNotTranslate-BSVT8Xyd.js";
+import { useRender as M } from "@base-ui/react/use-render";
+import { isFunction as N } from "@sniptt/guards";
+import { clsx as U } from "clsx";
+import { useEffect as F, useRef as L, useState as X } from "react";
+import { jsx as Y } from "react/jsx-runtime";
+import { mergeProps as Z } from "@base-ui/react/merge-props";
+import { useControlled as j } from "@base-ui/utils/useControlled";
+import { useDirection as q } from "@base-ui/react/direction-provider";
+import { useStableCallback as G } from "@base-ui/utils/useStableCallback";
+import { clamp as _ } from "@base-ui/utils/clamp";
 var S = {
   value: 150,
   min: 50,
@@ -16,7 +17,7 @@ var S = {
   step: 10,
   dragThreshold: 0,
   edgeDragThreshold: 5
-}, G = {
+}, W = {
   left: {
     axis: "x",
     direction: "reverse"
@@ -33,25 +34,25 @@ var S = {
     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) => {
+}, B = ({ axis: d, isReversed: R, value: a, onValueChange: h, onValueCommitted: w, onResizeStart: K, onResizeEnd: x, onActivate: P, scale: D, dragThreshold: C, min: m, max: y, disabled: l }) => {
+  const n = L(null), c = L(!1), i = G((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?.({
+    const s = e ? _(r.startValue, m, y) : r.currentValue;
+    e && h(s), e || w?.(s), x?.({
       cancelled: e,
       value: s
     });
   });
-  U(() => () => {
+  F(() => () => {
     i(!0);
   }, [i]);
   const f = (e) => {
     e.preventDefault();
-  }, C = (e) => {
+  }, V = (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));
+    const r = N(D) ? D() : D, s = Number.isFinite(r) && r > 0 ? r : 1, p = e.currentTarget.ownerDocument?.defaultView, o = (v) => {
+      v.key === "Escape" && (v.preventDefault(), v.stopPropagation(), i(!0));
     };
     e.currentTarget.setPointerCapture?.(e.pointerId), p?.addEventListener("keydown", o, !0), c.current = !1, n.current = {
       pointerId: e.pointerId,
@@ -61,11 +62,11 @@ var S = {
       startValue: a,
       currentValue: a,
       multiplier: (R ? -1 : 1) / s,
-      threshold: Math.max(0, x),
+      threshold: Math.max(0, C),
       hasStarted: !1,
       removeEscapeKeyListener: () => p?.removeEventListener("keydown", o, !0)
     };
-  }, V = (e) => {
+  }, k = (e) => {
     const r = n.current;
     if (e.defaultPrevented || !u(r) || r.pointerId !== e.pointerId) return;
     if (l) {
@@ -74,17 +75,17 @@ var S = {
     }
     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));
+    const o = _(r.startValue + s * r.multiplier, m, y);
+    r.hasStarted && o === r.currentValue || (r.currentValue = o, r.hasStarted || (r.hasStarted = !0, K?.(o)), h(o));
   }, t = (e) => {
-    n.current?.pointerId === e.pointerId && (V(e), i(l || e.defaultPrevented));
+    n.current?.pointerId === e.pointerId && (k(e), i(l || e.defaultPrevented));
   }, E = (e) => {
     n.current?.pointerId === e.pointerId && i(!0);
   };
   return {
     onMouseDown: f,
-    onPointerDown: C,
-    onPointerMove: V,
+    onPointerDown: V,
+    onPointerMove: k,
     onPointerUp: t,
     onPointerCancel: E,
     onLostPointerCapture: E,
@@ -94,24 +95,24 @@ var S = {
     },
     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({
+}, J = ({ axis: d, direction: R, value: a, onValueChange: h, onValueCommitted: w, onResizeStart: K, onResizeEnd: x, onActivate: P, scale: D, dragThreshold: C, min: m, max: y, step: l, disabled: n }) => {
+  const c = q(), i = u(R) ? R === "reverse" : d === "x" && c === "rtl", { isPointerActive: f, ...V } = B({
     axis: d,
     isReversed: i,
     value: a,
     onValueChange: h,
     onValueCommitted: w,
-    onResizeStart: z,
-    onResizeEnd: K,
+    onResizeStart: K,
+    onResizeEnd: x,
     onActivate: P,
     scale: D,
-    dragThreshold: x,
+    dragThreshold: C,
     min: m,
     max: y,
     disabled: n
   });
   return {
-    ...C,
+    ...V,
     onKeyDown: (t) => {
       const E = t.altKey || t.ctrlKey || t.metaKey;
       if (t.defaultPrevented || n || E || f()) return;
@@ -119,32 +120,32 @@ var S = {
         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([
+      const g = z(d === "y" ? "ArrowDown" : "ArrowRight"), e = z(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]
+        [z("Home"), m],
+        [z("End"), y]
       ])).get(t.key);
       if (!u(p)) return;
       t.preventDefault(), t.stopPropagation();
-      const o = v(p, m, y);
+      const o = _(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,
+}, O = "_area_y24an_1", Q = "_bar_y24an_74", H = {
+  area: O,
+  bar: Q
+}, he = ({ axis: d = "y", direction: R, edge: a, placement: h = u(a) ? "edge" : "inline", scale: w = 1, dragThreshold: K = u(a) ? S.edgeDragThreshold : S.dragThreshold, value: x, defaultValue: P = S.value, onValueChange: D, onValueCommitted: C, onResizeStart: m, onResizeEnd: y, onActivate: l, min: n = S.min, max: c = S.max, step: i = S.step, disabled: f = !1, className: V, children: k = h === "gap" ? null : /* @__PURE__ */ Y("div", { className: H.bar }), render: t, ref: E, ...g }) => {
+  const e = u(a) ? W[a] : void 0, r = e?.axis ?? d, s = e?.direction ?? R, [p, o] = X(!1), [v, b] = j({
+    controlled: x,
     default: P,
-    name: "ResizeHandle"
-  }), _ = v(k, n, c), b = B({
+    name: z("ResizeHandle")
+  }), T = _(v, n, c), A = J({
     axis: r,
     direction: s,
     scale: w,
-    dragThreshold: z,
-    onValueCommitted: x,
+    dragThreshold: K,
+    onValueCommitted: C,
     onResizeStart: (I) => {
       o(!0), m?.(I);
     },
@@ -152,16 +153,16 @@ var S = {
       o(!1), y?.(I);
     },
     onActivate: l,
-    value: _,
+    value: T,
     onValueChange: (I) => {
-      H(I), D?.(I);
+      b(I), D?.(I);
     },
     min: n,
     max: c,
     step: i,
     disabled: f
   });
-  return A({
+  return M({
     render: t,
     ref: E,
     state: {
@@ -171,22 +172,22 @@ var S = {
       disabled: f,
       resizing: p
     },
-    props: Y(b, g, {
+    props: Z(A, g, {
       role: "separator",
       tabIndex: f ? -1 : g.tabIndex ?? 0,
-      "aria-label": g["aria-label"] ?? "Resize",
+      "aria-label": g["aria-label"] ?? z("Resize"),
       "aria-orientation": r === "y" ? "horizontal" : "vertical",
       "aria-valuemin": n,
       "aria-valuemax": c,
-      "aria-valuenow": _,
+      "aria-valuenow": T,
       "aria-disabled": f || void 0,
       "aria-keyshortcuts": g["aria-keyshortcuts"] ?? (u(l) && !f ? "Enter Space" : void 0),
-      className: N(T.area, C),
-      children: V
+      className: U(H.area, V),
+      children: k
     })
   });
 };
 export {
   S as n,
-  fe as t
+  he as t
 };

package/dist/Shortcut-Bp9iDdQg.js

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

package/dist/Shortcut-N8TELGPI.cjs

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

package/dist/TabsTabContent-6rkARU9F.cjs

@@ -0,0 +1 @@
+const n=require("./isRenderableSlot-Guryb6Nf.cjs");let a=require("react/jsx-runtime");var _="_root_1edng_1",d="_list_1edng_10",i="_tab_1edng_37",o="_content_1edng_95",c="_label_1edng_114",b="_startIcon_1edng_120",u="_badge_1edng_121",g="_panel_1edng_136",v="_indicator_1edng_146",e={root:_,list:d,tab:i,content:o,label:c,startIcon:b,badge:u,panel:g,indicator:v},m=({children:s,startIcon:r,endIcon:t,badge:l})=>(0,a.jsxs)("span",{className:e.content,children:[n.isRenderableSlot(r)&&(0,a.jsx)("span",{className:e.startIcon,"aria-hidden":!0,children:r}),(0,a.jsx)("span",{className:e.label,children:s}),n.isRenderableSlot(t)&&(0,a.jsx)("span",{className:e.startIcon,"aria-hidden":!0,children:t}),n.isRenderableSlot(l)&&(0,a.jsx)("span",{className:e.badge,children:l})]});Object.defineProperty(exports,"Tab_module_default",{enumerable:!0,get:function(){return e}});Object.defineProperty(exports,"TabsTabContent",{enumerable:!0,get:function(){return m}});

package/dist/TabsTabContent-DPkLTBi2.js

@@ -0,0 +1,39 @@
+import { t as n } from "./isRenderableSlot-DT_depzM.js";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+var l = "_root_1edng_1", o = "_list_1edng_10", i = "_tab_1edng_37", c = "_content_1edng_95", b = "_label_1edng_114", g = "_startIcon_1edng_120", v = "_badge_1edng_121", m = "_panel_1edng_136", p = "_indicator_1edng_146", a = {
+  root: l,
+  list: o,
+  tab: i,
+  content: c,
+  label: b,
+  startIcon: g,
+  badge: v,
+  panel: m,
+  indicator: p
+}, u = ({ children: s, startIcon: r, endIcon: t, badge: _ }) => /* @__PURE__ */ d("span", {
+  className: a.content,
+  children: [
+    n(r) && /* @__PURE__ */ e("span", {
+      className: a.startIcon,
+      "aria-hidden": !0,
+      children: r
+    }),
+    /* @__PURE__ */ e("span", {
+      className: a.label,
+      children: s
+    }),
+    n(t) && /* @__PURE__ */ e("span", {
+      className: a.startIcon,
+      "aria-hidden": !0,
+      children: t
+    }),
+    n(_) && /* @__PURE__ */ e("span", {
+      className: a.badge,
+      children: _
+    })
+  ]
+});
+export {
+  a as n,
+  u as t
+};

package/dist/Tooltip-6uS8_wdA.js

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

package/dist/Tooltip-DL3sfbuw.cjs

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

package/dist/components/__stories__/reading-direction/DirectionalLayoutExample.d.ts

@@ -1,3 +1,5 @@
-export declare const DirectionalLayoutExample: ({ direction, }: {
+import { CSSProperties } from 'react';
+export declare const DirectionalLayoutExample: ({ direction, style, }: {
     direction: "ltr" | "rtl";
+    style?: CSSProperties;
 }) => import("react").JSX.Element;

package/dist/components/code-editor.cjs

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