twenty-ui 2.46.0 → 2.47.0

package/dist/Tooltip-BMkznyoi.js

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

package/dist/Tooltip-JOYVeSsf.cjs

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

package/dist/components/code-editor.cjs

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

package/dist/components/code-editor.mjs

@@ -1,7 +1,7 @@
 import { t as n } from "../isDefined-fMi6eQ4r.js";
-import { n as Y, r as Z } from "../theme-yAk9zrNA.js";
-import { t as oo } from "../Loader-BBMC4fe6.js";
-import { t as ro } from "../ResizeHandle-X2NdHzqt.js";
+import { n as Y, r as Z } from "../theme-B2EaXhye.js";
+import { t as oo } from "../Loader-DtHWQH8w.js";
+import { t as ro } from "../ResizeHandle-Bjg4R0c-.js";
 import { useRender as eo } from "@base-ui/react/use-render";
 import { clsx as to } from "clsx";
 import { useEffect as E, useId as no, useState as p } from "react";
@@ -101,10 +101,10 @@ var $ = "baseCodeEditorTheme", r = (o) => {
     "editorBracketMatch.background": r(o.background.transparent.light),
     "editorBracketMatch.border": r(o.border.color.medium)
   }
-}), co = "_editorLoader_zilk9_1", uo = "_container_zilk9_20", go = "_editorWrapper_zilk9_24", S = {
-  editorLoader: co,
-  container: uo,
-  editorWrapper: go
+}), co = "_editorWrapper_zilk9_24", uo = "_editorLoader_zilk9_1", go = "_container_zilk9_20", S = {
+  editorWrapper: co,
+  editorLoader: uo,
+  container: go
 }, z, fo = () => (z ??= import("monaco-editor").then((o) => {
   so.config({ monaco: o });
 }), z), I = (o, t, i) => {

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

@@ -0,0 +1,2 @@
+import { StackIconProps } from './types/StackIconProps';
+export declare const StackIcon: ({ icon, stackedIcon, className, render, ref, ...props }: StackIconProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/components/data-display/StackIcon/types/StackIconProps.d.ts

@@ -0,0 +1,6 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } from 'react';
+export type StackIconProps = Omit<useRender.ComponentProps<'div'>, 'children'> & {
+    icon: ReactNode;
+    stackedIcon: ReactNode;
+};

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

@@ -10,7 +10,8 @@ export type { JsonTreeProps } from './JsonTree/types/JsonTreeProps';
 export type { ShouldExpandNodeInitiallyProps } from './JsonTree/types/ShouldExpandNodeInitiallyProps';
 export { MetricRow } from './MetricRow/MetricRow';
 export type { MetricRowProps } from './MetricRow/types/MetricRowProps';
-export { NotificationCounter } from './NotificationCounter/NotificationCounter';
+export { StackIcon } from './StackIcon/StackIcon';
+export type { StackIconProps } from './StackIcon/types/StackIconProps';
 export { TintedIconTile } from './TintedIconTile/TintedIconTile';
 export type { TintedIconTileProps } from './TintedIconTile/types/TintedIconTileProps';
 export type { IconTileColorShades } from './TintedIconTile/utils/getIconTileColorShades';

package/dist/components/data-display.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../data-display-Bw-5dsCu.cjs"),o=require("../TintedIconTile-Dp4uH0Up.cjs");exports.AvatarGroup=e.AvatarGroup;exports.CommandBlock=e.CommandBlock;exports.JsonTree=e.JsonTree;exports.MetricRow=e.MetricRow;exports.NotificationCounter=e.NotificationCounter;exports.TintedIconTile=o.TintedIconTile;exports.getIconTileColorShades=o.getIconTileColorShades;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../data-display-DjhAHvj1.cjs"),o=require("../TintedIconTile-CU2hCerq.cjs");exports.AvatarGroup=e.AvatarGroup;exports.CommandBlock=e.CommandBlock;exports.JsonTree=e.JsonTree;exports.MetricRow=e.MetricRow;exports.StackIcon=e.StackIcon;exports.TintedIconTile=o.TintedIconTile;exports.getIconTileColorShades=o.getIconTileColorShades;

package/dist/components/data-display.mjs

@@ -1,11 +1,11 @@
-import { a, i as r, n as t, r as e, t as i } from "../data-display-CehSwX8i.js";
-import { n as s, t as m } from "../TintedIconTile-BZgRO7cg.js";
+import { a, i as r, n as t, r as e, t as s } from "../data-display-DU3G8ZyI.js";
+import { n as i, t as c } from "../TintedIconTile-4BGa8g8n.js";
 export {
   a as AvatarGroup,
   r as CommandBlock,
   e as JsonTree,
   t as MetricRow,
-  i as NotificationCounter,
-  m as TintedIconTile,
-  s as getIconTileColorShades
+  s as StackIcon,
+  c as TintedIconTile,
+  i as getIconTileColorShades
 };

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

@@ -1,2 +1,2 @@
 import { ToastProps } from './types/ToastProps';
-export declare const Toast: ({ children, description, icon, iconLabel, action, progress, duration, onCancel, onClose, cancelLabel, closeLabel, variant, role, className, onMouseEnter, onMouseLeave, onFocus, onBlur, render, ref, ...props }: ToastProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const Toast: ({ children, description, icon, iconLabel, action, progress, duration, onCancel, onClose, cancelLabel, closeLabel, status, role, className, onMouseEnter, onMouseLeave, onFocus, onBlur, render, ref, ...props }: ToastProps) => import("react").JSX.Element;

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

@@ -4,4 +4,5 @@ export declare const useToast: () => {
         (options: import('../..').ToastOptions | undefined): string | undefined;
     };
     closeToast: (id?: string) => void;
+    updateToast: (changes: import('../..').ToastUpdate) => void;
 };

package/dist/components/feedback/Toast/internal/components/ToastCountdownEffect.d.ts

@@ -0,0 +1,9 @@
+import { ToastProps } from '../../types/ToastProps';
+import { createToastCountdown } from '../utils/createToastCountdown';
+type ToastCountdownEffectProps = Pick<ToastProps, 'progress' | 'onClose'> & {
+    clock: ReturnType<typeof createToastCountdown>;
+    duration: number;
+    isPaused: boolean;
+};
+export declare const ToastCountdownEffect: ({ clock, duration, progress, isPaused, onClose, }: ToastCountdownEffectProps) => null;
+export {};

package/dist/components/feedback/Toast/internal/components/ToastFocusEffect.d.ts

@@ -0,0 +1,7 @@
+type ToastFocusEffectProps = {
+    element: HTMLDivElement | null;
+    isFocused: boolean;
+    onFocusChange: (isFocused: boolean) => void;
+};
+export declare const ToastFocusEffect: ({ element, isFocused, onFocusChange, }: ToastFocusEffectProps) => null;
+export {};

package/dist/components/feedback/Toast/internal/components/ToastProgress.d.ts

@@ -1,9 +1,10 @@
 type ToastProgressProps = {
     progress?: number;
     duration: number;
+    remainingDuration: number;
+    revision: number;
     isPaused: boolean;
     barColor: string;
-    onClose?: () => void;
 };
-export declare const ToastProgress: ({ progress, duration, isPaused, barColor, onClose, }: ToastProgressProps) => import("react").JSX.Element;
+export declare const ToastProgress: ({ progress, duration, remainingDuration, revision, isPaused, barColor, }: ToastProgressProps) => import("react").JSX.Element | null;
 export {};

package/dist/components/feedback/Toast/internal/contexts/ToastTimingContext.d.ts

@@ -0,0 +1,4 @@
+export declare const ToastTimingContext: import('react').Context<{
+    durationRevision: number;
+    isActive: boolean;
+}>;

package/dist/components/feedback/Toast/internal/hooks/useToastCountdown.d.ts

@@ -0,0 +1,23 @@
+export declare const useToastCountdown: ({ duration, isPaused, }: {
+    duration: number;
+    isPaused: boolean;
+}) => {
+    countdown: {
+        duration: number;
+        remainingDuration: number;
+        revision: number;
+        isPaused: boolean;
+    };
+    clock: {
+        update: (nextConfiguration: {
+            duration: number;
+            durationRevision: number;
+            isPaused: boolean;
+            isProgress: boolean;
+            isActive: boolean;
+            onClose?: () => void;
+        }) => void;
+        close: () => void;
+        stop: () => void;
+    };
+};

package/dist/components/feedback/Toast/internal/hooks/useUpdateToast.d.ts

@@ -0,0 +1,4 @@
+import { ToastUpdate } from '../../types/ToastUpdate';
+export declare const useUpdateToast: () => {
+    updateToast: (changes: ToastUpdate) => void;
+};

package/dist/components/feedback/Toast/internal/types/ToastEntry.d.ts

@@ -2,5 +2,6 @@ import { ToastNotification } from '../../types/ToastNotification';
 export type ToastEntry = {
     notification: ToastNotification;
     dedupeKey?: string;
+    durationRevision?: number;
     status: 'visible' | 'closing';
 };

package/dist/components/feedback/Toast/internal/utils/createToastCountdown.d.ts

@@ -0,0 +1,22 @@
+type CountdownConfiguration = {
+    duration: number;
+    durationRevision: number;
+    isPaused: boolean;
+    isProgress: boolean;
+    isActive: boolean;
+    onClose?: () => void;
+};
+type CountdownSnapshot = {
+    duration: number;
+    remainingDuration: number;
+    revision: number;
+    isPaused: boolean;
+};
+export declare const createToastCountdown: ({ onChange, }: {
+    onChange: (snapshot: CountdownSnapshot) => void;
+}) => {
+    update: (nextConfiguration: CountdownConfiguration) => void;
+    close: () => void;
+    stop: () => void;
+};
+export {};

package/dist/components/feedback/Toast/internal/utils/isCountdownDuration.d.ts

@@ -0,0 +1 @@
+export declare const isCountdownDuration: (duration: number) => boolean;

package/dist/components/feedback/Toast/internal/utils/updateToastInStore.d.ts

@@ -0,0 +1,5 @@
+import { ToastUpdate } from '../../types/ToastUpdate';
+import { createToastStore } from '../stores/createToastStore';
+export declare const updateToastInStore: ({ store, id, ...changes }: ToastUpdate & {
+    store: ReturnType<typeof createToastStore>;
+}) => void;

package/dist/components/feedback/Toast/types/ToastProps.d.ts

@@ -1,17 +1,15 @@
 import { useRender } from '@base-ui/react/use-render';
 import { ComponentPropsWithRef, ReactNode } from 'react';
-import { ToastVariant } from './ToastVariant';
-export type ToastProps = ComponentPropsWithRef<'div'> & {
+import { ToastStatus } from './ToastStatus';
+export type ToastProps = Omit<ComponentPropsWithRef<'div'>, 'color'> & {
     /**
      * Replaces the rendered element or composes it with another component.
      * Accepts a React element or a function that returns the element to render.
      */
     render?: useRender.RenderProp;
-    /** Visual variant that selects the icon and colors. */
-    variant?: ToastVariant;
+    status?: ToastStatus;
     /** Supporting content rendered below the message. */
     description?: ReactNode;
-    /** Replaces the variant's icon. */
     icon?: ReactNode;
     /**
      * Accessible name of the default icon. Without it, the icon is hidden from
@@ -41,7 +39,7 @@ export type ToastProps = ComponentPropsWithRef<'div'> & {
      */
     onClose?: () => void;
     /** Label of the cancel button. */
-    cancelLabel?: string;
+    cancelLabel?: ReactNode;
     /** Accessible name of the close button. */
     closeLabel?: string;
 };

package/dist/components/feedback/Toast/types/ToastStatus.d.ts

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

package/dist/components/feedback/Toast/types/ToastUpdate.d.ts

@@ -0,0 +1,4 @@
+import { ToastOptions } from './ToastOptions';
+export type ToastUpdate = Partial<Omit<ToastOptions, 'dedupeKey'>> & {
+    id: string;
+};

package/dist/components/feedback/Toaster/__stories__/DefaultTimingDuration.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_TIMING_DURATION = 1400;

package/dist/components/feedback/Toaster/__stories__/ToastUpdateControls.d.ts

@@ -0,0 +1,2 @@
+import { ToasterUpdateExampleProps } from './ToasterUpdateExampleProps';
+export declare const ToastUpdateControls: ({ onAction, onCancel, onClose, onUpdatedAction, onUpdatedCancel, onUpdatedClose, }: ToasterUpdateExampleProps) => import("react").JSX.Element;

package/dist/components/feedback/Toaster/__stories__/ToasterRootReplacementExample.d.ts

@@ -0,0 +1,2 @@
+import { ToasterTimingExampleProps } from './ToasterTimingExampleProps';
+export declare const ToasterRootReplacementExample: (props: ToasterTimingExampleProps) => import("react").JSX.Element;

package/dist/components/feedback/Toaster/__stories__/ToasterSelfRemovingActionExample.d.ts

@@ -0,0 +1,2 @@
+import { ToasterTimingExampleProps } from './ToasterTimingExampleProps';
+export declare const ToasterSelfRemovingActionExample: (props: ToasterTimingExampleProps) => import("react").JSX.Element;

package/dist/components/feedback/Toaster/__stories__/ToasterTimingExample.d.ts

@@ -0,0 +1,2 @@
+import { ToasterTimingExampleProps } from './ToasterTimingExampleProps';
+export declare const ToasterTimingExample: ({ disableAnimations, ...props }: ToasterTimingExampleProps) => import("react").JSX.Element;

package/dist/components/feedback/Toaster/__stories__/ToasterTimingExampleProps.d.ts

@@ -0,0 +1,6 @@
+export type ToasterTimingExampleProps = {
+    duration?: number;
+    disableAnimations?: boolean;
+    onCancel?: () => void;
+    onClose?: () => void;
+};

package/dist/components/feedback/Toaster/__stories__/ToasterUpdateExample.d.ts

@@ -0,0 +1,2 @@
+import { ToasterUpdateExampleProps } from './ToasterUpdateExampleProps';
+export declare const ToasterUpdateExample: (props: ToasterUpdateExampleProps) => import("react").JSX.Element;

package/dist/components/feedback/Toaster/__stories__/ToasterUpdateExampleProps.d.ts

@@ -0,0 +1,8 @@
+import { ToasterExampleProps } from './ToasterExampleProps';
+export type ToasterUpdateExampleProps = ToasterExampleProps & {
+    onAction?: () => void;
+    onCancel?: () => void;
+    onUpdatedAction?: () => void;
+    onUpdatedCancel?: () => void;
+    onUpdatedClose?: () => void;
+};

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

@@ -15,6 +15,7 @@ export type { ToastNotification } from './Toast/types/ToastNotification';
 export type { ToastOptions } from './Toast/types/ToastOptions';
 export type { ToastProps } from './Toast/types/ToastProps';
 export type { ToastProviderProps } from './Toast/types/ToastProviderProps';
-export type { ToastVariant } from './Toast/types/ToastVariant';
+export type { ToastStatus } from './Toast/types/ToastStatus';
+export type { ToastUpdate } from './Toast/types/ToastUpdate';
 export { Toaster } from './Toaster/Toaster';
 export type { ToasterProps } from './Toaster/types/ToasterProps';

package/dist/components/feedback.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../feedback-BleeRoOP.cjs");exports.Callout=e.Callout;exports.InlineBanner=e.InlineBanner;exports.Toast=e.Toast;exports.ToastProvider=e.ToastProvider;exports.Toaster=e.Toaster;exports.useToast=e.useToast;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../feedback-B5x8tmnG.cjs");exports.Callout=e.Callout;exports.InlineBanner=e.InlineBanner;exports.Toast=e.Toast;exports.ToastProvider=e.ToastProvider;exports.Toaster=e.Toaster;exports.useToast=e.useToast;

package/dist/components/feedback.mjs

@@ -1,4 +1,4 @@
-import { a as s, i as o, n as r, o as t, r as e, t as n } from "../feedback-BV1EK98d.js";
+import { a as s, i as o, n as r, o as t, r as e, t as n } from "../feedback-DhilJ_fX.js";
 export {
   t as Callout,
   s as InlineBanner,

package/dist/components/input/NumberStepper/NumberStepper.d.ts

@@ -0,0 +1,2 @@
+import { NumberStepperProps } from './types/NumberStepperProps';
+export declare const NumberStepper: ({ value, defaultValue, onValueChange, onValueCommitted, allowOutOfRange, min, max, step, disabled, readOnly, required, name, form, id, showButtons, decrementLabel, incrementLabel, className, ...props }: NumberStepperProps) => import("react").JSX.Element;

package/dist/{primitives → components}/input/NumberStepper/internal/utils/isBlurRoundingOfCurrentValue.d.ts

@@ -1,8 +1,8 @@
-import { NumberField } from '@base-ui/react/number-field';
+import { NumberFieldRootChangeEventReason } from '../../../../../primitives/input/NumberField/types/NumberFieldRootChangeEventReason';
 type IsBlurRoundingOfCurrentValueArgs = {
     nextValue: number | null;
     currentValue: number | null;
-    reason: NumberField.Root.ChangeEventReason;
+    reason: NumberFieldRootChangeEventReason;
 };
 export declare const isBlurRoundingOfCurrentValue: ({ nextValue, currentValue, reason, }: IsBlurRoundingOfCurrentValueArgs) => boolean;
 export {};

package/dist/components/input/NumberStepper/types/NumberStepperProps.d.ts

@@ -0,0 +1,8 @@
+import { NumberFieldInputProps } from '../../../../primitives/input/NumberField/types/NumberFieldInputProps';
+import { NumberFieldRootProps } from '../../../../primitives/input/NumberField/types/NumberFieldRootProps';
+export type NumberStepperProps = Omit<NumberFieldInputProps, 'children' | 'defaultValue' | 'disabled' | 'max' | 'min' | 'name' | 'onChange' | 'readOnly' | 'required' | 'size' | 'step' | 'type' | 'value'> & Pick<NumberFieldRootProps, 'allowOutOfRange' | 'defaultValue' | 'disabled' | 'max' | 'min' | 'name' | 'onValueChange' | 'onValueCommitted' | 'readOnly' | 'required' | 'value'> & {
+    step?: number;
+    showButtons?: boolean;
+    decrementLabel?: string;
+    incrementLabel?: string;
+};

package/dist/{primitives → components}/input/SegmentedControl/types/SegmentedControlProps.d.ts

@@ -1,4 +1,4 @@
-import { RadioGroupProps } from '../../RadioGroup/types/RadioGroupProps';
+import { RadioGroupProps } from '../../../../primitives/input/RadioGroup/types/RadioGroupProps';
 import { SegmentedControlOption } from './SegmentedControlOption';
 export type SegmentedControlProps<TValue extends string = string> = Omit<RadioGroupProps<TValue>, 'aria-label' | 'aria-labelledby' | 'children' | 'role'> & {
     itemWidth?: 'content' | 'equal';

package/dist/components/input/index.d.ts

@@ -15,9 +15,14 @@ export type { LightButtonProps } from './LightButton/types/LightButtonProps';
 export { LightIconButton } from './LightIconButton/LightIconButton';
 export type { LightIconButtonProps } from './LightIconButton/types/LightIconButtonProps';
 export { MainButton } from './MainButton/MainButton';
+export { NumberStepper } from './NumberStepper/NumberStepper';
+export type { NumberStepperProps } from './NumberStepper/types/NumberStepperProps';
 export { PhoneCountryPicker } from './PhoneCountryPicker/PhoneCountryPicker';
 export type { PhoneCountryOption } from './PhoneCountryPicker/types/PhoneCountryOption';
 export type { PhoneCountryPickerOptionsProps } from './PhoneCountryPicker/types/PhoneCountryPickerOptionsProps';
 export type { PhoneCountryPickerTriggerProps } from './PhoneCountryPicker/types/PhoneCountryPickerTriggerProps';
 export { SearchInput } from './SearchInput/SearchInput';
 export type { SearchInputProps } from './SearchInput/types/SearchInputProps';
+export { SegmentedControl } from './SegmentedControl/SegmentedControl';
+export type { SegmentedControlOption } from './SegmentedControl/types/SegmentedControlOption';
+export type { SegmentedControlProps } from './SegmentedControl/types/SegmentedControlProps';

package/dist/components/input.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Dropdown-Ckcy6ZLF.cjs"),t=require("../input-D9vXRp8R.cjs");exports.CountrySelect=t.CountrySelect;exports.CurrencyPicker=t.CurrencyPicker;exports.IconButton=e.IconButton;exports.ImageInput=t.ImageInput;exports.LightButton=t.LightButton;exports.LightIconButton=e.LightIconButton;exports.MainButton=t.MainButton;exports.PhoneCountryPicker=t.PhoneCountryPicker;exports.SearchInput=t.SearchInput;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Dropdown-BBUGkQQV.cjs"),e=require("../input-BEKjAOjS.cjs");exports.CountrySelect=e.CountrySelect;exports.CurrencyPicker=e.CurrencyPicker;exports.IconButton=t.IconButton;exports.ImageInput=e.ImageInput;exports.LightButton=e.LightButton;exports.LightIconButton=t.LightIconButton;exports.MainButton=e.MainButton;exports.NumberStepper=e.NumberStepper;exports.PhoneCountryPicker=e.PhoneCountryPicker;exports.SearchInput=e.SearchInput;exports.SegmentedControl=e.SegmentedControl;

package/dist/components/input.mjs

@@ -1,13 +1,15 @@
-import { n, r as o } from "../Dropdown-CZVEnq0N.js";
-import { a, i as s, n as e, o as u, r as i, s as c, t as m } from "../input-CKcuJwhb.js";
+import { n, r as o } from "../Dropdown-CScN_olN.js";
+import { a, c as e, i as s, l as u, n as c, o as i, r as m, s as p, t as I } from "../input-BUgnp6eA.js";
 export {
-  c as CountrySelect,
-  u as CurrencyPicker,
+  u as CountrySelect,
+  e as CurrencyPicker,
   o as IconButton,
-  a as ImageInput,
-  s as LightButton,
+  p as ImageInput,
+  i as LightButton,
   n as LightIconButton,
-  i as MainButton,
-  e as PhoneCountryPicker,
-  m as SearchInput
+  a as MainButton,
+  s as NumberStepper,
+  m as PhoneCountryPicker,
+  c as SearchInput,
+  I as SegmentedControl
 };

package/dist/components/layout.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../layout-DJq0Dcmq.cjs");exports.AnimatedIconCrossfade=e.AnimatedIconCrossfade;exports.OverflowingList=e.OverflowingList;exports.Section=e.Section;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../layout-wuIu4rJ3.cjs");exports.AnimatedIconCrossfade=e.AnimatedIconCrossfade;exports.OverflowingList=e.OverflowingList;exports.Section=e.Section;

package/dist/components/layout.mjs

@@ -1,4 +1,4 @@
-import { n as r, r as s, t } from "../layout-Bt-DUE1X.js";
+import { n as r, r as s, t } from "../layout-BKHabkTu.js";
 export {
   s as AnimatedIconCrossfade,
   r as OverflowingList,

package/dist/components/navigation/Dropdown/internal/DropdownGroup.d.ts

@@ -0,0 +1,4 @@
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+type DropdownGroupProps = MenuPrimitive.Group.Props;
+export declare const DropdownGroup: ({ className, ...props }: DropdownGroupProps) => import("react").JSX.Element;
+export {};

package/dist/components/navigation/Dropdown/internal/DropdownGroupLabel.d.ts

@@ -0,0 +1,4 @@
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+type DropdownGroupLabelProps = MenuPrimitive.GroupLabel.Props;
+export declare const DropdownGroupLabel: ({ className, ...props }: DropdownGroupLabelProps) => import("react").JSX.Element;
+export {};

package/dist/components/navigation/MenuItem/parts/MenuItemIconWithGripSwap.d.ts

@@ -1,9 +1,8 @@
-import { IconComponent } from '../../../../icon';
-import { ThemeColor } from '../../../../theme';
+import { ReactNode } from 'react';
 export type MenuItemIconWithGripSwapProps = {
-    LeftIcon: IconComponent | null | undefined;
-    iconThemeColor?: ThemeColor | null;
+    leadingContent?: ReactNode;
     withIconContainer?: boolean;
+    withIconContainerBackground?: boolean;
     gripIconColor: string;
 };
-export declare const MenuItemIconWithGripSwap: ({ LeftIcon, iconThemeColor, withIconContainer, gripIconColor, }: MenuItemIconWithGripSwapProps) => import("react").JSX.Element | null;
+export declare const MenuItemIconWithGripSwap: ({ leadingContent, withIconContainer, withIconContainerBackground, gripIconColor, }: MenuItemIconWithGripSwapProps) => import("react").JSX.Element | null;

package/dist/components/navigation/MenuItemDraggable/MenuItemDraggable.d.ts

@@ -1,2 +1,2 @@
 import { MenuItemDraggableProps } from './types/MenuItemDraggableProps';
-export declare const MenuItemDraggable: ({ LeftIcon, withIconContainer, accent, iconButtons, onClick, text, contextualText, isDragDisabled, className, isIconDisplayedOnHoverOnly, gripMode, }: MenuItemDraggableProps) => import("react").JSX.Element;
+export declare const MenuItemDraggable: ({ LeftIcon, LeftComponent, withIconContainer, accent, iconButtons, onClick, text, contextualText, isDragDisabled, className, isIconDisplayedOnHoverOnly, gripMode, }: MenuItemDraggableProps) => import("react").JSX.Element;

package/dist/components/navigation/MenuItemDraggable/types/MenuItemDraggableProps.d.ts

@@ -4,6 +4,7 @@ import { IconComponent } from '../../../../icon';
 import { ReactNode } from 'react';
 export type MenuItemDraggableProps = {
     LeftIcon?: IconComponent | undefined;
+    LeftComponent?: ReactNode;
     withIconContainer?: boolean;
     accent?: MenuItemAccent;
     iconButtons?: ReactNode;