twenty-ui 2.41.0 → 2.42.0

package/dist/Switch-BvVP6vjR.js

@@ -0,0 +1,101 @@
+import { t as i } from "./isDefined-fMi6eQ4r.js";
+import { i as H, r as L } from "./utilities-FXsKnNbt.js";
+import { t as M } from "./Loader-DbOLVUcK.js";
+import { t as q } from "./Pill-DaFEFIOT.js";
+import { t as h } from "./mergeClassNames-BHKm1BNi.js";
+import { clsx as p } from "clsx";
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { createContext as D, useContext as K } from "react";
+import { Button as O } from "@base-ui/react/button";
+import { Radio as j } from "@base-ui/react/radio";
+import { Switch as B } from "@base-ui/react/switch";
+var T = "_hotkeys_16heq_1", V = { hotkeys: T }, A = ({ hotkeys: o }) => /* @__PURE__ */ a("span", {
+  className: V.hotkeys,
+  "aria-hidden": !0,
+  children: o.join(H())
+}), E = "_soonPillContainer_e7hkk_1", F = { soonPillContainer: E }, I = ({ label: o = "Soon" }) => /* @__PURE__ */ a("span", {
+  className: F.soonPillContainer,
+  children: /* @__PURE__ */ a(q, { label: o })
+}), J = D(null), Q = "_button_1kjmt_1", U = "_content_1kjmt_161", W = "_label_1kjmt_170", X = "_icon_1kjmt_176", Y = "_hidden_1kjmt_186", Z = "_loader_1kjmt_190", t = {
+  button: Q,
+  content: U,
+  label: W,
+  icon: X,
+  hidden: Y,
+  loader: Z
+}, Na = ({ variant: o = "outline", color: r = "neutral", size: e = "md", fullWidth: s = !1, loading: n = !1, elevated: S = !1, startIcon: f, endIcon: k, hotkeys: b, soon: N = !1, soonLabel: C, disabled: x = !1, href: _, render: y, className: P, children: c, ...w }) => {
+  const u = K(J), $ = u?.variant ?? o, R = u?.color ?? r, z = u?.size ?? e, G = L(), l = i(_);
+  return /* @__PURE__ */ m(O, {
+    ...w,
+    ...l ? { href: _ } : void 0,
+    className: h(t.button, P),
+    "data-variant": $,
+    "data-color": R,
+    "data-size": z,
+    "data-full-width": s || void 0,
+    "data-loading": n || void 0,
+    "data-elevated": S || void 0,
+    "aria-busy": n ? "true" : w["aria-busy"],
+    disabled: x || N || n,
+    role: l ? "link" : void 0,
+    nativeButton: !l,
+    render: y ?? (l ? /* @__PURE__ */ a("a", {
+      href: _,
+      children: c
+    }) : void 0),
+    children: [/* @__PURE__ */ m("span", {
+      className: p(t.content, n && t.hidden),
+      children: [
+        i(f) && /* @__PURE__ */ a("span", {
+          className: t.icon,
+          "aria-hidden": !0,
+          children: f
+        }),
+        i(c) && /* @__PURE__ */ a("span", {
+          className: t.label,
+          children: c
+        }),
+        i(k) && /* @__PURE__ */ a("span", {
+          className: t.icon,
+          "aria-hidden": !0,
+          children: k
+        }),
+        i(b) && !G && /* @__PURE__ */ a(A, { hotkeys: b }),
+        N && /* @__PURE__ */ a(I, { label: C })
+      ]
+    }), n && /* @__PURE__ */ a("span", {
+      className: t.loader,
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ a(M, {})
+    })]
+  });
+}, g = "_root_ahkrw_1", aa = "_control_ahkrw_18", oa = "_sm_ahkrw_33", ta = "_md_ahkrw_38", ra = "_indicator_ahkrw_49", d = {
+  root: g,
+  control: aa,
+  sm: oa,
+  md: ta,
+  indicator: ra
+}, wa = ({ children: o, className: r, size: e = "sm", ...s }) => /* @__PURE__ */ m(j.Root, {
+  ...s,
+  className: h(p(d.root, d[e]), r),
+  children: [/* @__PURE__ */ a("span", {
+    className: d.control,
+    "aria-hidden": !0,
+    children: /* @__PURE__ */ a(j.Indicator, { className: d.indicator })
+  }), o]
+}), ea = "_root_rn2ew_1", sa = "_sm_rn2ew_33", na = "_md_rn2ew_39", ia = "_thumb_rn2ew_45", v = {
+  root: ea,
+  sm: sa,
+  md: na,
+  thumb: ia
+}, ja = ({ size: o = "md", className: r, children: e, ...s }) => /* @__PURE__ */ m(B.Root, {
+  ...s,
+  className: h(p(v.root, v[o]), r),
+  children: [/* @__PURE__ */ a(B.Thumb, { className: v.thumb }), e]
+});
+export {
+  J as i,
+  wa as n,
+  Na as r,
+  ja as t
+};

package/dist/Switch-DuoJ4ytC.cjs

@@ -0,0 +1 @@
+const i=require("./isDefined-DS2Q42p5.cjs"),w=require("./utilities-D7Z6Uof8.cjs"),L=require("./Loader-CHKTYJo7.cjs"),$=require("./Pill-BJ3K8Mdc.cjs"),v=require("./mergeClassNames-BbJtXN2t.cjs");let h=require("clsx"),e=require("react/jsx-runtime"),p=require("react"),H=require("@base-ui/react/button"),q=require("@base-ui/react/radio"),N=require("@base-ui/react/switch");var M="_hotkeys_16heq_1",K={hotkeys:M},T=({hotkeys:r})=>(0,e.jsx)("span",{className:K.hotkeys,"aria-hidden":!0,children:r.join(w.getOsShortcutSeparator())}),V="_soonPillContainer_e7hkk_1",A={soonPillContainer:V},E=({label:r="Soon"})=>(0,e.jsx)("span",{className:A.soonPillContainer,children:(0,e.jsx)($.Pill,{label:r})}),C=(0,p.createContext)(null),F="_button_1kjmt_1",I="_content_1kjmt_161",J="_label_1kjmt_170",Q="_icon_1kjmt_176",U="_hidden_1kjmt_186",W="_loader_1kjmt_190",t={button:F,content:I,label:J,icon:Q,hidden:U,loader:W},X=({variant:r="outline",color:a="neutral",size:o="md",fullWidth:s=!1,loading:n=!1,elevated:B=!1,startIcon:j,endIcon:b,hotkeys:x,soon:f=!1,soonLabel:S,disabled:y=!1,href:d,render:P,className:R,children:_,...k})=>{const c=(0,p.useContext)(C),g=c?.variant??r,D=c?.color??a,O=c?.size??o,z=w.useIsMobile(),l=i.isDefined(d),G=l?{href:d}:void 0;return(0,e.jsxs)(H.Button,{...k,...G,className:v.mergeClassNames(t.button,R),"data-variant":g,"data-color":D,"data-size":O,"data-full-width":s||void 0,"data-loading":n||void 0,"data-elevated":B||void 0,"aria-busy":n?"true":k["aria-busy"],disabled:y||f||n,role:l?"link":void 0,nativeButton:!l,render:P??(l?(0,e.jsx)("a",{href:d,children:_}):void 0),children:[(0,e.jsxs)("span",{className:(0,h.clsx)(t.content,n&&t.hidden),children:[i.isDefined(j)&&(0,e.jsx)("span",{className:t.icon,"aria-hidden":!0,children:j}),i.isDefined(_)&&(0,e.jsx)("span",{className:t.label,children:_}),i.isDefined(b)&&(0,e.jsx)("span",{className:t.icon,"aria-hidden":!0,children:b}),i.isDefined(x)&&!z&&(0,e.jsx)(T,{hotkeys:x}),f&&(0,e.jsx)(E,{label:S})]}),n&&(0,e.jsx)("span",{className:t.loader,"aria-hidden":!0,children:(0,e.jsx)(L.Loader,{})})]})},Y="_root_ahkrw_1",Z="_control_ahkrw_18",ee="_sm_ahkrw_33",re="_md_ahkrw_38",te="_indicator_ahkrw_49",u={root:Y,control:Z,sm:ee,md:re,indicator:te},ae=({children:r,className:a,size:o="sm",...s})=>(0,e.jsxs)(q.Radio.Root,{...s,className:v.mergeClassNames((0,h.clsx)(u.root,u[o]),a),children:[(0,e.jsx)("span",{className:u.control,"aria-hidden":!0,children:(0,e.jsx)(q.Radio.Indicator,{className:u.indicator})}),r]}),oe="_root_rn2ew_1",se="_sm_rn2ew_33",ne="_md_rn2ew_39",ie="_thumb_rn2ew_45",m={root:oe,sm:se,md:ne,thumb:ie},le=({size:r="md",className:a,children:o,...s})=>(0,e.jsxs)(N.Switch.Root,{...s,className:v.mergeClassNames((0,h.clsx)(m.root,m[r]),a),children:[(0,e.jsx)(N.Switch.Thumb,{className:m.thumb}),o]});Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return X}});Object.defineProperty(exports,"ButtonGroupContext",{enumerable:!0,get:function(){return C}});Object.defineProperty(exports,"Radio",{enumerable:!0,get:function(){return ae}});Object.defineProperty(exports,"Switch",{enumerable:!0,get:function(){return le}});

package/dist/TabsTabContent-BWQCg7Ua.js

@@ -0,0 +1,40 @@
+import { t as l } from "./isDefined-fMi6eQ4r.js";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { isBoolean as o } from "@sniptt/guards";
+var t = (a) => l(a) && !o(a) && a !== "", v = "_root_1a4vb_1", b = "_list_1a4vb_10", c = "_tab_1a4vb_37", d = "_content_1a4vb_89", m = "_label_1a4vb_108", p = "_startIcon_1a4vb_114", h = "_badge_1a4vb_115", f = "_panel_1a4vb_130", N = "_indicator_1a4vb_139", r = {
+  root: v,
+  list: b,
+  tab: c,
+  content: d,
+  label: m,
+  startIcon: p,
+  badge: h,
+  panel: f,
+  indicator: N
+}, g = ({ children: a, startIcon: _, endIcon: n, badge: s }) => /* @__PURE__ */ i("span", {
+  className: r.content,
+  children: [
+    t(_) && /* @__PURE__ */ e("span", {
+      className: r.startIcon,
+      "aria-hidden": !0,
+      children: _
+    }),
+    /* @__PURE__ */ e("span", {
+      className: r.label,
+      children: a
+    }),
+    t(n) && /* @__PURE__ */ e("span", {
+      className: r.startIcon,
+      "aria-hidden": !0,
+      children: n
+    }),
+    t(s) && /* @__PURE__ */ e("span", {
+      className: r.badge,
+      children: s
+    })
+  ]
+});
+export {
+  r as n,
+  g as t
+};

package/dist/TabsTabContent-ChqlTk3P.cjs

@@ -0,0 +1 @@
+const i=require("./isDefined-DS2Q42p5.cjs");let r=require("react/jsx-runtime"),l=require("@sniptt/guards");var t=e=>i.isDefined(e)&&!(0,l.isBoolean)(e)&&e!=="",b="_root_1a4vb_1",c="_list_1a4vb_10",d="_tab_1a4vb_37",o="_content_1a4vb_89",v="_label_1a4vb_108",u="_startIcon_1a4vb_114",m="_badge_1a4vb_115",p="_panel_1a4vb_130",f="_indicator_1a4vb_139",a={root:b,list:c,tab:d,content:o,label:v,startIcon:u,badge:m,panel:p,indicator:f},j=({children:e,startIcon:n,endIcon:_,badge:s})=>(0,r.jsxs)("span",{className:a.content,children:[t(n)&&(0,r.jsx)("span",{className:a.startIcon,"aria-hidden":!0,children:n}),(0,r.jsx)("span",{className:a.label,children:e}),t(_)&&(0,r.jsx)("span",{className:a.startIcon,"aria-hidden":!0,children:_}),t(s)&&(0,r.jsx)("span",{className:a.badge,children:s})]});Object.defineProperty(exports,"Tab_module_default",{enumerable:!0,get:function(){return a}});Object.defineProperty(exports,"TabsTabContent",{enumerable:!0,get:function(){return j}});

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

@@ -0,0 +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;

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

@@ -0,0 +1 @@
+export declare const waitForCodeEditorContent: (canvasElement: HTMLElement, expectedContent: string) => Promise<void>;

package/dist/{primitives/input/CodeEditor/CodeEditor.d.ts → components/code-editor/CodeEditor/types/CodeEditorProps.d.ts}

@@ -2,7 +2,7 @@ import { EditorProps } from '@monaco-editor/react';
 import { editor } from 'monaco-editor';
 type CodeEditorVariant = 'default' | 'with-header' | 'borderless';
 type CodeEditorContentPadding = 'default' | 'comfortable';
-type CodeEditorProps = Pick<EditorProps, 'value' | 'language' | 'onMount' | 'onValidate' | 'height' | 'options'> & {
+export type CodeEditorProps = Pick<EditorProps, 'value' | 'language' | 'onMount' | 'onValidate' | 'height' | 'options'> & {
     onChange?: (value: string) => void;
     setMarkers?: (value: string) => editor.IMarkerData[];
     variant?: CodeEditorVariant;
@@ -12,5 +12,4 @@ type CodeEditorProps = Pick<EditorProps, 'value' | 'language' | 'onMount' | 'onV
     contentPadding?: CodeEditorContentPadding;
     autoHeight?: boolean;
 };
-export declare const CodeEditor: ({ value, language, onMount, onChange, setMarkers, onValidate, height, variant, transparentBackground, isLoading, options, resizable, contentPadding, autoHeight, }: CodeEditorProps) => import("react").JSX.Element;
 export {};

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

@@ -0,0 +1,2 @@
+import { CodeEditorHeaderProps } from './types/CodeEditorHeaderProps';
+export declare const CodeEditorHeader: ({ title, leftNodes, rightNodes, }: CodeEditorHeaderProps) => import("react").JSX.Element;

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

@@ -0,0 +1,5 @@
+export type CodeEditorHeaderProps = {
+    title?: string;
+    leftNodes?: React.ReactNode[];
+    rightNodes?: React.ReactNode[];
+};

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +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;

package/dist/components/code-editor.mjs

@@ -0,0 +1,229 @@
+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 to, { loader as no } from "@monaco-editor/react";
+var B = "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}`;
+  }
+  return o;
+}, io = (o, t) => ({
+  base: t === "dark" ? "vs-dark" : "vs",
+  inherit: !0,
+  rules: [
+    {
+      token: "",
+      foreground: r(o.font.color.secondary)
+    },
+    {
+      token: "keyword",
+      foreground: r(o.color.pink11)
+    },
+    {
+      token: "keyword.control",
+      foreground: r(o.color.pink11)
+    },
+    {
+      token: "keyword.json",
+      foreground: r(o.color.orange11)
+    },
+    {
+      token: "number",
+      foreground: r(o.color.orange11)
+    },
+    {
+      token: "number.json",
+      foreground: r(o.color.orange11)
+    },
+    {
+      token: "regexp",
+      foreground: r(o.color.orange11)
+    },
+    {
+      token: "type",
+      foreground: r(o.color.green11)
+    },
+    {
+      token: "attribute.name",
+      foreground: r(o.color.blue11)
+    },
+    {
+      token: "tag",
+      foreground: r(o.color.pink11)
+    },
+    {
+      token: "string",
+      foreground: r(o.color.green11)
+    },
+    {
+      token: "string.key.json",
+      foreground: r(o.color.blue11)
+    },
+    {
+      token: "delimiter",
+      foreground: r(o.font.color.light)
+    },
+    {
+      token: "delimiter.bracket.json",
+      foreground: r(o.font.color.light)
+    },
+    {
+      token: "string.value.json",
+      foreground: r(o.color.green11)
+    },
+    {
+      token: "comment",
+      foreground: r(o.font.color.light),
+      fontStyle: "italic"
+    }
+  ],
+  colors: {
+    "editor.background": r("transparent"),
+    "editor.foreground": r(o.font.color.secondary),
+    "editorCursor.foreground": r(o.font.color.primary),
+    "editorLineNumber.foreground": r(o.font.color.extraLight),
+    "editorLineNumber.activeForeground": r(o.font.color.light),
+    "editor.lineHighlightBackground": r(o.background.tertiary),
+    "editor.selectionBackground": r(o.background.transparent.blue),
+    "editor.inactiveSelectionBackground": r(o.background.transparent.light),
+    "editorIndentGuide.background1": r(o.border.color.light),
+    "editorIndentGuide.activeBackground1": r(o.border.color.medium),
+    "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,
+  container: so,
+  editorWrapper: lo
+}, F, co = () => (F ??= 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 = {
+    ...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);
+  }, X = (e) => {
+    I && e.stopPropagation();
+  };
+  return E(() => {
+    let e = !0;
+    return co().then(() => {
+      e && A(!0);
+    }), () => {
+      e = !1;
+    };
+  }, []), E(() => {
+    u(h) && P(h, g, y);
+  }, [
+    y,
+    h,
+    g
+  ]), E(() => {
+    if (!_ || !u(p)) {
+      D(void 0);
+      return;
+    }
+    const e = () => {
+      const d = p.getContentHeight();
+      !Number.isFinite(d) || d <= 0 || D((k) => k === d ? k : d);
+    };
+    e();
+    const a = p.onDidContentSizeChange(e);
+    return () => {
+      a.dispose();
+    };
+  }, [p, _]), $ || !W ? /* @__PURE__ */ n("div", {
+    className: S.editorLoader,
+    "data-variant": f,
+    style: { "--code-editor-height": typeof C == "number" ? `${C}px` : C },
+    children: /* @__PURE__ */ n(oo, {})
+  }) : /* @__PURE__ */ z("div", {
+    className: S.container,
+    onKeyDown: X,
+    children: [
+      /* @__PURE__ */ n("input", {
+        type: "hidden",
+        "data-testid": "code-editor-value",
+        value: o ?? "",
+        readOnly: !0
+      }),
+      /* @__PURE__ */ n("div", {
+        className: S.editorWrapper,
+        "data-variant": f,
+        "data-transparent-background": b || void 0,
+        children: /* @__PURE__ */ n(to, {
+          height: C,
+          value: o,
+          language: t,
+          loading: "",
+          onMount: (e, a) => {
+            O(a), R(e), P(a, g, y), e.onDidFocusEditorWidget(() => {
+              x(!0);
+            }), e.onDidBlurEditorWidget(() => {
+              x(!1);
+            }), i?.(e, a), T(e, a);
+          },
+          onChange: (e) => {
+            u(e) && (s?.(e), T(p, h));
+          },
+          onValidate: (e) => {
+            v?.(e);
+          },
+          options: {
+            formatOnPaste: !0,
+            formatOnType: !0,
+            fontFamily: g.code.font.family,
+            bracketPairColorization: { enabled: !1 },
+            overviewRulerLanes: 0,
+            scrollBeyondLastLine: !1,
+            scrollbar: {
+              vertical: "hidden",
+              horizontal: "hidden"
+            },
+            minimap: { enabled: !1 },
+            ...Q,
+            ...J
+          }
+        })
+      }),
+      M && /* @__PURE__ */ n(eo, {
+        onPointerDown: K,
+        onPointerMove: V,
+        onPointerUp: U
+      })
+    ]
+  });
+}, uo = "_editorHeader_19qlo_1", go = "_elementContainer_19qlo_15", L = {
+  editorHeader: uo,
+  elementContainer: go
+}, yo = ({ title: o, leftNodes: t, rightNodes: i }) => /* @__PURE__ */ z("div", {
+  className: L.editorHeader,
+  children: [/* @__PURE__ */ z("div", {
+    className: L.elementContainer,
+    children: [t && t.map((s, l) => /* @__PURE__ */ n("div", { children: s }, `left-${l}`)), o]
+  }), /* @__PURE__ */ n("div", {
+    className: L.elementContainer,
+    children: i && i.map((s, l) => /* @__PURE__ */ n("div", { children: s }, `right-${l}`))
+  })]
+});
+export {
+  B as BASE_CODE_EDITOR_THEME_ID,
+  Mo as CodeEditor,
+  yo as CodeEditorHeader,
+  io as getBaseCodeEditorTheme
+};

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

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

package/dist/{primitives/data-display/AvatarGroup/AvatarGroup.d.ts → components/data-display/AvatarGroup/types/AvatarGroupProps.d.ts}

@@ -7,4 +7,3 @@ export type AvatarGroupProps = {
     overlap?: 'left' | 'right';
     overlapOffset?: string;
 };
-export declare const AvatarGroup: ({ avatars, className, maxVisible, overflowAvatar, overlap, overlapOffset, }: AvatarGroupProps) => import("react").JSX.Element | null;

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

@@ -0,0 +1,2 @@
+import { JsonTreeProps } from './types/JsonTreeProps';
+export declare const JsonTree: ({ value, entries, shouldExpandNodeInitially, ...context }: JsonTreeProps) => import("react").JSX.Element;

package/dist/{primitives/json-visualizer/components → components/data-display/JsonTree/internal}/JsonNestedNode.d.ts

@@ -1,6 +1,6 @@
 import { JsonValue } from 'type-fest';
-import { IconComponent } from '../../../icon';
 import { JsonNodeHighlighting } from '../types/JsonNodeHighlighting';
+import { IconComponent } from '../../../../icon';
 export declare const JsonNestedNode: ({ label, Icon, elements, renderElementsCount, emptyElementsText, depth, keyPath, highlighting, }: {
     label?: string;
     Icon: IconComponent;

package/dist/{primitives/json-visualizer/components → components/data-display/JsonTree}/internal/JsonNodeLabel.d.ts

@@ -1,5 +1,5 @@
+import { JsonNodeHighlighting } from '../types/JsonNodeHighlighting';
 import { IconComponent } from '../../../../icon';
-import { JsonNodeHighlighting } from '../../types/JsonNodeHighlighting';
 export declare const JsonNodeLabel: ({ label, Icon, highlighting, }: {
     label: string;
     Icon: IconComponent;

package/dist/{primitives/json-visualizer/components → components/data-display/JsonTree}/internal/JsonNodeValue.d.ts

@@ -1,4 +1,4 @@
-import { JsonNodeHighlighting } from '../../types/JsonNodeHighlighting';
+import { JsonNodeHighlighting } from '../types/JsonNodeHighlighting';
 export declare const JsonNodeValue: ({ valueAsString, highlighting, }: {
     valueAsString: string;
     highlighting?: JsonNodeHighlighting | undefined;

package/dist/{primitives/json-visualizer/components → components/data-display/JsonTree/internal}/JsonTreeContextProvider.d.ts

@@ -1,4 +1,4 @@
-import { JsonTreeContextType } from '../contexts/JsonTreeContext';
+import { JsonTreeContextType } from './types/JsonTreeContextType';
 export declare const JsonTreeContextProvider: ({ value, children, }: {
     value: JsonTreeContextType;
     children: React.ReactNode;

package/dist/{primitives/json-visualizer/components → components/data-display/JsonTree/internal}/JsonValueNode.d.ts

@@ -1,5 +1,5 @@
-import { IconComponent } from '../../../icon';
 import { JsonNodeHighlighting } from '../types/JsonNodeHighlighting';
+import { IconComponent } from '../../../../icon';
 type JsonValueNodeProps = {
     valueAsString: string;
     highlighting: JsonNodeHighlighting | undefined;

package/dist/components/data-display/JsonTree/internal/contexts/JsonTreeContext.d.ts

@@ -0,0 +1,2 @@
+import { JsonTreeContextType } from '../types/JsonTreeContextType';
+export declare const JsonTreeContext: import('react').Context<JsonTreeContextType | undefined>;

package/dist/{primitives/json-visualizer → components/data-display/JsonTree/internal}/hooks/useJsonTreeContextOrThrow.d.ts

@@ -1 +1 @@
-export declare const useJsonTreeContextOrThrow: () => import('../contexts/JsonTreeContext').JsonTreeContextType;
+export declare const useJsonTreeContextOrThrow: () => import('../types/JsonTreeContextType').JsonTreeContextType;

package/dist/{primitives/json-visualizer/contexts/JsonTreeContext.d.ts → components/data-display/JsonTree/internal/types/JsonTreeContextType.d.ts}

@@ -1,8 +1,5 @@
-import { GetJsonNodeHighlighting } from '../types/GetJsonNodeHighlighting';
-export type ShouldExpandNodeInitiallyProps = {
-    keyPath: string;
-    depth: number;
-};
+import { GetJsonNodeHighlighting } from '../../types/GetJsonNodeHighlighting';
+import { ShouldExpandNodeInitiallyProps } from '../../types/ShouldExpandNodeInitiallyProps';
 export type JsonTreeContextType = {
     getNodeHighlighting?: GetJsonNodeHighlighting;
     shouldExpandNodeInitially: (params: ShouldExpandNodeInitiallyProps) => boolean;
@@ -13,4 +10,3 @@ export type JsonTreeContextType = {
     arrowButtonExpandedLabel: string;
     onNodeValueClick?: (valueAsString: string) => void;
 };
-export declare const JsonTreeContext: import('react').Context<JsonTreeContextType | undefined>;

package/dist/{primitives/json-visualizer → components/data-display/JsonTree/internal}/utils/isTwoFirstDepths.d.ts

@@ -1,2 +1,2 @@
-import { ShouldExpandNodeInitiallyProps } from '../contexts/JsonTreeContext';
+import { ShouldExpandNodeInitiallyProps } from '../../types/ShouldExpandNodeInitiallyProps';
 export declare const isTwoFirstDepths: ({ depth }: ShouldExpandNodeInitiallyProps) => boolean;

package/dist/{primitives/json-visualizer → components/data-display/JsonTree}/types/JsonNodeHighlighting.d.ts

@@ -1,2 +1,2 @@
-import { ThemeColor } from '../../../theme';
+import { ThemeColor } from '../../../../theme';
 export type JsonNodeHighlighting = Extract<ThemeColor, 'blue' | 'red'> | 'partial-blue';

package/dist/components/data-display/JsonTree/types/JsonTreeEntry.d.ts

@@ -0,0 +1,6 @@
+import { JsonValue } from 'type-fest';
+export type JsonTreeEntry = {
+    id: string | number;
+    label: string;
+    value: JsonValue;
+};

package/dist/components/data-display/JsonTree/types/JsonTreeProps.d.ts

@@ -0,0 +1,12 @@
+import { JsonValue } from 'type-fest';
+import { JsonTreeContextType } from '../internal/types/JsonTreeContextType';
+import { JsonTreeEntry } from './JsonTreeEntry';
+export type JsonTreeProps = Omit<JsonTreeContextType, 'shouldExpandNodeInitially'> & {
+    shouldExpandNodeInitially?: JsonTreeContextType['shouldExpandNodeInitially'];
+} & ({
+    value: JsonValue;
+    entries?: never;
+} | {
+    value?: never;
+    entries: JsonTreeEntry[];
+});

package/dist/components/data-display/JsonTree/types/ShouldExpandNodeInitiallyProps.d.ts

@@ -0,0 +1,4 @@
+export type ShouldExpandNodeInitiallyProps = {
+    keyPath: string;
+    depth: number;
+};

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

@@ -0,0 +1,2 @@
+import { TintedIconTileProps } from './types/TintedIconTileProps';
+export declare const TintedIconTile: ({ Icon, color, size: sizeFromProps, stroke: strokeFromProps, }: TintedIconTileProps) => import("react").JSX.Element;

package/dist/components/data-display/TintedIconTile/types/TintedIconTileProps.d.ts

@@ -0,0 +1,7 @@
+import { IconComponent } from '../../../../icon/types/IconComponent';
+export type TintedIconTileProps = {
+    Icon: IconComponent;
+    color?: string | null;
+    size?: number;
+    stroke?: number;
+};

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

@@ -0,0 +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;

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

@@ -0,0 +1,15 @@
+import { IconComponent } from '../../../../icon/types/IconComponent';
+import { CalloutVariant } from './CalloutVariant';
+export type CalloutProps = {
+    variant: CalloutVariant;
+    title: string;
+    description?: string;
+    fullWidth?: boolean;
+    Icon?: IconComponent;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    isClosable?: boolean;
+    onClose?: () => void;
+};

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

@@ -0,0 +1 @@
+export type CalloutVariant = 'info' | 'warning' | 'error' | 'neutral' | 'success';

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

@@ -0,0 +1,2 @@
+import { InfoProps } from './types/InfoProps';
+export declare const Info: ({ accent, text, buttonTitle, onClick, href, render, }: InfoProps) => import("react").JSX.Element;

package/dist/components/feedback/Info/types/InfoAccent.d.ts

@@ -0,0 +1 @@
+export type InfoAccent = 'blue' | 'danger';

package/dist/{primitives/feedback/Info/Info.d.ts → components/feedback/Info/types/InfoProps.d.ts}

@@ -1,10 +1,11 @@
+import { Button } from '../../../../primitives/input/Button/Button';
 import { default as React } from 'react';
-export type InfoAccent = 'blue' | 'danger';
+import { InfoAccent } from './InfoAccent';
 export type InfoProps = {
     accent?: InfoAccent;
     text: string;
     buttonTitle?: string;
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    to?: string;
+    href?: string;
+    render?: React.ComponentProps<typeof Button>['render'];
 };
-export declare const Info: ({ accent, text, buttonTitle, onClick, to, }: InfoProps) => React.JSX.Element;

package/dist/{primitives → components}/feedback/InlineBanner/InlineBanner.d.ts

@@ -1,5 +1,5 @@
 import { IconComponent } from '../../../icon/types/IconComponent';
-import { BannerColor } from '../Banner/Banner';
+import { BannerColor } from '../../../primitives/feedback/Banner/Banner';
 type InlineBannerProps = {
     color?: BannerColor;
     message: string;

package/dist/components/feedback/Toast/hooks/useToast.d.ts

@@ -0,0 +1,7 @@
+export declare const useToast: () => {
+    enqueueToast: {
+        (options: import('../types/ToastOptions').ToastOptions): string;
+        (options: import('../types/ToastOptions').ToastOptions | undefined): string | undefined;
+    };
+    closeToast: (id?: string) => void;
+};