mainstack-design-system 1.1.2 → 1.2.1

package/dist/mainstack-design-system514.js

@@ -1,36 +1,43 @@
 'use client';
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { InputRoot as c } from "./mainstack-design-system437.js";
-import { InputField as d } from "./mainstack-design-system438.js";
-import "./mainstack-design-system436.js";
-import "./mainstack-design-system356.js";
-import f from "./mainstack-design-system263.js";
-import { a as u } from "./index-RoCFhqzC.js";
-import { useTimePickerContext as h } from "./mainstack-design-system577.js";
-import { f as x } from "./format-DdpUgYOD.js";
-const I = n(
-  ({ placeholder: i = "Choose time", ...o }, t) => {
-    const { value: r, isDisabled: m, isError: s, isSuccess: a } = h(), p = r instanceof Date ? x(r, "hh : mm a") : "";
-    return /* @__PURE__ */ e(u, { className: "w-full", children: /* @__PURE__ */ l(c, { "data-slot": "time-picker-input-field", children: [
-      /* @__PURE__ */ e(
-        d,
-        {
-          ...o,
-          value: p,
-          placeholder: i,
-          isError: s,
-          isSuccess: a,
-          disabled: m,
-          ref: t,
-          readOnly: !0
-        }
-      ),
-      /* @__PURE__ */ e(f, { className: "size-20 text-secondary" })
-    ] }) });
+import { jsx as t } from "react/jsx-runtime";
+import { b as m, c as s } from "./index-RoCFhqzC.js";
+import { forwardRef as c } from "react";
+import { cn as l } from "./mainstack-design-system586.js";
+import { useTimePickerContext as f } from "./mainstack-design-system577.js";
+const P = c(
+  ({
+    children: a,
+    onWheel: o,
+    onTouchMove: e,
+    className: i,
+    ...n
+  }, p) => {
+    const { open: d } = f();
+    return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(
+      s,
+      {
+        "data-slot": "time-picker-portal",
+        role: "listbox",
+        sideOffset: 6,
+        "data-date-picker-calendar-opened": d,
+        className: l(
+          " 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 ",
+          i
+        ),
+        ref: p,
+        onWheel: (r) => {
+          r.stopPropagation(), o && o(r);
+        },
+        onTouchMove: (r) => {
+          r.stopPropagation(), e && e(r);
+        },
+        ...n,
+        children: a
+      }
+    ) });
   }
 );
-I.displayName = "TimePickerInputField";
+P.displayName = "TimePickerPortal";
 export {
-  I as TimePickerInputField
+  P as TimePickerPortal
 };

package/dist/mainstack-design-system515.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-4R9KShCu.cjs"),s=require("react"),d=require("./mainstack-design-system586.cjs"),l=require("./mainstack-design-system577.cjs"),r=s.forwardRef(({children:o,className:i,...a},n)=>{const{open:c}=l.useTimePickerContext();return e.jsx(t.PopoverPortal,{children:e.jsx(t.PopoverContent,{"data-slot":"time-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":c,className:d.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 ",i),ref:n,...a,children:o})})});r.displayName="TimePickerPortal";exports.TimePickerPortal=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),k=require("./mainstack-design-system577.cjs"),v=require("./index-4R9KShCu.cjs"),t=require("./index-C8aODXfJ.cjs"),i=x.forwardRef(({open:a,onOpenChange:c,value:s,onValueChange:l,isDisabled:u=!1,isError:p,isSuccess:d,defaultValue:o,children:m,...P},C)=>{const[n,r]=t.useControllableState({prop:a,defaultProp:!1,onChange:c}),[g,h]=t.useControllableState({prop:s,defaultProp:o,onChange:l});return e.jsx(k.TimePickerContext.Provider,{value:{open:n,isDisabled:u,isError:p,isSuccess:d,defaultValue:o,value:g,onValueChange:h,onOpenChange:r},children:e.jsx(v.Popover,{open:n,onOpenChange:r,children:e.jsx("div",{"data-slot":"time-picker-root",ref:C,...P,children:m})})})});i.displayName="TimePickerRoot";exports.TimePickerRoot=i;

package/dist/mainstack-design-system515.js

@@ -1,31 +1,50 @@
 'use client';
-import { jsx as e } from "react/jsx-runtime";
-import { b as n, c as d } from "./index-RoCFhqzC.js";
-import { forwardRef as m } from "react";
-import { cn as p } from "./mainstack-design-system586.js";
-import { useTimePickerContext as c } from "./mainstack-design-system577.js";
-const s = m(
-  ({ children: r, className: o, ...t }, a) => {
-    const { open: i } = c();
-    return /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(
-      d,
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as P } from "react";
+import { TimePickerContext as g } from "./mainstack-design-system577.js";
+import { P as v } from "./index-RoCFhqzC.js";
+import { u as a } from "./index-437EL2iq.js";
+const k = P(
+  ({
+    open: t,
+    onOpenChange: p,
+    value: i,
+    onValueChange: m,
+    isDisabled: l = !1,
+    isError: s,
+    isSuccess: f,
+    defaultValue: e,
+    children: c,
+    ...d
+  }, h) => {
+    const [r, n] = a({
+      prop: t,
+      defaultProp: !1,
+      onChange: p
+    }), [u, C] = a({
+      prop: i,
+      defaultProp: e,
+      onChange: m
+    });
+    return /* @__PURE__ */ o(
+      g.Provider,
       {
-        "data-slot": "time-picker-portal",
-        role: "listbox",
-        sideOffset: 6,
-        "data-date-picker-calendar-opened": i,
-        className: p(
-          " 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 ",
-          o
-        ),
-        ref: a,
-        ...t,
-        children: r
+        value: {
+          open: r,
+          isDisabled: l,
+          isError: s,
+          isSuccess: f,
+          defaultValue: e,
+          value: u,
+          onValueChange: C,
+          onOpenChange: n
+        },
+        children: /* @__PURE__ */ o(v, { open: r, onOpenChange: n, children: /* @__PURE__ */ o("div", { "data-slot": "time-picker-root", ref: h, ...d, children: c }) })
       }
-    ) });
+    );
   }
 );
-s.displayName = "TimePickerPortal";
+k.displayName = "TimePickerRoot";
 export {
-  s as TimePickerPortal
+  k as TimePickerRoot
 };

package/dist/mainstack-design-system516.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),k=require("./mainstack-design-system577.cjs"),v=require("./index-4R9KShCu.cjs"),t=require("./index-C8aODXfJ.cjs"),i=x.forwardRef(({open:a,onOpenChange:c,value:s,onValueChange:l,isDisabled:u=!1,isError:p,isSuccess:d,defaultValue:o,children:m,...P},C)=>{const[n,r]=t.useControllableState({prop:a,defaultProp:!1,onChange:c}),[g,h]=t.useControllableState({prop:s,defaultProp:o,onChange:l});return e.jsx(k.TimePickerContext.Provider,{value:{open:n,isDisabled:u,isError:p,isSuccess:d,defaultValue:o,value:g,onValueChange:h,onOpenChange:r},children:e.jsx(v.Popover,{open:n,onOpenChange:r,children:e.jsx("div",{"data-slot":"time-picker-root",ref:C,...P,children:m})})})});i.displayName="TimePickerRoot";exports.TimePickerRoot=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("./index-hyBpqx_X.cjs"),t=require("./index-4R9KShCu.cjs"),n=require("./mainstack-design-system575.cjs"),i=({...e})=>{const{isDesktop:r}=n.useResponsivePopoverDrawerContext();return r?o.jsx(t.PopoverClose,{"data-slot":"responsive-popover-drawer-close",...e}):o.jsx(s.Drawer.Close,{"data-slot":"responsive-popover-drawer-close",...e})};exports.ResponsivePopoverDrawerClose=i;

package/dist/mainstack-design-system516.js

@@ -1,50 +1,19 @@
-'use client';
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as P } from "react";
-import { TimePickerContext as g } from "./mainstack-design-system577.js";
-import { P as v } from "./index-RoCFhqzC.js";
-import { u as a } from "./index-437EL2iq.js";
-const k = P(
-  ({
-    open: t,
-    onOpenChange: p,
-    value: i,
-    onValueChange: m,
-    isDisabled: l = !1,
-    isError: s,
-    isSuccess: f,
-    defaultValue: e,
-    children: c,
-    ...d
-  }, h) => {
-    const [r, n] = a({
-      prop: t,
-      defaultProp: !1,
-      onChange: p
-    }), [u, C] = a({
-      prop: i,
-      defaultProp: e,
-      onChange: m
-    });
-    return /* @__PURE__ */ o(
-      g.Provider,
-      {
-        value: {
-          open: r,
-          isDisabled: l,
-          isError: s,
-          isSuccess: f,
-          defaultValue: e,
-          value: u,
-          onValueChange: C,
-          onOpenChange: n
-        },
-        children: /* @__PURE__ */ o(v, { open: r, onOpenChange: n, children: /* @__PURE__ */ o("div", { "data-slot": "time-picker-root", ref: h, ...d, children: c }) })
-      }
-    );
-  }
-);
-k.displayName = "TimePickerRoot";
+import { jsx as e } from "react/jsx-runtime";
+import { D as s } from "./index-Czas6QFh.js";
+import { e as t } from "./index-RoCFhqzC.js";
+import { useResponsivePopoverDrawerContext as p } from "./mainstack-design-system575.js";
+const m = ({
+  ...o
+}) => {
+  const { isDesktop: r } = p();
+  return r ? /* @__PURE__ */ e(t, { "data-slot": "responsive-popover-drawer-close", ...o }) : /* @__PURE__ */ e(
+    s.Close,
+    {
+      "data-slot": "responsive-popover-drawer-close",
+      ...o
+    }
+  );
+};
 export {
-  k as TimePickerRoot
+  m as ResponsivePopoverDrawerClose
 };

package/dist/mainstack-design-system517.cjs

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

package/dist/mainstack-design-system517.js

@@ -1,19 +1,24 @@
-import { jsx as e } from "react/jsx-runtime";
-import { D as s } from "./index-Czas6QFh.js";
-import { e as t } from "./index-RoCFhqzC.js";
-import { useResponsivePopoverDrawerContext as p } from "./mainstack-design-system575.js";
-const m = ({
-  ...o
+import { jsx as o } from "react/jsx-runtime";
+import { D as r } from "./index-Czas6QFh.js";
+import { useResponsivePopoverDrawerContext as s } from "./mainstack-design-system575.js";
+import { cn as n } from "./mainstack-design-system586.js";
+const f = ({
+  className: e,
+  ...t
 }) => {
-  const { isDesktop: r } = p();
-  return r ? /* @__PURE__ */ e(t, { "data-slot": "responsive-popover-drawer-close", ...o }) : /* @__PURE__ */ e(
-    s.Close,
+  const { isDesktop: a } = s();
+  return a ? null : /* @__PURE__ */ o(
+    r.Overlay,
     {
-      "data-slot": "responsive-popover-drawer-close",
-      ...o
+      "data-slot": "responsive-popover-drawer-overlay",
+      className: n(
+        "data-[state=open]:animate-content-fade-in data-[state=closed]:animate-content-fade-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-primary/50",
+        e
+      ),
+      ...t
     }
   );
 };
 export {
-  m as ResponsivePopoverDrawerClose
+  f as ResponsivePopoverDrawerOverlay
 };

package/dist/mainstack-design-system518.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("./index-hyBpqx_X.cjs"),s=require("./mainstack-design-system575.cjs"),n=require("./mainstack-design-system586.cjs"),i=({className:e,...r})=>{const{isDesktop:t}=s.useResponsivePopoverDrawerContext();return t?null:o.jsx(a.Drawer.Overlay,{"data-slot":"responsive-popover-drawer-overlay",className:n.cn("data-[state=open]:animate-content-fade-in data-[state=closed]:animate-content-fade-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-primary/50",e),...r})};exports.ResponsivePopoverDrawerOverlay=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("./index-C8aODXfJ.cjs"),c=require("./index-hyBpqx_X.cjs"),d=require("./index-4R9KShCu.cjs"),t=require("./mainstack-design-system575.cjs"),x=require("./mainstack-design-system573.cjs"),P=({open:i,onOpenChange:p,isDesktop:a=null,breakpoint:v,...s})=>{const[l]=x(v||"(min-width: 768px)"),n=a??l,[e,o]=u.useControllableState({prop:i,defaultProp:!1,onChange:p});return n?r.jsx(t.ResponsivePopoverDrawerContext.Provider,{value:{open:e,onOpenChange:o,isDesktop:n},children:r.jsx(d.Popover,{"data-slot":"responsive-popover-drawer-root",open:e,onOpenChange:o,...s})}):r.jsx(t.ResponsivePopoverDrawerContext.Provider,{value:{open:e,onOpenChange:o,isDesktop:n},children:r.jsx(c.Root,{"data-slot":"responsive-popover-drawer-root",open:e,onOpenChange:o,...s})})};exports.ResponsivePopoverDrawerRoot=P;

package/dist/mainstack-design-system518.js

@@ -1,24 +1,51 @@
-import { jsx as o } from "react/jsx-runtime";
-import { D as r } from "./index-Czas6QFh.js";
-import { useResponsivePopoverDrawerContext as s } from "./mainstack-design-system575.js";
-import { cn as n } from "./mainstack-design-system586.js";
-const f = ({
-  className: e,
-  ...t
+import { jsx as r } from "react/jsx-runtime";
+import { u as v } from "./index-437EL2iq.js";
+import { R as d } from "./index-Czas6QFh.js";
+import { P as f } from "./index-RoCFhqzC.js";
+import { ResponsivePopoverDrawerContext as p } from "./mainstack-design-system575.js";
+import u from "./mainstack-design-system573.js";
+const R = ({
+  open: s,
+  onOpenChange: a,
+  isDesktop: i = null,
+  breakpoint: l,
+  ...n
 }) => {
-  const { isDesktop: a } = s();
-  return a ? null : /* @__PURE__ */ o(
-    r.Overlay,
+  const [m] = u(l || "(min-width: 768px)"), t = i ?? m, [o, e] = v({
+    prop: s,
+    defaultProp: !1,
+    onChange: a
+  });
+  return t ? /* @__PURE__ */ r(
+    p.Provider,
     {
-      "data-slot": "responsive-popover-drawer-overlay",
-      className: n(
-        "data-[state=open]:animate-content-fade-in data-[state=closed]:animate-content-fade-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-primary/50",
-        e
-      ),
-      ...t
+      value: { open: o, onOpenChange: e, isDesktop: t },
+      children: /* @__PURE__ */ r(
+        f,
+        {
+          "data-slot": "responsive-popover-drawer-root",
+          open: o,
+          onOpenChange: e,
+          ...n
+        }
+      )
+    }
+  ) : /* @__PURE__ */ r(
+    p.Provider,
+    {
+      value: { open: o, onOpenChange: e, isDesktop: t },
+      children: /* @__PURE__ */ r(
+        d,
+        {
+          "data-slot": "responsive-popover-drawer-root",
+          open: o,
+          onOpenChange: e,
+          ...n
+        }
+      )
     }
   );
 };
 export {
-  f as ResponsivePopoverDrawerOverlay
+  R as ResponsivePopoverDrawerRoot
 };

package/dist/mainstack-design-system519.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("./index-C8aODXfJ.cjs"),v=require("./index-hyBpqx_X.cjs"),l=require("./index-4R9KShCu.cjs"),s=require("./mainstack-design-system575.cjs"),u=({open:a,onOpenChange:p,isDesktop:n,...t})=>{const[e,o]=i.useControllableState({prop:a,defaultProp:!1,onChange:p});return n?r.jsx(s.ResponsivePopoverDrawerContext.Provider,{value:{open:e,onOpenChange:o,isDesktop:n},children:r.jsx(l.Popover,{"data-slot":"responsive-popover-drawer-root",open:e,onOpenChange:o,...t})}):r.jsx(s.ResponsivePopoverDrawerContext.Provider,{value:{open:e,onOpenChange:o,isDesktop:n},children:r.jsx(v.Root,{"data-slot":"responsive-popover-drawer-root",open:e,onOpenChange:o,...t})})};exports.ResponsivePopoverDrawerRoot=u;
+"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-system575.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-system519.js

@@ -1,49 +1,29 @@
-import { jsx as e } from "react/jsx-runtime";
-import { u as v } from "./index-437EL2iq.js";
-import { R as i } from "./index-Czas6QFh.js";
-import { P as l } from "./index-RoCFhqzC.js";
-import { ResponsivePopoverDrawerContext as a } from "./mainstack-design-system575.js";
-const h = ({
-  open: p,
-  onOpenChange: s,
-  isDesktop: n,
-  ...t
-}) => {
-  const [o, r] = v({
-    prop: p,
-    defaultProp: !1,
-    onChange: s
-  });
-  return n ? /* @__PURE__ */ e(
-    a.Provider,
-    {
-      value: { open: o, onOpenChange: r, isDesktop: n },
-      children: /* @__PURE__ */ e(
-        l,
-        {
-          "data-slot": "responsive-popover-drawer-root",
-          open: o,
-          onOpenChange: r,
-          ...t
-        }
-      )
-    }
-  ) : /* @__PURE__ */ e(
-    a.Provider,
-    {
-      value: { open: o, onOpenChange: r, isDesktop: n },
-      children: /* @__PURE__ */ e(
-        i,
-        {
-          "data-slot": "responsive-popover-drawer-root",
-          open: o,
-          onOpenChange: r,
-          ...t
-        }
-      )
-    }
-  );
-};
+import { jsx as o } from "react/jsx-runtime";
+import { D as i } from "./index-Czas6QFh.js";
+import { a as p } from "./index-RoCFhqzC.js";
+import { forwardRef as t } from "react";
+import { useResponsivePopoverDrawerContext as a } from "./mainstack-design-system575.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";
 export {
-  h as ResponsivePopoverDrawerRoot
+  g as ResponsivePopoverDrawerTrigger
 };

package/dist/mainstack-design-system520.cjs

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

package/dist/mainstack-design-system520.js

@@ -1,29 +1,27 @@
-import { jsx as o } from "react/jsx-runtime";
-import { D as i } from "./index-Czas6QFh.js";
-import { a as p } from "./index-RoCFhqzC.js";
-import { forwardRef as t } from "react";
-import { useResponsivePopoverDrawerContext as a } from "./mainstack-design-system575.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
-      }
-    );
-  }
+'use client';
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { d as l, g as r } from "./index-qXBwwKNh.js";
+import { forwardRef as n } from "react";
+import { cn as i } from "./mainstack-design-system586.js";
+import { V as m } from "./index-DJT9m8v7.js";
+const s = n(
+  ({ children: o, className: a, ...t }) => /* @__PURE__ */ e("div", { className: "fixed w-full h-full flex justify-center top-0 left-0 items-end z-100 md:items-center ", children: /* @__PURE__ */ d(
+    l,
+    {
+      "data-slot": "modal-body",
+      className: i(
+        "group/Modal-body flex-1 flex will-change-transform max-h-[90dvh] max-w-980 shadow-600 rounded-t-20 overflow-hidden  bg-surface-neutral-l1 animate-content-scale-out data-[state=open]:animate-content-scale-in md:rounded-20 md:mx-20 ",
+        a
+      ),
+      ...t,
+      children: [
+        o,
+        /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(r, {}) })
+      ]
+    }
+  ) })
 );
-g.displayName = "ResponsivePopoverDrawerTrigger";
+s.displayName = "ModalBody";
 export {
-  g as ResponsivePopoverDrawerTrigger
+  s as ModalBody
 };

package/dist/mainstack-design-system521.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-HSoR75mY.cjs"),l=require("react"),i=require("./mainstack-design-system586.cjs"),r=require("./index-D1Vkm5Kx.cjs"),d=l.forwardRef(({children:n,className:o,...a})=>e.jsx("div",{className:"fixed w-full  h-full flex justify-center items-end z-100 md:items-center ",children:e.jsxs(t.DialogContent,{"data-slot":"modal-body",className:i.cn("group/Modal-body flex will-change-transform max-h-[90dvh] max-w-980 shadow-600 rounded-t-20 overflow-hidden  bg-surface-neutral-l1 animate-content-scale-out data-[state=open]:animate-content-scale-in md:rounded-20 md:mx-20 ",o),...a,children:[n,e.jsx(r.VisuallyHidden,{children:e.jsx(t.DialogDescription,{})})]})}));d.displayName="ModalBody";exports.ModalBody=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-HSoR75mY.cjs"),c=require("react"),l=require("./mainstack-design-system586.cjs"),u=require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");const a=require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");require("./mainstack-design-system356.cjs");const d=require("./mainstack-design-system92.cjs"),n=c.forwardRef(({children:o,className:t,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:l.cn(t),ref:s,asChild:!0,...r,children:o||e.jsx(a.ButtonRoot,{size:"sm",iconOnly:!0,rounded:"sm",variant:"secondary",className:"min-w-36 min-h-36",children:e.jsx(u.ButtonIcon,{children:e.jsx(d,{variant:"filled"})})})}));n.displayName="ModalClose";exports.ModalClose=n;

package/dist/mainstack-design-system521.js

@@ -1,27 +1,38 @@
 'use client';
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { d as r, g as l } from "./index-qXBwwKNh.js";
-import { forwardRef as n } from "react";
-import { cn as i } from "./mainstack-design-system586.js";
-import { V as m } from "./index-oS7tHm-8.js";
-const s = n(
-  ({ children: o, className: a, ...d }) => /* @__PURE__ */ e("div", { className: "fixed w-full  h-full flex justify-center items-end z-100 md:items-center ", children: /* @__PURE__ */ t(
-    r,
+import { jsx as o } from "react/jsx-runtime";
+import { f as a } from "./index-qXBwwKNh.js";
+import { forwardRef as e } from "react";
+import { cn as l } from "./mainstack-design-system586.js";
+import { ButtonIcon as n } from "./mainstack-design-system382.js";
+import "./mainstack-design-system383.js";
+import { ButtonRoot as s } from "./mainstack-design-system384.js";
+import "./mainstack-design-system385.js";
+import "./mainstack-design-system356.js";
+import d from "./mainstack-design-system92.js";
+const c = e(
+  ({ children: r, className: m, ...t }, i) => /* @__PURE__ */ o(
+    a,
     {
-      "data-slot": "modal-body",
-      className: i(
-        "group/Modal-body flex will-change-transform max-h-[90dvh] max-w-980 shadow-600 rounded-t-20 overflow-hidden  bg-surface-neutral-l1 animate-content-scale-out data-[state=open]:animate-content-scale-in md:rounded-20 md:mx-20 ",
-        a
-      ),
-      ...d,
-      children: [
-        o,
-        /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(l, {}) })
-      ]
+      "data-slot": "modal-close",
+      className: l(m),
+      ref: i,
+      asChild: !0,
+      ...t,
+      children: r || /* @__PURE__ */ o(
+        s,
+        {
+          size: "sm",
+          iconOnly: !0,
+          rounded: "sm",
+          variant: "secondary",
+          className: "min-w-36 min-h-36",
+          children: /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(d, { variant: "filled" }) })
+        }
+      )
     }
-  ) })
+  )
 );
-s.displayName = "ModalBody";
+c.displayName = "ModalClose";
 export {
-  s as ModalBody
+  c as ModalClose
 };

package/dist/mainstack-design-system522.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-HSoR75mY.cjs"),c=require("react"),l=require("./mainstack-design-system586.cjs"),u=require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");const a=require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.cjs");require("./mainstack-design-system356.cjs");const d=require("./mainstack-design-system92.cjs"),n=c.forwardRef(({children:o,className:t,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:l.cn(t),ref:s,asChild:!0,...r,children:o||e.jsx(a.ButtonRoot,{size:"sm",iconOnly:!0,rounded:"sm",variant:"secondary",className:"min-w-36 min-h-36",children:e.jsx(u.ButtonIcon,{children:e.jsx(d,{variant:"filled"})})})}));n.displayName="ModalClose";exports.ModalClose=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("react"),r=require("./mainstack-design-system586.cjs"),e=a.forwardRef(({className:t,...o},l)=>n.jsx("div",{"data-slot":"modal-content-slot",className:r.cn("relative flex flex-col justify-between flex-[1.35]",t),ref:l,...o}));e.displayName="ModalContentSlot";exports.ModalContentSlot=e;