twenty-ui 2.43.0 → 2.45.0

package/dist/{ResizeHandle-DN1bRxQb.js → ResizeHandle-CGYGfOVF.js}

@@ -3,10 +3,10 @@ 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";
+import { useDirection as H } from "@base-ui/react/direction-provider";
+import { useControlled as E } from "@base-ui/utils/useControlled";
+import { mergeProps as b } from "@base-ui/react/merge-props";
 var P = {
   value: 150,
   min: 50,
@@ -48,7 +48,7 @@ var P = {
   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({
+  const [D, r] = E({
     controlled: u,
     default: p,
     name: "ResizeHandle"
@@ -70,7 +70,7 @@ var P = {
       axis: t,
       disabled: l
     },
-    props: E(m, a, {
+    props: b(m, a, {
       role: "separator",
       tabIndex: l ? -1 : a.tabIndex ?? 0,
       "aria-label": a["aria-label"] ?? "Resize",

package/dist/{ResizeHandle-cll01qBQ.cjs → ResizeHandle-CI-VTVOi.cjs}

@@ -1 +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}});
+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"),y=require("@base-ui/utils/clamp"),z=require("@base-ui/react/direction-provider"),A=require("@base-ui/utils/useControlled"),H=require("@base-ui/react/merge-props");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,A.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,H.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/Shortcut-CRCVbA2m.js

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

package/dist/Shortcut-CuBFak3I.cjs

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

package/dist/Switch-BQp0t6JZ.js

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

package/dist/Switch-CFCj3OQZ.cjs

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

package/dist/TabsTabContent-DZUNi_iE.cjs

@@ -0,0 +1 @@
+const r=require("./isRenderableSlot-Guryb6Nf.cjs");let a=require("react/jsx-runtime");var _="_root_ub2oy_1",o="_list_ub2oy_10",b="_tab_ub2oy_37",u="_content_ub2oy_89",i="_label_ub2oy_108",c="_startIcon_ub2oy_114",d="_badge_ub2oy_115",v="_panel_ub2oy_130",y="_indicator_ub2oy_139",e={root:_,list:o,tab:b,content:u,label:i,startIcon:c,badge:d,panel:v,indicator:y},m=({children:s,startIcon:t,endIcon:n,badge:l})=>(0,a.jsxs)("span",{className:e.content,children:[r.isRenderableSlot(t)&&(0,a.jsx)("span",{className:e.startIcon,"aria-hidden":!0,children:t}),(0,a.jsx)("span",{className:e.label,children:s}),r.isRenderableSlot(n)&&(0,a.jsx)("span",{className:e.startIcon,"aria-hidden":!0,children:n}),r.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-s6J5bZ3R.js

@@ -0,0 +1,39 @@
+import { t } from "./isRenderableSlot-DT_depzM.js";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+var l = "_root_ub2oy_1", b = "_list_ub2oy_10", i = "_tab_ub2oy_37", c = "_content_ub2oy_89", d = "_label_ub2oy_108", u = "_startIcon_ub2oy_114", v = "_badge_ub2oy_115", m = "_panel_ub2oy_130", p = "_indicator_ub2oy_139", a = {
+  root: l,
+  list: b,
+  tab: i,
+  content: c,
+  label: d,
+  startIcon: u,
+  badge: v,
+  panel: m,
+  indicator: p
+}, N = ({ children: s, startIcon: e, endIcon: _, badge: o }) => /* @__PURE__ */ n("span", {
+  className: a.content,
+  children: [
+    t(e) && /* @__PURE__ */ r("span", {
+      className: a.startIcon,
+      "aria-hidden": !0,
+      children: e
+    }),
+    /* @__PURE__ */ r("span", {
+      className: a.label,
+      children: s
+    }),
+    t(_) && /* @__PURE__ */ r("span", {
+      className: a.startIcon,
+      "aria-hidden": !0,
+      children: _
+    }),
+    t(o) && /* @__PURE__ */ r("span", {
+      className: a.badge,
+      children: o
+    })
+  ]
+});
+export {
+  a as n,
+  N 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/{utils → internal/utils}/getBaseCodeEditorTheme.d.ts

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

package/dist/components/code-editor.mjs

@@ -1,16 +1,18 @@
-import { t as u } from "../isDefined-fMi6eQ4r.js";
-import { n as Y, r as Z } from "../theme-DBro6iwF.js";
-import { t as oo } from "../Loader-X1LymYkw.js";
-import { t as ro } from "../ResizeHandle-DN1bRxQb.js";
-import { jsx as n, jsxs as x } from "react/jsx-runtime";
+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-CGYGfOVF.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 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 [, a, s, l, v] = t, c = Math.round(parseFloat(a) * 255).toString(16).padStart(2, "0"), p = 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}${p}${b}${Math.round(parseFloat(v) * 255).toString(16).padStart(2, "0")}` : `#${c}${p}${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;
 }, ao = (o, t) => ({
@@ -105,18 +107,18 @@ var z = "baseCodeEditorTheme", r = (o) => {
   no.config({ monaco: o });
 }), I), j = (o, t, a) => {
   o.editor.defineTheme(z, ao(t, a)), o.editor.setTheme(z);
-}, yo = ({ value: o, language: t, onMount: a, onChange: s, setMarkers: l, onValidate: v, height: c = 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 c == "number" ? c : 450), F = eo(), M = W && !y, H = typeof g.spacingMultiplicator == "number" ? g.spacingMultiplicator * 4 : void 0, C = M ? K ?? c : y ? D : c, Q = {
+}, 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, ...U } = O ?? {}, $ = (e, i) => {
-    const d = e?.getModel();
-    if (!u(d)) return;
-    const m = l?.(d.getValue());
-    u(m) && i?.editor.setModelMarkers(d, "customMarker", m);
+  }, { 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) => {
     V && e.stopPropagation();
   };
@@ -128,59 +130,59 @@ var z = "baseCodeEditorTheme", r = (o) => {
       e = !1;
     };
   }, []), E(() => {
-    u(h) && j(h, g, _);
+    n(h) && j(h, g, _);
   }, [
     _,
     h,
     g
   ]), E(() => {
-    if (!M || !u(k)) {
+    if (!M || !n(k)) {
       B(void 0);
       return;
     }
     const e = () => {
-      const d = k.getContentHeight();
-      !Number.isFinite(d) || d <= 0 || B((m) => m === d ? m : d);
+      const c = k.getContentHeight();
+      !Number.isFinite(c) || c <= 0 || B((m) => m === c ? m : c);
     };
     e();
-    const i = k.onDidContentSizeChange(e);
+    const l = k.onDidContentSizeChange(e);
     return () => {
-      i.dispose();
+      l.dispose();
     };
-  }, [k, M]), N || !q ? /* @__PURE__ */ n("div", {
+  }, [k, M]), N || !q ? /* @__PURE__ */ i("div", {
     className: S.editorLoader,
     "data-variant": p,
     style: { "--code-editor-height": typeof C == "number" ? `${C}px` : C },
-    children: /* @__PURE__ */ n(oo, {})
+    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": p,
         "data-transparent-background": b || void 0,
-        children: /* @__PURE__ */ n(to, {
+        children: /* @__PURE__ */ i(to, {
           height: C,
           value: o,
           language: t,
           loading: "",
-          onMount: (e, i) => {
-            R(i), A(e), j(i, g, _), e.onDidFocusEditorWidget(() => {
+          onMount: (e, l) => {
+            R(l), A(e), j(l, g, _), e.onDidFocusEditorWidget(() => {
               T(!0);
             }), e.onDidBlurEditorWidget(() => {
               T(!1);
-            }), a?.(e, i), $(e, i);
+            }), a?.(e, l), $(e, l);
           },
           onChange: (e) => {
-            u(e) && (s?.(e), $(k, h));
+            n(e) && (d?.(e), $(k, h));
           },
           onValidate: (e) => {
             v?.(e);
@@ -202,7 +204,7 @@ var z = "baseCodeEditorTheme", r = (o) => {
           }
         })
       }),
-      y && /* @__PURE__ */ n(ro, {
+      y && /* @__PURE__ */ i(ro, {
         "aria-label": P,
         "aria-controls": F,
         value: D,
@@ -217,15 +219,13 @@ var z = "baseCodeEditorTheme", r = (o) => {
   className: L.editorHeader,
   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: a && a.map((s, l) => /* @__PURE__ */ n("div", { children: s }, `right-${l}`))
+    children: a && a.map((d, s) => /* @__PURE__ */ i("div", { children: d }, `right-${s}`))
   })]
 });
 export {
-  z as BASE_CODE_EDITOR_THEME_ID,
   yo as CodeEditor,
-  _o as CodeEditorHeader,
-  ao as getBaseCodeEditorTheme
+  _o as CodeEditorHeader
 };

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

@@ -0,0 +1,2 @@
+import { MetricRowProps } from './types/MetricRowProps';
+export declare const MetricRow: ({ children, startIcon: StartIcon, value, progress, progressColor, progressValueText, render, ref, className, ...props }: MetricRowProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/components/data-display/MetricRow/types/MetricRowProps.d.ts

@@ -0,0 +1,11 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } from 'react';
+import { IconComponent } from '../../../../icon';
+export type MetricRowProps = Omit<useRender.ComponentProps<'div'>, 'children'> & {
+    children: string;
+    startIcon?: IconComponent;
+    value: ReactNode;
+    progress?: number;
+    progressColor?: string;
+    progressValueText?: 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;
 };

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

@@ -1,18 +1,2 @@
-import { IconComponent } from '../../../icon/types/IconComponent';
-import { BannerColor } from '../../../primitives/feedback/Banner/Banner';
-type InlineBannerProps = {
-    color?: BannerColor;
-    message: string;
-    embedded?: boolean;
-    button?: {
-        title?: string;
-        onClick?: () => void;
-        hidden?: boolean;
-        disabled?: boolean;
-        Icon?: IconComponent;
-    };
-    LeftIcon?: IconComponent;
-    className?: string;
-};
-export declare const InlineBanner: ({ color, message, embedded, button, LeftIcon, className, }: InlineBannerProps) => import("react").JSX.Element;
-export {};
+import { InlineBannerProps } from './types/InlineBannerProps';
+export declare const InlineBanner: ({ color, message, variant, embedded, button, LeftIcon, className, }: InlineBannerProps) => import("react").JSX.Element;

package/dist/components/feedback/InlineBanner/internal/InlineBannerButton.d.ts

@@ -0,0 +1,5 @@
+import { BannerColor } from '../../../../primitives/feedback/Banner/Banner';
+import { InlineBannerButtonProps } from '../types/InlineBannerButtonProps';
+export declare const InlineBannerButton: ({ color, title, Icon, hidden, onClick, href, render, target, rel, download, disabled, "aria-label": ariaLabel, }: InlineBannerButtonProps & {
+    color: BannerColor;
+}) => import("react").JSX.Element | null;

package/dist/components/feedback/InlineBanner/types/InlineBannerButtonProps.d.ts

@@ -0,0 +1,7 @@
+import { IconComponent } from '../../../../icon/types/IconComponent';
+import { ButtonProps } from '../../../../primitives/input/Button/types/ButtonProps';
+export type InlineBannerButtonProps = Pick<ButtonProps, 'onClick' | 'href' | 'render' | 'target' | 'rel' | 'download' | 'disabled' | 'aria-label'> & {
+    title?: string;
+    hidden?: boolean;
+    Icon?: IconComponent;
+};

package/dist/components/feedback/InlineBanner/types/InlineBannerProps.d.ts

@@ -0,0 +1,12 @@
+import { IconComponent } from '../../../../icon/types/IconComponent';
+import { BannerColor } from '../../../../primitives/feedback/Banner/Banner';
+import { InlineBannerButtonProps } from './InlineBannerButtonProps';
+export type InlineBannerProps = {
+    color?: BannerColor;
+    message: string;
+    variant?: 'standard' | 'compact';
+    embedded?: boolean;
+    button?: InlineBannerButtonProps;
+    LeftIcon?: IconComponent;
+    className?: string;
+};