mainstack-design-system 1.12.7 → 1.12.9

package/dist/mainstack-design-system529.js

@@ -1,29 +1,52 @@
-import { jsx as o } from "react/jsx-runtime";
-import { D as i } from "./index-eeqUt-Tb.js";
-import { a as p } from "./index-RoCFhqzC.js";
-import { forwardRef as t } from "react";
-import { useResponsivePopoverDrawerContext as a } from "./mainstack-design-system595.js";
-const g = t(
-  ({ ...r }, e) => {
-    const { isDesktop: s } = a();
-    return s ? /* @__PURE__ */ o(
-      p,
-      {
-        "data-slot": "responsive-popover-drawer-trigger",
-        ref: e,
-        ...r
-      }
-    ) : /* @__PURE__ */ o(
-      i.Trigger,
-      {
-        "data-slot": "responsive-popover-drawer-trigger",
-        ref: e,
-        ...r
-      }
-    );
-  }
-);
-g.displayName = "ResponsivePopoverDrawerTrigger";
+import { jsx as r } from "react/jsx-runtime";
+import { u as v } from "./index-437EL2iq.js";
+import { R as d } from "./index-eeqUt-Tb.js";
+import { P as f } from "./index-RoCFhqzC.js";
+import { ResponsivePopoverDrawerContext as n } from "./mainstack-design-system595.js";
+import "react";
+import { useMatchMedia as u } from "./mainstack-design-system389.js";
+const k = ({
+  open: s,
+  onOpenChange: a,
+  isDesktop: i = null,
+  breakpoint: m,
+  ...p
+}) => {
+  const [l] = u(m || "(min-width: 768px)"), t = i ?? l, [o, e] = v({
+    prop: s,
+    defaultProp: !1,
+    onChange: a
+  });
+  return t ? /* @__PURE__ */ r(
+    n.Provider,
+    {
+      value: { open: o, onOpenChange: e, isDesktop: t },
+      children: /* @__PURE__ */ r(
+        f,
+        {
+          "data-slot": "responsive-popover-drawer-root",
+          open: o,
+          onOpenChange: e,
+          ...p
+        }
+      )
+    }
+  ) : /* @__PURE__ */ r(
+    n.Provider,
+    {
+      value: { open: o, onOpenChange: e, isDesktop: t },
+      children: /* @__PURE__ */ r(
+        d,
+        {
+          "data-slot": "responsive-popover-drawer-root",
+          open: o,
+          onOpenChange: e,
+          ...p
+        }
+      )
+    }
+  );
+};
 export {
-  g as ResponsivePopoverDrawerTrigger
+  k as ResponsivePopoverDrawerRoot
 };

package/dist/mainstack-design-system530.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./index-HSoR75mY.cjs"),r=require("react"),c=require("./utils-B5hIDwfq.cjs"),u=require("./index-DvzX668K.cjs"),a=r.forwardRef(({children:d,className:s,layout:n="dialog",direction:m="center",placement:i="center",...o},l)=>t.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:sm:items-center mds:has-data-[placement=left]:sm:justify-start mds:has-data-[placement=right]:sm:justify-end mds:has-data-[placement=top]:sm:items-start mds:has-data-[placement=bottom]:sm:items-end ",children:t.jsxs(e.DialogContent,{ref:l,"data-slot":"modal-body","data-layout":n,"data-direction":m,"data-placement":i,className:c.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:sm:rounded-20 mds:sm:m-20 mds:data-[layout=sidebar]:max-w-456 mds:data-[layout=sidebar]:sm:min-h-[95dvh] ","mds:animate-content-slide-out-bottom mds:data-[state=open]:animate-content-slide-in-bottom mds:data-[direction=center]:sm:animate-content-scale-out mds:data-[direction=left]:sm:animate-content-slide-out-left mds:data-[direction=right]:sm:animate-content-slide-out-right mds:data-[direction=top]:sm:animate-content-slide-out-top mds:data-[direction=bottom]:sm:animate-content-slide-out-bottom mds:data-[direction=center]:data-[state=open]:sm:animate-content-scale-in mds:data-[direction=left]:data-[state=open]:sm:animate-content-slide-in-left mds:data-[direction=right]:data-[state=open]:sm:animate-content-slide-in-right mds:data-[direction=top]:data-[state=open]:sm:animate-content-slide-in-top mds:data-[direction=bottom]:data-[state=open]:sm:animate-content-slide-in-bottom",s),...o,children:[d,t.jsx(u.VisuallyHidden,{children:t.jsx(e.DialogDescription,{})})]})}));a.displayName="ModalBody";exports.ModalBody=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("./index-hyBpqx_X.cjs"),n=require("./index-4R9KShCu.cjs"),p=require("react"),a=require("./mainstack-design-system595.cjs"),s=p.forwardRef(({...e},r)=>{const{isDesktop:i}=a.useResponsivePopoverDrawerContext();return i?o.jsx(n.PopoverTrigger,{"data-slot":"responsive-popover-drawer-trigger",ref:r,...e}):o.jsx(t.Drawer.Trigger,{"data-slot":"responsive-popover-drawer-trigger",ref:r,...e})});s.displayName="ResponsivePopoverDrawerTrigger";exports.ResponsivePopoverDrawerTrigger=s;

package/dist/mainstack-design-system530.js

@@ -1,39 +1,29 @@
-'use client';
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { D as l, a as r } from "./index-DDHQjaCF.js";
-import { forwardRef as c } from "react";
-import { c as p } from "./utils-DQg2eeoE.js";
-import { V as f } from "./index-DJT9m8v7.js";
-const u = c(
-  ({
-    children: a,
-    className: d,
-    layout: e = "dialog",
-    direction: s = "center",
-    placement: m = "center",
-    ...o
-  }, n) => /* @__PURE__ */ t("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:sm:items-center mds:has-data-[placement=left]:sm:justify-start mds:has-data-[placement=right]:sm:justify-end mds:has-data-[placement=top]:sm:items-start mds:has-data-[placement=bottom]:sm:items-end ", children: /* @__PURE__ */ i(
-    l,
-    {
-      ref: n,
-      "data-slot": "modal-body",
-      "data-layout": e,
-      "data-direction": s,
-      "data-placement": m,
-      className: p(
-        "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:sm:rounded-20 mds:sm:m-20 mds:data-[layout=sidebar]:max-w-456 mds:data-[layout=sidebar]:sm:min-h-[95dvh] ",
-        "mds:animate-content-slide-out-bottom mds:data-[state=open]:animate-content-slide-in-bottom mds:data-[direction=center]:sm:animate-content-scale-out mds:data-[direction=left]:sm:animate-content-slide-out-left mds:data-[direction=right]:sm:animate-content-slide-out-right mds:data-[direction=top]:sm:animate-content-slide-out-top mds:data-[direction=bottom]:sm:animate-content-slide-out-bottom mds:data-[direction=center]:data-[state=open]:sm:animate-content-scale-in mds:data-[direction=left]:data-[state=open]:sm:animate-content-slide-in-left mds:data-[direction=right]:data-[state=open]:sm:animate-content-slide-in-right mds:data-[direction=top]:data-[state=open]:sm:animate-content-slide-in-top mds:data-[direction=bottom]:data-[state=open]:sm:animate-content-slide-in-bottom",
-        d
-      ),
-      ...o,
-      children: [
-        a,
-        /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(r, {}) })
-      ]
-    }
-  ) })
+import { jsx as o } from "react/jsx-runtime";
+import { D as i } from "./index-eeqUt-Tb.js";
+import { a as p } from "./index-RoCFhqzC.js";
+import { forwardRef as t } from "react";
+import { useResponsivePopoverDrawerContext as a } from "./mainstack-design-system595.js";
+const g = t(
+  ({ ...r }, e) => {
+    const { isDesktop: s } = a();
+    return s ? /* @__PURE__ */ o(
+      p,
+      {
+        "data-slot": "responsive-popover-drawer-trigger",
+        ref: e,
+        ...r
+      }
+    ) : /* @__PURE__ */ o(
+      i.Trigger,
+      {
+        "data-slot": "responsive-popover-drawer-trigger",
+        ref: e,
+        ...r
+      }
+    );
+  }
 );
-u.displayName = "ModalBody";
+g.displayName = "ResponsivePopoverDrawerTrigger";
 export {
-  u as ModalBody
+  g as ResponsivePopoverDrawerTrigger
 };

package/dist/mainstack-design-system531.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"),u=require("./utils-B5hIDwfq.cjs"),l=require("./mainstack-design-system389.cjs");require("./mainstack-design-system390.cjs");const a=require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system357.cjs");const d=require("./mainstack-design-system93.cjs");require("./player-D4b6c0qw.cjs");const n=c.forwardRef(({children:o,className:t,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:u.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(l.ButtonIcon,{children:e.jsx(d,{variant:"filled"})})})}));n.displayName="ModalClose";exports.ModalClose=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./index-HSoR75mY.cjs"),r=require("react"),c=require("./utils-BSwAMW3o.cjs"),u=require("./index-DvzX668K.cjs"),a=r.forwardRef(({children:d,className:s,layout:n="dialog",direction:m="center",placement:i="center",...o},l)=>t.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:sm:items-center mds:has-data-[placement=left]:sm:justify-start mds:has-data-[placement=right]:sm:justify-end mds:has-data-[placement=top]:sm:items-start mds:has-data-[placement=bottom]:sm:items-end ",children:t.jsxs(e.DialogContent,{ref:l,"data-slot":"modal-body","data-layout":n,"data-direction":m,"data-placement":i,className:c.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:sm:rounded-20 mds:sm:m-20 mds:data-[layout=sidebar]:max-w-456 mds:data-[layout=sidebar]:sm:min-h-[95dvh] ","mds:animate-content-slide-out-bottom mds:data-[state=open]:animate-content-slide-in-bottom mds:data-[direction=center]:sm:animate-content-scale-out mds:data-[direction=left]:sm:animate-content-slide-out-left mds:data-[direction=right]:sm:animate-content-slide-out-right mds:data-[direction=top]:sm:animate-content-slide-out-top mds:data-[direction=bottom]:sm:animate-content-slide-out-bottom mds:data-[direction=center]:data-[state=open]:sm:animate-content-scale-in mds:data-[direction=left]:data-[state=open]:sm:animate-content-slide-in-left mds:data-[direction=right]:data-[state=open]:sm:animate-content-slide-in-right mds:data-[direction=top]:data-[state=open]:sm:animate-content-slide-in-top mds:data-[direction=bottom]:data-[state=open]:sm:animate-content-slide-in-bottom",s),...o,children:[d,t.jsx(u.VisuallyHidden,{children:t.jsx(e.DialogDescription,{})})]})}));a.displayName="ModalBody";exports.ModalBody=a;

package/dist/mainstack-design-system531.js

@@ -1,40 +1,39 @@
 'use client';
-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-DQg2eeoE.js";
-import { ButtonIcon as l } from "./mainstack-design-system389.js";
-import "./mainstack-design-system390.js";
-import { ButtonRoot as n } from "./mainstack-design-system391.js";
-import "./mainstack-design-system392.js";
-import "./mainstack-design-system393.js";
-import "./mainstack-design-system357.js";
-import d from "./mainstack-design-system93.js";
-import "./player-Bi4JtjNX.js";
-const p = s(
-  ({ children: r, className: m, ...t }, i) => /* @__PURE__ */ o(
-    a,
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { D as l, a as r } from "./index-DDHQjaCF.js";
+import { forwardRef as c } from "react";
+import { c as p } from "./utils-DCbdjouM.js";
+import { V as f } from "./index-DJT9m8v7.js";
+const u = c(
+  ({
+    children: a,
+    className: d,
+    layout: e = "dialog",
+    direction: s = "center",
+    placement: m = "center",
+    ...o
+  }, n) => /* @__PURE__ */ t("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:sm:items-center mds:has-data-[placement=left]:sm:justify-start mds:has-data-[placement=right]:sm:justify-end mds:has-data-[placement=top]:sm:items-start mds:has-data-[placement=bottom]:sm:items-end ", children: /* @__PURE__ */ i(
+    l,
     {
-      "data-slot": "modal-close",
-      className: e(m),
-      ref: i,
-      asChild: !0,
-      ...t,
-      children: r || /* @__PURE__ */ o(
-        n,
-        {
-          size: "sm",
-          iconOnly: !0,
-          rounded: "sm",
-          variant: "secondary",
-          className: "mds:min-w-36 mds:min-h-36",
-          children: /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(d, { variant: "filled" }) })
-        }
-      )
+      ref: n,
+      "data-slot": "modal-body",
+      "data-layout": e,
+      "data-direction": s,
+      "data-placement": m,
+      className: p(
+        "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:sm:rounded-20 mds:sm:m-20 mds:data-[layout=sidebar]:max-w-456 mds:data-[layout=sidebar]:sm:min-h-[95dvh] ",
+        "mds:animate-content-slide-out-bottom mds:data-[state=open]:animate-content-slide-in-bottom mds:data-[direction=center]:sm:animate-content-scale-out mds:data-[direction=left]:sm:animate-content-slide-out-left mds:data-[direction=right]:sm:animate-content-slide-out-right mds:data-[direction=top]:sm:animate-content-slide-out-top mds:data-[direction=bottom]:sm:animate-content-slide-out-bottom mds:data-[direction=center]:data-[state=open]:sm:animate-content-scale-in mds:data-[direction=left]:data-[state=open]:sm:animate-content-slide-in-left mds:data-[direction=right]:data-[state=open]:sm:animate-content-slide-in-right mds:data-[direction=top]:data-[state=open]:sm:animate-content-slide-in-top mds:data-[direction=bottom]:data-[state=open]:sm:animate-content-slide-in-bottom",
+        d
+      ),
+      ...o,
+      children: [
+        a,
+        /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(r, {}) })
+      ]
     }
-  )
+  ) })
 );
-p.displayName = "ModalClose";
+u.displayName = "ModalBody";
 export {
-  p as ModalClose
+  u as ModalBody
 };

package/dist/mainstack-design-system532.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),a=require("./utils-B5hIDwfq.cjs"),e=n.forwardRef(({className:t,...o},l)=>s.jsx("div",{"data-slot":"modal-content-slot",className:a.cn("mds:relative mds:flex mds:flex-col mds:justify-between mds:flex-[1.35]",t),ref:l,...o}));e.displayName="ModalContentSlot";exports.ModalContentSlot=e;
+'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"),u=require("./utils-BSwAMW3o.cjs"),l=require("./mainstack-design-system390.cjs");require("./mainstack-design-system391.cjs");const a=require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system357.cjs");const d=require("./mainstack-design-system93.cjs");require("./player-D29uX3VB.cjs");const n=c.forwardRef(({children:o,className:t,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:u.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(l.ButtonIcon,{children:e.jsx(d,{variant:"filled"})})})}));n.displayName="ModalClose";exports.ModalClose=n;

package/dist/mainstack-design-system532.js

@@ -1,21 +1,40 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { c as s } from "./utils-DQg2eeoE.js";
-const a = m(
-  ({ className: o, ...t }, e) => /* @__PURE__ */ l(
-    "div",
+'use client';
+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-DCbdjouM.js";
+import { ButtonIcon as l } from "./mainstack-design-system390.js";
+import "./mainstack-design-system391.js";
+import { ButtonRoot as n } from "./mainstack-design-system392.js";
+import "./mainstack-design-system393.js";
+import "./mainstack-design-system394.js";
+import "./mainstack-design-system357.js";
+import d from "./mainstack-design-system93.js";
+import "./player-DqphfNAo.js";
+const p = s(
+  ({ children: r, className: m, ...t }, i) => /* @__PURE__ */ o(
+    a,
     {
-      "data-slot": "modal-content-slot",
-      className: s(
-        "mds:relative mds:flex mds:flex-col mds:justify-between mds:flex-[1.35]",
-        o
-      ),
-      ref: e,
-      ...t
+      "data-slot": "modal-close",
+      className: e(m),
+      ref: i,
+      asChild: !0,
+      ...t,
+      children: r || /* @__PURE__ */ o(
+        n,
+        {
+          size: "sm",
+          iconOnly: !0,
+          rounded: "sm",
+          variant: "secondary",
+          className: "mds:min-w-36 mds:min-h-36",
+          children: /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(d, { variant: "filled" }) })
+        }
+      )
     }
   )
 );
-a.displayName = "ModalContentSlot";
+p.displayName = "ModalClose";
 export {
-  a as ModalContentSlot
+  p as ModalClose
 };

package/dist/mainstack-design-system533.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),n=require("./utils-B5hIDwfq.cjs"),e=a.forwardRef(({className:t,...s},d)=>r.jsx("header",{"data-slot":"modal-content-header",className:n.cn("mds:flex mds:py-16 mds:px-20 mds:items-center mds:sticky mds:top-0 mds:justify-between mds:bg-surface-neutral-l1",t),ref:d,...s}));e.displayName="ModalContentHeader";exports.ModalContentHeader=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),a=require("./utils-BSwAMW3o.cjs"),e=n.forwardRef(({className:t,...o},l)=>s.jsx("div",{"data-slot":"modal-content-slot",className:a.cn("mds:relative mds:flex mds:flex-col mds:justify-between mds:flex-[1.35]",t),ref:l,...o}));e.displayName="ModalContentSlot";exports.ModalContentSlot=e;

package/dist/mainstack-design-system533.js

@@ -1,21 +1,21 @@
-import { jsx as d } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { c as r } from "./utils-DQg2eeoE.js";
+import { c as s } from "./utils-DCbdjouM.js";
 const a = m(
-  ({ className: e, ...t }, s) => /* @__PURE__ */ d(
-    "header",
+  ({ className: o, ...t }, e) => /* @__PURE__ */ l(
+    "div",
     {
-      "data-slot": "modal-content-header",
-      className: r(
-        "mds:flex mds:py-16 mds:px-20 mds:items-center mds:sticky mds:top-0 mds:justify-between mds:bg-surface-neutral-l1",
-        e
+      "data-slot": "modal-content-slot",
+      className: s(
+        "mds:relative mds:flex mds:flex-col mds:justify-between mds:flex-[1.35]",
+        o
       ),
-      ref: s,
+      ref: e,
       ...t
     }
   )
 );
-a.displayName = "ModalContentHeader";
+a.displayName = "ModalContentSlot";
 export {
-  a as ModalContentHeader
+  a as ModalContentSlot
 };

package/dist/mainstack-design-system534.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),d=require("./utils-B5hIDwfq.cjs"),e=n.forwardRef(({className:t,...o},s)=>r.jsx("footer",{"data-slot":"modal-content-footer",className:d.cn("mds:flex mds:py-16 mds:px-20 mds:gap-12 mds:items-center mds:sticky mds:bottom-0 mds:justify-between mds:bg-surface-neutral-l1",t),ref:s,...o}));e.displayName="ModalContentFooter";exports.ModalContentFooter=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),n=require("./utils-BSwAMW3o.cjs"),e=a.forwardRef(({className:t,...s},d)=>r.jsx("header",{"data-slot":"modal-content-header",className:n.cn("mds:flex mds:py-16 mds:px-20 mds:items-center mds:sticky mds:top-0 mds:justify-between mds:bg-surface-neutral-l1",t),ref:d,...s}));e.displayName="ModalContentHeader";exports.ModalContentHeader=e;

package/dist/mainstack-design-system534.js

@@ -1,21 +1,21 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { c as r } from "./utils-DQg2eeoE.js";
-const d = s(
-  ({ className: o, ...t }, e) => /* @__PURE__ */ m(
-    "footer",
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { c as r } from "./utils-DCbdjouM.js";
+const a = m(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ d(
+    "header",
     {
-      "data-slot": "modal-content-footer",
+      "data-slot": "modal-content-header",
       className: r(
-        "mds:flex mds:py-16 mds:px-20 mds:gap-12 mds:items-center mds:sticky mds:bottom-0 mds:justify-between mds:bg-surface-neutral-l1",
-        o
+        "mds:flex mds:py-16 mds:px-20 mds:items-center mds:sticky mds:top-0 mds:justify-between mds:bg-surface-neutral-l1",
+        e
       ),
-      ref: e,
+      ref: s,
       ...t
     }
   )
 );
-d.displayName = "ModalContentFooter";
+a.displayName = "ModalContentHeader";
 export {
-  d as ModalContentFooter
+  a as ModalContentHeader
 };

package/dist/mainstack-design-system535.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),r=require("./utils-B5hIDwfq.cjs"),a=require("./index-HSoR75mY.cjs"),e=l.forwardRef(({className:t,...o},i)=>n.jsx(a.DialogTitle,{"data-slot":"modal-content-header",className:r.cn("mds:body-medium-semibold",t),ref:i,...o}));e.displayName="ModalContentTitle";exports.ModalContentTitle=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),d=require("./utils-BSwAMW3o.cjs"),e=n.forwardRef(({className:t,...o},s)=>r.jsx("footer",{"data-slot":"modal-content-footer",className:d.cn("mds:flex mds:py-16 mds:px-20 mds:gap-12 mds:items-center mds:sticky mds:bottom-0 mds:justify-between mds:bg-surface-neutral-l1",t),ref:s,...o}));e.displayName="ModalContentFooter";exports.ModalContentFooter=e;

package/dist/mainstack-design-system535.js

@@ -1,19 +1,21 @@
 import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { c as r } from "./utils-DQg2eeoE.js";
-import { c as d } from "./index-DDHQjaCF.js";
-const i = a(
+import { forwardRef as s } from "react";
+import { c as r } from "./utils-DCbdjouM.js";
+const d = s(
   ({ className: o, ...t }, e) => /* @__PURE__ */ m(
-    d,
+    "footer",
     {
-      "data-slot": "modal-content-header",
-      className: r("mds:body-medium-semibold", o),
+      "data-slot": "modal-content-footer",
+      className: r(
+        "mds:flex mds:py-16 mds:px-20 mds:gap-12 mds:items-center mds:sticky mds:bottom-0 mds:justify-between mds:bg-surface-neutral-l1",
+        o
+      ),
       ref: e,
       ...t
     }
   )
 );
-i.displayName = "ModalContentTitle";
+d.displayName = "ModalContentFooter";
 export {
-  i as ModalContentTitle
+  d as ModalContentFooter
 };

package/dist/mainstack-design-system536.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),i=require("./utils-B5hIDwfq.cjs"),e=s.forwardRef(({className:t,...n},o)=>a.jsx("div",{"data-slot":"modal-content-main",className:i.cn("mds:flex-1 mds:px-20 mds:overflow-auto",t),ref:o,...n}));e.displayName="ModalContentMain";exports.ModalContentMain=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),r=require("./utils-BSwAMW3o.cjs"),a=require("./index-HSoR75mY.cjs"),e=l.forwardRef(({className:t,...o},i)=>n.jsx(a.DialogTitle,{"data-slot":"modal-content-header",className:r.cn("mds:body-medium-semibold",t),ref:i,...o}));e.displayName="ModalContentTitle";exports.ModalContentTitle=e;

package/dist/mainstack-design-system536.js

@@ -1,18 +1,19 @@
 import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { c as r } from "./utils-DQg2eeoE.js";
-const d = n(
-  ({ className: o, ...a }, t) => /* @__PURE__ */ m(
-    "div",
+import { forwardRef as a } from "react";
+import { c as r } from "./utils-DCbdjouM.js";
+import { c as d } from "./index-DDHQjaCF.js";
+const i = a(
+  ({ className: o, ...t }, e) => /* @__PURE__ */ m(
+    d,
     {
-      "data-slot": "modal-content-main",
-      className: r("mds:flex-1 mds:px-20 mds:overflow-auto", o),
-      ref: t,
-      ...a
+      "data-slot": "modal-content-header",
+      className: r("mds:body-medium-semibold", o),
+      ref: e,
+      ...t
     }
   )
 );
-d.displayName = "ModalContentMain";
+i.displayName = "ModalContentTitle";
 export {
-  d as ModalContentMain
+  i as ModalContentTitle
 };

package/dist/mainstack-design-system537.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("./index-HSoR75mY.cjs"),l=require("./utils-B5hIDwfq.cjs"),n=require("react"),e=n.forwardRef(({className:a,...t},s)=>r.jsx(d.DialogOverlay,{"data-slot":"modal-overlay",className:l.cn("mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:fixed mds:blur-sm mds:inset-0 mds:z-50 mds:bg-surface-neutral-invert-l3/20",a),ref:s,...t}));e.displayName="ModalOverlay";exports.ModalOverlay=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),i=require("./utils-BSwAMW3o.cjs"),e=s.forwardRef(({className:t,...n},o)=>a.jsx("div",{"data-slot":"modal-content-main",className:i.cn("mds:flex-1 mds:px-20 mds:overflow-auto",t),ref:o,...n}));e.displayName="ModalContentMain";exports.ModalContentMain=e;

package/dist/mainstack-design-system537.js

@@ -1,23 +1,18 @@
-'use client';
-import { jsx as o } from "react/jsx-runtime";
-import { d as m } from "./index-DDHQjaCF.js";
-import { c as r } from "./utils-DQg2eeoE.js";
-import { forwardRef as s } from "react";
-const d = s(
-  ({ className: a, ...t }, e) => /* @__PURE__ */ o(
-    m,
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { c as r } from "./utils-DCbdjouM.js";
+const d = n(
+  ({ className: o, ...a }, t) => /* @__PURE__ */ m(
+    "div",
     {
-      "data-slot": "modal-overlay",
-      className: r(
-        "mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:fixed mds:blur-sm mds:inset-0 mds:z-50 mds:bg-surface-neutral-invert-l3/20",
-        a
-      ),
-      ref: e,
-      ...t
+      "data-slot": "modal-content-main",
+      className: r("mds:flex-1 mds:px-20 mds:overflow-auto", o),
+      ref: t,
+      ...a
     }
   )
 );
-d.displayName = "ModalOverlay";
+d.displayName = "ModalContentMain";
 export {
-  d as ModalOverlay
+  d as ModalContentMain
 };

package/dist/mainstack-design-system538.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("./index-HSoR75mY.cjs"),r=({...e})=>o.jsx(t.Dialog,{...e});exports.ModalRoot=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("./index-HSoR75mY.cjs"),l=require("./utils-BSwAMW3o.cjs"),n=require("react"),e=n.forwardRef(({className:a,...t},s)=>r.jsx(d.DialogOverlay,{"data-slot":"modal-overlay",className:l.cn("mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:fixed mds:blur-sm mds:inset-0 mds:z-50 mds:bg-surface-neutral-invert-l3/20",a),ref:s,...t}));e.displayName="ModalOverlay";exports.ModalOverlay=e;

package/dist/mainstack-design-system538.js

@@ -1,7 +1,23 @@
 'use client';
-import { jsx as r } from "react/jsx-runtime";
-import { e as t } from "./index-DDHQjaCF.js";
-const e = ({ ...o }) => /* @__PURE__ */ r(t, { ...o });
+import { jsx as o } from "react/jsx-runtime";
+import { d as m } from "./index-DDHQjaCF.js";
+import { c as r } from "./utils-DCbdjouM.js";
+import { forwardRef as s } from "react";
+const d = s(
+  ({ className: a, ...t }, e) => /* @__PURE__ */ o(
+    m,
+    {
+      "data-slot": "modal-overlay",
+      className: r(
+        "mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:fixed mds:blur-sm mds:inset-0 mds:z-50 mds:bg-surface-neutral-invert-l3/20",
+        a
+      ),
+      ref: e,
+      ...t
+    }
+  )
+);
+d.displayName = "ModalOverlay";
 export {
-  e as ModalRoot
+  d as ModalOverlay
 };

package/dist/mainstack-design-system539.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./index-HSoR75mY.cjs"),a=require("react"),e=a.forwardRef(({...r},t)=>i.jsx(o.DialogTrigger,{"data-slot":"modal-trigger",ref:t,...r}));e.displayName="ModalTrigger";exports.ModalTrigger=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("./index-HSoR75mY.cjs"),r=({...e})=>o.jsx(t.Dialog,{...e});exports.ModalRoot=r;

package/dist/mainstack-design-system539.js

@@ -1,11 +1,7 @@
 'use client';
-import { jsx as a } from "react/jsx-runtime";
-import { f as g } from "./index-DDHQjaCF.js";
-import { forwardRef as i } from "react";
-const t = i(
-  ({ ...r }, o) => /* @__PURE__ */ a(g, { "data-slot": "modal-trigger", ref: o, ...r })
-);
-t.displayName = "ModalTrigger";
+import { jsx as r } from "react/jsx-runtime";
+import { e as t } from "./index-DDHQjaCF.js";
+const e = ({ ...o }) => /* @__PURE__ */ r(t, { ...o });
 export {
-  t as ModalTrigger
+  e as ModalRoot
 };

package/dist/mainstack-design-system540.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("./index-HSoR75mY.cjs"),r=({...t})=>o.jsx(e.DialogPortal,{"data-slot":"modal-portal",...t});exports.ModalPortal=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./index-HSoR75mY.cjs"),a=require("react"),e=a.forwardRef(({...r},t)=>i.jsx(o.DialogTrigger,{"data-slot":"modal-trigger",ref:t,...r}));e.displayName="ModalTrigger";exports.ModalTrigger=e;

package/dist/mainstack-design-system540.js

@@ -1,7 +1,11 @@
 'use client';
-import { jsx as r } from "react/jsx-runtime";
-import { g as t } from "./index-DDHQjaCF.js";
-const m = ({ ...o }) => /* @__PURE__ */ r(t, { "data-slot": "modal-portal", ...o });
+import { jsx as a } from "react/jsx-runtime";
+import { f as g } from "./index-DDHQjaCF.js";
+import { forwardRef as i } from "react";
+const t = i(
+  ({ ...r }, o) => /* @__PURE__ */ a(g, { "data-slot": "modal-trigger", ref: o, ...r })
+);
+t.displayName = "ModalTrigger";
 export {
-  m as ModalPortal
+  t as ModalTrigger
 };

package/dist/mainstack-design-system541.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),d=require("./utils-B5hIDwfq.cjs"),e=o.forwardRef(({className:s,...l},t)=>a.jsx("div",{ref:t,className:d.cn("mds:hidden mds:flex-1 mds:md:flex ",s),"data-slot":"responsive-modal-drawer-visual-slot",...l}));e.displayName="ModalVisualSlot";exports.ModalVisualSlot=e;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("./index-HSoR75mY.cjs"),r=({...t})=>o.jsx(e.DialogPortal,{"data-slot":"modal-portal",...t});exports.ModalPortal=r;