mainstack-design-system 1.5.0 → 1.6.0

package/dist/mainstack-design-system490.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react");require("./mainstack-design-system355.cjs");const x=require("./mainstack-design-system151.cjs");require("./player-BKifgSJo.cjs");const r=require("./utils-B6I16BNR.cjs"),o=require("./index-B0aqKYqj.cjs"),i=require("./index-B43IDo7j.cjs"),a=require("./mainstack-design-system489.cjs"),t=h.forwardRef(({className:l,...c},u)=>{const{editor:n}=o.useCurrentEditor(),d=o.useEditorState({editor:n,selector:s=>{if(!s.editor)return{};const m=[1,2,3,4,5,6].find(g=>n?.isActive("heading",{level:g}));return{isParagraph:s.editor.isActive("paragraph")||!1,isHeading1:s.editor.isActive("heading",{level:1})||!1,isHeading2:s.editor.isActive("heading",{level:2})||!1,isHeading3:s.editor.isActive("heading",{level:3})||!1,isHeading4:s.editor.isActive("heading",{level:4})||!1,isHeading5:s.editor.isActive("heading",{level:5})||!1,isHeading6:s.editor.isActive("heading",{level:6})||!1,canHeadingParagraph:!s.editor.can().chain().toggleHeading({level:1}).run()||!1,activeHeading:m}}});return e.jsxs(i.DropdownMenu,{children:[e.jsx(i.DropdownMenuTrigger,{disabled:d?.canHeadingParagraph,asChild:!0,children:e.jsxs(a.TextEditorMenuAction,{ref:u,disabled:d?.canHeadingParagraph,"data-slot":"text-editor-text-sizes-menu",className:r.cn("mds:flex mds:cursor-pointer mds:items-center mds:gap-8 mds:hover:bg-border-interactive-neutral mds:p-7 mds:rounded-8",l),...c,children:[e.jsx("p",{className:"body-tiny-medium",children:d?.activeHeading?`H${d?.activeHeading}`:"Normal"}),e.jsx(x,{className:"mds:size-12"})]})}),e.jsx(i.DropdownMenuPortal,{children:e.jsxs(i.DropdownMenuContent,{className:"mds:cursor-pointer mds:flex mds:flex-col mds:gap-4 mds:z-100 mds:bg-surface-neutral-l1 mds:shadow-200 mds:p-6 mds:rounded-12",children:[e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading1,className:r.cn("body-large-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>n?.chain().focus().toggleHeading({level:1}).run(),children:"H1"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading2,className:r.cn("body-medium-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>n?.chain().focus().toggleHeading({level:2}).run(),children:"H2"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading3,className:r.cn("body-small-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>n?.chain().focus().toggleHeading({level:3}).run(),children:"H3"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading4,className:r.cn("body-extrasmall-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>n?.chain().focus().toggleHeading({level:4}).run(),children:"H4"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading5,className:r.cn("body-tiny-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>n?.chain().focus().toggleHeading({level:5}).run(),children:"H5"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading6,className:r.cn("body-extratiny-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>n?.chain().focus().toggleHeading({level:6}).run(),children:"H6"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isParagraph,className:r.cn("body-overline-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>n?.chain().focus().setParagraph().run(),children:"Normal"})}),e.jsx(i.DropdownMenuArrow,{className:"mds:fill-surface-neutral-l1 mds:text-surface-neutral-l1"})]})})]})});t.displayName="TextSizesMenu";exports.TextSizesMenu=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react");require("./mainstack-design-system355.cjs");const x=require("./mainstack-design-system151.cjs");require("./player-BSON6quL.cjs");const r=require("./utils-scPUmbSO.cjs"),o=require("./index-sV1BS-DI.cjs"),i=require("./index-B43IDo7j.cjs"),a=require("./mainstack-design-system489.cjs"),t=h.forwardRef(({className:l,...c},u)=>{const{editor:n}=o.useCurrentEditor(),d=o.useEditorState({editor:n,selector:s=>{if(!s.editor)return{};const m=[1,2,3,4,5,6].find(g=>n?.isActive("heading",{level:g}));return{isParagraph:s.editor.isActive("paragraph")||!1,isHeading1:s.editor.isActive("heading",{level:1})||!1,isHeading2:s.editor.isActive("heading",{level:2})||!1,isHeading3:s.editor.isActive("heading",{level:3})||!1,isHeading4:s.editor.isActive("heading",{level:4})||!1,isHeading5:s.editor.isActive("heading",{level:5})||!1,isHeading6:s.editor.isActive("heading",{level:6})||!1,canHeadingParagraph:!s.editor.can().chain().toggleHeading({level:1}).run()||!1,activeHeading:m}}});return e.jsxs(i.DropdownMenu,{children:[e.jsx(i.DropdownMenuTrigger,{disabled:d?.canHeadingParagraph,asChild:!0,children:e.jsxs(a.TextEditorMenuAction,{ref:u,disabled:d?.canHeadingParagraph,"data-slot":"text-editor-text-sizes-menu",className:r.cn("mds:flex mds:cursor-pointer mds:items-center mds:gap-8 mds:hover:bg-border-interactive-neutral mds:p-7 mds:rounded-8",l),...c,children:[e.jsx("p",{className:"body-tiny-medium",children:d?.activeHeading?`H${d?.activeHeading}`:"Normal"}),e.jsx(x,{className:"mds:size-12"})]})}),e.jsx(i.DropdownMenuPortal,{children:e.jsxs(i.DropdownMenuContent,{className:"mds:cursor-pointer mds:flex mds:flex-col mds:gap-4 mds:z-100 mds:bg-surface-neutral-l1 mds:shadow-200 mds:p-6 mds:rounded-12",children:[e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading1,className:r.cn("body-large-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>n?.chain().focus().toggleHeading({level:1}).run(),children:"H1"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading2,className:r.cn("body-medium-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>n?.chain().focus().toggleHeading({level:2}).run(),children:"H2"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading3,className:r.cn("body-small-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>n?.chain().focus().toggleHeading({level:3}).run(),children:"H3"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading4,className:r.cn("body-extrasmall-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>n?.chain().focus().toggleHeading({level:4}).run(),children:"H4"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading5,className:r.cn("body-tiny-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>n?.chain().focus().toggleHeading({level:5}).run(),children:"H5"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isHeading6,className:r.cn("body-extratiny-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>n?.chain().focus().toggleHeading({level:6}).run(),children:"H6"})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(a.TextEditorMenuAction,{isActive:d?.isParagraph,className:r.cn("body-overline-bold","mds:py-2 mds:px-6 mds:rounded-8"),onClick:()=>n?.chain().focus().setParagraph().run(),children:"Normal"})}),e.jsx(i.DropdownMenuArrow,{className:"mds:fill-surface-neutral-l1 mds:text-surface-neutral-l1"})]})})]})});t.displayName="TextSizesMenu";exports.TextSizesMenu=t;

package/dist/mainstack-design-system490.js

@@ -3,9 +3,9 @@ import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
 import "./mainstack-design-system355.js";
 import h from "./mainstack-design-system151.js";
-import "./player-DSenNqFV.js";
-import { c as a } from "./utils-B-DK6jJO.js";
-import { u as p, a as v } from "./index-DNLWDMY9.js";
+import "./player-BXrBN0bS.js";
+import { c as a } from "./utils-Cs1D8Nxl.js";
+import { u as p, a as v } from "./index-C0qepyB8.js";
 import { D as f, a as H, b, c as y, d as n, e as A } from "./index-BgRpW4T4.js";
 import { TextEditorMenuAction as r } from "./mainstack-design-system489.js";
 const C = u(

package/dist/mainstack-design-system491.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react");require("./mainstack-design-system355.cjs");const a=require("./mainstack-design-system170.cjs");require("./player-BKifgSJo.cjs");const c=require("./utils-B6I16BNR.cjs"),i=require("./index-B0aqKYqj.cjs"),m=require("./mainstack-design-system489.cjs"),d=u.forwardRef(({className:o,...s},l)=>{const{editor:r}=i.useCurrentEditor(),n=i.useEditorState({editor:r,selector:e=>e.editor?{isUnderline:e.editor.isActive("underline")||!1,canUnderline:e.editor.can().chain().toggleUnderline().run()||!1}:{}});return t.jsx(m.TextEditorMenuAction,{className:c.cn(" mds:outline-none mds:border-none mds:cursor-pointer mds:hover:bg-border-interactive-neutral mds:p-7 mds:rounded-8 mds:disabled:text-disabled mds:disabled:cursor-not-allowed",n?.isUnderline&&"mds:bg-border-interactive-neutral-active mds:text-surface-neutral-l1 mds:hover:bg-border-interactive-neutral-active-hover",o),onClick:()=>r?.chain().focus().toggleUnderline().run(),disabled:!n?.canUnderline,"data-slot":"text-editor-underline-menu",ref:l,...s,children:t.jsx(a,{className:"mds:size-16"})})});d.displayName="UnderlineMenu";exports.UnderlineMenu=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react");require("./mainstack-design-system355.cjs");const a=require("./mainstack-design-system170.cjs");require("./player-BSON6quL.cjs");const c=require("./utils-scPUmbSO.cjs"),i=require("./index-sV1BS-DI.cjs"),m=require("./mainstack-design-system489.cjs"),d=u.forwardRef(({className:o,...s},l)=>{const{editor:r}=i.useCurrentEditor(),n=i.useEditorState({editor:r,selector:e=>e.editor?{isUnderline:e.editor.isActive("underline")||!1,canUnderline:e.editor.can().chain().toggleUnderline().run()||!1}:{}});return t.jsx(m.TextEditorMenuAction,{className:c.cn(" mds:outline-none mds:border-none mds:cursor-pointer mds:hover:bg-border-interactive-neutral mds:p-7 mds:rounded-8 mds:disabled:text-disabled mds:disabled:cursor-not-allowed",n?.isUnderline&&"mds:bg-border-interactive-neutral-active mds:text-surface-neutral-l1 mds:hover:bg-border-interactive-neutral-active-hover",o),onClick:()=>r?.chain().focus().toggleUnderline().run(),disabled:!n?.canUnderline,"data-slot":"text-editor-underline-menu",ref:l,...s,children:t.jsx(a,{className:"mds:size-16"})})});d.displayName="UnderlineMenu";exports.UnderlineMenu=d;

package/dist/mainstack-design-system491.js

@@ -3,9 +3,9 @@ import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import "./mainstack-design-system355.js";
 import a from "./mainstack-design-system170.js";
-import "./player-DSenNqFV.js";
-import { c as l } from "./utils-B-DK6jJO.js";
-import { u as m, a as c } from "./index-DNLWDMY9.js";
+import "./player-BXrBN0bS.js";
+import { c as l } from "./utils-Cs1D8Nxl.js";
+import { u as m, a as c } from "./index-C0qepyB8.js";
 import { TextEditorMenuAction as u } from "./mainstack-design-system489.js";
 const f = s(
   ({ className: i, ...o }, d) => {

package/dist/mainstack-design-system492.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react");require("./mainstack-design-system355.cjs");const l=require("./mainstack-design-system167.cjs");require("./player-BKifgSJo.cjs");const s=require("./index-B0aqKYqj.cjs"),c=require("./mainstack-design-system489.cjs"),n=d.forwardRef(({...o},u)=>{const{editor:t}=s.useCurrentEditor(),r=s.useEditorState({editor:t,selector:e=>e.editor?{isBulletList:e.editor.isActive("bulletList")||!1,canBulletList:!e.editor.can().chain().toggleBulletList().run()||!1}:{}});return i.jsx(c.TextEditorMenuAction,{isActive:r?.isBulletList,disabled:r?.canBulletList,onClick:()=>t?.chain().focus().toggleBulletList().run(),"data-slot":"text-editor-unordered-list-menu",ref:u,...o,children:i.jsx(l,{className:"mds:size-16"})})});n.displayName="UnorderedListMenu";exports.UnorderedListMenu=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react");require("./mainstack-design-system355.cjs");const l=require("./mainstack-design-system167.cjs");require("./player-BSON6quL.cjs");const s=require("./index-sV1BS-DI.cjs"),c=require("./mainstack-design-system489.cjs"),n=d.forwardRef(({...o},u)=>{const{editor:t}=s.useCurrentEditor(),r=s.useEditorState({editor:t,selector:e=>e.editor?{isBulletList:e.editor.isActive("bulletList")||!1,canBulletList:!e.editor.can().chain().toggleBulletList().run()||!1}:{}});return i.jsx(c.TextEditorMenuAction,{isActive:r?.isBulletList,disabled:r?.canBulletList,onClick:()=>t?.chain().focus().toggleBulletList().run(),"data-slot":"text-editor-unordered-list-menu",ref:u,...o,children:i.jsx(l,{className:"mds:size-16"})})});n.displayName="UnorderedListMenu";exports.UnorderedListMenu=n;

package/dist/mainstack-design-system492.js

@@ -3,8 +3,8 @@ import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import "./mainstack-design-system355.js";
 import n from "./mainstack-design-system167.js";
-import "./player-DSenNqFV.js";
-import { u as d, a as u } from "./index-DNLWDMY9.js";
+import "./player-BXrBN0bS.js";
+import { u as d, a as u } from "./index-C0qepyB8.js";
 import { TextEditorMenuAction as a } from "./mainstack-design-system489.js";
 const m = l(
   ({ ...o }, s) => {

package/dist/mainstack-design-system493.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),r=require("./index-BgzojN8c.cjs"),t=require("./utils-B6I16BNR.cjs"),s=o.forwardRef(({className:d,...m},l)=>e.jsxs(r.ScrollArea,{className:" mds:overflow-hidden mds:z-10 mds:p-6 mds:m-6 mds:mb-0 mds:rounded-full mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1",children:[e.jsx(r.ScrollAreaViewport,{className:"mds:h-full mds:relative mds:z-10 mds:pb-6  mds:w-full mds:pr-10 ",children:e.jsx("div",{className:t.cn("mds:flex mds:w-200  mds:items-center mds:gap-8 mds:*:w-full ",d),"data-slot":"text-editor-menu-bar",ref:l,...m})}),e.jsx(r.ScrollAreaScrollbar,{orientation:"horizontal",className:" mds:flex mds:select-none mds:cursor-move mds:touch-none mds:p-2 mds:flex-col mds:h-10 mds:hover:bg-border-interactive-neutral-hover",children:e.jsx(r.ScrollAreaThumb,{className:"mds:flex-1 mds:bg-border-interactive-neutral-inverse-hover mds:rounded-10 mds:relative mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44"})}),e.jsx(r.ScrollAreaCorner,{className:" mds:bg-red-300"})]}));s.displayName="TextEditorMenuBar";exports.TextEditorMenuBar=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),r=require("./index-BgzojN8c.cjs"),t=require("./utils-scPUmbSO.cjs"),s=o.forwardRef(({className:d,...m},l)=>e.jsxs(r.ScrollArea,{className:" mds:overflow-hidden mds:z-10 mds:p-6 mds:m-6 mds:mb-0 mds:rounded-full mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1",children:[e.jsx(r.ScrollAreaViewport,{className:"mds:h-full mds:relative mds:z-10 mds:pb-6  mds:w-full mds:pr-10 ",children:e.jsx("div",{className:t.cn("mds:flex mds:w-200  mds:items-center mds:gap-8 mds:*:w-full ",d),"data-slot":"text-editor-menu-bar",ref:l,...m})}),e.jsx(r.ScrollAreaScrollbar,{orientation:"horizontal",className:" mds:flex mds:select-none mds:cursor-move mds:touch-none mds:p-2 mds:flex-col mds:h-10 mds:hover:bg-border-interactive-neutral-hover",children:e.jsx(r.ScrollAreaThumb,{className:"mds:flex-1 mds:bg-border-interactive-neutral-inverse-hover mds:rounded-10 mds:relative mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44"})}),e.jsx(r.ScrollAreaCorner,{className:" mds:bg-red-300"})]}));s.displayName="TextEditorMenuBar";exports.TextEditorMenuBar=s;

package/dist/mainstack-design-system493.js

@@ -2,7 +2,7 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
 import { S as l, a, b as t, c as n, d as i } from "./index-CLUgda6x.js";
-import { c } from "./utils-B-DK6jJO.js";
+import { c } from "./utils-Cs1D8Nxl.js";
 const f = o(
   ({ className: r, ...s }, d) => /* @__PURE__ */ m(l, { className: " mds:overflow-hidden mds:z-10 mds:p-6 mds:m-6 mds:mb-0 mds:rounded-full mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1", children: [
     /* @__PURE__ */ e(a, { className: "mds:h-full mds:relative mds:z-10 mds:pb-6  mds:w-full mds:pr-10 ", children: /* @__PURE__ */ e(

package/dist/mainstack-design-system494.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),p=require("react"),R=require("./index-C8aODXfJ.cjs"),b=require("./utils-B6I16BNR.cjs"),g=require("./mainstack-design-system588.cjs"),o=p.forwardRef(({className:a,onClick:t,disabled:e,selected:l,onSelectedChange:n,...r},s)=>{const[i,c]=R.useControllableState({prop:l,defaultProp:!1,onChange:n});return f.jsx("label",{"data-slot":"tile-root",ref:s,"data-disabled":e,tabIndex:e?-1:0,"data-selected":i,className:b.cn(g.tileVariants({disabled:e}),a),...r,onClick:d=>{c(u=>!u),t&&t(d)}})});o.displayName="TileRoot";exports.TileRoot=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),p=require("react"),R=require("./index-C8aODXfJ.cjs"),b=require("./utils-scPUmbSO.cjs"),g=require("./mainstack-design-system588.cjs"),o=p.forwardRef(({className:a,onClick:t,disabled:e,selected:l,onSelectedChange:n,...r},s)=>{const[i,c]=R.useControllableState({prop:l,defaultProp:!1,onChange:n});return f.jsx("label",{"data-slot":"tile-root",ref:s,"data-disabled":e,tabIndex:e?-1:0,"data-selected":i,className:b.cn(g.tileVariants({disabled:e}),a),...r,onClick:d=>{c(u=>!u),t&&t(d)}})});o.displayName="TileRoot";exports.TileRoot=o;

package/dist/mainstack-design-system494.js

@@ -2,7 +2,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import { u as p } from "./index-437EL2iq.js";
-import { c as u } from "./utils-B-DK6jJO.js";
+import { c as u } from "./utils-Cs1D8Nxl.js";
 import { tileVariants as C } from "./mainstack-design-system588.js";
 const g = f(
   ({

package/dist/mainstack-design-system496.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("./utils-B6I16BNR.cjs"),s=({className:r,...t})=>e.jsxs("span",{"data-slot":"tile-checkbox",className:"mds:flex mds:items-start",children:[e.jsx("input",{type:"checkbox",className:"mds:peer mds:sr-only",...t}),e.jsx("span",{className:d.cn("mds:h-18 mds:w-18 mds:rounded-6 mds:border mds:text-neutral-50 mds:border-border-interactive-neutral-hover mds:flex mds:items-center mds:justify-center","mds:peer-checked:bg-primary mds:peer-checked:border-none",r),children:"✓"})]});s.displayName="TileCheckbox";exports.TileCheckbox=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("./utils-scPUmbSO.cjs"),s=({className:r,...t})=>e.jsxs("span",{"data-slot":"tile-checkbox",className:"mds:flex mds:items-start",children:[e.jsx("input",{type:"checkbox",className:"mds:peer mds:sr-only",...t}),e.jsx("span",{className:d.cn("mds:h-18 mds:w-18 mds:rounded-6 mds:border mds:text-neutral-50 mds:border-border-interactive-neutral-hover mds:flex mds:items-center mds:justify-center","mds:peer-checked:bg-primary mds:peer-checked:border-none",r),children:"✓"})]});s.displayName="TileCheckbox";exports.TileCheckbox=s;

package/dist/mainstack-design-system496.js

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { c as m } from "./utils-B-DK6jJO.js";
+import { c as m } from "./utils-Cs1D8Nxl.js";
 const t = ({ className: s, ...r }) => /* @__PURE__ */ d("span", { "data-slot": "tile-checkbox", className: "mds:flex mds:items-start", children: [
   /* @__PURE__ */ e("input", { type: "checkbox", className: "mds:peer mds:sr-only", ...r }),
   /* @__PURE__ */ e(

package/dist/mainstack-design-system497.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("react"),o=require("./utils-B6I16BNR.cjs"),e=l.forwardRef(({className:t,...n},s)=>i.jsx("div",{"data-slot":"tile-content",className:o.cn("mds:flex mds:flex-col mds:gap-3",t),ref:s,...n}));e.displayName="TileContent";exports.TileContent=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("react"),o=require("./utils-scPUmbSO.cjs"),e=l.forwardRef(({className:t,...n},s)=>i.jsx("div",{"data-slot":"tile-content",className:o.cn("mds:flex mds:flex-col mds:gap-3",t),ref:s,...n}));e.displayName="TileContent";exports.TileContent=e;

package/dist/mainstack-design-system497.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
-import { c as s } from "./utils-B-DK6jJO.js";
+import { c as s } from "./utils-Cs1D8Nxl.js";
 const a = r(
   ({ className: t, ...o }, e) => /* @__PURE__ */ m(
     "div",

package/dist/mainstack-design-system498.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("react"),c=require("./utils-B6I16BNR.cjs"),n=a.forwardRef,e=n(({as:t,className:i,...l},r)=>{const s=t||"p";return o.jsx(s,{ref:r,"data-slot":"tile-title",className:c.cn("body-small-medium mds:text-primary",i),...l})});e.displayName="TileTitle";exports.TileTitle=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("react"),c=require("./utils-scPUmbSO.cjs"),n=a.forwardRef,e=n(({as:t,className:i,...l},r)=>{const s=t||"p";return o.jsx(s,{ref:r,"data-slot":"tile-title",className:c.cn("body-small-medium mds:text-primary",i),...l})});e.displayName="TileTitle";exports.TileTitle=e;

package/dist/mainstack-design-system498.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import l from "react";
-import { c as a } from "./utils-B-DK6jJO.js";
+import { c as a } from "./utils-Cs1D8Nxl.js";
 const i = l.forwardRef, s = i(
   ({ as: t, className: e, ...m }, o) => /* @__PURE__ */ r(
     t || "p",

package/dist/mainstack-design-system499.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),l=require("./utils-B6I16BNR.cjs"),e=o.forwardRef(({className:t,...i},r)=>s.jsx("p",{"data-slot":"tile-description",className:l.cn("body-extrasmall-regular mds:text-secondary",t),ref:r,...i}));e.displayName="TileDescription";exports.TileDescription=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),l=require("./utils-scPUmbSO.cjs"),e=o.forwardRef(({className:t,...i},r)=>s.jsx("p",{"data-slot":"tile-description",className:l.cn("body-extrasmall-regular mds:text-secondary",t),ref:r,...i}));e.displayName="TileDescription";exports.TileDescription=e;

package/dist/mainstack-design-system499.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { c as s } from "./utils-B-DK6jJO.js";
+import { c as s } from "./utils-Cs1D8Nxl.js";
 const a = i(
   ({ className: r, ...e }, o) => /* @__PURE__ */ t(
     "p",

package/dist/mainstack-design-system500.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),l=require("./utils-B6I16BNR.cjs"),e=s.forwardRef(({className:r,...t},i)=>a.jsx("div",{"data-slot":"tile-header",className:l.cn("mds:flex",r),ref:i,...t}));e.displayName="TileHeader";exports.TileHeader=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),l=require("./utils-scPUmbSO.cjs"),e=s.forwardRef(({className:r,...t},i)=>a.jsx("div",{"data-slot":"tile-header",className:l.cn("mds:flex",r),ref:i,...t}));e.displayName="TileHeader";exports.TileHeader=e;

package/dist/mainstack-design-system500.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { c as t } from "./utils-B-DK6jJO.js";
+import { c as t } from "./utils-Cs1D8Nxl.js";
 const d = m(
   ({ className: e, ...r }, a) => /* @__PURE__ */ o(
     "div",

package/dist/mainstack-design-system502.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),c=require("./utils-B6I16BNR.cjs"),a=i.forwardRef,m=a(({className:e,as:t,...o},r)=>{const l=t||"h3";return s.jsx(l,{ref:r,"data-slot":"toggle-title",className:c.cn("mds:flex-1 mds:text-primary body-small-medium",e),...o})});exports.ToggleTitle=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),c=require("./utils-scPUmbSO.cjs"),a=i.forwardRef,m=a(({className:e,as:t,...o},r)=>{const l=t||"h3";return s.jsx(l,{ref:r,"data-slot":"toggle-title",className:c.cn("mds:flex-1 mds:text-primary body-small-medium",e),...o})});exports.ToggleTitle=m;

package/dist/mainstack-design-system502.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import a from "react";
-import { c as l } from "./utils-B-DK6jJO.js";
+import { c as l } from "./utils-Cs1D8Nxl.js";
 const s = a.forwardRef, i = s(
   ({ className: o, as: t, ...m }, r) => /* @__PURE__ */ e(
     t || "h3",

package/dist/mainstack-design-system503.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),i=require("./mainstack-design-system506.cjs"),g=require("./utils-B6I16BNR.cjs"),c=n.forwardRef(({children:e,size:t="sm",...s},o)=>r.jsx("div",{ref:o,className:g.cn(i.toggleVariants({size:t}),"mds:flex mds:items-center mds:justify-between mds:gap-3"),...s,children:e}));exports.ToggleRoot=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),i=require("./mainstack-design-system506.cjs"),g=require("./utils-scPUmbSO.cjs"),c=n.forwardRef(({children:e,size:t="sm",...s},o)=>r.jsx("div",{ref:o,className:g.cn(i.toggleVariants({size:t}),"mds:flex mds:items-center mds:justify-between mds:gap-3"),...s,children:e}));exports.ToggleRoot=c;

package/dist/mainstack-design-system503.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import s from "react";
 import { toggleVariants as a } from "./mainstack-design-system506.js";
-import { c as f } from "./utils-B-DK6jJO.js";
+import { c as f } from "./utils-Cs1D8Nxl.js";
 const p = s.forwardRef(
   ({ children: t, size: e = "sm", ...m }, o) => /* @__PURE__ */ r(
     "div",

package/dist/mainstack-design-system504.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),a=require("./index-D6CM36UR.cjs"),c=require("./utils-B6I16BNR.cjs"),i=r.forwardRef(({className:e,children:t,...l},o)=>s.jsx(a.Root,{ref:o,"data-slot":"toggle-label",className:c.cn("mds:flex mds:flex-col mds:flex-1 mds:gap-4",e),...l,children:t}));exports.ToggleLabel=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),a=require("./index-D6CM36UR.cjs"),c=require("./utils-scPUmbSO.cjs"),i=r.forwardRef(({className:e,children:t,...l},o)=>s.jsx(a.Root,{ref:o,"data-slot":"toggle-label",className:c.cn("mds:flex mds:flex-col mds:flex-1 mds:gap-4",e),...l,children:t}));exports.ToggleLabel=i;

package/dist/mainstack-design-system504.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import { R as t } from "./index-C8-1UHbn.js";
-import { c as a } from "./utils-B-DK6jJO.js";
+import { c as a } from "./utils-Cs1D8Nxl.js";
 const g = s(
   ({ className: o, children: m, ...r }, e) => /* @__PURE__ */ l(
     t,

package/dist/mainstack-design-system505.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),l=require("./utils-B6I16BNR.cjs"),a=s.forwardRef,u=a(({className:e,...t},r)=>o.jsx("p",{ref:r,"data-slot":"toggle-subtext",className:l.cn("mds:flex-1 mds:text-secondary body-extrasmall-regular",e),...t}));exports.ToggleSubtext=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),l=require("./utils-scPUmbSO.cjs"),a=s.forwardRef,u=a(({className:e,...t},r)=>o.jsx("p",{ref:r,"data-slot":"toggle-subtext",className:l.cn("mds:flex-1 mds:text-secondary body-extrasmall-regular",e),...t}));exports.ToggleSubtext=u;

package/dist/mainstack-design-system505.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import a from "react";
-import { c as s } from "./utils-B-DK6jJO.js";
+import { c as s } from "./utils-Cs1D8Nxl.js";
 const m = a.forwardRef, f = m(
   ({ className: t, ...o }, r) => /* @__PURE__ */ e(
     "p",

package/dist/mainstack-design-system508.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),r=require("./utils-B6I16BNR.cjs"),l=require("./mainstack-design-system509.cjs"),c=require("./mainstack-design-system589.cjs"),o=s.forwardRef(({children:a,className:m,...i},u)=>{const{startOfAllTimeDate:t}=c.useDateRangeContext(),d=s.useMemo(()=>r.getDefaultDateRangeMenuAction(t),[t]);return n.jsx("div",{"data-slot":"date-range-menubar",ref:u,className:r.cn("mds:flex mds:overflow-x-auto mds:max-w-full mds:flex-nowrap mds:items-center mds:py-12 mds:gap-12 mds:min-[900px]:w-auto  mds:min-[900px]:mask-none mds:mx-auto mds:mask-[linear-gradient(to_right,white_90%,transparent)]",m),...i,children:a||d.map(e=>n.jsx(l.DateRangeMenuAction,{className:"mds:basis-auto mds:shrink-0 mds:grow-0",actionData:e,children:e.label},e.id))})});o.displayName="DateRangeMenubar";exports.DateRangeMenubar=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),r=require("./utils-scPUmbSO.cjs"),l=require("./mainstack-design-system509.cjs"),c=require("./mainstack-design-system589.cjs"),o=s.forwardRef(({children:a,className:m,...i},u)=>{const{startOfAllTimeDate:t}=c.useDateRangeContext(),d=s.useMemo(()=>r.getDefaultDateRangeMenuAction(t),[t]);return n.jsx("div",{"data-slot":"date-range-menubar",ref:u,className:r.cn("mds:flex mds:overflow-x-auto mds:max-w-full mds:flex-nowrap mds:items-center mds:py-12 mds:gap-12 mds:min-[900px]:w-auto  mds:min-[900px]:mask-none mds:mx-auto mds:mask-[linear-gradient(to_right,white_90%,transparent)]",m),...i,children:a||d.map(e=>n.jsx(l.DateRangeMenuAction,{className:"mds:basis-auto mds:shrink-0 mds:grow-0",actionData:e,children:e.label},e.id))})});o.displayName="DateRangeMenubar";exports.DateRangeMenubar=o;

package/dist/mainstack-design-system508.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as d, useMemo as i } from "react";
-import { h as l, c as u } from "./utils-B-DK6jJO.js";
+import { k as l, c as u } from "./utils-Cs1D8Nxl.js";
 import { DateRangeMenuAction as f } from "./mainstack-design-system509.js";
 import { useDateRangeContext as p } from "./mainstack-design-system589.js";
 const c = d(

package/dist/mainstack-design-system509.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),g=require("react");require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system388.cjs");const R=require("./mainstack-design-system389.cjs"),f=require("./mainstack-design-system589.cjs"),q=require("./utils-B6I16BNR.cjs"),o=g.forwardRef(({onClick:t,className:i,actionData:e,...u},a)=>{const{activeMenu:s,onOpenChange:n,closeOnRangeSelect:c,onValueChange:r,setActiveMenu:d}=f.useDateRangeContext();return m.jsx(R.Button,{"data-slot":"date-range-menu-action",ref:a,variant:"outline",rounded:"sm",size:"sm","data-active":e.id===s,className:q.cn("mds:data-[active=true]:outline-2 mds:data-[active=true]:outline-border-interactive-neutral-pressed",i),onClick:l=>{t&&t(l),d(e?.id),r&&r({from:e.from,to:e.to,menuAction:e}),c&&n&&n(!1)},...u})});o.displayName="DateRangeMenuAction";exports.DateRangeMenuAction=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),g=require("react");require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system388.cjs");const R=require("./mainstack-design-system389.cjs"),f=require("./mainstack-design-system589.cjs"),q=require("./utils-scPUmbSO.cjs"),o=g.forwardRef(({onClick:t,className:i,actionData:e,...u},a)=>{const{activeMenu:s,onOpenChange:n,closeOnRangeSelect:c,onValueChange:r,setActiveMenu:d}=f.useDateRangeContext();return m.jsx(R.Button,{"data-slot":"date-range-menu-action",ref:a,variant:"outline",rounded:"sm",size:"sm","data-active":e.id===s,className:q.cn("mds:data-[active=true]:outline-2 mds:data-[active=true]:outline-border-interactive-neutral-pressed",i),onClick:l=>{t&&t(l),d(e?.id),r&&r({from:e.from,to:e.to,menuAction:e}),c&&n&&n(!1)},...u})});o.displayName="DateRangeMenuAction";exports.DateRangeMenuAction=o;

package/dist/mainstack-design-system509.js

@@ -5,7 +5,7 @@ import "./mainstack-design-system387.js";
 import "./mainstack-design-system388.js";
 import { Button as p } from "./mainstack-design-system389.js";
 import { useDateRangeContext as l } from "./mainstack-design-system589.js";
-import { c as g } from "./utils-B-DK6jJO.js";
+import { c as g } from "./utils-Cs1D8Nxl.js";
 const v = f(
   ({ onClick: t, className: r, actionData: e, ...i }, a) => {
     const {

package/dist/mainstack-design-system510.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./utils-B6I16BNR.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system591.cjs");const l=require("./mainstack-design-system610.cjs"),p=require("./mainstack-design-system523.cjs"),v=require("./mainstack-design-system607.cjs");require("./mainstack-design-system525.cjs");const r=n.forwardRef(({children:o,className:s,...a},t)=>e.jsxs(v.ResponsivePopoverDrawerPortal,{children:[e.jsx(l.ResponsivePopoverDrawerContent,{sideOffset:6,"data-slot":"date-range-portal",role:"listbox",className:i.cn("mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-neutral mds:shadow-600 mds:min-[900px]:p-24",s),ref:t,...a,children:o}),e.jsx(p.ResponsivePopoverDrawerOverlay,{})]}));r.displayName="DateRangePortal";exports.DateRangePortal=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./utils-scPUmbSO.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system591.cjs");const l=require("./mainstack-design-system610.cjs"),p=require("./mainstack-design-system523.cjs"),v=require("./mainstack-design-system607.cjs");require("./mainstack-design-system525.cjs");const r=n.forwardRef(({children:o,className:s,...a},t)=>e.jsxs(v.ResponsivePopoverDrawerPortal,{children:[e.jsx(l.ResponsivePopoverDrawerContent,{sideOffset:6,"data-slot":"date-range-portal",role:"listbox",className:i.cn("mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-neutral mds:shadow-600 mds:min-[900px]:p-24",s),ref:t,...a,children:o}),e.jsx(p.ResponsivePopoverDrawerOverlay,{})]}));r.displayName="DateRangePortal";exports.DateRangePortal=r;

package/dist/mainstack-design-system510.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { c as d } from "./utils-B-DK6jJO.js";
+import { c as d } from "./utils-Cs1D8Nxl.js";
 import "./index-eeqUt-Tb.js";
 import "./mainstack-design-system591.js";
 import { ResponsivePopoverDrawerContent as p } from "./mainstack-design-system610.js";

package/dist/mainstack-design-system511.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),a=require("./utils-B6I16BNR.cjs"),p=require("./index-C8aODXfJ.cjs"),j=require("./mainstack-design-system589.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system591.cjs");require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");const S=require("./mainstack-design-system524.cjs");require("./mainstack-design-system525.cjs");const y=require("./mainstack-design-system590.cjs"),g=r.forwardRef(({open:R,onOpenChange:f,value:n,onValueChange:m,isDisabled:v=!1,defaultValue:t={from:void 0,to:void 0},closeOnRangeSelect:l=!0,startOfAllTimeDate:o=new Date("2021-10-16"),children:q,className:M,...h},A)=>{const[c,d]=p.useControllableState({prop:R,defaultProp:!1,onChange:f}),C=r.useMemo(()=>{const e=a.getDefaultDateRangeMenuAction(o).find(u=>u.id===n?.menuAction?.id);return e?{from:e.from,to:e.to,menuAction:e}:n},[n,o]),i=r.useMemo(()=>{const e=a.getDefaultDateRangeMenuAction(o).find(u=>u.id===t?.menuAction?.id);return e?{from:e.from,to:e.to,menuAction:e}:t},[t,o]),[D,x]=p.useControllableState({prop:C,defaultProp:i,onChange:m}),[_]=y("(min-width: 900px)"),[P,b]=r.useState(()=>n?.menuAction?.id?n?.menuAction?.id:i?.menuAction?.id?i?.menuAction?.id:null);return s.jsx(j.DateRangeContext.Provider,{value:{open:c,isDisabled:v,defaultValue:t,value:D,closeOnRangeSelect:l,activeMenu:P,startOfAllTimeDate:o,setActiveMenu:b,onValueChange:x,onOpenChange:d},children:s.jsx(S.ResponsivePopoverDrawerRoot,{open:c,onOpenChange:d,isDesktop:_,children:s.jsx("div",{...h,ref:A,className:a.cn(M),"data-slot":"date-range-root",children:q})})})});g.displayName="DateRangeRoot";exports.DateRangeRoot=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),a=require("./utils-scPUmbSO.cjs"),p=require("./index-C8aODXfJ.cjs"),j=require("./mainstack-design-system589.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system591.cjs");require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");const S=require("./mainstack-design-system524.cjs");require("./mainstack-design-system525.cjs");const y=require("./mainstack-design-system590.cjs"),g=r.forwardRef(({open:R,onOpenChange:f,value:n,onValueChange:m,isDisabled:v=!1,defaultValue:t={from:void 0,to:void 0},closeOnRangeSelect:l=!0,startOfAllTimeDate:o=new Date("2021-10-16"),children:q,className:M,...h},A)=>{const[c,d]=p.useControllableState({prop:R,defaultProp:!1,onChange:f}),C=r.useMemo(()=>{const e=a.getDefaultDateRangeMenuAction(o).find(u=>u.id===n?.menuAction?.id);return e?{from:e.from,to:e.to,menuAction:e}:n},[n,o]),i=r.useMemo(()=>{const e=a.getDefaultDateRangeMenuAction(o).find(u=>u.id===t?.menuAction?.id);return e?{from:e.from,to:e.to,menuAction:e}:t},[t,o]),[D,x]=p.useControllableState({prop:C,defaultProp:i,onChange:m}),[_]=y("(min-width: 900px)"),[P,b]=r.useState(()=>n?.menuAction?.id?n?.menuAction?.id:i?.menuAction?.id?i?.menuAction?.id:null);return s.jsx(j.DateRangeContext.Provider,{value:{open:c,isDisabled:v,defaultValue:t,value:D,closeOnRangeSelect:l,activeMenu:P,startOfAllTimeDate:o,setActiveMenu:b,onValueChange:x,onOpenChange:d},children:s.jsx(S.ResponsivePopoverDrawerRoot,{open:c,onOpenChange:d,isDesktop:_,children:s.jsx("div",{...h,ref:A,className:a.cn(M),"data-slot":"date-range-root",children:q})})})});g.displayName="DateRangeRoot";exports.DateRangeRoot=g;

package/dist/mainstack-design-system511.js

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as S, useMemo as p, useState as b } from "react";
-import { h as s, c as j } from "./utils-B-DK6jJO.js";
+import { forwardRef as N, useMemo as p, useState as S } from "react";
+import { k as s, c as b } from "./utils-Cs1D8Nxl.js";
 import { u as c } from "./index-437EL2iq.js";
-import { DateRangeContext as k } from "./mainstack-design-system589.js";
+import { DateRangeContext as j } from "./mainstack-design-system589.js";
 import "./index-eeqUt-Tb.js";
 import "./mainstack-design-system591.js";
 import "./mainstack-design-system386.js";
@@ -12,18 +12,18 @@ import "./mainstack-design-system389.js";
 import { ResponsivePopoverDrawerRoot as y } from "./mainstack-design-system524.js";
 import "./mainstack-design-system525.js";
 import q from "./mainstack-design-system590.js";
-const z = S(
+const z = N(
   ({
     open: d,
     onOpenChange: f,
     value: n,
     onValueChange: g,
-    isDisabled: h = !1,
+    isDisabled: v = !1,
     defaultValue: e = {
       from: void 0,
       to: void 0
     },
-    closeOnRangeSelect: v = !0,
+    closeOnRangeSelect: h = !0,
     startOfAllTimeDate: t = /* @__PURE__ */ new Date("2021-10-16"),
     children: A,
     className: M,
@@ -55,16 +55,16 @@ const z = S(
       prop: D,
       defaultProp: i,
       onChange: g
-    }), [L] = q("(min-width: 900px)"), [P, l] = b(() => n?.menuAction?.id ? n?.menuAction?.id : i?.menuAction?.id ? i?.menuAction?.id : null);
+    }), [L] = q("(min-width: 900px)"), [P, l] = S(() => n?.menuAction?.id ? n?.menuAction?.id : i?.menuAction?.id ? i?.menuAction?.id : null);
     return /* @__PURE__ */ a(
-      k.Provider,
+      j.Provider,
       {
         value: {
           open: u,
-          isDisabled: h,
+          isDisabled: v,
           defaultValue: e,
           value: w,
-          closeOnRangeSelect: v,
+          closeOnRangeSelect: h,
           activeMenu: P,
           startOfAllTimeDate: t,
           setActiveMenu: l,
@@ -82,7 +82,7 @@ const z = S(
               {
                 ...C,
                 ref: R,
-                className: j(M),
+                className: b(M),
                 "data-slot": "date-range-root",
                 children: A
               }

package/dist/mainstack-design-system512.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),s=require("./utils-B6I16BNR.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system591.cjs");require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");const n=require("./mainstack-design-system525.cjs"),e=o.forwardRef(({className:r,...i},t)=>a.jsx(n.ResponsivePopoverDrawerTrigger,{ref:t,"data-slot":"date-range-trigger",className:s.cn("",r),...i}));e.displayName="DateRangeTrigger";exports.DateRangeTrigger=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),s=require("./utils-scPUmbSO.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system591.cjs");require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");const n=require("./mainstack-design-system525.cjs"),e=o.forwardRef(({className:r,...i},t)=>a.jsx(n.ResponsivePopoverDrawerTrigger,{ref:t,"data-slot":"date-range-trigger",className:s.cn("",r),...i}));e.displayName="DateRangeTrigger";exports.DateRangeTrigger=e;

package/dist/mainstack-design-system512.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { c as m } from "./utils-B-DK6jJO.js";
+import { c as m } from "./utils-Cs1D8Nxl.js";
 import "./index-eeqUt-Tb.js";
 import "./mainstack-design-system591.js";
 import "./mainstack-design-system386.js";

package/dist/mainstack-design-system514.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),u=require("./utils-B6I16BNR.cjs"),k=require("./mainstack-design-system592.cjs"),m=require("./DayPickerExtended-DTRFMiZS.cjs"),n=l.forwardRef(({className:r,...i},c)=>{const{value:e,isDisabled:o,onValueChange:a,onOpenChange:s}=k.useDatePickerContext();return t.jsx("div",{"data-slot":"date-picker-calendar",className:u.cn("@container",r),ref:c,children:t.jsx(m.DayPickerExtended,{animate:!0,mode:"single",captionLayout:"dropdown",numberOfMonths:1,navLayout:"around",disabled:o,defaultMonth:e,className:"ms-single-date-picker",selected:e,onSelect:(d=>{a&&a(d),s(!1)}),...i})})});n.displayName="DatePickerCalendar";exports.DatePickerCalendar=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),u=require("./utils-scPUmbSO.cjs"),k=require("./mainstack-design-system592.cjs"),m=require("./DayPickerExtended-kHU1yw63.cjs"),n=l.forwardRef(({className:r,...i},c)=>{const{value:e,isDisabled:o,onValueChange:a,onOpenChange:s}=k.useDatePickerContext();return t.jsx("div",{"data-slot":"date-picker-calendar",className:u.cn("@container",r),ref:c,children:t.jsx(m.DayPickerExtended,{animate:!0,mode:"single",captionLayout:"dropdown",numberOfMonths:1,navLayout:"around",disabled:o,defaultMonth:e,className:"ms-single-date-picker",selected:e,onSelect:(d=>{a&&a(d),s(!1)}),...i})})});n.displayName="DatePickerCalendar";exports.DatePickerCalendar=n;

package/dist/mainstack-design-system514.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
-import { c as l } from "./utils-B-DK6jJO.js";
+import { c as l } from "./utils-Cs1D8Nxl.js";
 import { useDatePickerContext as m } from "./mainstack-design-system592.js";
-import { D as p } from "./DayPickerExtended-CVo_t8GW.js";
+import { D as p } from "./DayPickerExtended-CRfTRx1h.js";
 const f = c(
   ({ className: t, ...o }, n) => {
     const { value: e, isDisabled: i, onValueChange: a, onOpenChange: d } = m();

package/dist/mainstack-design-system515.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),l=require("./mainstack-design-system434.cjs"),p=require("./mainstack-design-system435.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system355.cjs");const m=require("./mainstack-design-system84.cjs");require("./player-BKifgSJo.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system592.cjs"),x=require("./format-2L5mCFrB.cjs"),r=d.forwardRef(({placeholder:n="Choose a date",...s},o)=>{const{value:t,isDisabled:i,isError:c,isSuccess:a}=I.useDatePickerContext(),u=t instanceof Date?x.format(t,"dd - MM - yyyy"):"";return e.jsx(q.PopoverTrigger,{className:"mds:w-full",children:e.jsxs(l.InputRoot,{"data-slot":"date-picker-input-field",children:[e.jsx(p.InputField,{value:u,placeholder:n,isError:c,isSuccess:a,disabled:i,readOnly:!0,ref:o,...s}),e.jsx(m,{className:"mds:size-20 mds:text-secondary"})]})})});r.displayName="DatePickerInputField";exports.DatePickerInputField=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),l=require("./mainstack-design-system434.cjs"),p=require("./mainstack-design-system435.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system355.cjs");const m=require("./mainstack-design-system84.cjs");require("./player-BSON6quL.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system592.cjs"),x=require("./format-CBLgs4x_.cjs"),r=d.forwardRef(({placeholder:n="Choose a date",...s},o)=>{const{value:t,isDisabled:i,isError:c,isSuccess:a}=I.useDatePickerContext(),u=t instanceof Date?x.format(t,"dd - MM - yyyy"):"";return e.jsx(q.PopoverTrigger,{className:"mds:w-full",children:e.jsxs(l.InputRoot,{"data-slot":"date-picker-input-field",children:[e.jsx(p.InputField,{value:u,placeholder:n,isError:c,isSuccess:a,disabled:i,readOnly:!0,ref:o,...s}),e.jsx(m,{className:"mds:size-20 mds:text-secondary"})]})})});r.displayName="DatePickerInputField";exports.DatePickerInputField=r;

package/dist/mainstack-design-system515.js

@@ -6,10 +6,10 @@ import { InputField as c } from "./mainstack-design-system435.js";
 import "./mainstack-design-system433.js";
 import "./mainstack-design-system355.js";
 import f from "./mainstack-design-system84.js";
-import "./player-DSenNqFV.js";
+import "./player-BXrBN0bS.js";
 import { a as u } from "./index-RoCFhqzC.js";
 import { useDatePickerContext as y } from "./mainstack-design-system592.js";
-import { f as x } from "./format-9CEQn4ZR.js";
+import { f as x } from "./format-DYnfumNe.js";
 const D = n(
   ({ placeholder: t = "Choose a date", ...o }, i) => {
     const { value: e, isDisabled: a, isError: s, isSuccess: m } = y(), d = e instanceof Date ? x(e, "dd - MM - yyyy") : "";

package/dist/mainstack-design-system516.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("./index-4R9KShCu.cjs"),m=require("react"),p=require("./utils-B6I16BNR.cjs"),u=require("./mainstack-design-system592.cjs"),n=m.forwardRef(({children:s,onWheel:t,onTouchMove:r,className:i,...d},c)=>{const{open:l}=u.useDatePickerContext();return o.jsx(a.PopoverPortal,{children:o.jsx(a.PopoverContent,{"data-slot":"date-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":l,className:p.cn(" mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-(--radix-popover-trigger-width) mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200 ",i),onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},ref:c,...d,children:s})})});n.displayName="DatePickerPortal";exports.DatePickerPortal=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("./index-4R9KShCu.cjs"),m=require("react"),p=require("./utils-scPUmbSO.cjs"),u=require("./mainstack-design-system592.cjs"),n=m.forwardRef(({children:s,onWheel:t,onTouchMove:r,className:i,...d},c)=>{const{open:l}=u.useDatePickerContext();return o.jsx(a.PopoverPortal,{children:o.jsx(a.PopoverContent,{"data-slot":"date-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":l,className:p.cn(" mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-(--radix-popover-trigger-width) mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200 ",i),onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},ref:c,...d,children:s})})});n.displayName="DatePickerPortal";exports.DatePickerPortal=n;

package/dist/mainstack-design-system516.js

@@ -2,7 +2,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { b as m, c as p } from "./index-RoCFhqzC.js";
 import { forwardRef as c } from "react";
-import { c as l } from "./utils-B-DK6jJO.js";
+import { c as l } from "./utils-Cs1D8Nxl.js";
 import { useDatePickerContext as f } from "./mainstack-design-system592.js";
 const P = c(
   ({

package/dist/mainstack-design-system519.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),m=require("./mainstack-design-system434.cjs"),d=require("./mainstack-design-system435.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system355.cjs");const p=require("./mainstack-design-system262.cjs");require("./player-BKifgSJo.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system593.cjs"),x=require("./format-2L5mCFrB.cjs"),i=l.forwardRef(({placeholder:r="Choose time",...n},s)=>{const{value:t,isDisabled:o,isError:c,isSuccess:u}=I.useTimePickerContext(),a=t instanceof Date?x.format(t,"hh : mm a"):"";return e.jsx(q.PopoverTrigger,{className:"mds:w-full",children:e.jsxs(m.InputRoot,{"data-slot":"time-picker-input-field",children:[e.jsx(d.InputField,{...n,value:a,placeholder:r,isError:c,isSuccess:u,disabled:o,ref:s,readOnly:!0}),e.jsx(p,{className:"mds:size-20 mds:text-secondary"})]})})});i.displayName="TimePickerInputField";exports.TimePickerInputField=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),m=require("./mainstack-design-system434.cjs"),d=require("./mainstack-design-system435.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system355.cjs");const p=require("./mainstack-design-system262.cjs");require("./player-BSON6quL.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system593.cjs"),x=require("./format-CBLgs4x_.cjs"),i=l.forwardRef(({placeholder:r="Choose time",...n},s)=>{const{value:t,isDisabled:o,isError:c,isSuccess:u}=I.useTimePickerContext(),a=t instanceof Date?x.format(t,"hh : mm a"):"";return e.jsx(q.PopoverTrigger,{className:"mds:w-full",children:e.jsxs(m.InputRoot,{"data-slot":"time-picker-input-field",children:[e.jsx(d.InputField,{...n,value:a,placeholder:r,isError:c,isSuccess:u,disabled:o,ref:s,readOnly:!0}),e.jsx(p,{className:"mds:size-20 mds:text-secondary"})]})})});i.displayName="TimePickerInputField";exports.TimePickerInputField=i;

package/dist/mainstack-design-system519.js

@@ -6,10 +6,10 @@ import { InputField as c } from "./mainstack-design-system435.js";
 import "./mainstack-design-system433.js";
 import "./mainstack-design-system355.js";
 import f from "./mainstack-design-system262.js";
-import "./player-DSenNqFV.js";
+import "./player-BXrBN0bS.js";
 import { a as u } from "./index-RoCFhqzC.js";
 import { useTimePickerContext as h } from "./mainstack-design-system593.js";
-import { f as x } from "./format-9CEQn4ZR.js";
+import { f as x } from "./format-DYnfumNe.js";
 const I = d(
   ({ placeholder: i = "Choose time", ...o }, t) => {
     const { value: r, isDisabled: m, isError: s, isSuccess: a } = h(), p = r instanceof Date ? x(r, "hh : mm a") : "";

package/dist/mainstack-design-system520.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./index-4R9KShCu.cjs"),l=require("react"),p=require("./utils-B6I16BNR.cjs"),u=require("./mainstack-design-system593.cjs"),a=l.forwardRef(({children:n,onWheel:t,onTouchMove:r,className:s,...d},c)=>{const{open:m}=u.useTimePickerContext();return o.jsx(i.PopoverPortal,{children:o.jsx(i.PopoverContent,{"data-slot":"time-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":m,className:p.cn(" mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-(--radix-popover-trigger-width) mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200 ",s),ref:c,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},...d,children:n})})});a.displayName="TimePickerPortal";exports.TimePickerPortal=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./index-4R9KShCu.cjs"),l=require("react"),p=require("./utils-scPUmbSO.cjs"),u=require("./mainstack-design-system593.cjs"),a=l.forwardRef(({children:n,onWheel:t,onTouchMove:r,className:s,...d},c)=>{const{open:m}=u.useTimePickerContext();return o.jsx(i.PopoverPortal,{children:o.jsx(i.PopoverContent,{"data-slot":"time-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":m,className:p.cn(" mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-(--radix-popover-trigger-width) mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200 ",s),ref:c,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},...d,children:n})})});a.displayName="TimePickerPortal";exports.TimePickerPortal=a;

package/dist/mainstack-design-system520.js

@@ -2,7 +2,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { b as n, c as p } from "./index-RoCFhqzC.js";
 import { forwardRef as c } from "react";
-import { c as l } from "./utils-B-DK6jJO.js";
+import { c as l } from "./utils-Cs1D8Nxl.js";
 import { useTimePickerContext as f } from "./mainstack-design-system593.js";
 const P = c(
   ({

package/dist/mainstack-design-system523.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("./index-hyBpqx_X.cjs"),a=require("./mainstack-design-system591.cjs"),n=require("./utils-B6I16BNR.cjs"),i=({className:e,...s})=>{const{isDesktop:r}=a.useResponsivePopoverDrawerContext();return r?null:t.jsx(o.Drawer.Overlay,{"data-slot":"responsive-popover-drawer-overlay",className:n.cn("mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:data-[state=closed]:fade-out-0 mds:data-[state=open]:fade-in-0 mds:fixed mds:inset-0 mds:z-50 mds:bg-primary/50",e),...s})};exports.ResponsivePopoverDrawerOverlay=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("./index-hyBpqx_X.cjs"),a=require("./mainstack-design-system591.cjs"),n=require("./utils-scPUmbSO.cjs"),i=({className:e,...s})=>{const{isDesktop:r}=a.useResponsivePopoverDrawerContext();return r?null:t.jsx(o.Drawer.Overlay,{"data-slot":"responsive-popover-drawer-overlay",className:n.cn("mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:data-[state=closed]:fade-out-0 mds:data-[state=open]:fade-in-0 mds:fixed mds:inset-0 mds:z-50 mds:bg-primary/50",e),...s})};exports.ResponsivePopoverDrawerOverlay=i;

package/dist/mainstack-design-system523.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { D as s } from "./index-eeqUt-Tb.js";
 import { useResponsivePopoverDrawerContext as r } from "./mainstack-design-system591.js";
-import { c as d } from "./utils-B-DK6jJO.js";
+import { c as d } from "./utils-Cs1D8Nxl.js";
 const f = ({
   className: e,
   ...t

package/dist/mainstack-design-system526.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),e=require("./index-HSoR75mY.cjs"),n=require("react"),a=require("./utils-B6I16BNR.cjs"),l=require("./index-DvzX668K.cjs"),s=n.forwardRef(({children:m,className:t,...o})=>d.jsx("div",{className:"mds:fixed mds:w-full mds:h-full mds:flex mds:justify-center mds:top-0 mds:left-0 mds:items-end mds:z-100 mds:md:items-center ",children:d.jsxs(e.DialogContent,{"data-slot":"modal-body",className:a.cn("mds:group/Modal-body mds:flex-1 mds:flex mds:will-change-transform mds:max-h-[90dvh] mds:max-w-980 mds:shadow-600 mds:rounded-t-20 mds:overflow-hidden  mds:bg-surface-neutral-l1 mds:animate-content-scale-out mds:data-[state=open]:animate-content-scale-in mds:md:rounded-20 mds:md:mx-20 ",t),...o,children:[m,d.jsx(l.VisuallyHidden,{children:d.jsx(e.DialogDescription,{})})]})}));s.displayName="ModalBody";exports.ModalBody=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),e=require("./index-HSoR75mY.cjs"),n=require("react"),a=require("./utils-scPUmbSO.cjs"),l=require("./index-DvzX668K.cjs"),s=n.forwardRef(({children:m,className:t,...o})=>d.jsx("div",{className:"mds:fixed mds:w-full mds:h-full mds:flex mds:justify-center mds:top-0 mds:left-0 mds:items-end mds:z-100 mds:md:items-center ",children:d.jsxs(e.DialogContent,{"data-slot":"modal-body",className:a.cn("mds:group/Modal-body mds:flex-1 mds:flex mds:will-change-transform mds:max-h-[90dvh] mds:max-w-980 mds:shadow-600 mds:rounded-t-20 mds:overflow-hidden  mds:bg-surface-neutral-l1 mds:animate-content-scale-out mds:data-[state=open]:animate-content-scale-in mds:md:rounded-20 mds:md:mx-20 ",t),...o,children:[m,d.jsx(l.VisuallyHidden,{children:d.jsx(e.DialogDescription,{})})]})}));s.displayName="ModalBody";exports.ModalBody=s;

package/dist/mainstack-design-system526.js

@@ -2,7 +2,7 @@
 import { jsx as d, jsxs as o } from "react/jsx-runtime";
 import { D as a, a as t } from "./index-DDHQjaCF.js";
 import { forwardRef as l } from "react";
-import { c as r } from "./utils-B-DK6jJO.js";
+import { c as r } from "./utils-Cs1D8Nxl.js";
 import { V as n } from "./index-DJT9m8v7.js";
 const i = l(
   ({ children: m, className: s, ...e }) => /* @__PURE__ */ d("div", { className: "mds:fixed mds:w-full mds:h-full mds:flex mds:justify-center mds:top-0 mds:left-0 mds:items-end mds:z-100 mds:md:items-center ", children: /* @__PURE__ */ o(

package/dist/mainstack-design-system527.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-HSoR75mY.cjs"),c=require("react"),l=require("./utils-B6I16BNR.cjs"),u=require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");const a=require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");require("./mainstack-design-system355.cjs");const d=require("./mainstack-design-system91.cjs");require("./player-BKifgSJo.cjs");const n=c.forwardRef(({children:o,className:t,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:l.cn(t),ref:s,asChild:!0,...r,children:o||e.jsx(a.ButtonRoot,{size:"sm",iconOnly:!0,rounded:"sm",variant:"secondary",className:"mds:min-w-36 mds:min-h-36",children:e.jsx(u.ButtonIcon,{children:e.jsx(d,{variant:"filled"})})})}));n.displayName="ModalClose";exports.ModalClose=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-HSoR75mY.cjs"),c=require("react"),l=require("./utils-scPUmbSO.cjs"),u=require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");const a=require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");require("./mainstack-design-system355.cjs");const d=require("./mainstack-design-system91.cjs");require("./player-BSON6quL.cjs");const n=c.forwardRef(({children:o,className:t,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:l.cn(t),ref:s,asChild:!0,...r,children:o||e.jsx(a.ButtonRoot,{size:"sm",iconOnly:!0,rounded:"sm",variant:"secondary",className:"mds:min-w-36 mds:min-h-36",children:e.jsx(u.ButtonIcon,{children:e.jsx(d,{variant:"filled"})})})}));n.displayName="ModalClose";exports.ModalClose=n;

package/dist/mainstack-design-system527.js

@@ -2,14 +2,14 @@
 import { jsx as o } from "react/jsx-runtime";
 import { b as a } from "./index-DDHQjaCF.js";
 import { forwardRef as s } from "react";
-import { c as e } from "./utils-B-DK6jJO.js";
+import { c as e } from "./utils-Cs1D8Nxl.js";
 import { ButtonIcon as l } from "./mainstack-design-system386.js";
 import "./mainstack-design-system387.js";
 import { ButtonRoot as n } from "./mainstack-design-system388.js";
 import "./mainstack-design-system389.js";
 import "./mainstack-design-system355.js";
 import d from "./mainstack-design-system91.js";
-import "./player-DSenNqFV.js";
+import "./player-BXrBN0bS.js";
 const c = s(
   ({ children: r, className: m, ...t }, i) => /* @__PURE__ */ o(
     a,