twenty-ui 2.42.0 → 2.44.0

package/dist/ResizeHandle-DN1bRxQb.js

@@ -0,0 +1,89 @@
+import { t as I } from "./isDefined-fMi6eQ4r.js";
+import { clsx as _ } from "clsx";
+import { jsx as A } from "react/jsx-runtime";
+import { useRef as C } from "react";
+import { useRender as z } from "@base-ui/react/use-render";
+import { useDirection as H } from "@base-ui/react/direction-provider";
+import { mergeProps as E } from "@base-ui/react/merge-props";
+import { clamp as y } from "@base-ui/utils/clamp";
+import { useControlled as b } from "@base-ui/utils/useControlled";
+var P = {
+  value: 150,
+  min: 50,
+  max: 500,
+  step: 10
+}, K = ({ axis: t, value: u, onValueChange: p, min: s, max: o, step: i, disabled: c }) => {
+  const l = H(), d = t === "x" && l === "rtl", n = C(null), h = (r) => {
+    c || r.defaultPrevented || r.button !== 0 || I(n.current) || (r.preventDefault(), r.currentTarget.focus?.(), r.currentTarget.setPointerCapture?.(r.pointerId), n.current = {
+      pointerId: r.pointerId,
+      startPosition: t === "y" ? r.clientY : r.clientX,
+      startValue: u
+    });
+  }, w = (r) => {
+    const e = n.current;
+    if (c || r.defaultPrevented || !I(e) || e.pointerId !== r.pointerId) return;
+    const f = ((t === "y" ? r.clientY : r.clientX) - e.startPosition) * (d ? -1 : 1);
+    p(y(e.startValue + f, s, o));
+  }, a = (r) => {
+    n.current?.pointerId === r.pointerId && (n.current = null, r.currentTarget.hasPointerCapture?.(r.pointerId) && r.currentTarget.releasePointerCapture?.(r.pointerId));
+  };
+  return {
+    onPointerDown: h,
+    onPointerMove: w,
+    onPointerUp: a,
+    onPointerCancel: a,
+    onLostPointerCapture: a,
+    onKeyDown: (r) => {
+      if (c || r.defaultPrevented) return;
+      const e = t === "y" ? "ArrowDown" : d ? "ArrowLeft" : "ArrowRight", f = t === "y" ? "ArrowUp" : d ? "ArrowRight" : "ArrowLeft", m = (/* @__PURE__ */ new Map([
+        [e, u + i],
+        [f, u - i],
+        ["Home", s],
+        ["End", o]
+      ])).get(r.key);
+      I(m) && (r.preventDefault(), r.stopPropagation(), p(y(m, s, o)));
+    }
+  };
+}, L = "_area_pqu70_1", T = "_bar_pqu70_26", R = {
+  area: L,
+  bar: T
+}, j = ({ axis: t = "y", value: u, defaultValue: p = P.value, onValueChange: s, min: o = P.min, max: i = P.max, step: c = P.step, disabled: l = !1, className: d, children: n, render: h, ref: w, ...a }) => {
+  const [D, r] = b({
+    controlled: u,
+    default: p,
+    name: "ResizeHandle"
+  }), e = y(D, o, i), m = K({
+    axis: t,
+    value: e,
+    onValueChange: (g) => {
+      g !== e && (r(g), s?.(g));
+    },
+    min: o,
+    max: i,
+    step: c,
+    disabled: l
+  });
+  return z({
+    render: h,
+    ref: w,
+    state: {
+      axis: t,
+      disabled: l
+    },
+    props: E(m, a, {
+      role: "separator",
+      tabIndex: l ? -1 : a.tabIndex ?? 0,
+      "aria-label": a["aria-label"] ?? "Resize",
+      "aria-orientation": t === "y" ? "horizontal" : "vertical",
+      "aria-valuemin": o,
+      "aria-valuemax": i,
+      "aria-valuenow": e,
+      "aria-disabled": l || void 0,
+      className: _(R.area, d),
+      children: n ?? /* @__PURE__ */ A("div", { className: R.bar })
+    })
+  });
+};
+export {
+  j as t
+};

package/dist/ResizeHandle-cll01qBQ.cjs

@@ -0,0 +1 @@
+const w=require("./isDefined-DS2Q42p5.cjs");let b=require("clsx"),q=require("react/jsx-runtime"),m=require("react"),C=require("@base-ui/react/use-render"),z=require("@base-ui/react/direction-provider"),A=require("@base-ui/react/merge-props"),y=require("@base-ui/utils/clamp"),H=require("@base-ui/utils/useControlled");var P={value:150,min:50,max:500,step:10},E=({axis:t,value:l,onValueChange:_,min:s,max:n,step:i,disabled:c})=>{const u=(0,z.useDirection)(),d=t==="x"&&u==="rtl",a=(0,m.useRef)(null),g=e=>{c||e.defaultPrevented||e.button!==0||w.isDefined(a.current)||(e.preventDefault(),e.currentTarget.focus?.(),e.currentTarget.setPointerCapture?.(e.pointerId),a.current={pointerId:e.pointerId,startPosition:t==="y"?e.clientY:e.clientX,startValue:l})},D=e=>{const r=a.current;if(c||e.defaultPrevented||!w.isDefined(r)||r.pointerId!==e.pointerId)return;const p=((t==="y"?e.clientY:e.clientX)-r.startPosition)*(d?-1:1);_((0,y.clamp)(r.startValue+p,s,n))},o=e=>{a.current?.pointerId===e.pointerId&&(a.current=null,e.currentTarget.hasPointerCapture?.(e.pointerId)&&e.currentTarget.releasePointerCapture?.(e.pointerId))};return{onPointerDown:g,onPointerMove:D,onPointerUp:o,onPointerCancel:o,onLostPointerCapture:o,onKeyDown:e=>{if(c||e.defaultPrevented)return;const r=t==="y"?"ArrowDown":d?"ArrowLeft":"ArrowRight",p=t==="y"?"ArrowUp":d?"ArrowRight":"ArrowLeft",f=new Map([[r,l+i],[p,l-i],["Home",s],["End",n]]).get(e.key);w.isDefined(f)&&(e.preventDefault(),e.stopPropagation(),_((0,y.clamp)(f,s,n)))}}},v="_area_pqu70_1",K="_bar_pqu70_26",R={area:v,bar:K},L=({axis:t="y",value:l,defaultValue:_=P.value,onValueChange:s,min:n=P.min,max:i=P.max,step:c=P.step,disabled:u=!1,className:d,children:a,render:g,ref:D,...o})=>{const[I,e]=(0,H.useControlled)({controlled:l,default:_,name:"ResizeHandle"}),r=(0,y.clamp)(I,n,i),f=E({axis:t,value:r,onValueChange:h=>{h!==r&&(e(h),s?.(h))},min:n,max:i,step:c,disabled:u});return(0,C.useRender)({render:g,ref:D,state:{axis:t,disabled:u},props:(0,A.mergeProps)(f,o,{role:"separator",tabIndex:u?-1:o.tabIndex??0,"aria-label":o["aria-label"]??"Resize","aria-orientation":t==="y"?"horizontal":"vertical","aria-valuemin":n,"aria-valuemax":i,"aria-valuenow":r,"aria-disabled":u||void 0,className:(0,b.clsx)(R.area,d),children:a??(0,q.jsx)("div",{className:R.bar})})})};Object.defineProperty(exports,"ResizeHandle",{enumerable:!0,get:function(){return L}});

package/dist/Switch-BLO0Y9bi.cjs

@@ -0,0 +1 @@
+const u=require("./isDefined-DS2Q42p5.cjs"),k=require("./utilities-B7EwAZ4L.cjs"),z=require("./Loader-CMXdrX1d.cjs"),q=require("./useProvidedTextDirection-B7ovnsdr.cjs");let m=require("clsx"),e=require("react/jsx-runtime"),E=require("@sniptt/guards"),v=require("react"),L=require("@base-ui/react/button"),R=require("@base-ui/react/use-render"),H=require("@base-ui/react/input"),N=require("@base-ui/react/switch");var M="_hotkeys_16heq_1",T={hotkeys:M},A=({hotkeys:t})=>(0,e.jsx)("span",{className:T.hotkeys,"aria-hidden":!0,children:t.join(k.getOsShortcutSeparator())}),w=(0,v.createContext)(null),F="_button_vtbjg_1",K="_content_vtbjg_181",V="_label_vtbjg_190",J="_icon_vtbjg_196",Q="_hidden_vtbjg_206",U="_loader_vtbjg_210",i={button:F,content:K,label:V,icon:J,hidden:Q,loader:U},W=({variant:t="outline",color:n="neutral",size:a="md",fullWidth:s=!1,loading:r=!1,elevated:b=!1,startIcon:o,endIcon:l,hotkeys:d,disabled:B=!1,href:p,render:D,className:P,children:x,...g})=>{const j=(0,v.useContext)(w),S=j?.variant??t,G=j?.color??n,I=j?.size??a,O=k.useIsMobile(),_=u.isDefined(p),$=_?{href:p}:void 0;return(0,e.jsxs)(L.Button,{...g,...$,className:q.mergeClassNames(i.button,P),"data-variant":S,"data-color":G,"data-size":I,"data-full-width":s||void 0,"data-loading":r||void 0,"data-elevated":b||void 0,"aria-busy":r?"true":g["aria-busy"],disabled:B||r,role:_?"link":void 0,nativeButton:!_,render:D??(_?(0,e.jsx)("a",{href:p,children:x}):void 0),children:[(0,e.jsxs)("span",{className:(0,m.clsx)(i.content,r&&i.hidden),children:[u.isDefined(o)&&(0,e.jsx)("span",{className:i.icon,"aria-hidden":!0,children:o}),u.isDefined(x)&&(0,e.jsx)("span",{className:i.label,children:x}),u.isDefined(l)&&(0,e.jsx)("span",{className:i.icon,"aria-hidden":!0,children:l}),u.isDefined(d)&&!O&&(0,e.jsx)(A,{hotkeys:d})]}),r&&(0,e.jsx)("span",{className:i.loader,"aria-hidden":!0,children:(0,e.jsx)(z.Loader,{})})]})},C=(0,v.createContext)(null),X="_input_14itx_1",Y="_sm_14itx_45",Z="_md_14itx_49",f={input:X,sm:Y,md:Z},ee=({size:t,className:n,...a})=>{const s=(0,v.useContext)(C),r=t??s?.size??"md";return(0,e.jsx)(H.Input,{...a,className:q.mergeClassNames((0,m.clsx)(f.input,f[r]),n),"data-grouped":u.isDefined(s)||void 0})},te="_root_lk8ci_1",re="_sm_lk8ci_27",ne="_md_lk8ci_31",ae="_startElement_lk8ci_35",se="_endElement_lk8ci_36",c={root:te,sm:re,md:ne,startElement:ae,endElement:se},y=t=>u.isDefined(t)&&!(0,E.isBoolean)(t)&&t!=="",ie=({size:t="md",startElement:n,endElement:a,className:s,children:r,render:b,ref:o,...l})=>{const d=(0,R.useRender)({render:b,ref:o,props:{...l,className:(0,m.clsx)(c.root,c[t],s),children:(0,e.jsxs)(e.Fragment,{children:[y(n)&&(0,e.jsx)("span",{className:c.startElement,children:n}),r,y(a)&&(0,e.jsx)("span",{className:c.endElement,children:a})]})}});return(0,e.jsx)(C.Provider,{value:{size:t},children:d})},ue="_root_rn2ew_1",oe="_sm_rn2ew_33",le="_md_rn2ew_39",de="_thumb_rn2ew_45",h={root:ue,sm:oe,md:le,thumb:de},_e=({size:t="md",className:n,children:a,...s})=>(0,e.jsxs)(N.Switch.Root,{...s,className:q.mergeClassNames((0,m.clsx)(h.root,h[t]),n),children:[(0,e.jsx)(N.Switch.Thumb,{className:h.thumb}),a]});Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return W}});Object.defineProperty(exports,"ButtonGroupContext",{enumerable:!0,get:function(){return w}});Object.defineProperty(exports,"Input",{enumerable:!0,get:function(){return ee}});Object.defineProperty(exports,"InputGroup",{enumerable:!0,get:function(){return ie}});Object.defineProperty(exports,"Input_module_default",{enumerable:!0,get:function(){return f}});Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return _e}});

package/dist/Switch-CMVfAYqP.js

@@ -0,0 +1,127 @@
+import { t as i } from "./isDefined-fMi6eQ4r.js";
+import { n as R, o as H } from "./utilities-CMrqpiWM.js";
+import { t as L } from "./Loader-BLkXvZli.js";
+import { n as k } from "./useProvidedTextDirection-P1dtjUtE.js";
+import { clsx as c } from "clsx";
+import { Fragment as M, jsx as a, jsxs as v } from "react/jsx-runtime";
+import { isBoolean as q } from "@sniptt/guards";
+import { createContext as $, useContext as g } from "react";
+import { Button as A } from "@base-ui/react/button";
+import { useRender as D } from "@base-ui/react/use-render";
+import { Input as F } from "@base-ui/react/input";
+import { Switch as j } from "@base-ui/react/switch";
+var K = "_hotkeys_16heq_1", O = { hotkeys: K }, T = ({ hotkeys: t }) => /* @__PURE__ */ a("span", {
+  className: O.hotkeys,
+  "aria-hidden": !0,
+  children: t.join(H())
+}), V = $(null), J = "_button_vtbjg_1", Q = "_content_vtbjg_181", U = "_label_vtbjg_190", W = "_icon_vtbjg_196", X = "_hidden_vtbjg_206", Y = "_loader_vtbjg_210", n = {
+  button: J,
+  content: Q,
+  label: U,
+  icon: W,
+  hidden: X,
+  loader: Y
+}, Bt = ({ variant: t = "outline", color: r = "neutral", size: o = "md", fullWidth: s = !1, loading: e = !1, elevated: p = !1, startIcon: l, endIcon: d, hotkeys: m, disabled: y = !1, href: h, render: C, className: G, children: b, ...x }) => {
+  const f = g(V), I = f?.variant ?? t, z = f?.color ?? r, E = f?.size ?? o, P = R(), _ = i(h);
+  return /* @__PURE__ */ v(A, {
+    ...x,
+    ..._ ? { href: h } : void 0,
+    className: k(n.button, G),
+    "data-variant": I,
+    "data-color": z,
+    "data-size": E,
+    "data-full-width": s || void 0,
+    "data-loading": e || void 0,
+    "data-elevated": p || void 0,
+    "aria-busy": e ? "true" : x["aria-busy"],
+    disabled: y || e,
+    role: _ ? "link" : void 0,
+    nativeButton: !_,
+    render: C ?? (_ ? /* @__PURE__ */ a("a", {
+      href: h,
+      children: b
+    }) : void 0),
+    children: [/* @__PURE__ */ v("span", {
+      className: c(n.content, e && n.hidden),
+      children: [
+        i(l) && /* @__PURE__ */ a("span", {
+          className: n.icon,
+          "aria-hidden": !0,
+          children: l
+        }),
+        i(b) && /* @__PURE__ */ a("span", {
+          className: n.label,
+          children: b
+        }),
+        i(d) && /* @__PURE__ */ a("span", {
+          className: n.icon,
+          "aria-hidden": !0,
+          children: d
+        }),
+        i(m) && !P && /* @__PURE__ */ a(T, { hotkeys: m })
+      ]
+    }), e && /* @__PURE__ */ a("span", {
+      className: n.loader,
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ a(L, {})
+    })]
+  });
+}, S = $(null), Z = "_input_14itx_1", tt = "_sm_14itx_45", at = "_md_14itx_49", w = {
+  input: Z,
+  sm: tt,
+  md: at
+}, $t = ({ size: t, className: r, ...o }) => {
+  const s = g(S), e = t ?? s?.size ?? "md";
+  return /* @__PURE__ */ a(F, {
+    ...o,
+    className: k(c(w.input, w[e]), r),
+    "data-grouped": i(s) || void 0
+  });
+}, et = "_root_lk8ci_1", rt = "_sm_lk8ci_27", ot = "_md_lk8ci_31", st = "_startElement_lk8ci_35", nt = "_endElement_lk8ci_36", u = {
+  root: et,
+  sm: rt,
+  md: ot,
+  startElement: st,
+  endElement: nt
+}, B = (t) => i(t) && !q(t) && t !== "", gt = ({ size: t = "md", startElement: r, endElement: o, className: s, children: e, render: p, ref: l, ...d }) => {
+  const m = D({
+    render: p,
+    ref: l,
+    props: {
+      ...d,
+      className: c(u.root, u[t], s),
+      children: /* @__PURE__ */ v(M, { children: [
+        B(r) && /* @__PURE__ */ a("span", {
+          className: u.startElement,
+          children: r
+        }),
+        e,
+        B(o) && /* @__PURE__ */ a("span", {
+          className: u.endElement,
+          children: o
+        })
+      ] })
+    }
+  });
+  return /* @__PURE__ */ a(S.Provider, {
+    value: { size: t },
+    children: m
+  });
+}, it = "_root_rn2ew_1", lt = "_sm_rn2ew_33", dt = "_md_rn2ew_39", mt = "_thumb_rn2ew_45", N = {
+  root: it,
+  sm: lt,
+  md: dt,
+  thumb: mt
+}, St = ({ size: t = "md", className: r, children: o, ...s }) => /* @__PURE__ */ v(j.Root, {
+  ...s,
+  className: k(c(N.root, N[t]), r),
+  children: [/* @__PURE__ */ a(j.Thumb, { className: N.thumb }), o]
+});
+export {
+  Bt as a,
+  w as i,
+  gt as n,
+  V as o,
+  $t as r,
+  St as t
+};

package/dist/TabsTabContent-BseLV1Wk.cjs

@@ -0,0 +1 @@
+const i=require("./isDefined-DS2Q42p5.cjs");let r=require("react/jsx-runtime"),o=require("@sniptt/guards");var t=a=>i.isDefined(a)&&!(0,o.isBoolean)(a)&&a!=="",u="_root_ub2oy_1",l="_list_ub2oy_10",b="_tab_ub2oy_37",c="_content_ub2oy_89",d="_label_ub2oy_108",v="_startIcon_ub2oy_114",y="_badge_ub2oy_115",m="_panel_ub2oy_130",p="_indicator_ub2oy_139",e={root:u,list:l,tab:b,content:c,label:d,startIcon:v,badge:y,panel:m,indicator:p},f=({children:a,startIcon:n,endIcon:_,badge:s})=>(0,r.jsxs)("span",{className:e.content,children:[t(n)&&(0,r.jsx)("span",{className:e.startIcon,"aria-hidden":!0,children:n}),(0,r.jsx)("span",{className:e.label,children:a}),t(_)&&(0,r.jsx)("span",{className:e.startIcon,"aria-hidden":!0,children:_}),t(s)&&(0,r.jsx)("span",{className:e.badge,children:s})]});Object.defineProperty(exports,"Tab_module_default",{enumerable:!0,get:function(){return e}});Object.defineProperty(exports,"TabsTabContent",{enumerable:!0,get:function(){return f}});

package/dist/TabsTabContent-_NCTxoP6.js

@@ -0,0 +1,40 @@
+import { t as s } from "./isDefined-fMi6eQ4r.js";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { isBoolean as i } from "@sniptt/guards";
+var o = (a) => s(a) && !i(a) && a !== "", b = "_root_ub2oy_1", c = "_list_ub2oy_10", d = "_tab_ub2oy_37", u = "_content_ub2oy_89", m = "_label_ub2oy_108", v = "_startIcon_ub2oy_114", p = "_badge_ub2oy_115", y = "_panel_ub2oy_130", h = "_indicator_ub2oy_139", r = {
+  root: b,
+  list: c,
+  tab: d,
+  content: u,
+  label: m,
+  startIcon: v,
+  badge: p,
+  panel: y,
+  indicator: h
+}, T = ({ children: a, startIcon: t, endIcon: _, badge: n }) => /* @__PURE__ */ l("span", {
+  className: r.content,
+  children: [
+    o(t) && /* @__PURE__ */ e("span", {
+      className: r.startIcon,
+      "aria-hidden": !0,
+      children: t
+    }),
+    /* @__PURE__ */ e("span", {
+      className: r.label,
+      children: a
+    }),
+    o(_) && /* @__PURE__ */ e("span", {
+      className: r.startIcon,
+      "aria-hidden": !0,
+      children: _
+    }),
+    o(n) && /* @__PURE__ */ e("span", {
+      className: r.badge,
+      children: n
+    })
+  ]
+});
+export {
+  r as n,
+  T as t
+};

package/dist/TextDirectionContext-pwtyVyKv.cjs

@@ -0,0 +1 @@
+let e=require("react");var t=(0,e.createContext)(void 0);Object.defineProperty(exports,"TextDirectionContext",{enumerable:!0,get:function(){return t}});

package/dist/TextDirectionContext-zzaQWZg6.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+var o = t(void 0);
+export {
+  o as t
+};

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

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

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

@@ -0,0 +1,4 @@
+export declare const DirectionalMenusExample: ({ direction, scoped, }: {
+    direction: "ltr" | "rtl";
+    scoped?: boolean;
+}) => import("react").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { CodeEditorProps } from './types/CodeEditorProps';
-export declare const CodeEditor: ({ value, language, onMount, onChange, setMarkers, onValidate, height, variant, transparentBackground, isLoading, options, resizable, contentPadding, autoHeight, }: CodeEditorProps) => import("react").JSX.Element;
+export declare const CodeEditor: ({ value, language, onMount, onChange, setMarkers, onValidate, height, variant, transparentBackground, isLoading, options, resizable, resizeLabel, contentPadding, autoHeight, }: CodeEditorProps) => import("react").JSX.Element;

package/dist/components/code-editor/CodeEditor/{utils → internal/utils}/getBaseCodeEditorTheme.d.ts

@@ -1,3 +1,3 @@
-import { ThemeType } from '../../../../theme-constants';
+import { ThemeType } from '../../../../../theme';
 import { editor } from 'monaco-editor';
 export declare const getBaseCodeEditorTheme: (theme: ThemeType, colorScheme: "light" | "dark") => editor.IStandaloneThemeData;

package/dist/components/code-editor/CodeEditor/types/CodeEditorProps.d.ts

@@ -9,6 +9,7 @@ export type CodeEditorProps = Pick<EditorProps, 'value' | 'language' | 'onMount'
     isLoading?: boolean;
     transparentBackground?: boolean;
     resizable?: boolean;
+    resizeLabel?: string;
     contentPadding?: CodeEditorContentPadding;
     autoHeight?: boolean;
 };

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

@@ -1,6 +1,4 @@
 export { CodeEditor } from './CodeEditor/CodeEditor';
-export { BASE_CODE_EDITOR_THEME_ID } from './CodeEditor/constants/BaseCodeEditorThemeId';
 export type { CodeEditorProps } from './CodeEditor/types/CodeEditorProps';
-export { getBaseCodeEditorTheme } from './CodeEditor/utils/getBaseCodeEditorTheme';
 export { CodeEditorHeader } from './CodeEditorHeader/CodeEditorHeader';
 export type { CodeEditorHeaderProps } from './CodeEditorHeader/types/CodeEditorHeaderProps';

package/dist/components/code-editor.cjs

@@ -1 +1 @@
-var oe=Object.create;var T=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var te=Object.getOwnPropertyNames;var ne=Object.getPrototypeOf,ie=Object.prototype.hasOwnProperty;var de=(e,r,n,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of te(r))!ie.call(e,i)&&i!==n&&T(e,i,{get:()=>r[i],enumerable:!(a=re(r,i))||a.enumerable});return e};var ae=(e,r,n)=>(n=e!=null?oe(ne(e)):{},de(r||!e||!e.__esModule?T(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const se=require("../chunk-u_mIcLyS.cjs"),g=require("../isDefined-DS2Q42p5.cjs"),z=require("../theme-constants-ZNgkgDE-.cjs"),le=require("../Loader-CHKTYJo7.cjs"),B=require("../ResizeHandle-IVbYS3b8.cjs");let d=require("react/jsx-runtime"),u=require("react"),E=require("@monaco-editor/react");E=se.__toESM(E,1);var D="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(g.isDefined(r)){const[,n,a,i,_]=r,c=Math.round(parseFloat(n)*255).toString(16).padStart(2,"0"),p=Math.round(parseFloat(a)*255).toString(16).padStart(2,"0"),b=Math.round(parseFloat(i)*255).toString(16).padStart(2,"0");return g.isDefined(_)?`#${c}${p}${b}${Math.round(parseFloat(_)*255).toString(16).padStart(2,"0")}`:`#${c}${p}${b}`}return e},O=(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)}}),ue="_editorLoader_zilk9_1",ce="_container_zilk9_20",ge="_editorWrapper_zilk9_24",H={editorLoader:ue,container:ce,editorWrapper:ge},P,fe=()=>(P??=import("monaco-editor").then(e=>{E.loader.config({monaco:e})}),P),F=(e,r,n)=>{e.editor.defineTheme(D,O(r,n)),e.editor.setTheme(D)},pe=({value:e,language:r,onMount:n,onChange:a,setMarkers:i,onValidate:_,height:c=450,variant:p="default",transparentBackground:b,isLoading:$=!1,options:R,resizable:C=!1,contentPadding:I="default",autoHeight:w=!1})=>{const f=z.useTheme(),M=z.useThemeColorScheme(),[h,N]=(0,u.useState)(void 0),[k,W]=(0,u.useState)(void 0),[A,j]=(0,u.useState)(!1),[G,K]=(0,u.useState)(!1),[V,q]=(0,u.useState)(void 0),{size:U,handleResizeStart:J,handleResizeMove:Q,handleResizeEnd:X}=B.useResizeHandle({initialSize:typeof c=="number"?c:450}),S=w&&!C,y=typeof f.spacingMultiplicator=="number"?f.spacingMultiplicator*4:void 0,m=S?V??c:C?U:c,Y={...I==="comfortable"?{lineDecorationsWidth:y}:{},padding:{bottom:y,top:y}},{padding:be,...Z}=R??{},L=(t,s)=>{const l=t?.getModel();if(!g.isDefined(l))return;const v=i?.(l.getValue());g.isDefined(v)&&s?.editor.setModelMarkers(l,"customMarker",v)},ee=t=>{A&&t.stopPropagation()};return(0,u.useEffect)(()=>{let t=!0;return fe().then(()=>{t&&K(!0)}),()=>{t=!1}},[]),(0,u.useEffect)(()=>{g.isDefined(h)&&F(h,f,M)},[M,h,f]),(0,u.useEffect)(()=>{if(!S||!g.isDefined(k)){q(void 0);return}const t=()=>{const l=k.getContentHeight();!Number.isFinite(l)||l<=0||q(v=>v===l?v:l)};t();const s=k.onDidContentSizeChange(t);return()=>{s.dispose()}},[k,S]),$||!G?(0,d.jsx)("div",{className:H.editorLoader,"data-variant":p,style:{"--code-editor-height":typeof m=="number"?`${m}px`:m},children:(0,d.jsx)(le.Loader,{})}):(0,d.jsxs)("div",{className:H.container,onKeyDown:ee,children:[(0,d.jsx)("input",{type:"hidden","data-testid":"code-editor-value",value:e??"",readOnly:!0}),(0,d.jsx)("div",{className:H.editorWrapper,"data-variant":p,"data-transparent-background":b||void 0,children:(0,d.jsx)(E.default,{height:m,value:e,language:r,loading:"",onMount:(t,s)=>{N(s),W(t),F(s,f,M),t.onDidFocusEditorWidget(()=>{j(!0)}),t.onDidBlurEditorWidget(()=>{j(!1)}),n?.(t,s),L(t,s)},onChange:t=>{g.isDefined(t)&&(a?.(t),L(k,h))},onValidate:t=>{_?.(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},...Z,...Y}})}),C&&(0,d.jsx)(B.ResizeHandle,{onPointerDown:J,onPointerMove:Q,onPointerUp:X})]})},ke="_editorHeader_19qlo_1",ve="_elementContainer_19qlo_15",x={editorHeader:ke,elementContainer:ve},_e=({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.BASE_CODE_EDITOR_THEME_ID=D;exports.CodeEditor=pe;exports.CodeEditorHeader=_e;exports.getBaseCodeEditorTheme=O;
+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-cll01qBQ.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;

package/dist/components/code-editor.mjs

@@ -1,19 +1,21 @@
-import { t as u } from "../isDefined-fMi6eQ4r.js";
-import { n as Y, r as Z } from "../theme-constants-CrrgAYWN.js";
-import { t as oo } from "../Loader-DbOLVUcK.js";
-import { n as ro, t as eo } from "../ResizeHandle-BWfY2ONo.js";
-import { jsx as n, jsxs as z } from "react/jsx-runtime";
-import { useEffect as E, useState as m } from "react";
+import { t as n } from "../isDefined-fMi6eQ4r.js";
+import { n as Y, r as Z } from "../theme-CjHovJAZ.js";
+import { t as oo } from "../Loader-BLkXvZli.js";
+import { t as ro } from "../ResizeHandle-DN1bRxQb.js";
+import { jsx as i, jsxs as x } from "react/jsx-runtime";
+import { useEffect as E, useId as eo, useState as f } from "react";
 import to, { loader as no } from "@monaco-editor/react";
-var B = "baseCodeEditorTheme", r = (o) => {
+var z = "baseCodeEditorTheme", r = (o) => {
   if (o.trim() === "transparent") return "#00000000";
   const t = o.match(/color\(display-p3\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s+\/\s+([\d.]+))?\)/);
-  if (u(t)) {
-    const [, i, s, l, v] = t, c = Math.round(parseFloat(i) * 255).toString(16).padStart(2, "0"), f = Math.round(parseFloat(s) * 255).toString(16).padStart(2, "0"), b = Math.round(parseFloat(l) * 255).toString(16).padStart(2, "0");
-    return u(v) ? `#${c}${f}${b}${Math.round(parseFloat(v) * 255).toString(16).padStart(2, "0")}` : `#${c}${f}${b}`;
+  if (n(t)) {
+    const [, a, d, s, v] = t;
+    if (!n(a) || !n(d) || !n(s)) return o;
+    const u = Math.round(parseFloat(a) * 255).toString(16).padStart(2, "0"), p = Math.round(parseFloat(d) * 255).toString(16).padStart(2, "0"), b = Math.round(parseFloat(s) * 255).toString(16).padStart(2, "0");
+    return n(v) ? `#${u}${p}${b}${Math.round(parseFloat(v) * 255).toString(16).padStart(2, "0")}` : `#${u}${p}${b}`;
   }
   return o;
-}, io = (o, t) => ({
+}, ao = (o, t) => ({
   base: t === "dark" ? "vs-dark" : "vs",
   inherit: !0,
   rules: [
@@ -97,89 +99,90 @@ var B = "baseCodeEditorTheme", r = (o) => {
     "editorBracketMatch.background": r(o.background.transparent.light),
     "editorBracketMatch.border": r(o.border.color.medium)
   }
-}), ao = "_editorLoader_zilk9_1", so = "_container_zilk9_20", lo = "_editorWrapper_zilk9_24", S = {
-  editorLoader: ao,
+}), io = "_editorLoader_zilk9_1", so = "_container_zilk9_20", lo = "_editorWrapper_zilk9_24", S = {
+  editorLoader: io,
   container: so,
   editorWrapper: lo
-}, F, co = () => (F ??= import("monaco-editor").then((o) => {
+}, I, co = () => (I ??= import("monaco-editor").then((o) => {
   no.config({ monaco: o });
-}), F), P = (o, t, i) => {
-  o.editor.defineTheme(B, io(t, i)), o.editor.setTheme(B);
-}, Mo = ({ value: o, language: t, onMount: i, onChange: s, setMarkers: l, onValidate: v, height: c = 450, variant: f = "default", transparentBackground: b, isLoading: $ = !1, options: j, resizable: M = !1, contentPadding: w = "default", autoHeight: N = !1 }) => {
-  const g = Z(), y = Y(), [h, O] = m(void 0), [p, R] = m(void 0), [I, x] = m(!1), [W, A] = m(!1), [q, D] = m(void 0), { size: G, handleResizeStart: K, handleResizeMove: V, handleResizeEnd: U } = ro({ initialSize: typeof c == "number" ? c : 450 }), _ = N && !M, H = typeof g.spacingMultiplicator == "number" ? g.spacingMultiplicator * 4 : void 0, C = _ ? q ?? c : M ? G : c, J = {
+}), I), j = (o, t, a) => {
+  o.editor.defineTheme(z, ao(t, a)), o.editor.setTheme(z);
+}, yo = ({ value: o, language: t, onMount: a, onChange: d, setMarkers: s, onValidate: v, height: u = 450, variant: p = "default", transparentBackground: b, isLoading: N = !1, options: O, resizable: y = !1, resizeLabel: P = "Resize editor", contentPadding: w = "default", autoHeight: W = !1 }) => {
+  const g = Z(), _ = Y(), [h, R] = f(void 0), [k, A] = f(void 0), [V, T] = f(!1), [q, G] = f(!1), [K, B] = f(void 0), [D, J] = f(typeof u == "number" ? u : 450), F = eo(), M = W && !y, H = typeof g.spacingMultiplicator == "number" ? g.spacingMultiplicator * 4 : void 0, C = M ? K ?? u : y ? D : u, Q = {
     ...w === "comfortable" ? { lineDecorationsWidth: H } : {},
     padding: {
       bottom: H,
       top: H
     }
-  }, { padding: fo, ...Q } = j ?? {}, T = (e, a) => {
-    const d = e?.getModel();
-    if (!u(d)) return;
-    const k = l?.(d.getValue());
-    u(k) && a?.editor.setModelMarkers(d, "customMarker", k);
+  }, { padding: fo, ...U } = O ?? {}, $ = (e, l) => {
+    const c = e?.getModel();
+    if (!n(c)) return;
+    const m = s?.(c.getValue());
+    n(m) && l?.editor.setModelMarkers(c, "customMarker", m);
   }, X = (e) => {
-    I && e.stopPropagation();
+    V && e.stopPropagation();
   };
   return E(() => {
     let e = !0;
     return co().then(() => {
-      e && A(!0);
+      e && G(!0);
     }), () => {
       e = !1;
     };
   }, []), E(() => {
-    u(h) && P(h, g, y);
+    n(h) && j(h, g, _);
   }, [
-    y,
+    _,
     h,
     g
   ]), E(() => {
-    if (!_ || !u(p)) {
-      D(void 0);
+    if (!M || !n(k)) {
+      B(void 0);
       return;
     }
     const e = () => {
-      const d = p.getContentHeight();
-      !Number.isFinite(d) || d <= 0 || D((k) => k === d ? k : d);
+      const c = k.getContentHeight();
+      !Number.isFinite(c) || c <= 0 || B((m) => m === c ? m : c);
     };
     e();
-    const a = p.onDidContentSizeChange(e);
+    const l = k.onDidContentSizeChange(e);
     return () => {
-      a.dispose();
+      l.dispose();
     };
-  }, [p, _]), $ || !W ? /* @__PURE__ */ n("div", {
+  }, [k, M]), N || !q ? /* @__PURE__ */ i("div", {
     className: S.editorLoader,
-    "data-variant": f,
+    "data-variant": p,
     style: { "--code-editor-height": typeof C == "number" ? `${C}px` : C },
-    children: /* @__PURE__ */ n(oo, {})
-  }) : /* @__PURE__ */ z("div", {
+    children: /* @__PURE__ */ i(oo, {})
+  }) : /* @__PURE__ */ x("div", {
     className: S.container,
     onKeyDown: X,
     children: [
-      /* @__PURE__ */ n("input", {
+      /* @__PURE__ */ i("input", {
         type: "hidden",
         "data-testid": "code-editor-value",
         value: o ?? "",
         readOnly: !0
       }),
-      /* @__PURE__ */ n("div", {
+      /* @__PURE__ */ i("div", {
+        id: F,
         className: S.editorWrapper,
-        "data-variant": f,
+        "data-variant": p,
         "data-transparent-background": b || void 0,
-        children: /* @__PURE__ */ n(to, {
+        children: /* @__PURE__ */ i(to, {
           height: C,
           value: o,
           language: t,
           loading: "",
-          onMount: (e, a) => {
-            O(a), R(e), P(a, g, y), e.onDidFocusEditorWidget(() => {
-              x(!0);
+          onMount: (e, l) => {
+            R(l), A(e), j(l, g, _), e.onDidFocusEditorWidget(() => {
+              T(!0);
             }), e.onDidBlurEditorWidget(() => {
-              x(!1);
-            }), i?.(e, a), T(e, a);
+              T(!1);
+            }), a?.(e, l), $(e, l);
           },
           onChange: (e) => {
-            u(e) && (s?.(e), T(p, h));
+            n(e) && (d?.(e), $(k, h));
           },
           onValidate: (e) => {
             v?.(e);
@@ -196,34 +199,33 @@ var B = "baseCodeEditorTheme", r = (o) => {
               horizontal: "hidden"
             },
             minimap: { enabled: !1 },
-            ...Q,
-            ...J
+            ...U,
+            ...Q
           }
         })
       }),
-      M && /* @__PURE__ */ n(eo, {
-        onPointerDown: K,
-        onPointerMove: V,
-        onPointerUp: U
+      y && /* @__PURE__ */ i(ro, {
+        "aria-label": P,
+        "aria-controls": F,
+        value: D,
+        onValueChange: J
       })
     ]
   });
 }, uo = "_editorHeader_19qlo_1", go = "_elementContainer_19qlo_15", L = {
   editorHeader: uo,
   elementContainer: go
-}, yo = ({ title: o, leftNodes: t, rightNodes: i }) => /* @__PURE__ */ z("div", {
+}, _o = ({ title: o, leftNodes: t, rightNodes: a }) => /* @__PURE__ */ x("div", {
   className: L.editorHeader,
-  children: [/* @__PURE__ */ z("div", {
+  children: [/* @__PURE__ */ x("div", {
     className: L.elementContainer,
-    children: [t && t.map((s, l) => /* @__PURE__ */ n("div", { children: s }, `left-${l}`)), o]
-  }), /* @__PURE__ */ n("div", {
+    children: [t && t.map((d, s) => /* @__PURE__ */ i("div", { children: d }, `left-${s}`)), o]
+  }), /* @__PURE__ */ i("div", {
     className: L.elementContainer,
-    children: i && i.map((s, l) => /* @__PURE__ */ n("div", { children: s }, `right-${l}`))
+    children: a && a.map((d, s) => /* @__PURE__ */ i("div", { children: d }, `right-${s}`))
   })]
 });
 export {
-  B as BASE_CODE_EDITOR_THEME_ID,
-  Mo as CodeEditor,
-  yo as CodeEditorHeader,
-  io as getBaseCodeEditorTheme
+  yo as CodeEditor,
+  _o as CodeEditorHeader
 };

package/dist/components/data-display/AvatarGroup/AvatarGroup.d.ts

@@ -1,2 +1,2 @@
 import { AvatarGroupProps } from './types/AvatarGroupProps';
-export declare const AvatarGroup: ({ avatars, className, maxVisible, overflowAvatar, overlap, overlapOffset, }: AvatarGroupProps) => import("react").JSX.Element | null;
+export declare const AvatarGroup: ({ avatars, className, maxVisible, overflowAvatar, overflowCount, overflowShape, overlap, overlapOffset, }: AvatarGroupProps) => import("react").JSX.Element | null;

package/dist/components/data-display/AvatarGroup/types/AvatarGroupProps.d.ts

@@ -1,9 +1,12 @@
 import { ReactNode } from 'react';
+import { AvatarShape } from '../../../../primitives/data-display/Avatar/types/AvatarShape';
 export type AvatarGroupProps = {
     avatars: ReactNode[];
     className?: string;
     maxVisible?: number;
     overflowAvatar?: ReactNode;
+    overflowCount?: number;
+    overflowShape?: AvatarShape;
     overlap?: 'left' | 'right';
     overlapOffset?: string;
 };

package/dist/components/feedback/Callout/Callout.d.ts

@@ -1,2 +1,2 @@
 import { CalloutProps } from './types/CalloutProps';
-export declare const Callout: ({ variant, title, description, fullWidth, Icon, action, isClosable, onClose, }: CalloutProps) => import("react").JSX.Element | null;
+export declare const Callout: ({ variant, title, description, fullWidth, Icon, action, isClosable, closeLabel, onClose, }: CalloutProps) => import("react").JSX.Element | null;

package/dist/components/feedback/Callout/types/CalloutProps.d.ts

@@ -11,5 +11,6 @@ export type CalloutProps = {
         onClick: () => void;
     };
     isClosable?: boolean;
+    closeLabel?: string;
     onClose?: () => void;
 };