mainstack-design-system 1.1.3 → 1.3.0

package/dist/mainstack-design-system494.js

@@ -1,39 +1,18 @@
-'use client';
 import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import "./mainstack-design-system356.js";
-import l from "./mainstack-design-system171.js";
-import { u as s, a as u } from "./index-DivqSV6G.js";
-import { cn as c } from "./mainstack-design-system586.js";
-import { TextEditorMenuAction as m } from "./mainstack-design-system492.js";
-const f = a(
-  ({ className: i, ...o }, d) => {
-    const { editor: r } = s(), n = u({
-      editor: r,
-      selector: (e) => e.editor ? {
-        isUnderline: e.editor.isActive("underline") || !1,
-        canUnderline: e.editor.can().chain().toggleUnderline().run() || !1
-      } : {}
-    });
-    return /* @__PURE__ */ t(
-      m,
-      {
-        className: c(
-          " 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",
-          i
-        ),
-        onClick: () => r?.chain().focus().toggleUnderline().run(),
-        disabled: !n?.canUnderline,
-        "data-slot": "text-editor-underline-menu",
-        ref: d,
-        ...o,
-        children: /* @__PURE__ */ t(l, { className: "size-16" })
-      }
-    );
-  }
+import { forwardRef as i } from "react";
+import { cn as a } from "./mainstack-design-system587.js";
+const s = i(
+  ({ className: r, ...e }, o) => /* @__PURE__ */ t(
+    "p",
+    {
+      "data-slot": "tile-description",
+      className: a("body-extrasmall-regular text-secondary", r),
+      ref: o,
+      ...e
+    }
+  )
 );
-f.displayName = "UnderlineMenu";
+s.displayName = "TileDescription";
 export {
-  f as UnderlineMenu
+  s as TileDescription
 };

package/dist/mainstack-design-system495.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("react");require("./mainstack-design-system356.cjs");const d=require("./mainstack-design-system168.cjs"),n=require("./index-C5YYEtQG.cjs"),c=require("./mainstack-design-system492.cjs"),o=l.forwardRef(({...s},u)=>{const{editor:t}=n.useCurrentEditor(),r=n.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,...s,children:i.jsx(d,{className:"size-16"})})});o.displayName="UnorderedListMenu";exports.UnorderedListMenu=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("react"),s=require("./mainstack-design-system587.cjs"),e=l.forwardRef(({className:r,...t},i)=>a.jsx("div",{"data-slot":"tile-header",className:s.cn("flex",r),ref:i,...t}));e.displayName="TileHeader";exports.TileHeader=e;

package/dist/mainstack-design-system495.js

@@ -1,34 +1,18 @@
-'use client';
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import "./mainstack-design-system356.js";
-import n from "./mainstack-design-system168.js";
-import { u, a as d } from "./index-DivqSV6G.js";
-import { TextEditorMenuAction as a } from "./mainstack-design-system492.js";
-const c = l(
-  ({ ...o }, s) => {
-    const { editor: e } = u(), r = d({
-      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: "size-16" })
-      }
-    );
-  }
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { cn as i } from "./mainstack-design-system587.js";
+const m = t(
+  ({ className: e, ...r }, a) => /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "tile-header",
+      className: i("flex", e),
+      ref: a,
+      ...r
+    }
+  )
 );
-c.displayName = "UnorderedListMenu";
+m.displayName = "TileHeader";
 export {
-  c as UnorderedListMenu
+  m as TileHeader
 };

package/dist/mainstack-design-system496.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),r=require("./index-BgzojN8c.cjs"),i=require("./mainstack-design-system586.cjs"),l=n.forwardRef(({className:o,...t},a)=>e.jsxs(r.ScrollArea,{className:" overflow-hidden z-10 p-6 m-6 mb-0 rounded-full border border-border-interactive-neutral bg-surface-neutral-l1",children:[e.jsx(r.ScrollAreaViewport,{className:"h-full relative z-10 pb-6  w-full pr-10 ",children:e.jsx("div",{className:i.cn("flex w-200  items-center gap-8 *:w-full ",o),"data-slot":"text-editor-menu-bar",ref:a,...t})}),e.jsx(r.ScrollAreaScrollbar,{orientation:"horizontal",className:" flex select-none cursor-move touch-none p-2 flex-col h-10 hover:bg-border-interactive-neutral-hover",children:e.jsx(r.ScrollAreaThumb,{className:"flex-1 bg-border-interactive-neutral-inverse-hover rounded-10 relative before:content-[''] before:absolute before:top-1/2 before:left-1/2  before:-translate-1/2 before:size-full before:min-w-44 before:min-h-44"})}),e.jsx(r.ScrollAreaCorner,{className:" bg-red-300"})]}));l.displayName="TextEditorMenuBar";exports.TextEditorMenuBar=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),l=require("./mainstack-design-system498.cjs"),n=require("./mainstack-design-system585.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-system496.js

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

package/dist/mainstack-design-system497.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),l=require("./mainstack-design-system499.cjs"),n=require("./mainstack-design-system584.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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("react"),c=require("./mainstack-design-system587.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-system497.js

@@ -1,11 +1,17 @@
-import { jsx as o } from "react/jsx-runtime";
-import t from "react";
-import { ToggleRoot as m } from "./mainstack-design-system499.js";
-import { ToggleSwitch as g } from "./mainstack-design-system584.js";
-const i = t.forwardRef(
-  ({ children: l, ...r }, e) => /* @__PURE__ */ o(m, { ref: e, ...r, children: /* @__PURE__ */ o(g, {}) })
+import { jsx as m } from "react/jsx-runtime";
+import l from "react";
+import { cn as a } from "./mainstack-design-system587.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
+    }
+  )
 );
-i.displayName = "Toggle";
 export {
-  i as Toggle
+  d as ToggleTitle
 };

package/dist/mainstack-design-system498.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("react"),c=require("./mainstack-design-system586.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),i=require("./mainstack-design-system501.cjs"),g=require("./mainstack-design-system587.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-system498.js

@@ -1,17 +1,21 @@
 import { jsx as m } from "react/jsx-runtime";
-import l from "react";
-import { cn as a } from "./mainstack-design-system586.js";
-const p = l.forwardRef, d = p(
-  ({ className: o, as: t, ...r }, e) => /* @__PURE__ */ m(
-    t || "h3",
+import f from "react";
+import { toggleVariants as a } from "./mainstack-design-system501.js";
+import { cn as i } from "./mainstack-design-system587.js";
+const g = f.forwardRef(
+  ({ children: t, size: e = "sm", ...o }, r) => /* @__PURE__ */ m(
+    "div",
     {
-      ref: e,
-      "data-slot": "toggle-title",
-      className: a("flex-1 text-primary body-small-medium", o),
-      ...r
+      ref: r,
+      className: i(
+        a({ size: e }),
+        "flex items-center justify-between gap-3"
+      ),
+      ...o,
+      children: t
     }
   )
 );
 export {
-  d as ToggleTitle
+  g as ToggleRoot
 };

package/dist/mainstack-design-system499.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),i=require("./mainstack-design-system502.cjs"),g=require("./mainstack-design-system586.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;
+"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-system587.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-system499.js

@@ -1,21 +1,19 @@
-import { jsx as m } from "react/jsx-runtime";
-import f from "react";
-import { toggleVariants as a } from "./mainstack-design-system502.js";
-import { cn as i } from "./mainstack-design-system586.js";
-const g = f.forwardRef(
-  ({ children: t, size: e = "sm", ...o }, r) => /* @__PURE__ */ m(
-    "div",
+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-system587.js";
+const c = a(
+  ({ className: o, children: r, ...e }, l) => /* @__PURE__ */ t(
+    f,
     {
-      ref: r,
-      className: i(
-        a({ size: e }),
-        "flex items-center justify-between gap-3"
-      ),
-      ...o,
-      children: t
+      ref: l,
+      "data-slot": "toggle-label",
+      className: m("flex flex-col flex-1 gap-4", o),
+      ...e,
+      children: r
     }
   )
 );
 export {
-  g as ToggleRoot
+  c as ToggleLabel
 };

package/dist/mainstack-design-system500.cjs

@@ -1 +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-system586.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),l=require("./mainstack-design-system587.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-system500.js

@@ -1,19 +1,20 @@
-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-system586.js";
-const c = a(
-  ({ className: o, children: r, ...e }, l) => /* @__PURE__ */ t(
-    f,
+import { jsx as e } from "react/jsx-runtime";
+import a from "react";
+import { cn as l } from "./mainstack-design-system587.js";
+const m = a.forwardRef, p = m(
+  ({ className: t, ...o }, r) => /* @__PURE__ */ e(
+    "p",
     {
-      ref: l,
-      "data-slot": "toggle-label",
-      className: m("flex flex-col flex-1 gap-4", o),
-      ...e,
-      children: r
+      ref: r,
+      "data-slot": "toggle-subtext",
+      className: l(
+        "flex-1 text-secondary body-extrasmall-regular",
+        t
+      ),
+      ...o
     }
   )
 );
 export {
-  c as ToggleLabel
+  p as ToggleSubtext
 };

package/dist/mainstack-design-system501.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),l=require("./mainstack-design-system586.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;
+"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-system501.js

@@ -1,20 +1,34 @@
-import { jsx as e } from "react/jsx-runtime";
-import a from "react";
-import { cn as l } from "./mainstack-design-system586.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
+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 {
-  p as ToggleSubtext
+  l as toggleVariants
 };

package/dist/mainstack-design-system502.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("./mainstack-design-system505.cjs"),R=require("./mainstack-design-system504.cjs"),g=require("./mainstack-design-system589.cjs"),c=require("./mainstack-design-system586.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-system502.js

@@ -1,34 +1,19 @@
-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"
-        ]
-      }
-    }
-  }
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { DateRangeRoot as n } from "./mainstack-design-system505.js";
+import { DateRangePortal as i } from "./mainstack-design-system504.js";
+import { DateRangeMenubar as f } from "./mainstack-design-system589.js";
+import { DateRangeCalendar as p } from "./mainstack-design-system586.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 {
-  l as toggleVariants
+  R as DateRange
 };

package/dist/mainstack-design-system503.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-system506.cjs"),R=require("./mainstack-design-system505.cjs"),g=require("./mainstack-design-system587.cjs"),c=require("./mainstack-design-system585.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 g=require("react/jsx-runtime"),m=require("react");require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");require("./mainstack-design-system384.cjs");const R=require("./mainstack-design-system385.cjs"),f=require("./mainstack-design-system573.cjs"),q=require("./mainstack-design-system587.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-system503.js

@@ -1,19 +1,45 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { DateRangeRoot as n } from "./mainstack-design-system506.js";
-import { DateRangePortal as i } from "./mainstack-design-system505.js";
-import { DateRangeMenubar as f } from "./mainstack-design-system587.js";
-import { DateRangeCalendar as p } from "./mainstack-design-system585.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 f } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import "./mainstack-design-system382.js";
+import "./mainstack-design-system383.js";
+import "./mainstack-design-system384.js";
+import { Button as p } from "./mainstack-design-system385.js";
+import { useDateRangeContext as l } from "./mainstack-design-system573.js";
+import { cn as g } from "./mainstack-design-system587.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
+      }
+    );
+  }
 );
-R.displayName = "DateRange";
+v.displayName = "DateRangeMenuAction";
 export {
-  R as DateRange
+  v as DateRangeMenuAction
 };

package/dist/mainstack-design-system504.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),m=require("react");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-system572.cjs"),q=require("./mainstack-design-system586.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;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./mainstack-design-system587.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system576.cjs");const l=require("./mainstack-design-system597.cjs"),p=require("./mainstack-design-system517.cjs"),v=require("./mainstack-design-system594.cjs");require("./mainstack-design-system519.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 z-100 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-system504.js

@@ -1,45 +1,34 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-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-system572.js";
-import { cn as g } from "./mainstack-design-system586.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,
+'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-system587.js";
+import "./index-Czas6QFh.js";
+import "./mainstack-design-system576.js";
+import { ResponsivePopoverDrawerContent as m } from "./mainstack-design-system597.js";
+import { ResponsivePopoverDrawerOverlay as l } from "./mainstack-design-system517.js";
+import { ResponsivePopoverDrawerPortal as n } from "./mainstack-design-system594.js";
+import "./mainstack-design-system519.js";
+const f = i(
+  ({ children: o, className: e, ...t }, a) => /* @__PURE__ */ p(n, { children: [
+    /* @__PURE__ */ r(
+      m,
       {
-        "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
+        sideOffset: 6,
+        "data-slot": "date-range-portal",
+        role: "listbox",
+        className: s(
+          "flex flex-col gap-16 bg-surface-neutral-l1 z-100 rounded-20 p-16 border border-border-interactive-neutral shadow-600 min-[900px]:p-24",
+          e
         ),
-        onClick: (d) => {
-          t && t(d), u(e?.id), r && r({
-            from: e.from,
-            to: e.to
-          }), s && o && o(!1);
-        },
-        ...a
+        ref: a,
+        ...t,
+        children: o
       }
-    );
-  }
+    ),
+    /* @__PURE__ */ r(l, {})
+  ] })
 );
-v.displayName = "DateRangeMenuAction";
+f.displayName = "DateRangePortal";
 export {
-  v as DateRangeMenuAction
+  f as DateRangePortal
 };

package/dist/mainstack-design-system505.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("./mainstack-design-system586.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system575.cjs");const l=require("./mainstack-design-system596.cjs"),p=require("./mainstack-design-system518.cjs"),v=require("./mainstack-design-system593.cjs");require("./mainstack-design-system520.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 z-100 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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),f=require("./mainstack-design-system587.cjs"),a=require("./index-C8aODXfJ.cjs"),P=require("./mainstack-design-system573.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system576.cjs");require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");const b=require("./mainstack-design-system518.cjs");require("./mainstack-design-system519.cjs");const w=require("./mainstack-design-system574.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,_]=n.useState(null);return e.jsx(P.DateRangeContext.Provider,{value:{open:t,isDisabled:p,defaultValue:o,value:C,closeOnRangeSelect:d,activeMenu:x,startOfAllTimeDate:v,setActiveMenu:_,onValueChange:D,onOpenChange:r},children:e.jsx(b.ResponsivePopoverDrawerRoot,{open:t,onOpenChange:r,isDesktop:m,children:e.jsx("div",{...q,ref:h,className:f.cn(g),"data-slot":"date-range-root",children:R})})})});s.displayName="DateRangeRoot";exports.DateRangeRoot=s;