mainstack-design-system 1.14.3 → 1.15.1

package/dist/mainstack-design-system507.js

@@ -1,18 +1,40 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { c as t } from "./utils-D85wpvmd.js";
-const d = m(
-  ({ className: e, ...r }, a) => /* @__PURE__ */ o(
-    "div",
-    {
-      "data-slot": "tile-header",
-      className: t("mds:flex", e),
-      ref: a,
-      ...r
-    }
-  )
+'use client';
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import "./mainstack-design-system366.js";
+import a from "./mainstack-design-system172.js";
+import "./player-DtDfxekb.js";
+import { c as l } from "./utils-BWBRqOem.js";
+import { u as m, a as c } from "./index-B4CcnNBi.js";
+import { TextEditorMenuAction as u } from "./mainstack-design-system505.js";
+const f = s(
+  ({ className: i, ...o }, d) => {
+    const { editor: r } = m(), n = c({
+      editor: r,
+      selector: (e) => e.editor ? {
+        isUnderline: e.editor.isActive("underline") || !1,
+        canUnderline: e.editor.can().chain().toggleUnderline().run() || !1
+      } : {}
+    });
+    return /* @__PURE__ */ t(
+      u,
+      {
+        className: l(
+          " mds:outline-none mds:border-none mds:cursor-pointer mds:hover:bg-border-interactive-neutral mds:p-7 mds:rounded-8 mds:disabled:text-disabled mds:disabled:cursor-not-allowed",
+          n?.isUnderline && "mds:bg-border-interactive-neutral-active mds:text-surface-neutral-l1 mds:hover:bg-border-interactive-neutral-active-hover",
+          i
+        ),
+        onClick: () => r?.chain().focus().toggleUnderline().run(),
+        disabled: !n?.canUnderline,
+        "data-slot": "text-editor-underline-menu",
+        ref: d,
+        ...o,
+        children: /* @__PURE__ */ t(a, { className: "mds:size-16" })
+      }
+    );
+  }
 );
-d.displayName = "TileHeader";
+f.displayName = "UnderlineMenu";
 export {
-  d as TileHeader
+  f as UnderlineMenu
 };

package/dist/mainstack-design-system508.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),l=require("./mainstack-design-system510.cjs"),n=require("./mainstack-design-system613.cjs"),o=r.forwardRef(({children:c,...g},t)=>e.jsx(l.ToggleRoot,{ref:t,...g,children:e.jsx(n.ToggleSwitch,{})}));o.displayName="Toggle";exports.Toggle=o;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react");require("./mainstack-design-system366.cjs");const l=require("./mainstack-design-system169.cjs");require("./player-BoD_1Mo-.cjs");const s=require("./index-DmXSO_B1.cjs"),c=require("./mainstack-design-system505.cjs"),n=d.forwardRef(({...o},u)=>{const{editor:t}=s.useCurrentEditor(),r=s.useEditorState({editor:t,selector:e=>e.editor?{isBulletList:e.editor.isActive("bulletList")||!1,canBulletList:!e.editor.can().chain().toggleBulletList().run()||!1}:{}});return i.jsx(c.TextEditorMenuAction,{isActive:r?.isBulletList,disabled:r?.canBulletList,onClick:()=>t?.chain().focus().toggleBulletList().run(),"data-slot":"text-editor-unordered-list-menu",ref:u,...o,children:i.jsx(l,{className:"mds:size-16"})})});n.displayName="UnorderedListMenu";exports.UnorderedListMenu=n;

package/dist/mainstack-design-system508.js

@@ -1,11 +1,35 @@
-import { jsx as o } from "react/jsx-runtime";
-import t from "react";
-import { ToggleRoot as m } from "./mainstack-design-system510.js";
-import { ToggleSwitch as g } from "./mainstack-design-system613.js";
-const i = t.forwardRef(
-  ({ children: l, ...r }, e) => /* @__PURE__ */ o(m, { ref: e, ...r, children: /* @__PURE__ */ o(g, {}) })
+'use client';
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import "./mainstack-design-system366.js";
+import n from "./mainstack-design-system169.js";
+import "./player-DtDfxekb.js";
+import { u as d, a as u } from "./index-B4CcnNBi.js";
+import { TextEditorMenuAction as a } from "./mainstack-design-system505.js";
+const m = l(
+  ({ ...o }, s) => {
+    const { editor: e } = d(), r = u({
+      editor: e,
+      selector: (t) => t.editor ? {
+        isBulletList: t.editor.isActive("bulletList") || !1,
+        canBulletList: !t.editor.can().chain().toggleBulletList().run() || !1
+      } : {}
+    });
+    return /* @__PURE__ */ i(
+      a,
+      {
+        isActive: r?.isBulletList,
+        disabled: r?.canBulletList,
+        onClick: () => e?.chain().focus().toggleBulletList().run(),
+        "data-slot": "text-editor-unordered-list-menu",
+        ref: s,
+        ...o,
+        children: /* @__PURE__ */ i(n, { className: "mds:size-16" })
+      }
+    );
+  }
 );
-i.displayName = "Toggle";
+m.displayName = "UnorderedListMenu";
 export {
-  i as Toggle
+  m as UnorderedListMenu
 };

package/dist/mainstack-design-system509.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("react"),c=require("./utils-Bdd5vx6a.cjs"),m=i.forwardRef,a=m(({className:e,as:t,...o},r)=>{const s=t||"h3";return l.jsx(s,{ref:r,"data-slot":"toggle-title",className:c.cn("mds:flex-1 mds:text-primary mds:body-small-medium",e),...o})});exports.ToggleTitle=a;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),r=require("./index-BgzojN8c.cjs"),t=require("./utils-Dp-J9Ksy.cjs"),s=o.forwardRef(({className:d,...m},l)=>e.jsxs(r.ScrollArea,{className:" mds:overflow-hidden mds:z-10 mds:p-6 mds:m-6 mds:mb-0 mds:rounded-full mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1",children:[e.jsx(r.ScrollAreaViewport,{className:"mds:h-full mds:relative mds:z-10 mds:pb-6  mds:w-full mds:pr-10 ",children:e.jsx("div",{className:t.cn("mds:flex mds:w-200  mds:items-center mds:gap-8 mds:*:w-full ",d),"data-slot":"text-editor-menu-bar",ref:l,...m})}),e.jsx(r.ScrollAreaScrollbar,{orientation:"horizontal",className:" mds:flex mds:select-none mds:cursor-move mds:touch-none mds:p-2 mds:flex-col mds:h-10 mds:hover:bg-border-interactive-neutral-hover",children:e.jsx(r.ScrollAreaThumb,{className:"mds:flex-1 mds:bg-border-interactive-neutral-inverse-hover mds:rounded-10 mds:relative mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44"})}),e.jsx(r.ScrollAreaCorner,{className:" mds:bg-red-300"})]}));s.displayName="TextEditorMenuBar";exports.TextEditorMenuBar=s;

package/dist/mainstack-design-system509.js

@@ -1,20 +1,34 @@
-import { jsx as e } from "react/jsx-runtime";
-import s from "react";
-import { c as a } from "./utils-D85wpvmd.js";
-const l = s.forwardRef, i = l(
-  ({ className: o, as: t, ...m }, r) => /* @__PURE__ */ e(
-    t || "h3",
-    {
-      ref: r,
-      "data-slot": "toggle-title",
-      className: a(
-        "mds:flex-1 mds:text-primary mds:body-small-medium",
-        o
-      ),
-      ...m
-    }
-  )
+'use client';
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import { S as l, a, b as t, c as n, d as i } from "./index-CLUgda6x.js";
+import { c } from "./utils-BWBRqOem.js";
+const f = o(
+  ({ className: r, ...s }, d) => /* @__PURE__ */ m(l, { className: " mds:overflow-hidden mds:z-10 mds:p-6 mds:m-6 mds:mb-0 mds:rounded-full mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1", children: [
+    /* @__PURE__ */ e(a, { className: "mds:h-full mds:relative mds:z-10 mds:pb-6  mds:w-full mds:pr-10 ", children: /* @__PURE__ */ e(
+      "div",
+      {
+        className: c(
+          "mds:flex mds:w-200  mds:items-center mds:gap-8 mds:*:w-full ",
+          r
+        ),
+        "data-slot": "text-editor-menu-bar",
+        ref: d,
+        ...s
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      t,
+      {
+        orientation: "horizontal",
+        className: " mds:flex mds:select-none mds:cursor-move mds:touch-none mds:p-2 mds:flex-col mds:h-10 mds:hover:bg-border-interactive-neutral-hover",
+        children: /* @__PURE__ */ e(n, { className: "mds:flex-1 mds:bg-border-interactive-neutral-inverse-hover mds:rounded-10 mds:relative mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44" })
+      }
+    ),
+    /* @__PURE__ */ e(i, { className: " mds:bg-red-300" })
+  ] })
 );
+f.displayName = "TextEditorMenuBar";
 export {
-  i as ToggleTitle
+  f as TextEditorMenuBar
 };

package/dist/mainstack-design-system51.cjs

@@ -1 +1 @@
-"use strict";const C=require("react/jsx-runtime"),r=require("./mainstack-design-system357.cjs"),V={outlined:C.jsx("g",{mask:"url(#mask0_1726_1360)",children:C.jsx("path",{d:"M18 19.5H15.75C15.5375 19.5 15.3593 19.4281 15.2155 19.2843C15.0718 19.1404 15 18.9622 15 18.7498C15 18.5371 15.0718 18.359 15.2155 18.2155C15.3593 18.0718 15.5375 18 15.75 18H18V15.75C18 15.5375 18.0719 15.3593 18.2157 15.2155C18.3596 15.0718 18.5377 15 18.7502 15C18.9629 15 19.141 15.0718 19.2845 15.2155C19.4282 15.3593 19.5 15.5375 19.5 15.75V18H21.75C21.9625 18 22.1406 18.0719 22.2842 18.2158C22.4281 18.3596 22.5 18.5378 22.5 18.7503C22.5 18.9629 22.4281 19.141 22.2842 19.2845C22.1406 19.4282 21.9625 19.5 21.75 19.5H19.5V21.75C19.5 21.9625 19.4281 22.1406 19.2842 22.2843C19.1404 22.4281 18.9622 22.5 18.7497 22.5C18.5371 22.5 18.359 22.4281 18.2155 22.2843C18.0718 22.1406 18 21.9625 18 21.75V19.5ZM3.51924 19.75C3.26324 19.75 3.04857 19.6634 2.87524 19.4902C2.70207 19.3169 2.61549 19.1022 2.61549 18.8462V13.75H2.30574C2.02124 13.75 1.78699 13.6388 1.60299 13.4163C1.41899 13.1939 1.36032 12.9404 1.42699 12.6558L2.42699 7.9635C2.47249 7.75533 2.57882 7.58442 2.74599 7.45075C2.91299 7.31692 3.10282 7.25 3.31549 7.25H16.1845C16.3972 7.25 16.5871 7.31692 16.7542 7.45075C16.9212 7.58442 17.0275 7.75533 17.073 7.9635L18.073 12.6558C18.1397 12.9404 18.081 13.1939 17.897 13.4163C17.7132 13.6388 17.4789 13.75 17.1942 13.75H16.8845V16.1348C16.8845 16.3471 16.8127 16.5252 16.669 16.669C16.5252 16.8127 16.3469 16.8845 16.1342 16.8845C15.9217 16.8845 15.7437 16.8127 15.6 16.669C15.4565 16.5252 15.3847 16.3471 15.3847 16.1348V13.75H11.1155V18.8462C11.1155 19.1022 11.0288 19.3169 10.8555 19.4902C10.6823 19.6634 10.4677 19.75 10.2115 19.75H3.51924ZM4.11549 18.25H9.61549V13.75H4.11549V18.25ZM3.32699 5.75C3.11449 5.75 2.93632 5.67808 2.79249 5.53425C2.64882 5.39042 2.57699 5.21225 2.57699 4.99975C2.57699 4.78708 2.64882 4.609 2.79249 4.4655C2.93632 4.32183 3.11449 4.25 3.32699 4.25H16.173C16.3855 4.25 16.5637 4.32192 16.7075 4.46575C16.8512 4.60958 16.923 4.78775 16.923 5.00025C16.923 5.21292 16.8512 5.391 16.7075 5.5345C16.5637 5.67817 16.3855 5.75 16.173 5.75H3.32699ZM3.03074 12.25H16.4692L15.7057 8.75H3.79424L3.03074 12.25Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1726_1369)",children:C.jsx("path",{d:"M18 19.5H15.75C15.5375 19.5 15.3593 19.4281 15.2155 19.2843C15.0718 19.1404 15 18.9622 15 18.7498C15 18.5371 15.0718 18.359 15.2155 18.2155C15.3593 18.0718 15.5375 18 15.75 18H18V15.75C18 15.5375 18.0719 15.3593 18.2157 15.2155C18.3596 15.0718 18.5377 15 18.7502 15C18.9629 15 19.141 15.0718 19.2845 15.2155C19.4282 15.3593 19.5 15.5375 19.5 15.75V18H21.75C21.9625 18 22.1406 18.0719 22.2842 18.2158C22.4281 18.3596 22.5 18.5378 22.5 18.7503C22.5 18.9629 22.4281 19.141 22.2842 19.2845C22.1406 19.4282 21.9625 19.5 21.75 19.5H19.5V21.75C19.5 21.9625 19.4281 22.1406 19.2842 22.2843C19.1404 22.4281 18.9622 22.5 18.7497 22.5C18.5371 22.5 18.359 22.4281 18.2155 22.2843C18.0718 22.1406 18 21.9625 18 21.75V19.5ZM3.51924 19.75C3.26324 19.75 3.04857 19.6634 2.87524 19.4902C2.70207 19.3169 2.61549 19.1022 2.61549 18.8462V13.75H2.30574C2.02124 13.75 1.78699 13.6388 1.60299 13.4163C1.41899 13.1939 1.36032 12.9404 1.42699 12.6558L2.42699 7.9635C2.47249 7.75533 2.57882 7.58442 2.74599 7.45075C2.91299 7.31692 3.10282 7.25 3.31549 7.25H16.1845C16.3972 7.25 16.5871 7.31692 16.7542 7.45075C16.9212 7.58442 17.0275 7.75533 17.073 7.9635L18.073 12.6558C18.1397 12.9404 18.081 13.1939 17.897 13.4163C17.7132 13.6388 17.4789 13.75 17.1942 13.75H16.8845V16.1348C16.8845 16.3471 16.8127 16.5252 16.669 16.669C16.5252 16.8127 16.3469 16.8845 16.1342 16.8845C15.9217 16.8845 15.7437 16.8127 15.6 16.669C15.4565 16.5252 15.3847 16.3471 15.3847 16.1348V13.75H11.1155V18.8462C11.1155 19.1022 11.0288 19.3169 10.8555 19.4902C10.6823 19.6634 10.4677 19.75 10.2115 19.75H3.51924ZM4.11549 18.25H9.61549V13.75H4.11549V18.25ZM3.32699 5.75C3.11449 5.75 2.93632 5.67808 2.79249 5.53425C2.64882 5.39042 2.57699 5.21225 2.57699 4.99975C2.57699 4.78708 2.64882 4.609 2.79249 4.4655C2.93632 4.32183 3.11449 4.25 3.32699 4.25H16.173C16.3855 4.25 16.5637 4.32192 16.7075 4.46575C16.8512 4.60958 16.923 4.78775 16.923 5.00025C16.923 5.21292 16.8512 5.391 16.7075 5.5345C16.5637 5.67817 16.3855 5.75 16.173 5.75H3.32699Z",fill:"currentColor"})})},n=({variant:H="outlined",...s})=>C.jsx(r,{...s,children:V[H]});module.exports=n;
+"use strict";const C=require("react/jsx-runtime"),r=require("./mainstack-design-system366.cjs"),V={outlined:C.jsx("g",{mask:"url(#mask0_1726_1360)",children:C.jsx("path",{d:"M18 19.5H15.75C15.5375 19.5 15.3593 19.4281 15.2155 19.2843C15.0718 19.1404 15 18.9622 15 18.7498C15 18.5371 15.0718 18.359 15.2155 18.2155C15.3593 18.0718 15.5375 18 15.75 18H18V15.75C18 15.5375 18.0719 15.3593 18.2157 15.2155C18.3596 15.0718 18.5377 15 18.7502 15C18.9629 15 19.141 15.0718 19.2845 15.2155C19.4282 15.3593 19.5 15.5375 19.5 15.75V18H21.75C21.9625 18 22.1406 18.0719 22.2842 18.2158C22.4281 18.3596 22.5 18.5378 22.5 18.7503C22.5 18.9629 22.4281 19.141 22.2842 19.2845C22.1406 19.4282 21.9625 19.5 21.75 19.5H19.5V21.75C19.5 21.9625 19.4281 22.1406 19.2842 22.2843C19.1404 22.4281 18.9622 22.5 18.7497 22.5C18.5371 22.5 18.359 22.4281 18.2155 22.2843C18.0718 22.1406 18 21.9625 18 21.75V19.5ZM3.51924 19.75C3.26324 19.75 3.04857 19.6634 2.87524 19.4902C2.70207 19.3169 2.61549 19.1022 2.61549 18.8462V13.75H2.30574C2.02124 13.75 1.78699 13.6388 1.60299 13.4163C1.41899 13.1939 1.36032 12.9404 1.42699 12.6558L2.42699 7.9635C2.47249 7.75533 2.57882 7.58442 2.74599 7.45075C2.91299 7.31692 3.10282 7.25 3.31549 7.25H16.1845C16.3972 7.25 16.5871 7.31692 16.7542 7.45075C16.9212 7.58442 17.0275 7.75533 17.073 7.9635L18.073 12.6558C18.1397 12.9404 18.081 13.1939 17.897 13.4163C17.7132 13.6388 17.4789 13.75 17.1942 13.75H16.8845V16.1348C16.8845 16.3471 16.8127 16.5252 16.669 16.669C16.5252 16.8127 16.3469 16.8845 16.1342 16.8845C15.9217 16.8845 15.7437 16.8127 15.6 16.669C15.4565 16.5252 15.3847 16.3471 15.3847 16.1348V13.75H11.1155V18.8462C11.1155 19.1022 11.0288 19.3169 10.8555 19.4902C10.6823 19.6634 10.4677 19.75 10.2115 19.75H3.51924ZM4.11549 18.25H9.61549V13.75H4.11549V18.25ZM3.32699 5.75C3.11449 5.75 2.93632 5.67808 2.79249 5.53425C2.64882 5.39042 2.57699 5.21225 2.57699 4.99975C2.57699 4.78708 2.64882 4.609 2.79249 4.4655C2.93632 4.32183 3.11449 4.25 3.32699 4.25H16.173C16.3855 4.25 16.5637 4.32192 16.7075 4.46575C16.8512 4.60958 16.923 4.78775 16.923 5.00025C16.923 5.21292 16.8512 5.391 16.7075 5.5345C16.5637 5.67817 16.3855 5.75 16.173 5.75H3.32699ZM3.03074 12.25H16.4692L15.7057 8.75H3.79424L3.03074 12.25Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1726_1369)",children:C.jsx("path",{d:"M18 19.5H15.75C15.5375 19.5 15.3593 19.4281 15.2155 19.2843C15.0718 19.1404 15 18.9622 15 18.7498C15 18.5371 15.0718 18.359 15.2155 18.2155C15.3593 18.0718 15.5375 18 15.75 18H18V15.75C18 15.5375 18.0719 15.3593 18.2157 15.2155C18.3596 15.0718 18.5377 15 18.7502 15C18.9629 15 19.141 15.0718 19.2845 15.2155C19.4282 15.3593 19.5 15.5375 19.5 15.75V18H21.75C21.9625 18 22.1406 18.0719 22.2842 18.2158C22.4281 18.3596 22.5 18.5378 22.5 18.7503C22.5 18.9629 22.4281 19.141 22.2842 19.2845C22.1406 19.4282 21.9625 19.5 21.75 19.5H19.5V21.75C19.5 21.9625 19.4281 22.1406 19.2842 22.2843C19.1404 22.4281 18.9622 22.5 18.7497 22.5C18.5371 22.5 18.359 22.4281 18.2155 22.2843C18.0718 22.1406 18 21.9625 18 21.75V19.5ZM3.51924 19.75C3.26324 19.75 3.04857 19.6634 2.87524 19.4902C2.70207 19.3169 2.61549 19.1022 2.61549 18.8462V13.75H2.30574C2.02124 13.75 1.78699 13.6388 1.60299 13.4163C1.41899 13.1939 1.36032 12.9404 1.42699 12.6558L2.42699 7.9635C2.47249 7.75533 2.57882 7.58442 2.74599 7.45075C2.91299 7.31692 3.10282 7.25 3.31549 7.25H16.1845C16.3972 7.25 16.5871 7.31692 16.7542 7.45075C16.9212 7.58442 17.0275 7.75533 17.073 7.9635L18.073 12.6558C18.1397 12.9404 18.081 13.1939 17.897 13.4163C17.7132 13.6388 17.4789 13.75 17.1942 13.75H16.8845V16.1348C16.8845 16.3471 16.8127 16.5252 16.669 16.669C16.5252 16.8127 16.3469 16.8845 16.1342 16.8845C15.9217 16.8845 15.7437 16.8127 15.6 16.669C15.4565 16.5252 15.3847 16.3471 15.3847 16.1348V13.75H11.1155V18.8462C11.1155 19.1022 11.0288 19.3169 10.8555 19.4902C10.6823 19.6634 10.4677 19.75 10.2115 19.75H3.51924ZM4.11549 18.25H9.61549V13.75H4.11549V18.25ZM3.32699 5.75C3.11449 5.75 2.93632 5.67808 2.79249 5.53425C2.64882 5.39042 2.57699 5.21225 2.57699 4.99975C2.57699 4.78708 2.64882 4.609 2.79249 4.4655C2.93632 4.32183 3.11449 4.25 3.32699 4.25H16.173C16.3855 4.25 16.5637 4.32192 16.7075 4.46575C16.8512 4.60958 16.923 4.78775 16.923 5.00025C16.923 5.21292 16.8512 5.391 16.7075 5.5345C16.5637 5.67817 16.3855 5.75 16.173 5.75H3.32699Z",fill:"currentColor"})})},n=({variant:H="outlined",...s})=>C.jsx(r,{...s,children:V[H]});module.exports=n;

package/dist/mainstack-design-system51.js

@@ -1,5 +1,5 @@
 import { jsx as C } from "react/jsx-runtime";
-import V from "./mainstack-design-system357.js";
+import V from "./mainstack-design-system366.js";
 const l = {
   outlined: /* @__PURE__ */ C("g", { mask: "url(#mask0_1726_1360)", children: /* @__PURE__ */ C(
     "path",

package/dist/mainstack-design-system510.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),i=require("./mainstack-design-system513.cjs"),g=require("./utils-Bdd5vx6a.cjs"),c=n.forwardRef(({children:e,size:t="sm",...s},o)=>r.jsx("div",{ref:o,className:g.cn(i.toggleVariants({size:t}),"mds:flex mds:items-center mds:justify-between mds:gap-3"),...s,children:e}));exports.ToggleRoot=c;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),p=require("react"),R=require("./index-C8aODXfJ.cjs"),b=require("./utils-Dp-J9Ksy.cjs"),g=require("./mainstack-design-system611.cjs"),o=p.forwardRef(({className:a,onClick:t,disabled:e,selected:l,onSelectedChange:n,...r},s)=>{const[i,c]=R.useControllableState({prop:l,defaultProp:!1,onChange:n});return f.jsx("label",{"data-slot":"tile-root",ref:s,"data-disabled":e,tabIndex:e?-1:0,"data-selected":i,className:b.cn(g.tileVariants({disabled:e}),a),...r,onClick:d=>{c(u=>!u),t&&t(d)}})});o.displayName="TileRoot";exports.TileRoot=o;

package/dist/mainstack-design-system510.js

@@ -1,21 +1,41 @@
-import { jsx as r } from "react/jsx-runtime";
-import s from "react";
-import { toggleVariants as a } from "./mainstack-design-system513.js";
-import { c as f } from "./utils-D85wpvmd.js";
-const p = s.forwardRef(
-  ({ children: t, size: e = "sm", ...m }, o) => /* @__PURE__ */ r(
-    "div",
-    {
-      ref: o,
-      className: f(
-        a({ size: e }),
-        "mds:flex mds:items-center mds:justify-between mds:gap-3"
-      ),
-      ...m,
-      children: t
-    }
-  )
+'use client';
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { u as p } from "./index-437EL2iq.js";
+import { c as u } from "./utils-BWBRqOem.js";
+import { tileVariants as C } from "./mainstack-design-system611.js";
+const g = f(
+  ({
+    className: o,
+    onClick: t,
+    disabled: e,
+    selected: a,
+    onSelectedChange: r,
+    ...l
+  }, s) => {
+    const [n, m] = p({
+      prop: a,
+      defaultProp: !1,
+      onChange: r
+    });
+    return /* @__PURE__ */ d(
+      "label",
+      {
+        "data-slot": "tile-root",
+        ref: s,
+        "data-disabled": e,
+        tabIndex: e ? -1 : 0,
+        "data-selected": n,
+        className: u(C({ disabled: e }), o),
+        ...l,
+        onClick: (i) => {
+          m((c) => !c), t && t(i);
+        }
+      }
+    );
+  }
 );
+g.displayName = "TileRoot";
 export {
-  p as ToggleRoot
+  g as TileRoot
 };

package/dist/mainstack-design-system511.cjs

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

package/dist/mainstack-design-system511.js

@@ -1,19 +1,19 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { R as t } from "./index-C8-1UHbn.js";
-import { c as a } from "./utils-D85wpvmd.js";
-const g = s(
-  ({ className: o, children: m, ...r }, e) => /* @__PURE__ */ l(
-    t,
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+const d = r(
+  ({ ...e }, i) => /* @__PURE__ */ a(
+    "div",
     {
-      ref: e,
-      "data-slot": "toggle-label",
-      className: a("mds:flex mds:flex-col mds:flex-1 mds:gap-4", o),
-      ...r,
-      children: m
+      "data-slot": "tile-media",
+      className: `
+        mds:shrink-0
+      `,
+      ref: i,
+      ...e
     }
   )
 );
+d.displayName = "TileMedia";
 export {
-  g as ToggleLabel
+  d as TileMedia
 };

package/dist/mainstack-design-system512.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),l=require("./utils-Bdd5vx6a.cjs"),a=s.forwardRef,u=a(({className:e,...t},r)=>o.jsx("p",{ref:r,"data-slot":"toggle-subtext",className:l.cn("mds:flex-1 mds:text-secondary mds:body-extrasmall-regular",e),...t}));exports.ToggleSubtext=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("./utils-Dp-J9Ksy.cjs"),s=({className:r,...t})=>e.jsxs("span",{"data-slot":"tile-checkbox",className:"mds:flex mds:items-start",children:[e.jsx("input",{type:"checkbox",className:"mds:peer mds:sr-only",...t}),e.jsx("span",{className:d.cn("mds:h-18 mds:w-18 mds:rounded-6 mds:border mds:text-neutral-50 mds:border-border-interactive-neutral-hover mds:flex mds:items-center mds:justify-center","mds:peer-checked:bg-primary mds:peer-checked:border-none",r),children:"✓"})]});s.displayName="TileCheckbox";exports.TileCheckbox=s;

package/dist/mainstack-design-system512.js

@@ -1,20 +1,20 @@
-import { jsx as e } from "react/jsx-runtime";
-import a from "react";
-import { c as s } from "./utils-D85wpvmd.js";
-const m = a.forwardRef, f = m(
-  ({ className: t, ...o }, r) => /* @__PURE__ */ e(
-    "p",
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { c as m } from "./utils-BWBRqOem.js";
+const t = ({ className: s, ...r }) => /* @__PURE__ */ d("span", { "data-slot": "tile-checkbox", className: "mds:flex mds:items-start", children: [
+  /* @__PURE__ */ e("input", { type: "checkbox", className: "mds:peer mds:sr-only", ...r }),
+  /* @__PURE__ */ e(
+    "span",
     {
-      ref: r,
-      "data-slot": "toggle-subtext",
-      className: s(
-        "mds:flex-1 mds:text-secondary mds:body-extrasmall-regular",
-        t
+      className: m(
+        "mds:h-18 mds:w-18 mds:rounded-6 mds:border mds:text-neutral-50 mds:border-border-interactive-neutral-hover mds:flex mds:items-center mds:justify-center",
+        "mds:peer-checked:bg-primary mds:peer-checked:border-none",
+        s
       ),
-      ...o
+      children: "✓"
     }
   )
-);
+] });
+t.displayName = "TileCheckbox";
 export {
-  f as ToggleSubtext
+  t as TileCheckbox
 };

package/dist/mainstack-design-system513.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CAgJYdlN.cjs"),a=t.cva(["mds:**:data-[slot=toggle-switch]:disabled:**:data-[slot=toggle-title]:text-disabled","mds:**:data-[slot=toggle-switch]:disabled:**:data-[slot=toggle-subtext]:text-disabled"],{variants:{size:{sm:["mds:**:data-[slot=toggle-switch]:w-[25.2px]","mds:**:data-[slot=toggle-switch]:h-[16.8px]","mds:**:data-[slot=toggle-switch]:py-[1.4px]","mds:**:data-[slot=toggle-thumb]:w-14","mds:**:data-[slot=toggle-thumb]:translate-x-1.5","mds:**:data-[slot=toggle-thumb]:h-14","mds:**:data-[slot=toggle-switch]:data-[state=checked]:**:data-[slot=toggle-thumb]:translate-x-9"],lg:["mds:**:data-[slot=toggle-switch]:w-36","mds:**:data-[slot=toggle-switch]:h-24","mds:**:data-[slot=toggle-switch]:py-2","mds:**:data-[slot=toggle-thumb]:w-20","mds:**:data-[slot=toggle-thumb]:h-20","mds:**:data-[slot=toggle-thumb]:translate-x-2","mds:**:data-[slot=toggle-switch]:data-[state=checked]:**:data-[slot=toggle-thumb]:translate-x-14"]}}});exports.toggleVariants=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("react"),o=require("./utils-Dp-J9Ksy.cjs"),e=l.forwardRef(({className:t,...n},s)=>i.jsx("div",{"data-slot":"tile-content",className:o.cn("mds:flex mds:flex-col mds:gap-3",t),ref:s,...n}));e.displayName="TileContent";exports.TileContent=e;

package/dist/mainstack-design-system513.js

@@ -1,34 +1,18 @@
-import { c as t } from "./index-D29mdTf5.js";
-const s = t(
-  [
-    "mds:**:data-[slot=toggle-switch]:disabled:**:data-[slot=toggle-title]:text-disabled",
-    "mds:**:data-[slot=toggle-switch]:disabled:**:data-[slot=toggle-subtext]:text-disabled"
-  ],
-  {
-    variants: {
-      size: {
-        sm: [
-          "mds:**:data-[slot=toggle-switch]:w-[25.2px]",
-          "mds:**:data-[slot=toggle-switch]:h-[16.8px]",
-          "mds:**:data-[slot=toggle-switch]:py-[1.4px]",
-          "mds:**:data-[slot=toggle-thumb]:w-14",
-          "mds:**:data-[slot=toggle-thumb]:translate-x-1.5",
-          "mds:**:data-[slot=toggle-thumb]:h-14",
-          "mds:**:data-[slot=toggle-switch]:data-[state=checked]:**:data-[slot=toggle-thumb]:translate-x-9"
-        ],
-        lg: [
-          "mds:**:data-[slot=toggle-switch]:w-36",
-          "mds:**:data-[slot=toggle-switch]:h-24",
-          "mds:**:data-[slot=toggle-switch]:py-2",
-          "mds:**:data-[slot=toggle-thumb]:w-20",
-          "mds:**:data-[slot=toggle-thumb]:h-20",
-          "mds:**:data-[slot=toggle-thumb]:translate-x-2",
-          "mds:**:data-[slot=toggle-switch]:data-[state=checked]:**:data-[slot=toggle-thumb]:translate-x-14"
-        ]
-      }
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { c as s } from "./utils-BWBRqOem.js";
+const a = r(
+  ({ className: t, ...o }, e) => /* @__PURE__ */ m(
+    "div",
+    {
+      "data-slot": "tile-content",
+      className: s("mds:flex mds:flex-col mds:gap-3", t),
+      ref: e,
+      ...o
     }
-  }
+  )
 );
+a.displayName = "TileContent";
 export {
-  s as toggleVariants
+  a as TileContent
 };

package/dist/mainstack-design-system514.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("./mainstack-design-system518.cjs"),R=require("./mainstack-design-system517.cjs"),g=require("./mainstack-design-system515.cjs"),c=require("./mainstack-design-system614.cjs"),a=o.forwardRef(({children:n,...t},r)=>e.jsxs(s.DateRangeRoot,{ref:r,...t,children:[n,e.jsxs(R.DateRangePortal,{children:[e.jsx(g.DateRangeMenubar,{}),e.jsx(c.DateRangeCalendar,{})]})]}));a.displayName="DateRange";exports.DateRange=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("react"),c=require("./utils-Dp-J9Ksy.cjs"),m=a.forwardRef,e=m(({as:t,className:i,...l},r)=>{const s=t||"p";return o.jsx(s,{ref:r,"data-slot":"tile-title",className:c.cn("mds:body-small-medium mds:text-primary",i),...l})});e.displayName="TileTitle";exports.TileTitle=e;

package/dist/mainstack-design-system514.js

@@ -1,19 +1,18 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { DateRangeRoot as n } from "./mainstack-design-system518.js";
-import { DateRangePortal as i } from "./mainstack-design-system517.js";
-import { DateRangeMenubar as f } from "./mainstack-design-system515.js";
-import { DateRangeCalendar as p } from "./mainstack-design-system614.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, {})
-    ] })
-  ] })
+import { jsx as r } from "react/jsx-runtime";
+import l from "react";
+import { c as a } from "./utils-BWBRqOem.js";
+const i = l.forwardRef, s = i(
+  ({ as: t, className: e, ...m }, o) => /* @__PURE__ */ r(
+    t || "p",
+    {
+      ref: o,
+      "data-slot": "tile-title",
+      className: a("mds:body-small-medium mds:text-primary", e),
+      ...m
+    }
+  )
 );
-R.displayName = "DateRange";
+s.displayName = "TileTitle";
 export {
-  R as DateRange
+  s as TileTitle
 };

package/dist/mainstack-design-system515.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),r=require("./utils-Bdd5vx6a.cjs"),l=require("./mainstack-design-system516.cjs"),c=require("./mainstack-design-system603.cjs"),o=s.forwardRef(({children:a,className:m,...i},u)=>{const{startOfAllTimeDate:t}=c.useDateRangeContext(),d=s.useMemo(()=>r.getDefaultDateRangeMenuAction(t),[t]);return n.jsx("div",{"data-slot":"date-range-menubar",ref:u,className:r.cn("mds:flex mds:overflow-x-auto mds:max-w-full mds:flex-nowrap mds:items-center mds:py-12 mds:gap-12 mds:min-[900px]:w-auto  mds:min-[900px]:mask-none mds:mx-auto mds:mask-[linear-gradient(to_right,white_90%,transparent)]",m),...i,children:a||d.map(e=>n.jsx(l.DateRangeMenuAction,{className:"mds:basis-auto mds:shrink-0 mds:grow-0",actionData:e,children:e.label},e.id))})});o.displayName="DateRangeMenubar";exports.DateRangeMenubar=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),l=require("./utils-Dp-J9Ksy.cjs"),e=o.forwardRef(({className:t,...i},r)=>s.jsx("p",{"data-slot":"tile-description",className:l.cn("mds:body-extrasmall-regular mds:text-secondary",t),ref:r,...i}));e.displayName="TileDescription";exports.TileDescription=e;

package/dist/mainstack-design-system515.js

@@ -1,38 +1,21 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as d, useMemo as i } from "react";
-import { l, c as u } from "./utils-D85wpvmd.js";
-import { DateRangeMenuAction as f } from "./mainstack-design-system516.js";
-import { useDateRangeContext as p } from "./mainstack-design-system603.js";
-const c = d(
-  ({ children: e, className: s, ...n }, r) => {
-    const { startOfAllTimeDate: t } = p(), o = i(
-      () => l(t),
-      [t]
-    );
-    return /* @__PURE__ */ m(
-      "div",
-      {
-        "data-slot": "date-range-menubar",
-        ref: r,
-        className: u(
-          "mds:flex mds:overflow-x-auto mds:max-w-full mds:flex-nowrap mds:items-center mds:py-12 mds:gap-12 mds:min-[900px]:w-auto  mds:min-[900px]:mask-none mds:mx-auto mds:mask-[linear-gradient(to_right,white_90%,transparent)]",
-          s
-        ),
-        ...n,
-        children: e || o.map((a) => /* @__PURE__ */ m(
-          f,
-          {
-            className: "mds:basis-auto mds:shrink-0 mds:grow-0",
-            actionData: a,
-            children: a.label
-          },
-          a.id
-        ))
-      }
-    );
-  }
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { c as i } from "./utils-BWBRqOem.js";
+const a = s(
+  ({ className: r, ...e }, o) => /* @__PURE__ */ t(
+    "p",
+    {
+      "data-slot": "tile-description",
+      className: i(
+        "mds:body-extrasmall-regular mds:text-secondary",
+        r
+      ),
+      ref: o,
+      ...e
+    }
+  )
 );
-c.displayName = "DateRangeMenubar";
+a.displayName = "TileDescription";
 export {
-  c as DateRangeMenubar
+  a as TileDescription
 };

package/dist/mainstack-design-system516.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),g=require("react");require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");const R=require("./mainstack-design-system395.cjs"),f=require("./mainstack-design-system603.cjs"),q=require("./utils-Bdd5vx6a.cjs"),o=g.forwardRef(({onClick:t,className:i,actionData:e,...u},a)=>{const{activeMenu:s,onOpenChange:n,closeOnRangeSelect:c,onValueChange:r,setActiveMenu:d}=f.useDateRangeContext();return m.jsx(R.Button,{"data-slot":"date-range-menu-action",ref:a,variant:"outline",rounded:"sm",size:"sm","data-active":e.id===s,className:q.cn("mds:data-[active=true]:outline-2 mds:data-[active=true]:outline-border-interactive-neutral-pressed",i),onClick:l=>{t&&t(l),d(e?.id),r&&r({from:e.from,to:e.to,menuAction:e}),c&&n&&n(!1)},...u})});o.displayName="DateRangeMenuAction";exports.DateRangeMenuAction=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),l=require("./utils-Dp-J9Ksy.cjs"),e=s.forwardRef(({className:r,...t},i)=>a.jsx("div",{"data-slot":"tile-header",className:l.cn("mds:flex",r),ref:i,...t}));e.displayName="TileHeader";exports.TileHeader=e;

package/dist/mainstack-design-system516.js

@@ -1,47 +1,18 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import "./mainstack-design-system391.js";
-import "./mainstack-design-system392.js";
-import "./mainstack-design-system393.js";
-import "./mainstack-design-system394.js";
-import { Button as p } from "./mainstack-design-system395.js";
-import { useDateRangeContext as l } from "./mainstack-design-system603.js";
-import { c as g } from "./utils-D85wpvmd.js";
-const v = f(
-  ({ onClick: t, className: n, actionData: e, ...i }, a) => {
-    const {
-      activeMenu: m,
-      onOpenChange: o,
-      closeOnRangeSelect: s,
-      onValueChange: r,
-      setActiveMenu: u
-    } = l();
-    return /* @__PURE__ */ c(
-      p,
-      {
-        "data-slot": "date-range-menu-action",
-        ref: a,
-        variant: "outline",
-        rounded: "sm",
-        size: "sm",
-        "data-active": e.id === m,
-        className: g(
-          "mds:data-[active=true]:outline-2 mds: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,
-            menuAction: e
-          }), s && o && o(!1);
-        },
-        ...i
-      }
-    );
-  }
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { c as t } from "./utils-BWBRqOem.js";
+const d = m(
+  ({ className: e, ...r }, a) => /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "tile-header",
+      className: t("mds:flex", e),
+      ref: a,
+      ...r
+    }
+  )
 );
-v.displayName = "DateRangeMenuAction";
+d.displayName = "TileHeader";
 export {
-  v as DateRangeMenuAction
+  d as TileHeader
 };

package/dist/mainstack-design-system517.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./utils-Bdd5vx6a.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system604.cjs");const l=require("./mainstack-design-system621.cjs"),p=require("./mainstack-design-system530.cjs"),v=require("./mainstack-design-system619.cjs");require("./mainstack-design-system532.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("mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-neutral mds:shadow-600 mds:min-[900px]:p-24",s),ref:t,...a,children:o}),e.jsx(p.ResponsivePopoverDrawerOverlay,{})]}));r.displayName="DateRangePortal";exports.DateRangePortal=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),l=require("./mainstack-design-system519.cjs"),n=require("./mainstack-design-system622.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;