mainstack-design-system 1.2.1 → 1.3.0

package/dist/mainstack-design-system472.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { cn as i } from "./mainstack-design-system586.js";
+import { cn as i } from "./mainstack-design-system587.js";
 const n = d(
   ({ className: e, isError: r, isSuccess: a, ...o }, t) => /* @__PURE__ */ l(
     "textarea",

package/dist/mainstack-design-system473.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),l=require("./mainstack-design-system586.cjs"),t=s.forwardRef(({className:e,...a},r)=>o.jsx("div",{ref:r,"data-slot":"textarea-root","data-editable":"true",tabIndex:0,className:l.cn("form-root-slot-defaults","flex gap-4 w-full px-12 pt-12 border rounded-14 has-[>[data-slot=form-character-counter]]:pt-36 ",e),...a}));t.displayName="TextareaRoot";exports.TextareaRoot=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),l=require("./mainstack-design-system587.cjs"),t=s.forwardRef(({className:e,...a},r)=>o.jsx("div",{ref:r,"data-slot":"textarea-root","data-editable":"true",tabIndex:0,className:l.cn("form-root-slot-defaults","flex gap-4 w-full px-12 pt-12 border rounded-14 has-[>[data-slot=form-character-counter]]:pt-36 ",e),...a}));t.displayName="TextareaRoot";exports.TextareaRoot=t;

package/dist/mainstack-design-system473.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { cn as d } from "./mainstack-design-system586.js";
+import { cn as d } from "./mainstack-design-system587.js";
 const f = e(
   ({ className: t, ...o }, r) => /* @__PURE__ */ a(
     "div",

package/dist/mainstack-design-system476.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react"),o=require("./index-C5YYEtQG.cjs"),i=require("./mainstack-design-system586.cjs"),d=require("./mainstack-design-system484.cjs"),n=l.forwardRef(({...s},u)=>{const{editor:t}=o.useCurrentEditor(),c=o.useEditorState({editor:t,selector:e=>e.editor?{color:e.editor.getAttributes("textStyle").color}:{}});return r.jsx(d.TextEditorMenuAction,{"data-slot":"text-editor-color-picker-menu",ref:u,...s,children:r.jsx("div",{className:i.cn(" p-0 overflow-hidden hover:bg-border-interactive-neutral disabled:text-disabled disabled:cursor-not-allowed rounded-full size-14 min-w-14 ring-2 ring-offset-1 ring-interactive-neutral"),children:r.jsx("input",{type:"color",onInput:e=>t?.chain().focus().setColor(e.currentTarget.value).run(),value:c?.color,className:i.cn("size-[200%] cursor-pointer border-0 p-0 -translate-[25%]")})})})});n.displayName="ColorPickerMenu";exports.ColorPickerMenu=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react"),o=require("./index-C5YYEtQG.cjs"),i=require("./mainstack-design-system587.cjs"),d=require("./mainstack-design-system484.cjs"),n=l.forwardRef(({...s},u)=>{const{editor:t}=o.useCurrentEditor(),c=o.useEditorState({editor:t,selector:e=>e.editor?{color:e.editor.getAttributes("textStyle").color}:{}});return r.jsx(d.TextEditorMenuAction,{"data-slot":"text-editor-color-picker-menu",ref:u,...s,children:r.jsx("div",{className:i.cn(" p-0 overflow-hidden hover:bg-border-interactive-neutral disabled:text-disabled disabled:cursor-not-allowed rounded-full size-14 min-w-14 ring-2 ring-offset-1 ring-interactive-neutral"),children:r.jsx("input",{type:"color",onInput:e=>t?.chain().focus().setColor(e.currentTarget.value).run(),value:c?.color,className:i.cn("size-[200%] cursor-pointer border-0 p-0 -translate-[25%]")})})})});n.displayName="ColorPickerMenu";exports.ColorPickerMenu=n;

package/dist/mainstack-design-system476.js

@@ -2,7 +2,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
 import { u as d, a as s } from "./index-DivqSV6G.js";
-import { cn as o } from "./mainstack-design-system586.js";
+import { cn as o } from "./mainstack-design-system587.js";
 import { TextEditorMenuAction as u } from "./mainstack-design-system484.js";
 const c = a(
   ({ ...i }, n) => {

package/dist/mainstack-design-system477.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),r=require("./mainstack-design-system586.cjs");require("./mainstack-design-system356.cjs");const l=require("./mainstack-design-system304.cjs"),c=require("./mainstack-design-system570.cjs"),t=s.forwardRef(({className:o,...n},i)=>{const{onGenerateWithAi:a}=c.useTextEditorContext();return e.jsxs("button",{onClick:a,ref:i,"data-slot":"text-editor-generate-with-ai-menu",className:r.cn("flex relative cursor-pointer  bg-surface-neutral-l1 items-center gap-4 p-6 pl-10 rounded-full border-solid border-transparent border-1 bg-clip-padding before:content-[''] before:absolute before:top-0 before:right-0 before:left-0 before:bottom-0 before:z-[-1] before:-m-1 before:rounded-full before:bg-linear-[to_right,var(--color-purple-225)_0%,var(--color-azure-275)_30%,var(--color-cobalt-225)_60%,var(--color-persimmon-250)_90%] ",o),...n,children:[e.jsx("p",{className:r.cn("body-tiny-medium"," whitespace-nowrap"),children:"Generate with AI"}),e.jsx(l,{className:"size-16 animate-pulse-wiggle "})]})});t.displayName="GenerateWithAiMenu";exports.GenerateWithAiMenu=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),r=require("./mainstack-design-system587.cjs");require("./mainstack-design-system356.cjs");const l=require("./mainstack-design-system304.cjs"),c=require("./mainstack-design-system571.cjs"),t=s.forwardRef(({className:o,...n},i)=>{const{onGenerateWithAi:a}=c.useTextEditorContext();return e.jsxs("button",{onClick:a,ref:i,"data-slot":"text-editor-generate-with-ai-menu",className:r.cn("flex relative cursor-pointer  bg-surface-neutral-l1 items-center gap-4 p-6 pl-10 rounded-full border-solid border-transparent border-1 bg-clip-padding before:content-[''] before:absolute before:top-0 before:right-0 before:left-0 before:bottom-0 before:z-[-1] before:-m-1 before:rounded-full before:bg-linear-[to_right,var(--color-purple-225)_0%,var(--color-azure-275)_30%,var(--color-cobalt-225)_60%,var(--color-persimmon-250)_90%] ",o),...n,children:[e.jsx("p",{className:r.cn("body-tiny-medium"," whitespace-nowrap"),children:"Generate with AI"}),e.jsx(l,{className:"size-16 animate-pulse-wiggle "})]})});t.displayName="GenerateWithAiMenu";exports.GenerateWithAiMenu=t;

package/dist/mainstack-design-system477.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
-import { cn as r } from "./mainstack-design-system586.js";
+import { cn as r } from "./mainstack-design-system587.js";
 import "./mainstack-design-system356.js";
 import s from "./mainstack-design-system304.js";
-import { useTextEditorContext as m } from "./mainstack-design-system570.js";
+import { useTextEditorContext as m } from "./mainstack-design-system571.js";
 const p = l(
   ({ className: o, ...t }, a) => {
     const { onGenerateWithAi: i } = m();

package/dist/mainstack-design-system478.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react");require("./mainstack-design-system356.cjs");const x=require("./mainstack-design-system240.cjs"),s=require("./index-C5YYEtQG.cjs"),E=require("./mainstack-design-system484.cjs"),a=require("./mainstack-design-system586.cjs"),q=require("./mainstack-design-system570.cjs"),c=n.forwardRef(({className:l,...u},d)=>{const{onError:r}=q.useTextEditorContext(),{editor:t}=s.useCurrentEditor(),m=s.useEditorState({editor:t,selector:e=>e.editor?{isImage:t?.isActive("image")}:{}}),f=n.useCallback(e=>{if(e.preventDefault(),e.target.files){const p=e.target.files[0],o=new FileReader;o.onload=()=>{t?.chain().focus().insertContent({type:"image",attrs:{src:o.result}}).run()},o.onerror=g=>{r&&r(g)},o.readAsDataURL(p)}},[t,r]);return i.jsxs(E.TextEditorMenuAction,{isActive:m?.isImage,ref:d,onClick:()=>{},"data-slot":"text-editor-image-upload-menu",className:a.cn("relative",l),...u,children:[i.jsx(x,{className:"size-16"}),i.jsx("input",{className:a.cn("absolute file-selector opacity-0 file:cursor-pointer w-full h-full left-0 top-0"),type:"file",accept:"image/*",onChange:f})]})});c.displayName="ImageUploadMenu";exports.ImageUploadMenu=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react");require("./mainstack-design-system356.cjs");const x=require("./mainstack-design-system240.cjs"),s=require("./index-C5YYEtQG.cjs"),E=require("./mainstack-design-system484.cjs"),a=require("./mainstack-design-system587.cjs"),q=require("./mainstack-design-system571.cjs"),c=n.forwardRef(({className:l,...u},d)=>{const{onError:r}=q.useTextEditorContext(),{editor:t}=s.useCurrentEditor(),m=s.useEditorState({editor:t,selector:e=>e.editor?{isImage:t?.isActive("image")}:{}}),f=n.useCallback(e=>{if(e.preventDefault(),e.target.files){const p=e.target.files[0],o=new FileReader;o.onload=()=>{t?.chain().focus().insertContent({type:"image",attrs:{src:o.result}}).run()},o.onerror=g=>{r&&r(g)},o.readAsDataURL(p)}},[t,r]);return i.jsxs(E.TextEditorMenuAction,{isActive:m?.isImage,ref:d,onClick:()=>{},"data-slot":"text-editor-image-upload-menu",className:a.cn("relative",l),...u,children:[i.jsx(x,{className:"size-16"}),i.jsx("input",{className:a.cn("absolute file-selector opacity-0 file:cursor-pointer w-full h-full left-0 top-0"),type:"file",accept:"image/*",onChange:f})]})});c.displayName="ImageUploadMenu";exports.ImageUploadMenu=c;

package/dist/mainstack-design-system478.js

@@ -5,8 +5,8 @@ import "./mainstack-design-system356.js";
 import x from "./mainstack-design-system240.js";
 import { u as C, a as I } from "./index-DivqSV6G.js";
 import { TextEditorMenuAction as h } from "./mainstack-design-system484.js";
-import { cn as i } from "./mainstack-design-system586.js";
-import { useTextEditorContext as E } from "./mainstack-design-system570.js";
+import { cn as i } from "./mainstack-design-system587.js";
+import { useTextEditorContext as E } from "./mainstack-design-system571.js";
 const v = d(
   ({ className: s, ...n }, l) => {
     const { onError: r } = E(), { editor: t } = C(), m = I({

package/dist/mainstack-design-system480.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react");require("./mainstack-design-system356.cjs");const B=require("./mainstack-design-system107.cjs"),D=require("./mainstack-design-system205.cjs"),r=require("./index-HSoR75mY.cjs"),m=require("./index-C5YYEtQG.cjs"),T=require("./mainstack-design-system484.cjs");require("./mainstack-design-system420.cjs");const h=require("./mainstack-design-system421.cjs"),g=require("./mainstack-design-system422.cjs");require("./mainstack-design-system423.cjs");require("./mainstack-design-system424.cjs");require("./mainstack-design-system425.cjs");require("./mainstack-design-system426.cjs");require("./mainstack-design-system427.cjs");require("./mainstack-design-system429.cjs");require("./mainstack-design-system430.cjs");const p=require("./mainstack-design-system428.cjs"),F=require("./mainstack-design-system586.cjs"),N=require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");const S=require("./mainstack-design-system384.cjs"),j=require("./mainstack-design-system385.cjs"),f=i.forwardRef(({...k},q)=>{const[a,c]=i.useState(""),[s,u]=i.useState(""),[_,d]=i.useState(!1),{editor:n}=m.useCurrentEditor(),x=m.useEditorState({editor:n,selector:t=>t.editor?{isLink:t.editor.isActive("link")||!1,canLink:t.editor.can().chain().toggleLink().run()||!1}:{}}),v=i.useCallback(()=>{if(!n)return;const{view:t,state:o}=n,{from:l,to:C}=t.state.selection,b=o.doc.textBetween(l,C,"")||"",I=n?.getAttributes("link").href||"";c(b),u(I)},[n]),L=()=>{if(!s||!n)return;const{view:t}=n,{from:o,to:l}=t.state.selection;n?.chain().focus().extendMarkRange("link").setLink({href:s}).insertContentAt({from:o,to:l},a).run(),d(!1)};return e.jsx(e.Fragment,{children:e.jsxs(r.Dialog,{open:_,onOpenChange:d,children:[e.jsx(r.DialogTrigger,{asChild:!0,children:e.jsx(T.TextEditorMenuAction,{isActive:x?.isLink,"data-slot":"text-editor-link-menu",onClick:v,disabled:!x?.canLink,ref:q,...k,children:e.jsx(D,{className:"size-16"})})}),e.jsxs(r.DialogPortal,{children:[e.jsx(r.DialogOverlay,{className:"fixed opacity-30 z-10 bg-border-interactive-neutral-active-hover inset-0"}),e.jsxs(r.DialogContent,{className:"fixed z-100 top-1/2 left-1/2 -translate-1/2 w-full max-w-500 p-25 rounded-6 shadow-200 bg-surface-neutral-l1",children:[e.jsx(r.DialogTitle,{className:F.cn("headline-large-bold"),children:"Add Link"}),e.jsxs("div",{className:"flex mt-18 flex-col gap-12",children:[e.jsxs(h.FormItem,{children:[e.jsx(g.FormLabel,{children:"Text"}),e.jsx(p.Input,{value:a,onChange:t=>c(t.target.value),placeholder:"Enter text here..."})]}),e.jsxs(h.FormItem,{children:[e.jsx(g.FormLabel,{children:"Link"}),e.jsx(p.Input,{value:s,onChange:t=>u(t.target.value),placeholder:"Enter link here..."})]})]}),e.jsxs("div",{className:"flex mt-24 gap-12 items-center justify-end",children:[e.jsx(r.DialogClose,{asChild:!0,children:e.jsx(j.Button,{variant:"outline",size:"xs",children:"Cancel"})}),e.jsx(j.Button,{disabled:!s,onClick:L,size:"xs",children:"Save"})]}),e.jsx(r.DialogClose,{asChild:!0,children:e.jsx(S.ButtonRoot,{className:"absolute size-24 top-12 right-12",iconOnly:!0,size:"tiny",rounded:"sm",children:e.jsx(N.ButtonIcon,{children:e.jsx(B,{className:"size-18"})})})})]})]})]})})});f.displayName="LinkMenu";exports.LinkMenu=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react");require("./mainstack-design-system356.cjs");const B=require("./mainstack-design-system107.cjs"),D=require("./mainstack-design-system205.cjs"),r=require("./index-HSoR75mY.cjs"),m=require("./index-C5YYEtQG.cjs"),T=require("./mainstack-design-system484.cjs");require("./mainstack-design-system420.cjs");const h=require("./mainstack-design-system421.cjs"),g=require("./mainstack-design-system422.cjs");require("./mainstack-design-system423.cjs");require("./mainstack-design-system424.cjs");require("./mainstack-design-system425.cjs");require("./mainstack-design-system426.cjs");require("./mainstack-design-system427.cjs");require("./mainstack-design-system429.cjs");require("./mainstack-design-system430.cjs");const p=require("./mainstack-design-system428.cjs"),F=require("./mainstack-design-system587.cjs"),N=require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");const S=require("./mainstack-design-system384.cjs"),j=require("./mainstack-design-system385.cjs"),f=i.forwardRef(({...k},q)=>{const[a,c]=i.useState(""),[s,u]=i.useState(""),[_,d]=i.useState(!1),{editor:n}=m.useCurrentEditor(),x=m.useEditorState({editor:n,selector:t=>t.editor?{isLink:t.editor.isActive("link")||!1,canLink:t.editor.can().chain().toggleLink().run()||!1}:{}}),v=i.useCallback(()=>{if(!n)return;const{view:t,state:o}=n,{from:l,to:C}=t.state.selection,b=o.doc.textBetween(l,C,"")||"",I=n?.getAttributes("link").href||"";c(b),u(I)},[n]),L=()=>{if(!s||!n)return;const{view:t}=n,{from:o,to:l}=t.state.selection;n?.chain().focus().extendMarkRange("link").setLink({href:s}).insertContentAt({from:o,to:l},a).run(),d(!1)};return e.jsx(e.Fragment,{children:e.jsxs(r.Dialog,{open:_,onOpenChange:d,children:[e.jsx(r.DialogTrigger,{asChild:!0,children:e.jsx(T.TextEditorMenuAction,{isActive:x?.isLink,"data-slot":"text-editor-link-menu",onClick:v,disabled:!x?.canLink,ref:q,...k,children:e.jsx(D,{className:"size-16"})})}),e.jsxs(r.DialogPortal,{children:[e.jsx(r.DialogOverlay,{className:"fixed opacity-30 z-10 bg-border-interactive-neutral-active-hover inset-0"}),e.jsxs(r.DialogContent,{className:"fixed z-100 top-1/2 left-1/2 -translate-1/2 w-full max-w-500 p-25 rounded-6 shadow-200 bg-surface-neutral-l1",children:[e.jsx(r.DialogTitle,{className:F.cn("headline-large-bold"),children:"Add Link"}),e.jsxs("div",{className:"flex mt-18 flex-col gap-12",children:[e.jsxs(h.FormItem,{children:[e.jsx(g.FormLabel,{children:"Text"}),e.jsx(p.Input,{value:a,onChange:t=>c(t.target.value),placeholder:"Enter text here..."})]}),e.jsxs(h.FormItem,{children:[e.jsx(g.FormLabel,{children:"Link"}),e.jsx(p.Input,{value:s,onChange:t=>u(t.target.value),placeholder:"Enter link here..."})]})]}),e.jsxs("div",{className:"flex mt-24 gap-12 items-center justify-end",children:[e.jsx(r.DialogClose,{asChild:!0,children:e.jsx(j.Button,{variant:"outline",size:"xs",children:"Cancel"})}),e.jsx(j.Button,{disabled:!s,onClick:L,size:"xs",children:"Save"})]}),e.jsx(r.DialogClose,{asChild:!0,children:e.jsx(S.ButtonRoot,{className:"absolute size-24 top-12 right-12",iconOnly:!0,size:"tiny",rounded:"sm",children:e.jsx(N.ButtonIcon,{children:e.jsx(B,{className:"size-18"})})})})]})]})]})})});f.displayName="LinkMenu";exports.LinkMenu=f;

package/dist/mainstack-design-system480.js

@@ -18,7 +18,7 @@ import "./mainstack-design-system427.js";
 import "./mainstack-design-system429.js";
 import "./mainstack-design-system430.js";
 import { Input as g } from "./mainstack-design-system428.js";
-import { cn as P } from "./mainstack-design-system586.js";
+import { cn as P } from "./mainstack-design-system587.js";
 import { ButtonIcon as V } from "./mainstack-design-system382.js";
 import "./mainstack-design-system383.js";
 import { ButtonRoot as _ } from "./mainstack-design-system384.js";

package/dist/mainstack-design-system484.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),c=require("react"),d=require("./mainstack-design-system586.cjs"),l=require("./index-CpE6WAgy.cjs"),t=c.forwardRef(({className:r,asChild:o,isActive:e,...n},i)=>{const a=o?l.Slot:"button";return u.jsx(a,{"data-active":e?"true":"false",className:d.cn(" outline-none border-none cursor-pointer hover:bg-border-interactive-neutral p-7 rounded-8 disabled:text-disabled disabled:cursor-not-allowed ",e&&"bg-border-interactive-neutral-active text-surface-neutral-l1 hover:bg-border-interactive-neutral-active-hover",r),ref:i,...n})});t.displayName="TextEditorMenuAction";exports.TextEditorMenuAction=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),c=require("react"),d=require("./mainstack-design-system587.cjs"),l=require("./index-CpE6WAgy.cjs"),t=c.forwardRef(({className:r,asChild:o,isActive:e,...n},i)=>{const a=o?l.Slot:"button";return u.jsx(a,{"data-active":e?"true":"false",className:d.cn(" outline-none border-none cursor-pointer hover:bg-border-interactive-neutral p-7 rounded-8 disabled:text-disabled disabled:cursor-not-allowed ",e&&"bg-border-interactive-neutral-active text-surface-neutral-l1 hover:bg-border-interactive-neutral-active-hover",r),ref:i,...n})});t.displayName="TextEditorMenuAction";exports.TextEditorMenuAction=t;

package/dist/mainstack-design-system484.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { cn as d } from "./mainstack-design-system586.js";
+import { cn as d } from "./mainstack-design-system587.js";
 import { S as l } from "./index-BtQfgaSF.js";
 const c = i(
   ({ className: r, asChild: t, isActive: e, ...o }, a) => /* @__PURE__ */ n(

package/dist/mainstack-design-system485.cjs

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

package/dist/mainstack-design-system485.js

@@ -5,7 +5,7 @@ import "./mainstack-design-system356.js";
 import p from "./mainstack-design-system152.js";
 import { u as m, a as v } from "./index-DivqSV6G.js";
 import { D as f, a as H, b, c as y, d as l, e as A } from "./index-BgRpW4T4.js";
-import { cn as n } from "./mainstack-design-system586.js";
+import { cn as n } from "./mainstack-design-system587.js";
 import { TextEditorMenuAction as d } from "./mainstack-design-system484.js";
 const C = h(
   ({ className: o, ...t }, c) => {

package/dist/mainstack-design-system486.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-system356.cjs");const a=require("./mainstack-design-system171.cjs"),i=require("./index-C5YYEtQG.cjs"),c=require("./mainstack-design-system586.cjs"),b=require("./mainstack-design-system484.cjs"),o=u.forwardRef(({className:d,...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(b.TextEditorMenuAction,{className:c.cn(" outline-none border-none cursor-pointer hover:bg-border-interactive-neutral p-7 rounded-8 disabled:text-disabled disabled:cursor-not-allowed",n?.isUnderline&&"bg-border-interactive-neutral-active text-surface-neutral-l1 hover:bg-border-interactive-neutral-active-hover",d),onClick:()=>r?.chain().focus().toggleUnderline().run(),disabled:!n?.canUnderline,"data-slot":"text-editor-underline-menu",ref:l,...s,children:t.jsx(a,{className:"size-16"})})});o.displayName="UnderlineMenu";exports.UnderlineMenu=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react");require("./mainstack-design-system356.cjs");const a=require("./mainstack-design-system171.cjs"),i=require("./index-C5YYEtQG.cjs"),c=require("./mainstack-design-system587.cjs"),b=require("./mainstack-design-system484.cjs"),o=u.forwardRef(({className:d,...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(b.TextEditorMenuAction,{className:c.cn(" outline-none border-none cursor-pointer hover:bg-border-interactive-neutral p-7 rounded-8 disabled:text-disabled disabled:cursor-not-allowed",n?.isUnderline&&"bg-border-interactive-neutral-active text-surface-neutral-l1 hover:bg-border-interactive-neutral-active-hover",d),onClick:()=>r?.chain().focus().toggleUnderline().run(),disabled:!n?.canUnderline,"data-slot":"text-editor-underline-menu",ref:l,...s,children:t.jsx(a,{className:"size-16"})})});o.displayName="UnderlineMenu";exports.UnderlineMenu=o;

package/dist/mainstack-design-system486.js

@@ -4,7 +4,7 @@ import { forwardRef as a } from "react";
 import "./mainstack-design-system356.js";
 import l from "./mainstack-design-system171.js";
 import { u as s, a as u } from "./index-DivqSV6G.js";
-import { cn as c } from "./mainstack-design-system586.js";
+import { cn as c } from "./mainstack-design-system587.js";
 import { TextEditorMenuAction as m } from "./mainstack-design-system484.js";
 const f = a(
   ({ className: i, ...o }, d) => {

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

package/dist/mainstack-design-system488.js

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

package/dist/mainstack-design-system489.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("./mainstack-design-system586.cjs"),g=require("./mainstack-design-system571.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("./mainstack-design-system587.cjs"),g=require("./mainstack-design-system572.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-system489.js

@@ -2,8 +2,8 @@
 import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
 import { u as c } from "./index-437EL2iq.js";
-import { cn as u } from "./mainstack-design-system586.js";
-import { tileVariants as C } from "./mainstack-design-system571.js";
+import { cn as u } from "./mainstack-design-system587.js";
+import { tileVariants as C } from "./mainstack-design-system572.js";
 const g = p(
   ({
     className: o,

package/dist/mainstack-design-system491.cjs

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

package/dist/mainstack-design-system491.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { cn as o } from "./mainstack-design-system586.js";
+import { cn as o } from "./mainstack-design-system587.js";
 const s = ({ className: r, ...t }) => /* @__PURE__ */ c("span", { "data-slot": "tile-checkbox", className: "flex items-start", children: [
   /* @__PURE__ */ e("input", { type: "checkbox", className: "peer sr-only", ...t }),
   /* @__PURE__ */ e(

package/dist/mainstack-design-system492.cjs

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

package/dist/mainstack-design-system492.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
-import { cn as n } from "./mainstack-design-system586.js";
+import { cn as n } from "./mainstack-design-system587.js";
 const a = l(
   ({ className: t, ...o }, e) => /* @__PURE__ */ r(
     "div",

package/dist/mainstack-design-system493.cjs

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

package/dist/mainstack-design-system493.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import m from "react";
-import { cn as i } from "./mainstack-design-system586.js";
+import { cn as i } from "./mainstack-design-system587.js";
 const a = m.forwardRef, p = a(
   ({ as: t, className: e, ...o }, r) => /* @__PURE__ */ l(
     t || "p",

package/dist/mainstack-design-system494.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),l=require("./mainstack-design-system586.cjs"),e=o.forwardRef(({className:t,...i},r)=>s.jsx("p",{"data-slot":"tile-description",className:l.cn("body-extrasmall-regular 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("./mainstack-design-system587.cjs"),e=o.forwardRef(({className:t,...i},r)=>s.jsx("p",{"data-slot":"tile-description",className:l.cn("body-extrasmall-regular text-secondary",t),ref:r,...i}));e.displayName="TileDescription";exports.TileDescription=e;

package/dist/mainstack-design-system494.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { cn as a } from "./mainstack-design-system586.js";
+import { cn as a } from "./mainstack-design-system587.js";
 const s = i(
   ({ className: r, ...e }, o) => /* @__PURE__ */ t(
     "p",

package/dist/mainstack-design-system495.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("react"),s=require("./mainstack-design-system586.cjs"),e=l.forwardRef(({className:r,...t},i)=>a.jsx("div",{"data-slot":"tile-header",className:s.cn("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"),l=require("react"),s=require("./mainstack-design-system587.cjs"),e=l.forwardRef(({className:r,...t},i)=>a.jsx("div",{"data-slot":"tile-header",className:s.cn("flex",r),ref:i,...t}));e.displayName="TileHeader";exports.TileHeader=e;

package/dist/mainstack-design-system495.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import { cn as i } from "./mainstack-design-system586.js";
+import { cn as i } from "./mainstack-design-system587.js";
 const m = t(
   ({ className: e, ...r }, a) => /* @__PURE__ */ o(
     "div",

package/dist/mainstack-design-system496.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),l=require("./mainstack-design-system498.cjs"),n=require("./mainstack-design-system584.cjs"),o=r.forwardRef(({children:c,...g},t)=>e.jsx(l.ToggleRoot,{ref:t,...g,children:e.jsx(n.ToggleSwitch,{})}));o.displayName="Toggle";exports.Toggle=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),l=require("./mainstack-design-system498.cjs"),n=require("./mainstack-design-system585.cjs"),o=r.forwardRef(({children:c,...g},t)=>e.jsx(l.ToggleRoot,{ref:t,...g,children:e.jsx(n.ToggleSwitch,{})}));o.displayName="Toggle";exports.Toggle=o;

package/dist/mainstack-design-system496.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import t from "react";
 import { ToggleRoot as m } from "./mainstack-design-system498.js";
-import { ToggleSwitch as g } from "./mainstack-design-system584.js";
+import { ToggleSwitch as g } from "./mainstack-design-system585.js";
 const i = t.forwardRef(
   ({ children: l, ...r }, e) => /* @__PURE__ */ o(m, { ref: e, ...r, children: /* @__PURE__ */ o(g, {}) })
 );

package/dist/mainstack-design-system497.cjs

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

package/dist/mainstack-design-system497.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import l from "react";
-import { cn as a } from "./mainstack-design-system586.js";
+import { cn as a } from "./mainstack-design-system587.js";
 const p = l.forwardRef, d = p(
   ({ className: o, as: t, ...r }, e) => /* @__PURE__ */ m(
     t || "h3",

package/dist/mainstack-design-system498.cjs

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

package/dist/mainstack-design-system498.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import f from "react";
 import { toggleVariants as a } from "./mainstack-design-system501.js";
-import { cn as i } from "./mainstack-design-system586.js";
+import { cn as i } from "./mainstack-design-system587.js";
 const g = f.forwardRef(
   ({ children: t, size: e = "sm", ...o }, r) => /* @__PURE__ */ m(
     "div",

package/dist/mainstack-design-system499.cjs

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

package/dist/mainstack-design-system499.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
 import { R as f } from "./index-C8-1UHbn.js";
-import { cn as m } from "./mainstack-design-system586.js";
+import { cn as m } from "./mainstack-design-system587.js";
 const c = a(
   ({ className: o, children: r, ...e }, l) => /* @__PURE__ */ t(
     f,

package/dist/mainstack-design-system500.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),l=require("./mainstack-design-system586.cjs"),a=s.forwardRef,u=a(({className:e,...t},r)=>o.jsx("p",{ref:r,"data-slot":"toggle-subtext",className:l.cn("flex-1 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("./mainstack-design-system587.cjs"),a=s.forwardRef,u=a(({className:e,...t},r)=>o.jsx("p",{ref:r,"data-slot":"toggle-subtext",className:l.cn("flex-1 text-secondary body-extrasmall-regular",e),...t}));exports.ToggleSubtext=u;

package/dist/mainstack-design-system500.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import a from "react";
-import { cn as l } from "./mainstack-design-system586.js";
+import { cn as l } from "./mainstack-design-system587.js";
 const m = a.forwardRef, p = m(
   ({ className: t, ...o }, r) => /* @__PURE__ */ e(
     "p",

package/dist/mainstack-design-system502.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("./mainstack-design-system505.cjs"),R=require("./mainstack-design-system504.cjs"),g=require("./mainstack-design-system588.cjs"),c=require("./mainstack-design-system585.cjs"),a=o.forwardRef(({children:n,...t},r)=>e.jsxs(s.DateRangeRoot,{ref:r,...t,children:[n,e.jsxs(R.DateRangePortal,{children:[e.jsx(g.DateRangeMenubar,{}),e.jsx(c.DateRangeCalendar,{})]})]}));a.displayName="DateRange";exports.DateRange=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("./mainstack-design-system505.cjs"),R=require("./mainstack-design-system504.cjs"),g=require("./mainstack-design-system589.cjs"),c=require("./mainstack-design-system586.cjs"),a=o.forwardRef(({children:n,...t},r)=>e.jsxs(s.DateRangeRoot,{ref:r,...t,children:[n,e.jsxs(R.DateRangePortal,{children:[e.jsx(g.DateRangeMenubar,{}),e.jsx(c.DateRangeCalendar,{})]})]}));a.displayName="DateRange";exports.DateRange=a;

package/dist/mainstack-design-system502.js

@@ -2,8 +2,8 @@ import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import { DateRangeRoot as n } from "./mainstack-design-system505.js";
 import { DateRangePortal as i } from "./mainstack-design-system504.js";
-import { DateRangeMenubar as f } from "./mainstack-design-system588.js";
-import { DateRangeCalendar as p } from "./mainstack-design-system585.js";
+import { DateRangeMenubar as f } from "./mainstack-design-system589.js";
+import { DateRangeCalendar as p } from "./mainstack-design-system586.js";
 const R = m(
   ({ children: a, ...o }, t) => /* @__PURE__ */ r(n, { ref: t, ...o, children: [
     a,

package/dist/mainstack-design-system503.cjs

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

package/dist/mainstack-design-system503.js

@@ -4,8 +4,8 @@ import "./mainstack-design-system382.js";
 import "./mainstack-design-system383.js";
 import "./mainstack-design-system384.js";
 import { Button as p } from "./mainstack-design-system385.js";
-import { useDateRangeContext as l } from "./mainstack-design-system572.js";
-import { cn as g } from "./mainstack-design-system586.js";
+import { useDateRangeContext as l } from "./mainstack-design-system573.js";
+import { cn as g } from "./mainstack-design-system587.js";
 const v = c(
   ({ onClick: t, className: n, actionData: e, ...a }, i) => {
     const {

package/dist/mainstack-design-system504.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("./mainstack-design-system586.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system575.cjs");const l=require("./mainstack-design-system596.cjs"),p=require("./mainstack-design-system517.cjs"),v=require("./mainstack-design-system593.cjs");require("./mainstack-design-system519.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("flex flex-col gap-16 bg-surface-neutral-l1 z-100 rounded-20 p-16 border border-border-interactive-neutral shadow-600 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("./mainstack-design-system587.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system576.cjs");const l=require("./mainstack-design-system597.cjs"),p=require("./mainstack-design-system517.cjs"),v=require("./mainstack-design-system594.cjs");require("./mainstack-design-system519.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("flex flex-col gap-16 bg-surface-neutral-l1 z-100 rounded-20 p-16 border border-border-interactive-neutral shadow-600 min-[900px]:p-24",s),ref:t,...a,children:o}),e.jsx(p.ResponsivePopoverDrawerOverlay,{})]}));r.displayName="DateRangePortal";exports.DateRangePortal=r;

package/dist/mainstack-design-system504.js

@@ -1,12 +1,12 @@
 'use client';
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { cn as s } from "./mainstack-design-system586.js";
+import { cn as s } from "./mainstack-design-system587.js";
 import "./index-Czas6QFh.js";
-import "./mainstack-design-system575.js";
-import { ResponsivePopoverDrawerContent as m } from "./mainstack-design-system596.js";
+import "./mainstack-design-system576.js";
+import { ResponsivePopoverDrawerContent as m } from "./mainstack-design-system597.js";
 import { ResponsivePopoverDrawerOverlay as l } from "./mainstack-design-system517.js";
-import { ResponsivePopoverDrawerPortal as n } from "./mainstack-design-system593.js";
+import { ResponsivePopoverDrawerPortal as n } from "./mainstack-design-system594.js";
 import "./mainstack-design-system519.js";
 const f = i(
   ({ children: o, className: e, ...t }, a) => /* @__PURE__ */ p(n, { children: [

package/dist/mainstack-design-system505.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),f=require("./mainstack-design-system586.cjs"),a=require("./index-C8aODXfJ.cjs"),P=require("./mainstack-design-system572.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system575.cjs");require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");const b=require("./mainstack-design-system518.cjs");require("./mainstack-design-system519.cjs");const w=require("./mainstack-design-system573.cjs"),s=n.forwardRef(({open:i,onOpenChange:u,value:l,onValueChange:c,isDisabled:p=!1,defaultValue:o={from:void 0,to:void 0},closeOnRangeSelect:d=!0,startOfAllTimeDate:v=new Date("2021-10-16"),children:R,className:g,...q},h)=>{const[t,r]=a.useControllableState({prop:i,defaultProp:!1,onChange:u}),[C,D]=a.useControllableState({prop:l,defaultProp:o,onChange:c}),[m]=w("(min-width: 900px)"),[x,_]=n.useState(null);return e.jsx(P.DateRangeContext.Provider,{value:{open:t,isDisabled:p,defaultValue:o,value:C,closeOnRangeSelect:d,activeMenu:x,startOfAllTimeDate:v,setActiveMenu:_,onValueChange:D,onOpenChange:r},children:e.jsx(b.ResponsivePopoverDrawerRoot,{open:t,onOpenChange:r,isDesktop:m,children:e.jsx("div",{...q,ref:h,className:f.cn(g),"data-slot":"date-range-root",children:R})})})});s.displayName="DateRangeRoot";exports.DateRangeRoot=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),f=require("./mainstack-design-system587.cjs"),a=require("./index-C8aODXfJ.cjs"),P=require("./mainstack-design-system573.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system576.cjs");require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");const b=require("./mainstack-design-system518.cjs");require("./mainstack-design-system519.cjs");const w=require("./mainstack-design-system574.cjs"),s=n.forwardRef(({open:i,onOpenChange:u,value:l,onValueChange:c,isDisabled:p=!1,defaultValue:o={from:void 0,to:void 0},closeOnRangeSelect:d=!0,startOfAllTimeDate:v=new Date("2021-10-16"),children:R,className:g,...q},h)=>{const[t,r]=a.useControllableState({prop:i,defaultProp:!1,onChange:u}),[C,D]=a.useControllableState({prop:l,defaultProp:o,onChange:c}),[m]=w("(min-width: 900px)"),[x,_]=n.useState(null);return e.jsx(P.DateRangeContext.Provider,{value:{open:t,isDisabled:p,defaultValue:o,value:C,closeOnRangeSelect:d,activeMenu:x,startOfAllTimeDate:v,setActiveMenu:_,onValueChange:D,onOpenChange:r},children:e.jsx(b.ResponsivePopoverDrawerRoot,{open:t,onOpenChange:r,isDesktop:m,children:e.jsx("div",{...q,ref:h,className:f.cn(g),"data-slot":"date-range-root",children:R})})})});s.displayName="DateRangeRoot";exports.DateRangeRoot=s;

package/dist/mainstack-design-system505.js

@@ -1,17 +1,17 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as w, useState as x } from "react";
-import { cn as M } from "./mainstack-design-system586.js";
+import { cn as M } from "./mainstack-design-system587.js";
 import { u as a } from "./index-437EL2iq.js";
-import { DateRangeContext as P } from "./mainstack-design-system572.js";
+import { DateRangeContext as P } from "./mainstack-design-system573.js";
 import "./index-Czas6QFh.js";
-import "./mainstack-design-system575.js";
+import "./mainstack-design-system576.js";
 import "./mainstack-design-system382.js";
 import "./mainstack-design-system383.js";
 import "./mainstack-design-system384.js";
 import "./mainstack-design-system385.js";
 import { ResponsivePopoverDrawerRoot as N } from "./mainstack-design-system518.js";
 import "./mainstack-design-system519.js";
-import O from "./mainstack-design-system573.js";
+import O from "./mainstack-design-system574.js";
 const S = w(
   ({
     open: n,

package/dist/mainstack-design-system506.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),s=require("./mainstack-design-system586.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system575.cjs");require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");const n=require("./mainstack-design-system519.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("./mainstack-design-system587.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system576.cjs");require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");const n=require("./mainstack-design-system519.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-system506.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { cn as m } from "./mainstack-design-system586.js";
+import { cn as m } from "./mainstack-design-system587.js";
 import "./index-Czas6QFh.js";
-import "./mainstack-design-system575.js";
+import "./mainstack-design-system576.js";
 import "./mainstack-design-system382.js";
 import "./mainstack-design-system383.js";
 import "./mainstack-design-system384.js";

package/dist/mainstack-design-system508.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("./mainstack-design-system586.cjs"),k=require("./mainstack-design-system576.cjs"),m=require("./DayPickerExtended-DV1omF2s.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("./mainstack-design-system587.cjs"),k=require("./mainstack-design-system577.cjs"),m=require("./DayPickerExtended-CA95KnM8.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-system508.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
-import { cn as c } from "./mainstack-design-system586.js";
-import { useDatePickerContext as m } from "./mainstack-design-system576.js";
-import { D as p } from "./DayPickerExtended-DfM_MXPp.js";
+import { cn as c } from "./mainstack-design-system587.js";
+import { useDatePickerContext as m } from "./mainstack-design-system577.js";
+import { D as p } from "./DayPickerExtended-rLceD2PL.js";
 const f = l(
   ({ className: t, ...o }, n) => {
     const { value: e, isDisabled: i, onValueChange: a, onOpenChange: d } = m();

package/dist/mainstack-design-system509.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-system429.cjs"),p=require("./mainstack-design-system430.cjs");require("./mainstack-design-system428.cjs");require("./mainstack-design-system356.cjs");const m=require("./mainstack-design-system85.cjs"),I=require("./index-4R9KShCu.cjs"),q=require("./mainstack-design-system576.cjs"),x=require("./format-BCNZql7A.cjs"),r=d.forwardRef(({placeholder:n="Choose a date",...o},s)=>{const{value:t,isDisabled:i,isError:c,isSuccess:a}=q.useDatePickerContext(),u=t instanceof Date?x.format(t,"dd - MM - yyyy"):"";return e.jsx(I.PopoverTrigger,{className:"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:s,...o}),e.jsx(m,{className:"size-20 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-system429.cjs"),p=require("./mainstack-design-system430.cjs");require("./mainstack-design-system428.cjs");require("./mainstack-design-system356.cjs");const m=require("./mainstack-design-system85.cjs"),I=require("./index-4R9KShCu.cjs"),q=require("./mainstack-design-system577.cjs"),x=require("./format-BCNZql7A.cjs"),r=d.forwardRef(({placeholder:n="Choose a date",...o},s)=>{const{value:t,isDisabled:i,isError:c,isSuccess:a}=q.useDatePickerContext(),u=t instanceof Date?x.format(t,"dd - MM - yyyy"):"";return e.jsx(I.PopoverTrigger,{className:"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:s,...o}),e.jsx(m,{className:"size-20 text-secondary"})]})})});r.displayName="DatePickerInputField";exports.DatePickerInputField=r;

package/dist/mainstack-design-system509.js

@@ -7,7 +7,7 @@ import "./mainstack-design-system428.js";
 import "./mainstack-design-system356.js";
 import f from "./mainstack-design-system85.js";
 import { a as u } from "./index-RoCFhqzC.js";
-import { useDatePickerContext as y } from "./mainstack-design-system576.js";
+import { useDatePickerContext as y } from "./mainstack-design-system577.js";
 import { f as x } from "./format-DdpUgYOD.js";
 const D = d(
   ({ placeholder: t = "Choose a date", ...o }, i) => {

package/dist/mainstack-design-system510.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"),p=require("react"),u=require("./mainstack-design-system586.cjs"),P=require("./mainstack-design-system576.cjs"),n=p.forwardRef(({children:i,onWheel:t,onTouchMove:r,className:c,...s},d)=>{const{open:l}=P.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:u.cn(" will-change-transform data-[state=open]:animate-content-fade-in z-100 animate-content-fade-out w-(--radix-popover-trigger-width) p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200 ",c),onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},ref:d,...s,children:i})})});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"),p=require("react"),u=require("./mainstack-design-system587.cjs"),P=require("./mainstack-design-system577.cjs"),n=p.forwardRef(({children:i,onWheel:t,onTouchMove:r,className:c,...s},d)=>{const{open:l}=P.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:u.cn(" will-change-transform data-[state=open]:animate-content-fade-in z-100 animate-content-fade-out w-(--radix-popover-trigger-width) p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200 ",c),onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},ref:d,...s,children:i})})});n.displayName="DatePickerPortal";exports.DatePickerPortal=n;

package/dist/mainstack-design-system510.js

@@ -2,8 +2,8 @@
 import { jsx as e } from "react/jsx-runtime";
 import { b as s, c } from "./index-RoCFhqzC.js";
 import { forwardRef as l } from "react";
-import { cn as f } from "./mainstack-design-system586.js";
-import { useDatePickerContext as m } from "./mainstack-design-system576.js";
+import { cn as f } from "./mainstack-design-system587.js";
+import { useDatePickerContext as m } from "./mainstack-design-system577.js";
 const P = l(
   ({
     children: a,