mainstack-design-system 1.0.0 → 1.1.2

package/dist/mainstack-design-system512.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as P } from "react";
+import { DatePickerContext as g } from "./mainstack-design-system576.js";
+import { P as v } from "./index-RoCFhqzC.js";
+import { u as t } from "./index-437EL2iq.js";
+const k = P(
+  ({
+    open: n,
+    onOpenChange: p,
+    value: i,
+    onValueChange: l,
+    isDisabled: m = !1,
+    defaultValue: e,
+    isError: s,
+    isSuccess: f,
+    children: c,
+    ...d
+  }, h) => {
+    const [r, a] = t({
+      prop: n,
+      defaultProp: !1,
+      onChange: p
+    }), [u, C] = t({
+      prop: i,
+      defaultProp: e,
+      onChange: l
+    });
+    return /* @__PURE__ */ o(
+      g.Provider,
+      {
+        value: {
+          open: r,
+          isDisabled: m,
+          isError: s,
+          isSuccess: f,
+          defaultValue: e,
+          value: u,
+          onValueChange: C,
+          onOpenChange: a
+        },
+        children: /* @__PURE__ */ o(v, { open: r, onOpenChange: a, children: /* @__PURE__ */ o("div", { "data-slot": "date-picker-root", ref: h, ...d, children: c }) })
+      }
+    );
+  }
+);
+k.displayName = "DatePickerRoot";
+export {
+  k as DatePickerRoot
+};

package/dist/mainstack-design-system513.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),m=require("./mainstack-design-system516.cjs"),s=require("./mainstack-design-system514.cjs"),P=require("./mainstack-design-system515.cjs"),T=require("./mainstack-design-system590.cjs"),i=n.forwardRef(({placeholder:r,id:c,...o},t)=>e.jsxs(m.TimePickerRoot,{...o,ref:t,children:[e.jsx(s.TimePickerInputField,{placeholder:r,id:c}),e.jsx(P.TimePickerPortal,{children:e.jsx(T.TimePickerCalendar,{})})]}));i.displayName="TimePicker";exports.TimePicker=i;

package/dist/mainstack-design-system513.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { TimePickerRoot as p } from "./mainstack-design-system516.js";
+import { TimePickerInputField as f } from "./mainstack-design-system514.js";
+import { TimePickerPortal as P } from "./mainstack-design-system515.js";
+import { TimePickerCalendar as a } from "./mainstack-design-system590.js";
+const d = c(
+  ({ placeholder: i, id: e, ...m }, o) => /* @__PURE__ */ t(p, { ...m, ref: o, children: [
+    /* @__PURE__ */ r(f, { placeholder: i, id: e }),
+    /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(a, {}) })
+  ] })
+);
+d.displayName = "TimePicker";
+export {
+  d as TimePicker
+};

package/dist/mainstack-design-system514.cjs

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

package/dist/mainstack-design-system514.js

@@ -0,0 +1,36 @@
+'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" })
+    ] }) });
+  }
+);
+I.displayName = "TimePickerInputField";
+export {
+  I as TimePickerInputField
+};

package/dist/mainstack-design-system515.cjs

@@ -0,0 +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;

package/dist/mainstack-design-system515.js

@@ -0,0 +1,31 @@
+'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,
+      {
+        "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
+      }
+    ) });
+  }
+);
+s.displayName = "TimePickerPortal";
+export {
+  s as TimePickerPortal
+};

package/dist/mainstack-design-system516.cjs

@@ -0,0 +1,2 @@
+'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;

package/dist/mainstack-design-system516.js

@@ -0,0 +1,50 @@
+'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";
+export {
+  k as TimePickerRoot
+};

package/dist/mainstack-design-system517.cjs

@@ -0,0 +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;

package/dist/mainstack-design-system517.js

@@ -0,0 +1,19 @@
+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 {
+  m as ResponsivePopoverDrawerClose
+};

package/dist/mainstack-design-system518.cjs

@@ -0,0 +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;

package/dist/mainstack-design-system518.js

@@ -0,0 +1,24 @@
+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: a } = s();
+  return a ? null : /* @__PURE__ */ o(
+    r.Overlay,
+    {
+      "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 {
+  f as ResponsivePopoverDrawerOverlay
+};

package/dist/mainstack-design-system519.cjs

@@ -0,0 +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;

package/dist/mainstack-design-system519.js

@@ -0,0 +1,49 @@
+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
+        }
+      )
+    }
+  );
+};
+export {
+  h as ResponsivePopoverDrawerRoot
+};

package/dist/mainstack-design-system52.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("react/jsx-runtime"),s=require("./mainstack-design-system356.cjs"),e=({...r})=>C.jsx(s,{...r,children:C.jsx("g",{mask:"url(#mask0_392_1415)",children:C.jsx("path",{d:"M11.25 12.75H6.25C6.0375 12.75 5.85942 12.6781 5.71575 12.5342C5.57192 12.3904 5.5 12.2122 5.5 11.9997C5.5 11.7871 5.57192 11.609 5.71575 11.4655C5.85942 11.3218 6.0375 11.25 6.25 11.25H11.25V6.25C11.25 6.0375 11.3219 5.85942 11.4658 5.71575C11.6096 5.57192 11.7878 5.5 12.0003 5.5C12.2129 5.5 12.391 5.57192 12.5345 5.71575C12.6782 5.85942 12.75 6.0375 12.75 6.25V11.25H17.75C17.9625 11.25 18.1406 11.3219 18.2843 11.4658C18.4281 11.6096 18.5 11.7878 18.5 12.0003C18.5 12.2129 18.4281 12.391 18.2843 12.5345C18.1406 12.6782 17.9625 12.75 17.75 12.75H12.75V17.75C12.75 17.9625 12.6781 18.1406 12.5342 18.2843C12.3904 18.4281 12.2122 18.5 11.9997 18.5C11.7871 18.5 11.609 18.4281 11.4655 18.2843C11.3218 18.1406 11.25 17.9625 11.25 17.75V12.75Z",fill:"currentColor"})})});module.exports=e;

package/dist/mainstack-design-system52.js

@@ -0,0 +1,12 @@
+import { jsx as C } from "react/jsx-runtime";
+import o from "./mainstack-design-system356.js";
+const l = ({ ...r }) => /* @__PURE__ */ C(o, { ...r, children: /* @__PURE__ */ C("g", { mask: "url(#mask0_392_1415)", children: /* @__PURE__ */ C(
+  "path",
+  {
+    d: "M11.25 12.75H6.25C6.0375 12.75 5.85942 12.6781 5.71575 12.5342C5.57192 12.3904 5.5 12.2122 5.5 11.9997C5.5 11.7871 5.57192 11.609 5.71575 11.4655C5.85942 11.3218 6.0375 11.25 6.25 11.25H11.25V6.25C11.25 6.0375 11.3219 5.85942 11.4658 5.71575C11.6096 5.57192 11.7878 5.5 12.0003 5.5C12.2129 5.5 12.391 5.57192 12.5345 5.71575C12.6782 5.85942 12.75 6.0375 12.75 6.25V11.25H17.75C17.9625 11.25 18.1406 11.3219 18.2843 11.4658C18.4281 11.6096 18.5 11.7878 18.5 12.0003C18.5 12.2129 18.4281 12.391 18.2843 12.5345C18.1406 12.6782 17.9625 12.75 17.75 12.75H12.75V17.75C12.75 17.9625 12.6781 18.1406 12.5342 18.2843C12.3904 18.4281 12.2122 18.5 11.9997 18.5C11.7871 18.5 11.609 18.4281 11.4655 18.2843C11.3218 18.1406 11.25 17.9625 11.25 17.75V12.75Z",
+    fill: "currentColor"
+  }
+) }) });
+export {
+  l as default
+};

package/dist/mainstack-design-system520.cjs

@@ -0,0 +1 @@
+"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-system520.js

@@ -0,0 +1,29 @@
+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 {
+  g as ResponsivePopoverDrawerTrigger
+};

package/dist/mainstack-design-system521.cjs

@@ -0,0 +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;

package/dist/mainstack-design-system521.js

@@ -0,0 +1,27 @@
+'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,
+    {
+      "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, {}) })
+      ]
+    }
+  ) })
+);
+s.displayName = "ModalBody";
+export {
+  s as ModalBody
+};

package/dist/mainstack-design-system522.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-HSoR75mY.cjs"),c=require("react"),l=require("./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;

package/dist/mainstack-design-system522.js

@@ -0,0 +1,38 @@
+'use client';
+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-system392.js";
+import "./mainstack-design-system393.js";
+import { ButtonRoot as s } from "./mainstack-design-system394.js";
+import "./mainstack-design-system395.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-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" }) })
+        }
+      )
+    }
+  )
+);
+c.displayName = "ModalClose";
+export {
+  c as ModalClose
+};

package/dist/mainstack-design-system523.cjs

@@ -0,0 +1 @@
+"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;

package/dist/mainstack-design-system523.js

@@ -0,0 +1,21 @@
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { cn as a } from "./mainstack-design-system586.js";
+const n = r(
+  ({ className: o, ...t }, e) => /* @__PURE__ */ l(
+    "div",
+    {
+      "data-slot": "modal-content-slot",
+      className: a(
+        "relative flex flex-col justify-between flex-[1.35]",
+        o
+      ),
+      ref: e,
+      ...t
+    }
+  )
+);
+n.displayName = "ModalContentSlot";
+export {
+  n as ModalContentSlot
+};

package/dist/mainstack-design-system524.cjs

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

package/dist/mainstack-design-system524.js

@@ -0,0 +1,21 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { cn as n } from "./mainstack-design-system586.js";
+const d = a(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ o(
+    "header",
+    {
+      "data-slot": "modal-content-header",
+      className: n(
+        "flex py-16 px-20 items-center sticky top-0 justify-between bg-surface-neutral-l1",
+        e
+      ),
+      ref: r,
+      ...t
+    }
+  )
+);
+d.displayName = "ModalContentHeader";
+export {
+  d as ModalContentHeader
+};

package/dist/mainstack-design-system525.cjs

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

package/dist/mainstack-design-system525.js

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

package/dist/mainstack-design-system526.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),r=require("./mainstack-design-system586.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("body-medium-semibold",t),ref:i,...o}));e.displayName="ModalContentTitle";exports.ModalContentTitle=e;

package/dist/mainstack-design-system526.js

@@ -0,0 +1,19 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { cn as a } from "./mainstack-design-system586.js";
+import { e as i } from "./index-qXBwwKNh.js";
+const l = r(
+  ({ className: o, ...t }, e) => /* @__PURE__ */ m(
+    i,
+    {
+      "data-slot": "modal-content-header",
+      className: a("body-medium-semibold", o),
+      ref: e,
+      ...t
+    }
+  )
+);
+l.displayName = "ModalContentTitle";
+export {
+  l as ModalContentTitle
+};

package/dist/mainstack-design-system527.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),r=require("./mainstack-design-system586.cjs"),e=i.forwardRef(({className:t,...n},o)=>a.jsx("div",{"data-slot":"modal-content-main",className:r.cn("flex-1 px-20 overflow-auto",t),ref:o,...n}));e.displayName="ModalContentMain";exports.ModalContentMain=e;

package/dist/mainstack-design-system527.js

@@ -0,0 +1,18 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { cn as e } from "./mainstack-design-system586.js";
+const m = r(
+  ({ className: o, ...t }, a) => /* @__PURE__ */ n(
+    "div",
+    {
+      "data-slot": "modal-content-main",
+      className: e("flex-1 px-20 overflow-auto", o),
+      ref: a,
+      ...t
+    }
+  )
+);
+m.displayName = "ModalContentMain";
+export {
+  m as ModalContentMain
+};

package/dist/mainstack-design-system528.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("./index-HSoR75mY.cjs"),l=require("./mainstack-design-system586.cjs"),s=require("react"),e=s.forwardRef(({className:a,...t},o)=>r.jsx(n.DialogOverlay,{"data-slot":"modal-overlay",className:l.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 blur-sm inset-0 z-50 bg-surface-neutral-invert-l3/20",a),ref:o,...t}));e.displayName="ModalOverlay";exports.ModalOverlay=e;

package/dist/mainstack-design-system528.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as o } from "react/jsx-runtime";
+import { c as r } from "./index-qXBwwKNh.js";
+import { cn as d } from "./mainstack-design-system586.js";
+import { forwardRef as l } from "react";
+const n = l(
+  ({ className: a, ...t }, e) => /* @__PURE__ */ o(
+    r,
+    {
+      "data-slot": "modal-overlay",
+      className: d(
+        "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 blur-sm inset-0 z-50 bg-surface-neutral-invert-l3/20",
+        a
+      ),
+      ref: e,
+      ...t
+    }
+  )
+);
+n.displayName = "ModalOverlay";
+export {
+  n as ModalOverlay
+};

package/dist/mainstack-design-system529.cjs

@@ -0,0 +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;

package/dist/mainstack-design-system529.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as r } from "react/jsx-runtime";
+import { D as t } from "./index-qXBwwKNh.js";
+const i = ({ ...o }) => /* @__PURE__ */ r(t, { ...o });
+export {
+  i as ModalRoot
+};

package/dist/mainstack-design-system53.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("react/jsx-runtime"),n=require("./mainstack-design-system356.cjs"),s=({...r})=>C.jsx(n,{...r,children:C.jsx("g",{mask:"url(#mask0_4597_8108)",children:C.jsx("path",{d:"M17.0385 16.5384H14.802C14.5955 16.5384 14.423 16.4665 14.2845 16.3227C14.1462 16.179 14.077 16.0009 14.077 15.7884C14.077 15.5819 14.1488 15.4053 14.2925 15.2587C14.4363 15.1118 14.6145 15.0384 14.827 15.0384H17.0385V12.8269C17.0385 12.6144 17.1104 12.4363 17.2542 12.2924C17.3981 12.1488 17.5763 12.0769 17.7887 12.0769C18.0014 12.0769 18.1795 12.1488 18.323 12.2924C18.4667 12.4363 18.5385 12.6144 18.5385 12.8269V15.0384H20.75C20.9625 15.0384 21.1406 15.1103 21.2843 15.2542C21.4281 15.398 21.5 15.5762 21.5 15.7887C21.5 16.0013 21.4281 16.1794 21.2843 16.3229C21.1406 16.4666 20.9625 16.5384 20.75 16.5384H18.5385V18.7499C18.5385 18.9624 18.4666 19.1405 18.3227 19.2842C18.1789 19.428 18.0007 19.4999 17.788 19.4999C17.5755 19.4999 17.3974 19.428 17.2538 19.2842C17.1103 19.1405 17.0385 18.9624 17.0385 18.7499V16.5384ZM10.0578 16.5384H7.0385C5.78283 16.5384 4.7125 16.0959 3.8275 15.2109C2.9425 14.3261 2.5 13.2559 2.5 12.0004C2.5 10.7449 2.9425 9.67459 3.8275 8.78943C4.7125 7.90409 5.78283 7.46143 7.0385 7.46143H10.0578C10.2641 7.46143 10.4407 7.53484 10.5875 7.68168C10.7343 7.82851 10.8077 8.00668 10.8077 8.21618C10.8077 8.42584 10.7343 8.60251 10.5875 8.74617C10.4407 8.88967 10.2641 8.96143 10.0578 8.96143H7.03725C6.19825 8.96143 5.48233 9.25792 4.8895 9.85092C4.2965 10.4439 4 11.1603 4 11.9999C4 12.8396 4.2965 13.5559 4.8895 14.1489C5.48233 14.7419 6.19825 15.0384 7.03725 15.0384H10.0578C10.2641 15.0384 10.4407 15.1118 10.5875 15.2587C10.7343 15.4053 10.8077 15.5835 10.8077 15.7932C10.8077 16.0028 10.7343 16.1794 10.5875 16.3229C10.4407 16.4666 10.2641 16.5384 10.0578 16.5384ZM9 12.7499C8.7875 12.7499 8.60942 12.678 8.46575 12.5342C8.32192 12.3903 8.25 12.2122 8.25 11.9997C8.25 11.787 8.32192 11.6089 8.46575 11.4654C8.60942 11.3218 8.7875 11.2499 9 11.2499H15C15.2125 11.2499 15.3906 11.3218 15.5343 11.4657C15.6781 11.6095 15.75 11.7877 15.75 12.0002C15.75 12.2128 15.6781 12.3909 15.5343 12.5344C15.3906 12.6781 15.2125 12.7499 15 12.7499H9ZM21.5 11.9999H20C20 11.1603 19.7035 10.4439 19.1105 9.85092C18.5177 9.25792 17.8018 8.96143 16.9628 8.96143H13.9173C13.7109 8.96143 13.5385 8.88959 13.4 8.74593C13.2615 8.60209 13.1923 8.42393 13.1923 8.21143C13.1923 8.00509 13.2642 7.82851 13.408 7.68168C13.5517 7.53484 13.7298 7.46143 13.9423 7.46143H16.9615C18.2172 7.46143 19.2875 7.90393 20.1725 8.78893C21.0575 9.67393 21.5 10.7443 21.5 11.9999Z",fill:"currentColor"})})});module.exports=s;

package/dist/mainstack-design-system53.js

@@ -0,0 +1,12 @@
+import { jsx as C } from "react/jsx-runtime";
+import H from "./mainstack-design-system356.js";
+const t = ({ ...r }) => /* @__PURE__ */ C(H, { ...r, children: /* @__PURE__ */ C("g", { mask: "url(#mask0_4597_8108)", children: /* @__PURE__ */ C(
+  "path",
+  {
+    d: "M17.0385 16.5384H14.802C14.5955 16.5384 14.423 16.4665 14.2845 16.3227C14.1462 16.179 14.077 16.0009 14.077 15.7884C14.077 15.5819 14.1488 15.4053 14.2925 15.2587C14.4363 15.1118 14.6145 15.0384 14.827 15.0384H17.0385V12.8269C17.0385 12.6144 17.1104 12.4363 17.2542 12.2924C17.3981 12.1488 17.5763 12.0769 17.7887 12.0769C18.0014 12.0769 18.1795 12.1488 18.323 12.2924C18.4667 12.4363 18.5385 12.6144 18.5385 12.8269V15.0384H20.75C20.9625 15.0384 21.1406 15.1103 21.2843 15.2542C21.4281 15.398 21.5 15.5762 21.5 15.7887C21.5 16.0013 21.4281 16.1794 21.2843 16.3229C21.1406 16.4666 20.9625 16.5384 20.75 16.5384H18.5385V18.7499C18.5385 18.9624 18.4666 19.1405 18.3227 19.2842C18.1789 19.428 18.0007 19.4999 17.788 19.4999C17.5755 19.4999 17.3974 19.428 17.2538 19.2842C17.1103 19.1405 17.0385 18.9624 17.0385 18.7499V16.5384ZM10.0578 16.5384H7.0385C5.78283 16.5384 4.7125 16.0959 3.8275 15.2109C2.9425 14.3261 2.5 13.2559 2.5 12.0004C2.5 10.7449 2.9425 9.67459 3.8275 8.78943C4.7125 7.90409 5.78283 7.46143 7.0385 7.46143H10.0578C10.2641 7.46143 10.4407 7.53484 10.5875 7.68168C10.7343 7.82851 10.8077 8.00668 10.8077 8.21618C10.8077 8.42584 10.7343 8.60251 10.5875 8.74617C10.4407 8.88967 10.2641 8.96143 10.0578 8.96143H7.03725C6.19825 8.96143 5.48233 9.25792 4.8895 9.85092C4.2965 10.4439 4 11.1603 4 11.9999C4 12.8396 4.2965 13.5559 4.8895 14.1489C5.48233 14.7419 6.19825 15.0384 7.03725 15.0384H10.0578C10.2641 15.0384 10.4407 15.1118 10.5875 15.2587C10.7343 15.4053 10.8077 15.5835 10.8077 15.7932C10.8077 16.0028 10.7343 16.1794 10.5875 16.3229C10.4407 16.4666 10.2641 16.5384 10.0578 16.5384ZM9 12.7499C8.7875 12.7499 8.60942 12.678 8.46575 12.5342C8.32192 12.3903 8.25 12.2122 8.25 11.9997C8.25 11.787 8.32192 11.6089 8.46575 11.4654C8.60942 11.3218 8.7875 11.2499 9 11.2499H15C15.2125 11.2499 15.3906 11.3218 15.5343 11.4657C15.6781 11.6095 15.75 11.7877 15.75 12.0002C15.75 12.2128 15.6781 12.3909 15.5343 12.5344C15.3906 12.6781 15.2125 12.7499 15 12.7499H9ZM21.5 11.9999H20C20 11.1603 19.7035 10.4439 19.1105 9.85092C18.5177 9.25792 17.8018 8.96143 16.9628 8.96143H13.9173C13.7109 8.96143 13.5385 8.88959 13.4 8.74593C13.2615 8.60209 13.1923 8.42393 13.1923 8.21143C13.1923 8.00509 13.2642 7.82851 13.408 7.68168C13.5517 7.53484 13.7298 7.46143 13.9423 7.46143H16.9615C18.2172 7.46143 19.2875 7.90393 20.1725 8.78893C21.0575 9.67393 21.5 10.7443 21.5 11.9999Z",
+    fill: "currentColor"
+  }
+) }) });
+export {
+  t as default
+};