mainstack-design-system 0.7.45 → 1.0.1

package/dist/mainstack-design-system483.js

@@ -0,0 +1,81 @@
+'use client';
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import "./mainstack-design-system357.js";
+import d from "./mainstack-design-system163.js";
+import g from "./mainstack-design-system164.js";
+import u from "./mainstack-design-system165.js";
+import A from "./mainstack-design-system166.js";
+import { u as T, a as p } from "./index-Bs97UtQm.js";
+import { D as C, a as N, b as v, c as w, d as r, e as M } from "./index-BgRpW4T4.js";
+import { TextEditorMenuAction as s } from "./mainstack-design-system484.js";
+const z = x(
+  ({ ...f }, m) => {
+    const { editor: n } = T(), i = p({
+      editor: n,
+      selector: (t) => {
+        if (!t.editor) return {};
+        const l = t.editor.isActive({ textAlign: "left" }) || !1, o = t.editor.isActive({ textAlign: "right" }) || !1, a = t.editor.isActive({ textAlign: "center" }) || !1, h = t.editor.isActive({ textAlign: "justify" }) || !1;
+        return {
+          isTextAlignLeft: l,
+          isTextAlignRight: o,
+          isTextAlignCenter: a,
+          isTextAlignJustify: h,
+          isTextAlign: l || o || a,
+          canTextAlign: !t?.editor?.can().chain().toggleTextAlign("right").run() || !1
+        };
+      }
+    });
+    return /* @__PURE__ */ c(C, { children: [
+      /* @__PURE__ */ e(N, { disabled: i?.canTextAlign, asChild: !0, children: /* @__PURE__ */ e(
+        s,
+        {
+          ref: m,
+          isActive: i?.isTextAlign,
+          disabled: i?.canTextAlign,
+          ...f,
+          children: i?.isTextAlignLeft ? /* @__PURE__ */ e(u, { className: "size-16" }) : i?.isTextAlignRight ? /* @__PURE__ */ e(A, { className: "size-16" }) : i?.isTextAlignCenter ? /* @__PURE__ */ e(d, { className: "size-16" }) : /* @__PURE__ */ e(g, { className: "size-16" })
+        }
+      ) }),
+      /* @__PURE__ */ e(v, { children: /* @__PURE__ */ c(w, { className: "cursor-pointer flex flex-col gap-4 bg-surface-neutral-l1 shadow-200 p-6 rounded-12", children: [
+        /* @__PURE__ */ e(r, { asChild: !0, children: /* @__PURE__ */ e(
+          s,
+          {
+            isActive: i?.isTextAlignJustify,
+            onClick: () => n?.chain().focus().setTextAlign("justify").run(),
+            children: /* @__PURE__ */ e(g, { className: "size-16" })
+          }
+        ) }),
+        /* @__PURE__ */ e(r, { asChild: !0, children: /* @__PURE__ */ e(
+          s,
+          {
+            isActive: i?.isTextAlignLeft,
+            onClick: () => n?.chain().focus().setTextAlign("left").run(),
+            children: /* @__PURE__ */ e(u, { className: "size-16" })
+          }
+        ) }),
+        /* @__PURE__ */ e(r, { asChild: !0, children: /* @__PURE__ */ e(
+          s,
+          {
+            isActive: i?.isTextAlignRight,
+            onClick: () => n?.chain().focus().setTextAlign("right").run(),
+            children: /* @__PURE__ */ e(A, { className: "size-16" })
+          }
+        ) }),
+        /* @__PURE__ */ e(r, { asChild: !0, children: /* @__PURE__ */ e(
+          s,
+          {
+            isActive: i?.isTextAlignCenter,
+            onClick: () => n?.chain().focus().setTextAlign("center").run(),
+            children: /* @__PURE__ */ e(d, { className: "size-16" })
+          }
+        ) }),
+        /* @__PURE__ */ e(M, { className: "fill-surface-neutral-l1 text-surface-neutral-l1" })
+      ] }) })
+    ] });
+  }
+);
+z.displayName = "TextAlignMenu";
+export {
+  z as TextAlignMenu
+};

package/dist/mainstack-design-system484.cjs

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

package/dist/mainstack-design-system484.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { cn as d } from "./mainstack-design-system530.js";
+import { S as c } from "./index-BtQfgaSF.js";
+const l = a(
+  ({ className: e, asChild: r, isActive: o, ...t }, n) => /* @__PURE__ */ i(
+    r ? c : "button",
+    {
+      className: d(
+        " outline-none border-none cursor-pointer hover:bg-border-interactive-neutral p-7 rounded-8 disabled:text-disabled disabled:cursor-not-allowed ",
+        o && "bg-border-interactive-neutral-active text-surface-neutral-l1 hover:bg-border-interactive-neutral-active-hover",
+        e
+      ),
+      ref: n,
+      ...t
+    }
+  )
+);
+l.displayName = "TextEditorMenuAction";
+export {
+  l as TextEditorMenuAction
+};

package/dist/mainstack-design-system485.cjs

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

package/dist/mainstack-design-system485.js

@@ -0,0 +1,128 @@
+'use client';
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import "./mainstack-design-system357.js";
+import p from "./mainstack-design-system153.js";
+import { u as m, a as v } from "./index-Bs97UtQm.js";
+import { D as f, a as H, b, c as y, d as l, e as A } from "./index-BgRpW4T4.js";
+import { cn as n } from "./mainstack-design-system530.js";
+import { TextEditorMenuAction as d } from "./mainstack-design-system484.js";
+const C = h(
+  ({ className: o, ...t }, c) => {
+    const { editor: a } = m(), i = v({
+      editor: a,
+      selector: (r) => {
+        if (!r.editor) return {};
+        const g = [1, 2, 3, 4, 5, 6].find(
+          (u) => a?.isActive("heading", { level: u })
+        );
+        return {
+          isParagraph: r.editor.isActive("paragraph") || !1,
+          isHeading1: r.editor.isActive("heading", { level: 1 }) || !1,
+          isHeading2: r.editor.isActive("heading", { level: 2 }) || !1,
+          isHeading3: r.editor.isActive("heading", { level: 3 }) || !1,
+          isHeading4: r.editor.isActive("heading", { level: 4 }) || !1,
+          isHeading5: r.editor.isActive("heading", { level: 5 }) || !1,
+          isHeading6: r.editor.isActive("heading", { level: 6 }) || !1,
+          canHeadingParagraph: !r.editor.can().chain().toggleHeading({ level: 1 }).run() || !1,
+          activeHeading: g
+        };
+      }
+    });
+    return /* @__PURE__ */ s(f, { children: [
+      /* @__PURE__ */ e(
+        H,
+        {
+          disabled: i?.canHeadingParagraph,
+          asChild: !0,
+          children: /* @__PURE__ */ s(
+            d,
+            {
+              ref: c,
+              disabled: i?.canHeadingParagraph,
+              className: n(
+                "flex cursor-pointer items-center gap-8 hover:bg-border-interactive-neutral p-7 rounded-8",
+                o
+              ),
+              ...t,
+              children: [
+                /* @__PURE__ */ e("p", { className: "body-tiny-medium", children: i?.activeHeading ? `H${i?.activeHeading}` : "Normal" }),
+                /* @__PURE__ */ e(p, { className: "size-12" })
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ s(y, { className: "cursor-pointer flex flex-col gap-4 bg-surface-neutral-l1 shadow-200 p-6 rounded-12", children: [
+        /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+          d,
+          {
+            isActive: i?.isHeading1,
+            className: n("body-large-bold", "py-2 px-6 rounded-8"),
+            onClick: () => a?.chain().focus().toggleHeading({ level: 1 }).run(),
+            children: "H1"
+          }
+        ) }),
+        /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+          d,
+          {
+            isActive: i?.isHeading2,
+            className: n("body-medium-bold", "py-2 px-6 rounded-8"),
+            onClick: () => a?.chain().focus().toggleHeading({ level: 2 }).run(),
+            children: "H2"
+          }
+        ) }),
+        /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+          d,
+          {
+            isActive: i?.isHeading3,
+            className: n("body-small-bold", "py-2 px-6 rounded-8"),
+            onClick: () => a?.chain().focus().toggleHeading({ level: 3 }).run(),
+            children: "H3"
+          }
+        ) }),
+        /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+          d,
+          {
+            isActive: i?.isHeading4,
+            className: n("body-extrasmall-bold", "py-2 px-6 rounded-8"),
+            onClick: () => a?.chain().focus().toggleHeading({ level: 4 }).run(),
+            children: "H4"
+          }
+        ) }),
+        /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+          d,
+          {
+            isActive: i?.isHeading5,
+            className: n("body-tiny-bold", "py-2 px-6 rounded-8"),
+            onClick: () => a?.chain().focus().toggleHeading({ level: 5 }).run(),
+            children: "H5"
+          }
+        ) }),
+        /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+          d,
+          {
+            isActive: i?.isHeading6,
+            className: n("body-extratiny-bold", "py-2 px-6 rounded-8"),
+            onClick: () => a?.chain().focus().toggleHeading({ level: 6 }).run(),
+            children: "H6"
+          }
+        ) }),
+        /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+          d,
+          {
+            isActive: i?.isParagraph,
+            className: n("body-overline-bold", "py-2 px-6 rounded-8"),
+            onClick: () => a?.chain().focus().setParagraph().run(),
+            children: "Normal"
+          }
+        ) }),
+        /* @__PURE__ */ e(A, { className: "fill-surface-neutral-l1 text-surface-neutral-l1" })
+      ] }) })
+    ] });
+  }
+);
+C.displayName = "TextSizesMenu";
+export {
+  C as TextSizesMenu
+};

package/dist/mainstack-design-system486.cjs

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

package/dist/mainstack-design-system486.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import "./mainstack-design-system357.js";
+import l from "./mainstack-design-system172.js";
+import { u as s, a as c } from "./index-Bs97UtQm.js";
+import { cn as u } from "./mainstack-design-system530.js";
+import { TextEditorMenuAction as m } from "./mainstack-design-system484.js";
+const f = a(
+  ({ className: t, ...o }, d) => {
+    const { editor: r } = s(), n = c({
+      editor: r,
+      selector: (e) => e.editor ? {
+        isUnderline: e.editor.isActive("underline") || !1,
+        canUnderline: e.editor.can().chain().toggleUnderline().run() || !1
+      } : {}
+    });
+    return /* @__PURE__ */ i(
+      m,
+      {
+        className: u(
+          " outline-none border-none cursor-pointer hover:bg-border-interactive-neutral p-7 rounded-8 disabled:text-disabled disabled:cursor-not-allowed",
+          n?.isUnderline && "bg-border-interactive-neutral-active text-surface-neutral-l1 hover:bg-border-interactive-neutral-active-hover",
+          t
+        ),
+        onClick: () => r?.chain().focus().toggleUnderline().run(),
+        disabled: !n?.canUnderline,
+        ref: d,
+        ...o,
+        children: /* @__PURE__ */ i(l, { className: "size-16" })
+      }
+    );
+  }
+);
+f.displayName = "UnderlineMenu";
+export {
+  f as UnderlineMenu
+};

package/dist/mainstack-design-system487.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react");require("./mainstack-design-system357.cjs");const c=require("./mainstack-design-system169.cjs"),n=require("./index-BSe6LhsG.cjs"),d=require("./mainstack-design-system484.cjs"),s=l.forwardRef(({...o},u)=>{const{editor:t}=n.useCurrentEditor(),i=n.useEditorState({editor:t,selector:e=>e.editor?{isBulletList:e.editor.isActive("bulletList")||!1,canBulletList:!e.editor.can().chain().toggleBulletList().run()||!1}:{}});return r.jsx(d.TextEditorMenuAction,{isActive:i?.isBulletList,disabled:i?.canBulletList,onClick:()=>t?.chain().focus().toggleBulletList().run(),ref:u,...o,children:r.jsx(c,{className:"size-16"})})});s.displayName="UnorderedListMenu";exports.UnorderedListMenu=s;

package/dist/mainstack-design-system487.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import "./mainstack-design-system357.js";
+import n from "./mainstack-design-system169.js";
+import { u, a } from "./index-Bs97UtQm.js";
+import { TextEditorMenuAction as d } from "./mainstack-design-system484.js";
+const c = l(
+  ({ ...o }, s) => {
+    const { editor: e } = u(), i = a({
+      editor: e,
+      selector: (t) => t.editor ? {
+        isBulletList: t.editor.isActive("bulletList") || !1,
+        canBulletList: !t.editor.can().chain().toggleBulletList().run() || !1
+      } : {}
+    });
+    return /* @__PURE__ */ r(
+      d,
+      {
+        isActive: i?.isBulletList,
+        disabled: i?.canBulletList,
+        onClick: () => e?.chain().focus().toggleBulletList().run(),
+        ref: s,
+        ...o,
+        children: /* @__PURE__ */ r(n, { className: "size-16" })
+      }
+    );
+  }
+);
+c.displayName = "UnorderedListMenu";
+export {
+  c as UnorderedListMenu
+};

package/dist/mainstack-design-system488.cjs

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

package/dist/mainstack-design-system488.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "react";
+import { ToggleRoot as m } from "./mainstack-design-system490.js";
+import { ToggleSwitch as g } from "./mainstack-design-system529.js";
+const i = t.forwardRef(
+  ({ children: l, ...r }, e) => /* @__PURE__ */ o(m, { ref: e, ...r, children: /* @__PURE__ */ o(g, {}) })
+);
+i.displayName = "Toggle";
+export {
+  i as Toggle
+};

package/dist/mainstack-design-system489.cjs

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

package/dist/mainstack-design-system489.js

@@ -0,0 +1,17 @@
+import { jsx as m } from "react/jsx-runtime";
+import l from "react";
+import { cn as a } from "./mainstack-design-system530.js";
+const p = l.forwardRef, d = p(
+  ({ className: o, as: t, ...r }, e) => /* @__PURE__ */ m(
+    t || "h3",
+    {
+      ref: e,
+      "data-slot": "toggle-title",
+      className: a("flex-1 text-primary body-small-medium", o),
+      ...r
+    }
+  )
+);
+export {
+  d as ToggleTitle
+};

package/dist/mainstack-design-system49.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("react/jsx-runtime"),s=require("./mainstack-design-system357.cjs"),e=({...r})=>C.jsx(s,{...r,children:C.jsx("g",{mask:"url(#mask0_1746_2766)",children:C.jsx("path",{d:"M12 8C10.9 8 9.95833 8.39167 9.175 9.175C8.39167 9.95833 8 10.9 8 12C8 12.7948 8.21317 13.5202 8.6395 14.176C9.06567 14.8318 9.641 15.3219 10.3655 15.6463C10.5617 15.7411 10.7027 15.8856 10.7885 16.0798C10.8743 16.2741 10.875 16.4693 10.7905 16.6653C10.7058 16.8409 10.5773 16.9743 10.4048 17.0653C10.2324 17.1564 10.0584 17.1597 9.88275 17.075C8.85842 16.6455 8.0385 15.9712 7.423 15.052C6.80767 14.1327 6.5 13.1153 6.5 12C6.5 10.4743 7.03525 9.17625 8.10575 8.10575C9.17625 7.03525 10.4743 6.5 12 6.5C13.1192 6.5 14.1426 6.80767 15.0703 7.423C15.9978 8.0385 16.6711 8.8655 17.0903 9.904C17.1648 10.0795 17.1574 10.2551 17.0682 10.4308C16.9791 10.6064 16.8467 10.7314 16.6712 10.8057C16.4686 10.8904 16.2692 10.8872 16.073 10.7963C15.8768 10.7053 15.7313 10.5584 15.6365 10.3558C15.3122 9.63142 14.8221 9.05767 14.1663 8.6345C13.5106 8.2115 12.7885 8 12 8ZM12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.1642 4.7205 16.0027 6.1615 17.5155C7.6025 19.0283 9.39358 19.8463 11.5348 19.9693C11.7474 19.9898 11.9307 20.0795 12.0845 20.2385C12.2385 20.3975 12.3103 20.5834 12.3 20.7963C12.2897 21.0089 12.2128 21.1861 12.0693 21.3278C11.9256 21.4694 11.7474 21.5352 11.5348 21.525C10.2603 21.4737 9.07492 21.1807 7.97875 20.646C6.88275 20.1115 5.92667 19.4109 5.1105 18.5443C4.2945 17.6776 3.65542 16.6808 3.19325 15.5538C2.73108 14.4269 2.5 13.2423 2.5 12C2.5 10.6872 2.74967 9.45292 3.249 8.29725C3.74833 7.14142 4.42558 6.13592 5.28075 5.28075C6.13592 4.42558 7.14142 3.74833 8.29725 3.249C9.45292 2.74967 10.6872 2.5 12 2.5C14.4948 2.5 16.6763 3.36442 18.5443 5.09325C20.4121 6.82208 21.4057 8.966 21.525 11.525C21.5455 11.7275 21.4839 11.9022 21.3403 12.049C21.1968 12.1958 21.0186 12.2743 20.8057 12.2845C20.5929 12.2948 20.4028 12.224 20.2355 12.072C20.0682 11.9202 19.9743 11.7378 19.9538 11.525C19.7999 9.47367 18.9612 7.70667 17.4375 6.224C15.9138 4.74133 14.1013 4 12 4ZM19.3962 20.8845L15.6058 17.1L14.971 19.0288C14.8942 19.2429 14.7487 19.3474 14.5345 19.3423C14.3205 19.3371 14.1783 19.2274 14.1077 19.0133L12.2463 12.8135C12.1924 12.643 12.2308 12.4923 12.3615 12.3615C12.4923 12.2308 12.643 12.1924 12.8135 12.2463L19.0133 14.1078C19.2274 14.1783 19.3371 14.3205 19.3423 14.5345C19.3474 14.7487 19.2429 14.8942 19.0288 14.971L17.1 15.6058L20.9 19.3963C21.1128 19.6089 21.2193 19.8569 21.2193 20.1403C21.2193 20.4236 21.1128 20.6717 20.9 20.8845C20.6872 21.0973 20.4365 21.2038 20.148 21.2038C19.8595 21.2038 19.6089 21.0973 19.3962 20.8845Z",fill:"currentColor"})})});module.exports=e;

package/dist/mainstack-design-system49.js

@@ -0,0 +1,12 @@
+import { jsx as C } from "react/jsx-runtime";
+import o from "./mainstack-design-system357.js";
+const c = ({ ...r }) => /* @__PURE__ */ C(o, { ...r, children: /* @__PURE__ */ C("g", { mask: "url(#mask0_1746_2766)", children: /* @__PURE__ */ C(
+  "path",
+  {
+    d: "M12 8C10.9 8 9.95833 8.39167 9.175 9.175C8.39167 9.95833 8 10.9 8 12C8 12.7948 8.21317 13.5202 8.6395 14.176C9.06567 14.8318 9.641 15.3219 10.3655 15.6463C10.5617 15.7411 10.7027 15.8856 10.7885 16.0798C10.8743 16.2741 10.875 16.4693 10.7905 16.6653C10.7058 16.8409 10.5773 16.9743 10.4048 17.0653C10.2324 17.1564 10.0584 17.1597 9.88275 17.075C8.85842 16.6455 8.0385 15.9712 7.423 15.052C6.80767 14.1327 6.5 13.1153 6.5 12C6.5 10.4743 7.03525 9.17625 8.10575 8.10575C9.17625 7.03525 10.4743 6.5 12 6.5C13.1192 6.5 14.1426 6.80767 15.0703 7.423C15.9978 8.0385 16.6711 8.8655 17.0903 9.904C17.1648 10.0795 17.1574 10.2551 17.0682 10.4308C16.9791 10.6064 16.8467 10.7314 16.6712 10.8057C16.4686 10.8904 16.2692 10.8872 16.073 10.7963C15.8768 10.7053 15.7313 10.5584 15.6365 10.3558C15.3122 9.63142 14.8221 9.05767 14.1663 8.6345C13.5106 8.2115 12.7885 8 12 8ZM12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.1642 4.7205 16.0027 6.1615 17.5155C7.6025 19.0283 9.39358 19.8463 11.5348 19.9693C11.7474 19.9898 11.9307 20.0795 12.0845 20.2385C12.2385 20.3975 12.3103 20.5834 12.3 20.7963C12.2897 21.0089 12.2128 21.1861 12.0693 21.3278C11.9256 21.4694 11.7474 21.5352 11.5348 21.525C10.2603 21.4737 9.07492 21.1807 7.97875 20.646C6.88275 20.1115 5.92667 19.4109 5.1105 18.5443C4.2945 17.6776 3.65542 16.6808 3.19325 15.5538C2.73108 14.4269 2.5 13.2423 2.5 12C2.5 10.6872 2.74967 9.45292 3.249 8.29725C3.74833 7.14142 4.42558 6.13592 5.28075 5.28075C6.13592 4.42558 7.14142 3.74833 8.29725 3.249C9.45292 2.74967 10.6872 2.5 12 2.5C14.4948 2.5 16.6763 3.36442 18.5443 5.09325C20.4121 6.82208 21.4057 8.966 21.525 11.525C21.5455 11.7275 21.4839 11.9022 21.3403 12.049C21.1968 12.1958 21.0186 12.2743 20.8057 12.2845C20.5929 12.2948 20.4028 12.224 20.2355 12.072C20.0682 11.9202 19.9743 11.7378 19.9538 11.525C19.7999 9.47367 18.9612 7.70667 17.4375 6.224C15.9138 4.74133 14.1013 4 12 4ZM19.3962 20.8845L15.6058 17.1L14.971 19.0288C14.8942 19.2429 14.7487 19.3474 14.5345 19.3423C14.3205 19.3371 14.1783 19.2274 14.1077 19.0133L12.2463 12.8135C12.1924 12.643 12.2308 12.4923 12.3615 12.3615C12.4923 12.2308 12.643 12.1924 12.8135 12.2463L19.0133 14.1078C19.2274 14.1783 19.3371 14.3205 19.3423 14.5345C19.3474 14.7487 19.2429 14.8942 19.0288 14.971L17.1 15.6058L20.9 19.3963C21.1128 19.6089 21.2193 19.8569 21.2193 20.1403C21.2193 20.4236 21.1128 20.6717 20.9 20.8845C20.6872 21.0973 20.4365 21.2038 20.148 21.2038C19.8595 21.2038 19.6089 21.0973 19.3962 20.8845Z",
+    fill: "currentColor"
+  }
+) }) });
+export {
+  c as default
+};

package/dist/mainstack-design-system490.cjs

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

package/dist/mainstack-design-system490.js

@@ -0,0 +1,21 @@
+import { jsx as m } from "react/jsx-runtime";
+import f from "react";
+import { toggleVariants as a } from "./mainstack-design-system493.js";
+import { cn as i } from "./mainstack-design-system530.js";
+const g = f.forwardRef(
+  ({ children: t, size: e = "sm", ...o }, r) => /* @__PURE__ */ m(
+    "div",
+    {
+      ref: r,
+      className: i(
+        a({ size: e }),
+        "flex items-center justify-between gap-3"
+      ),
+      ...o,
+      children: t
+    }
+  )
+);
+export {
+  g as ToggleRoot
+};

package/dist/mainstack-design-system491.cjs

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

package/dist/mainstack-design-system491.js

@@ -0,0 +1,19 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { R as f } from "./index-C8-1UHbn.js";
+import { cn as m } from "./mainstack-design-system530.js";
+const c = a(
+  ({ className: o, children: r, ...e }, l) => /* @__PURE__ */ t(
+    f,
+    {
+      ref: l,
+      "data-slot": "toggle-label",
+      className: m("flex flex-col flex-1 gap-4", o),
+      ...e,
+      children: r
+    }
+  )
+);
+export {
+  c as ToggleLabel
+};

package/dist/mainstack-design-system492.cjs

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

package/dist/mainstack-design-system492.js

@@ -0,0 +1,20 @@
+import { jsx as e } from "react/jsx-runtime";
+import a from "react";
+import { cn as l } from "./mainstack-design-system530.js";
+const m = a.forwardRef, p = m(
+  ({ className: t, ...o }, r) => /* @__PURE__ */ e(
+    "p",
+    {
+      ref: r,
+      "data-slot": "toggle-subtext",
+      className: l(
+        "flex-1 text-secondary body-extrasmall-regular",
+        t
+      ),
+      ...o
+    }
+  )
+);
+export {
+  p as ToggleSubtext
+};

package/dist/mainstack-design-system493.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CAgJYdlN.cjs"),a=t.cva(["**:data-[slot=toggle-switch]:disabled:**:data-[slot=toggle-title]:text-disabled","**:data-[slot=toggle-switch]:disabled:**:data-[slot=toggle-subtext]:text-disabled"],{variants:{size:{sm:["**:data-[slot=toggle-switch]:w-[25.2px]","**:data-[slot=toggle-switch]:h-[16.8px]","**:data-[slot=toggle-switch]:py-[1.4px]","**:data-[slot=toggle-thumb]:w-14","**:data-[slot=toggle-thumb]:translate-x-1.5","**:data-[slot=toggle-thumb]:h-14","**:data-[slot=toggle-switch]:data-[state=checked]:**:data-[slot=toggle-thumb]:translate-x-9"],lg:["**:data-[slot=toggle-switch]:w-36","**:data-[slot=toggle-switch]:h-24","**:data-[slot=toggle-switch]:py-2","**:data-[slot=toggle-thumb]:w-20","**:data-[slot=toggle-thumb]:h-20","**:data-[slot=toggle-thumb]:translate-x-2","**:data-[slot=toggle-switch]:data-[state=checked]:**:data-[slot=toggle-thumb]:translate-x-14"]}}});exports.toggleVariants=a;

package/dist/mainstack-design-system493.js

@@ -0,0 +1,34 @@
+import { c as t } from "./index-D29mdTf5.js";
+const l = t(
+  [
+    "**:data-[slot=toggle-switch]:disabled:**:data-[slot=toggle-title]:text-disabled",
+    "**:data-[slot=toggle-switch]:disabled:**:data-[slot=toggle-subtext]:text-disabled"
+  ],
+  {
+    variants: {
+      size: {
+        sm: [
+          "**:data-[slot=toggle-switch]:w-[25.2px]",
+          "**:data-[slot=toggle-switch]:h-[16.8px]",
+          "**:data-[slot=toggle-switch]:py-[1.4px]",
+          "**:data-[slot=toggle-thumb]:w-14",
+          "**:data-[slot=toggle-thumb]:translate-x-1.5",
+          "**:data-[slot=toggle-thumb]:h-14",
+          "**:data-[slot=toggle-switch]:data-[state=checked]:**:data-[slot=toggle-thumb]:translate-x-9"
+        ],
+        lg: [
+          "**:data-[slot=toggle-switch]:w-36",
+          "**:data-[slot=toggle-switch]:h-24",
+          "**:data-[slot=toggle-switch]:py-2",
+          "**:data-[slot=toggle-thumb]:w-20",
+          "**:data-[slot=toggle-thumb]:h-20",
+          "**:data-[slot=toggle-thumb]:translate-x-2",
+          "**:data-[slot=toggle-switch]:data-[state=checked]:**:data-[slot=toggle-thumb]:translate-x-14"
+        ]
+      }
+    }
+  }
+);
+export {
+  l as toggleVariants
+};

package/dist/mainstack-design-system494.cjs

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

package/dist/mainstack-design-system494.js

@@ -0,0 +1,19 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { DateRangeRoot as n } from "./mainstack-design-system497.js";
+import { DateRangePortal as i } from "./mainstack-design-system496.js";
+import { DateRangeMenubar as f } from "./mainstack-design-system532.js";
+import { DateRangeCalendar as p } from "./mainstack-design-system540.js";
+const R = m(
+  ({ children: a, ...o }, t) => /* @__PURE__ */ r(n, { ref: t, ...o, children: [
+    a,
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(f, {}),
+      /* @__PURE__ */ e(p, {})
+    ] })
+  ] })
+);
+R.displayName = "DateRange";
+export {
+  R as DateRange
+};

package/dist/mainstack-design-system495.cjs

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

package/dist/mainstack-design-system495.js

@@ -0,0 +1,45 @@
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import "./mainstack-design-system384.js";
+import "./mainstack-design-system385.js";
+import "./mainstack-design-system386.js";
+import { Button as p } from "./mainstack-design-system387.js";
+import { useDateRangeContext as l } from "./mainstack-design-system523.js";
+import { cn as g } from "./mainstack-design-system530.js";
+const v = c(
+  ({ onClick: t, className: n, actionData: e, ...a }, i) => {
+    const {
+      activeMenu: m,
+      onOpenChange: o,
+      closeOnRangeSelect: s,
+      onValueChange: r,
+      setActiveMenu: u
+    } = l();
+    return /* @__PURE__ */ f(
+      p,
+      {
+        "data-slot": "date-range-menu-action",
+        ref: i,
+        variant: "outline",
+        rounded: "sm",
+        size: "sm",
+        "data-active": e.id === m,
+        className: g(
+          "data-[active=true]:outline-2 data-[active=true]:outline-border-interactive-neutral-pressed",
+          n
+        ),
+        onClick: (d) => {
+          t && t(d), u(e?.id), r && r({
+            from: e.from,
+            to: e.to
+          }), s && o && o(!1);
+        },
+        ...a
+      }
+    );
+  }
+);
+v.displayName = "DateRangeMenuAction";
+export {
+  v as DateRangeMenuAction
+};

package/dist/mainstack-design-system496.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"),i=require("./mainstack-design-system530.cjs");require("./index-Btyt0Lrt.cjs");require("./mainstack-design-system526.cjs");const l=require("./mainstack-design-system541.cjs"),p=require("./mainstack-design-system500.cjs"),v=require("./mainstack-design-system537.cjs");require("./mainstack-design-system502.cjs");const r=n.forwardRef(({children:o,className:s,...a},t)=>e.jsxs(v.ResponsivePopoverDrawerPortal,{children:[e.jsx(l.ResponsivePopoverDrawerContent,{sideOffset:6,"data-slot":"date-range-portal",role:"listbox",className:i.cn("flex flex-col gap-16  bg-surface-neutral-l1 rounded-20 p-16 border border-border-interactive-neutral shadow-600 min-[900px]:p-24",s),ref:t,...a,children:o}),e.jsx(p.ResponsivePopoverDrawerOverlay,{})]}));r.displayName="DateRangePortal";exports.DateRangePortal=r;

package/dist/mainstack-design-system496.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { cn as s } from "./mainstack-design-system530.js";
+import "./index-BbcuXTDW.js";
+import "./mainstack-design-system526.js";
+import { ResponsivePopoverDrawerContent as m } from "./mainstack-design-system541.js";
+import { ResponsivePopoverDrawerOverlay as l } from "./mainstack-design-system500.js";
+import { ResponsivePopoverDrawerPortal as n } from "./mainstack-design-system537.js";
+import "./mainstack-design-system502.js";
+const f = i(
+  ({ children: o, className: e, ...t }, a) => /* @__PURE__ */ p(n, { children: [
+    /* @__PURE__ */ r(
+      m,
+      {
+        sideOffset: 6,
+        "data-slot": "date-range-portal",
+        role: "listbox",
+        className: s(
+          "flex flex-col gap-16  bg-surface-neutral-l1 rounded-20 p-16 border border-border-interactive-neutral shadow-600 min-[900px]:p-24",
+          e
+        ),
+        ref: a,
+        ...t,
+        children: o
+      }
+    ),
+    /* @__PURE__ */ r(l, {})
+  ] })
+);
+f.displayName = "DateRangePortal";
+export {
+  f as DateRangePortal
+};

package/dist/mainstack-design-system497.cjs

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