mainstack-design-system 0.7.45 → 1.0.1

package/dist/mainstack-design-system519.js

@@ -0,0 +1,14 @@
+import { createContext as e, useContext as n } from "react";
+const o = e(null);
+function c() {
+  const t = n(o);
+  if (!t)
+    throw new Error(
+      "useSelectContext must be used within a <SelectContext />."
+    );
+  return t;
+}
+export {
+  o as SelectContext,
+  c as useSelectContext
+};

package/dist/mainstack-design-system52.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("react/jsx-runtime"),e=require("./mainstack-design-system357.cjs"),n={outlined:C.jsx("g",{mask:"url(#mask0_1676_216)",children:C.jsx("path",{d:"M11.25 12.75V16C11.25 16.2125 11.3219 16.3906 11.4658 16.5343C11.6096 16.6781 11.7878 16.75 12.0003 16.75C12.2129 16.75 12.391 16.6781 12.5345 16.5343C12.6782 16.3906 12.75 16.2125 12.75 16V12.75H16C16.2125 12.75 16.3906 12.6781 16.5343 12.5343C16.6781 12.3904 16.75 12.2122 16.75 11.9998C16.75 11.7871 16.6781 11.609 16.5343 11.4655C16.3906 11.3218 16.2125 11.25 16 11.25H12.75V8C12.75 7.7875 12.6781 7.60942 12.5343 7.46575C12.3904 7.32192 12.2122 7.25 11.9998 7.25C11.7871 7.25 11.609 7.32192 11.4655 7.46575C11.3218 7.60942 11.25 7.7875 11.25 8V11.25H8C7.7875 11.25 7.60942 11.3219 7.46575 11.4658C7.32192 11.6096 7.25 11.7878 7.25 12.0003C7.25 12.2129 7.32192 12.391 7.46575 12.5345C7.60942 12.6782 7.7875 12.75 8 12.75H11.25ZM12.0017 21.5C10.6877 21.5 9.45267 21.2507 8.2965 20.752C7.14033 20.2533 6.13467 19.5766 5.2795 18.7218C4.42433 17.8669 3.74725 16.8617 3.24825 15.706C2.74942 14.5503 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45267 3.248 8.2965C3.74667 7.14033 4.42342 6.13467 5.27825 5.2795C6.13308 4.42433 7.13833 3.74725 8.294 3.24825C9.44967 2.74942 10.6844 2.5 11.9983 2.5C13.3123 2.5 14.5473 2.74933 15.7035 3.248C16.8597 3.74667 17.8653 4.42342 18.7205 5.27825C19.5757 6.13308 20.2528 7.13833 20.7518 8.294C21.2506 9.44967 21.5 10.6844 21.5 11.9983C21.5 13.3123 21.2507 14.5473 20.752 15.7035C20.2533 16.8597 19.5766 17.8653 18.7218 18.7205C17.8669 19.5757 16.8617 20.2528 15.706 20.7518C14.5503 21.2506 13.3156 21.5 12.0017 21.5ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1676_217)",children:C.jsx("path",{d:"M11.25 12.75V16C11.25 16.2125 11.3219 16.3906 11.4658 16.5343C11.6096 16.6781 11.7878 16.75 12.0003 16.75C12.2129 16.75 12.391 16.6781 12.5345 16.5343C12.6782 16.3906 12.75 16.2125 12.75 16V12.75H16C16.2125 12.75 16.3906 12.6781 16.5343 12.5343C16.6781 12.3904 16.75 12.2122 16.75 11.9998C16.75 11.7871 16.6781 11.609 16.5343 11.4655C16.3906 11.3218 16.2125 11.25 16 11.25H12.75V8C12.75 7.7875 12.6781 7.60942 12.5343 7.46575C12.3904 7.32192 12.2122 7.25 11.9998 7.25C11.7871 7.25 11.609 7.32192 11.4655 7.46575C11.3218 7.60942 11.25 7.7875 11.25 8V11.25H8C7.7875 11.25 7.60942 11.3219 7.46575 11.4658C7.32192 11.6096 7.25 11.7878 7.25 12.0003C7.25 12.2129 7.32192 12.391 7.46575 12.5345C7.60942 12.6782 7.7875 12.75 8 12.75H11.25ZM12.0017 21.5C10.6877 21.5 9.45267 21.2507 8.2965 20.752C7.14033 20.2533 6.13467 19.5766 5.2795 18.7218C4.42433 17.8669 3.74725 16.8617 3.24825 15.706C2.74942 14.5503 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45267 3.248 8.2965C3.74667 7.14033 4.42342 6.13467 5.27825 5.2795C6.13308 4.42433 7.13833 3.74725 8.294 3.24825C9.44967 2.74942 10.6844 2.5 11.9983 2.5C13.3123 2.5 14.5473 2.74933 15.7035 3.248C16.8597 3.74667 17.8653 4.42342 18.7205 5.27825C19.5757 6.13308 20.2528 7.13833 20.7518 8.294C21.2506 9.44967 21.5 10.6844 21.5 11.9983C21.5 13.3123 21.2507 14.5473 20.752 15.7035C20.2533 16.8597 19.5766 17.8653 18.7218 18.7205C17.8669 19.5757 16.8617 20.2528 15.706 20.7518C14.5503 21.2506 13.3156 21.5 12.0017 21.5Z",fill:"currentColor"})})},t=({variant:r="outlined",...s})=>C.jsx(e,{...s,children:n[r]});module.exports=t;

package/dist/mainstack-design-system52.js

@@ -0,0 +1,24 @@
+import { jsx as C } from "react/jsx-runtime";
+import o from "./mainstack-design-system357.js";
+const t = {
+  outlined: /* @__PURE__ */ C("g", { mask: "url(#mask0_1676_216)", children: /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M11.25 12.75V16C11.25 16.2125 11.3219 16.3906 11.4658 16.5343C11.6096 16.6781 11.7878 16.75 12.0003 16.75C12.2129 16.75 12.391 16.6781 12.5345 16.5343C12.6782 16.3906 12.75 16.2125 12.75 16V12.75H16C16.2125 12.75 16.3906 12.6781 16.5343 12.5343C16.6781 12.3904 16.75 12.2122 16.75 11.9998C16.75 11.7871 16.6781 11.609 16.5343 11.4655C16.3906 11.3218 16.2125 11.25 16 11.25H12.75V8C12.75 7.7875 12.6781 7.60942 12.5343 7.46575C12.3904 7.32192 12.2122 7.25 11.9998 7.25C11.7871 7.25 11.609 7.32192 11.4655 7.46575C11.3218 7.60942 11.25 7.7875 11.25 8V11.25H8C7.7875 11.25 7.60942 11.3219 7.46575 11.4658C7.32192 11.6096 7.25 11.7878 7.25 12.0003C7.25 12.2129 7.32192 12.391 7.46575 12.5345C7.60942 12.6782 7.7875 12.75 8 12.75H11.25ZM12.0017 21.5C10.6877 21.5 9.45267 21.2507 8.2965 20.752C7.14033 20.2533 6.13467 19.5766 5.2795 18.7218C4.42433 17.8669 3.74725 16.8617 3.24825 15.706C2.74942 14.5503 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45267 3.248 8.2965C3.74667 7.14033 4.42342 6.13467 5.27825 5.2795C6.13308 4.42433 7.13833 3.74725 8.294 3.24825C9.44967 2.74942 10.6844 2.5 11.9983 2.5C13.3123 2.5 14.5473 2.74933 15.7035 3.248C16.8597 3.74667 17.8653 4.42342 18.7205 5.27825C19.5757 6.13308 20.2528 7.13833 20.7518 8.294C21.2506 9.44967 21.5 10.6844 21.5 11.9983C21.5 13.3123 21.2507 14.5473 20.752 15.7035C20.2533 16.8597 19.5766 17.8653 18.7218 18.7205C17.8669 19.5757 16.8617 20.2528 15.706 20.7518C14.5503 21.2506 13.3156 21.5 12.0017 21.5ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z",
+      fill: "currentColor"
+    }
+  ) }),
+  filled: /* @__PURE__ */ C("g", { mask: "url(#mask0_1676_217)", children: /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M11.25 12.75V16C11.25 16.2125 11.3219 16.3906 11.4658 16.5343C11.6096 16.6781 11.7878 16.75 12.0003 16.75C12.2129 16.75 12.391 16.6781 12.5345 16.5343C12.6782 16.3906 12.75 16.2125 12.75 16V12.75H16C16.2125 12.75 16.3906 12.6781 16.5343 12.5343C16.6781 12.3904 16.75 12.2122 16.75 11.9998C16.75 11.7871 16.6781 11.609 16.5343 11.4655C16.3906 11.3218 16.2125 11.25 16 11.25H12.75V8C12.75 7.7875 12.6781 7.60942 12.5343 7.46575C12.3904 7.32192 12.2122 7.25 11.9998 7.25C11.7871 7.25 11.609 7.32192 11.4655 7.46575C11.3218 7.60942 11.25 7.7875 11.25 8V11.25H8C7.7875 11.25 7.60942 11.3219 7.46575 11.4658C7.32192 11.6096 7.25 11.7878 7.25 12.0003C7.25 12.2129 7.32192 12.391 7.46575 12.5345C7.60942 12.6782 7.7875 12.75 8 12.75H11.25ZM12.0017 21.5C10.6877 21.5 9.45267 21.2507 8.2965 20.752C7.14033 20.2533 6.13467 19.5766 5.2795 18.7218C4.42433 17.8669 3.74725 16.8617 3.24825 15.706C2.74942 14.5503 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45267 3.248 8.2965C3.74667 7.14033 4.42342 6.13467 5.27825 5.2795C6.13308 4.42433 7.13833 3.74725 8.294 3.24825C9.44967 2.74942 10.6844 2.5 11.9983 2.5C13.3123 2.5 14.5473 2.74933 15.7035 3.248C16.8597 3.74667 17.8653 4.42342 18.7205 5.27825C19.5757 6.13308 20.2528 7.13833 20.7518 8.294C21.2506 9.44967 21.5 10.6844 21.5 11.9983C21.5 13.3123 21.2507 14.5473 20.752 15.7035C20.2533 16.8597 19.5766 17.8653 18.7218 18.7205C17.8669 19.5757 16.8617 20.2528 15.706 20.7518C14.5503 21.2506 13.3156 21.5 12.0017 21.5Z",
+      fill: "currentColor"
+    }
+  ) })
+}, i = ({
+  variant: r = "outlined",
+  ...l
+}) => /* @__PURE__ */ C(o, { ...l, children: t[r] });
+export {
+  i as default
+};

package/dist/mainstack-design-system520.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function a(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const r=a(c),s=r.createContext(null),u=()=>{const t=r.useContext(s);if(!t)throw new Error("useTabsContext must be used within <TabsRoot>");return t};exports.TabsContext=s;exports.useTabsContext=u;

package/dist/mainstack-design-system520.js

@@ -0,0 +1,11 @@
+import * as e from "react";
+const o = e.createContext(null), s = () => {
+  const t = e.useContext(o);
+  if (!t)
+    throw new Error("useTabsContext must be used within <TabsRoot>");
+  return t;
+};
+export {
+  o as TabsContext,
+  s as useTabsContext
+};

package/dist/mainstack-design-system521.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),t=e.cva("relative inline-flex items-center gap-6 justify-center cursor-pointer whitespace-nowrap body-extrasmall-book transition-all disabled:pointer-events-none disabled:text-disabled transition-transform ease-out-pressed duration-100 active:scale-[0.96]",{variants:{variant:{underline:["px-8 py-6 text-secondary","hover:bg-surface-neutral-l4 hover:rounded-10","disabled:text-disabled disabled:pointer-events-none","data-[state=active]:text-primary","after:absolute after:left-0 after:right-0 after:-bottom-9 after:h-2 after:bg-transparent","data-[state=active]:after:bg-interactive-primary","data-[state=active]:disabled:text-disabled","data-[state=active]:disabled:after:bg-interactive-primary-disabled"],button:["px-16 py-10 rounded-full bg-transparent text-on-secondary","hover:bg-surface-neutral-l4 hover:rounded-full hover:text-on-secondary","data-[state=active]:bg-interactive-primary data-[state=active]:text-on-primary ","data-[state=active]:hover:bg-interactive-primary-hover","disabled:text-disabled disabled:pointer-events-none data-[state=active]:disabled:bg-interactive-primary-disabled data-[state=active]:disabled:text-on-primary-disabled"]},layout:{horizontal:"flex-row",vertical:"flex-col"}},defaultVariants:{variant:"underline",layout:"vertical"}}),a=e.cva("flex items-center",{variants:{variant:{underline:"justify-between gap-20 border-b-2 border-border-interactive-neutral py-8",button:"gap-4 p-4 bg-surface-neutral-l4 rounded-full"}},defaultVariants:{variant:"underline"}});exports.tabsListVariants=a;exports.tabsTriggerVariants=t;

package/dist/mainstack-design-system521.js

@@ -0,0 +1,49 @@
+import { c as e } from "./index-D29mdTf5.js";
+const a = e(
+  "relative inline-flex items-center gap-6 justify-center cursor-pointer whitespace-nowrap body-extrasmall-book transition-all disabled:pointer-events-none disabled:text-disabled transition-transform ease-out-pressed duration-100 active:scale-[0.96]",
+  {
+    variants: {
+      variant: {
+        underline: [
+          "px-8 py-6 text-secondary",
+          "hover:bg-surface-neutral-l4 hover:rounded-10",
+          "disabled:text-disabled disabled:pointer-events-none",
+          "data-[state=active]:text-primary",
+          "after:absolute after:left-0 after:right-0 after:-bottom-9 after:h-2 after:bg-transparent",
+          "data-[state=active]:after:bg-interactive-primary",
+          "data-[state=active]:disabled:text-disabled",
+          "data-[state=active]:disabled:after:bg-interactive-primary-disabled"
+        ],
+        button: [
+          "px-16 py-10 rounded-full bg-transparent text-on-secondary",
+          "hover:bg-surface-neutral-l4 hover:rounded-full hover:text-on-secondary",
+          "data-[state=active]:bg-interactive-primary data-[state=active]:text-on-primary ",
+          "data-[state=active]:hover:bg-interactive-primary-hover",
+          "disabled:text-disabled disabled:pointer-events-none data-[state=active]:disabled:bg-interactive-primary-disabled data-[state=active]:disabled:text-on-primary-disabled"
+        ]
+      },
+      layout: {
+        horizontal: "flex-row",
+        vertical: "flex-col"
+      }
+    },
+    defaultVariants: {
+      variant: "underline",
+      layout: "vertical"
+    }
+  }
+), r = e("flex items-center", {
+  variants: {
+    variant: {
+      underline: "justify-between gap-20 border-b-2 border-border-interactive-neutral py-8",
+      button: "gap-4 p-4 bg-surface-neutral-l4 rounded-full"
+    }
+  },
+  defaultVariants: {
+    variant: "underline"
+  }
+});
+export {
+  r as tabsListVariants,
+  a as tabsTriggerVariants
+};

package/dist/mainstack-design-system522.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=e.createContext(null);function n(){const t=e.useContext(o);if(!t)throw new Error("useTextEditorContext must be used within a <TextEditorContext />.");return t}exports.TextEditorContext=o;exports.useTextEditorContext=n;

package/dist/mainstack-design-system522.js

@@ -0,0 +1,16 @@
+import { createContext as e, useContext as o } from "react";
+const n = e(
+  null
+);
+function x() {
+  const t = o(n);
+  if (!t)
+    throw new Error(
+      "useTextEditorContext must be used within a <TextEditorContext />."
+    );
+  return t;
+}
+export {
+  n as TextEditorContext,
+  x as useTextEditorContext
+};

package/dist/mainstack-design-system523.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),n=t.createContext(null);function o(){const e=t.useContext(n);if(!e)throw new Error("useDateRangeContext must be used within a <DateRangeContext />.");return e}exports.DateRangeContext=n;exports.useDateRangeContext=o;

package/dist/mainstack-design-system523.js

@@ -0,0 +1,16 @@
+import { createContext as e, useContext as n } from "react";
+const o = e(
+  null
+);
+function r() {
+  const t = n(o);
+  if (!t)
+    throw new Error(
+      "useDateRangeContext must be used within a <DateRangeContext />."
+    );
+  return t;
+}
+export {
+  o as DateRangeContext,
+  r as useDateRangeContext
+};

package/dist/mainstack-design-system524.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react"),u=c=>{const[a,t]=n.useState(!1),e=n.useRef(null);return n.useLayoutEffect(()=>{e.current=window.matchMedia(c);const s=e.current.matches;return t(!!s),e.current.onchange=r=>{r.matches?t(!0):t(!1)},()=>{e.current&&(e.current.onchange=null)}},[c]),[a]};module.exports=u;

package/dist/mainstack-design-system524.js

@@ -0,0 +1,16 @@
+import { useState as s, useRef as u, useLayoutEffect as l } from "react";
+const f = (a) => {
+  const [n, t] = s(!1), e = u(null);
+  return l(() => {
+    e.current = window.matchMedia(a);
+    const c = e.current.matches;
+    return t(!!c), e.current.onchange = (r) => {
+      r.matches ? t(!0) : t(!1);
+    }, () => {
+      e.current && (e.current.onchange = null);
+    };
+  }, [a]), [n];
+};
+export {
+  f as default
+};

package/dist/mainstack-design-system525.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function m({el:a,query:t}){const i=n.useRef(a),[h,r]=n.useState(!1);return n.useLayoutEffect(()=>{if(!i.current)return;const c=i.current,o=()=>{const e=c.getBoundingClientRect(),d=(t.minWidth===void 0||e.width>=t.minWidth)&&(t.maxWidth===void 0||e.width<=t.maxWidth)&&(t.minHeight===void 0||e.height>=t.minHeight)&&(t.maxHeight===void 0||e.height<=t.maxHeight);r(d)},s=new ResizeObserver(()=>o());return s.observe(c),o(),()=>s.disconnect()},[t]),{ref:i,matches:h}}exports.useContainerMatchMedia=m;

package/dist/mainstack-design-system525.js

@@ -0,0 +1,18 @@
+import { useRef as d, useState as m, useLayoutEffect as f } from "react";
+function v({
+  el: c,
+  query: t
+}) {
+  const i = d(c), [h, a] = m(!1);
+  return f(() => {
+    if (!i.current) return;
+    const n = i.current, o = () => {
+      const e = n.getBoundingClientRect(), r = (t.minWidth === void 0 || e.width >= t.minWidth) && (t.maxWidth === void 0 || e.width <= t.maxWidth) && (t.minHeight === void 0 || e.height >= t.minHeight) && (t.maxHeight === void 0 || e.height <= t.maxHeight);
+      a(r);
+    }, s = new ResizeObserver(() => o());
+    return s.observe(n), o(), () => s.disconnect();
+  }, [t]), { ref: i, matches: h };
+}
+export {
+  v as useContainerMatchMedia
+};

package/dist/mainstack-design-system526.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),t=o.createContext(null);function r(){const e=o.useContext(t);if(!e)throw new Error("useResponsivePopoverDrawerContext must be used within a <ResponsivePopoverDrawerContext />.");return e}exports.ResponsivePopoverDrawerContext=t;exports.useResponsivePopoverDrawerContext=r;

package/dist/mainstack-design-system526.js

@@ -0,0 +1,14 @@
+import { createContext as o, useContext as t } from "react";
+const r = o(null);
+function s() {
+  const e = t(r);
+  if (!e)
+    throw new Error(
+      "useResponsivePopoverDrawerContext must be used within a <ResponsivePopoverDrawerContext />."
+    );
+  return e;
+}
+export {
+  r as ResponsivePopoverDrawerContext,
+  s as useResponsivePopoverDrawerContext
+};

package/dist/mainstack-design-system527.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=a=>{const e=new Map;return a.forEach(r=>{if(!r?.value){if(r?.isGroupLabel)return;console.error('Select Options has an option with missing "value" property.')}e.has(r?.value)&&console.warn(`Duplicate option value "${r.value}" found in Select options. Each option value should be unique.`),e.set(r?.value,r)}),{map:e,array:a}},o=({isMultiSelect:a,defaultValue:e,options:r})=>{if(a&&Array.isArray(e))return r.filter(t=>e.includes(t?.value||"")).map(t=>t.value);if(typeof e=="string")return e};exports.mapDefaultValuesToSelectedOption=o;exports.parseSelectOptions=n;

package/dist/mainstack-design-system527.js

@@ -0,0 +1,27 @@
+const i = (a) => {
+  const e = /* @__PURE__ */ new Map();
+  return a.forEach((r) => {
+    if (!r?.value) {
+      if (r?.isGroupLabel) return;
+      console.error(
+        'Select Options has an option with missing "value" property.'
+      );
+    }
+    e.has(r?.value) && console.warn(
+      `Duplicate option value "${r.value}" found in Select options. Each option value should be unique.`
+    ), e.set(r?.value, r);
+  }), { map: e, array: a };
+}, o = ({
+  isMultiSelect: a,
+  defaultValue: e,
+  options: r
+}) => {
+  if (a && Array.isArray(e))
+    return r.filter((n) => e.includes(n?.value || "")).map((n) => n.value);
+  if (typeof e == "string")
+    return e;
+};
+export {
+  o as mapDefaultValuesToSelectedOption,
+  i as parseSelectOptions
+};

package/dist/mainstack-design-system528.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),E=require("react"),q=require("./index-_XxjJPRD.cjs"),v=require("./index-5OKsHRWb.cjs"),F=require("./index-C8aODXfJ.cjs"),H=require("./index-DYxWvftI.cjs"),L=require("./index-bSPhqlcX.cjs"),G=require("./index-Bd0gQB0k.cjs");require("./mainstack-design-system357.cjs");const K=require("./mainstack-design-system104.cjs"),U=require("./mainstack-design-system530.cjs");function X(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const d=X(E);var _="Checkbox",[J]=v.createContextScope(_),[Q,P]=J(_);function V(e){const{__scopeCheckbox:o,checked:t,children:s,defaultChecked:a,disabled:r,form:p,name:f,onCheckedChange:u,required:k,value:m="on",internal_do_not_use_render:l}=e,[b,g]=F.useControllableState({prop:t,defaultProp:a??!1,onChange:u,caller:_}),[x,C]=d.useState(null),[y,n]=d.useState(null),i=d.useRef(!1),R=x?!!p||!!x.closest("form"):!0,I={checked:b,disabled:r,setChecked:g,control:x,setControl:C,name:f,form:p,value:m,hasConsumerStoppedPropagationRef:i,required:k,defaultChecked:h(a)?!1:a,isFormControl:R,bubbleInput:y,setBubbleInput:n};return c.jsx(Q,{scope:o,...I,children:W(l)?l(I):s})}var S="CheckboxTrigger",N=d.forwardRef(({__scopeCheckbox:e,onKeyDown:o,onClick:t,...s},a)=>{const{control:r,value:p,disabled:f,checked:u,required:k,setControl:m,setChecked:l,hasConsumerStoppedPropagationRef:b,isFormControl:g,bubbleInput:x}=P(S,e),C=q.useComposedRefs(a,m),y=d.useRef(u);return d.useEffect(()=>{const n=r?.form;if(n){const i=()=>l(y.current);return n.addEventListener("reset",i),()=>n.removeEventListener("reset",i)}},[r,l]),c.jsx(v.Primitive.button,{type:"button",role:"checkbox","aria-checked":h(u)?"mixed":u,"aria-required":k,"data-state":T(u),"data-disabled":f?"":void 0,disabled:f,value:p,...s,ref:C,onKeyDown:v.composeEventHandlers(o,n=>{n.key==="Enter"&&n.preventDefault()}),onClick:v.composeEventHandlers(t,n=>{l(i=>h(i)?!0:!i),x&&g&&(b.current=n.isPropagationStopped(),b.current||n.stopPropagation())})})});N.displayName=S;var w=d.forwardRef((e,o)=>{const{__scopeCheckbox:t,name:s,checked:a,defaultChecked:r,required:p,disabled:f,value:u,onCheckedChange:k,form:m,...l}=e;return c.jsx(V,{__scopeCheckbox:t,checked:a,defaultChecked:r,disabled:f,required:p,onCheckedChange:k,name:s,form:m,value:u,internal_do_not_use_render:({isFormControl:b})=>c.jsxs(c.Fragment,{children:[c.jsx(N,{...l,ref:o,__scopeCheckbox:t}),b&&c.jsx(M,{__scopeCheckbox:t})]})})});w.displayName=_;var z="CheckboxIndicator",O=d.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:s,...a}=e,r=P(z,t);return c.jsx(G.Presence,{present:s||h(r.checked)||r.checked===!0,children:c.jsx(v.Primitive.span,{"data-state":T(r.checked),"data-disabled":r.disabled?"":void 0,...a,ref:o,style:{pointerEvents:"none",...e.style}})})});O.displayName=z;var B="CheckboxBubbleInput",M=d.forwardRef(({__scopeCheckbox:e,...o},t)=>{const{control:s,hasConsumerStoppedPropagationRef:a,checked:r,defaultChecked:p,required:f,disabled:u,name:k,value:m,form:l,bubbleInput:b,setBubbleInput:g}=P(B,e),x=q.useComposedRefs(t,g),C=H.usePrevious(r),y=L.useSize(s);d.useEffect(()=>{const i=b;if(!i)return;const R=window.HTMLInputElement.prototype,j=Object.getOwnPropertyDescriptor(R,"checked").set,$=!a.current;if(C!==r&&j){const A=new Event("click",{bubbles:$});i.indeterminate=h(r),j.call(i,h(r)?!1:r),i.dispatchEvent(A)}},[b,C,r,a]);const n=d.useRef(h(r)?!1:r);return c.jsx(v.Primitive.input,{type:"checkbox","aria-hidden":!0,defaultChecked:p??n.current,required:f,disabled:u,name:k,value:m,form:l,...o,tabIndex:-1,ref:x,style:{...o.style,...y,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});M.displayName=B;function W(e){return typeof e=="function"}function h(e){return e==="indeterminate"}function T(e){return h(e)?"indeterminate":e?"checked":"unchecked"}const D=E.forwardRef(({className:e,...o},t)=>c.jsx(w,{"data-slot":"checkbox-indicator",className:U.cn("peer relative flex justify-center items-center cursor-pointer  gap-12 border rounded-6 border-border-interactive-neutral bg-on-primary focus:ring-2 active:ring-2 focus:ring-border-surface-spread-focus active:ring-border-surface-spread-neutral ring-offset-0 size-24 group-data-[error=true]:border-border-surface-error-l1 group-data-[checkbox-size=large]:size-32 group-data-[checkbox-size=extra-small]:size-18 disabled:cursor-not-allowed disabled:bg-interactive-primary-disabled group-hover:border-border-interactive-neutral-active-hover aria-checked:bg-interactive-primary disabled:aria-checked:bg-disabled disabled:border-bg-interactive-primary-disabled ",e),ref:t,...o,children:c.jsx(O,{children:c.jsx(K,{className:"size-24 text-on-primary group-data-[checkbox-size=extra-small]:size-14"})})}));D.displayName="CheckboxIndicator";exports.CheckboxIndicator=D;

package/dist/mainstack-design-system528.js

@@ -0,0 +1,261 @@
+'use client';
+import { jsx as s, jsxs as L, Fragment as O } from "react/jsx-runtime";
+import * as i from "react";
+import { forwardRef as H } from "react";
+import { u as S } from "./index-DLcqcWxM.js";
+import { c as G, P, a as N } from "./index-DMumqyNN.js";
+import { u as K } from "./index-437EL2iq.js";
+import { u as U } from "./index-BZPx6jYI.js";
+import { u as X } from "./index-BGQepRFJ.js";
+import { P as $ } from "./index-BpWB3aFK.js";
+import "./mainstack-design-system357.js";
+import J from "./mainstack-design-system104.js";
+import { cn as Q } from "./mainstack-design-system530.js";
+var y = "Checkbox", [V] = G(y), [W, _] = V(y);
+function Y(r) {
+  const {
+    __scopeCheckbox: n,
+    checked: t,
+    children: l,
+    defaultChecked: a,
+    disabled: e,
+    form: f,
+    name: b,
+    onCheckedChange: d,
+    required: h,
+    value: k = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: u
+  } = r, [p, x] = K({
+    prop: t,
+    defaultProp: a ?? !1,
+    onChange: d,
+    caller: y
+  }), [C, v] = i.useState(null), [g, o] = i.useState(null), c = i.useRef(!1), I = C ? !!f || !!C.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), R = {
+    checked: p,
+    disabled: e,
+    setChecked: x,
+    control: C,
+    setControl: v,
+    name: b,
+    form: f,
+    value: k,
+    hasConsumerStoppedPropagationRef: c,
+    required: h,
+    defaultChecked: m(a) ? !1 : a,
+    isFormControl: I,
+    bubbleInput: g,
+    setBubbleInput: o
+  };
+  return /* @__PURE__ */ s(
+    W,
+    {
+      scope: n,
+      ...R,
+      children: Z(u) ? u(R) : l
+    }
+  );
+}
+var w = "CheckboxTrigger", z = i.forwardRef(
+  ({ __scopeCheckbox: r, onKeyDown: n, onClick: t, ...l }, a) => {
+    const {
+      control: e,
+      value: f,
+      disabled: b,
+      checked: d,
+      required: h,
+      setControl: k,
+      setChecked: u,
+      hasConsumerStoppedPropagationRef: p,
+      isFormControl: x,
+      bubbleInput: C
+    } = _(w, r), v = S(a, k), g = i.useRef(d);
+    return i.useEffect(() => {
+      const o = e?.form;
+      if (o) {
+        const c = () => u(g.current);
+        return o.addEventListener("reset", c), () => o.removeEventListener("reset", c);
+      }
+    }, [e, u]), /* @__PURE__ */ s(
+      P.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": m(d) ? "mixed" : d,
+        "aria-required": h,
+        "data-state": j(d),
+        "data-disabled": b ? "" : void 0,
+        disabled: b,
+        value: f,
+        ...l,
+        ref: v,
+        onKeyDown: N(n, (o) => {
+          o.key === "Enter" && o.preventDefault();
+        }),
+        onClick: N(t, (o) => {
+          u((c) => m(c) ? !0 : !c), C && x && (p.current = o.isPropagationStopped(), p.current || o.stopPropagation());
+        })
+      }
+    );
+  }
+);
+z.displayName = w;
+var B = i.forwardRef(
+  (r, n) => {
+    const {
+      __scopeCheckbox: t,
+      name: l,
+      checked: a,
+      defaultChecked: e,
+      required: f,
+      disabled: b,
+      value: d,
+      onCheckedChange: h,
+      form: k,
+      ...u
+    } = r;
+    return /* @__PURE__ */ s(
+      Y,
+      {
+        __scopeCheckbox: t,
+        checked: a,
+        defaultChecked: e,
+        disabled: b,
+        required: f,
+        onCheckedChange: h,
+        name: l,
+        form: k,
+        value: d,
+        internal_do_not_use_render: ({ isFormControl: p }) => /* @__PURE__ */ L(O, { children: [
+          /* @__PURE__ */ s(
+            z,
+            {
+              ...u,
+              ref: n,
+              __scopeCheckbox: t
+            }
+          ),
+          p && /* @__PURE__ */ s(
+            A,
+            {
+              __scopeCheckbox: t
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+B.displayName = y;
+var M = "CheckboxIndicator", T = i.forwardRef(
+  (r, n) => {
+    const { __scopeCheckbox: t, forceMount: l, ...a } = r, e = _(M, t);
+    return /* @__PURE__ */ s(
+      $,
+      {
+        present: l || m(e.checked) || e.checked === !0,
+        children: /* @__PURE__ */ s(
+          P.span,
+          {
+            "data-state": j(e.checked),
+            "data-disabled": e.disabled ? "" : void 0,
+            ...a,
+            ref: n,
+            style: { pointerEvents: "none", ...r.style }
+          }
+        )
+      }
+    );
+  }
+);
+T.displayName = M;
+var q = "CheckboxBubbleInput", A = i.forwardRef(
+  ({ __scopeCheckbox: r, ...n }, t) => {
+    const {
+      control: l,
+      hasConsumerStoppedPropagationRef: a,
+      checked: e,
+      defaultChecked: f,
+      required: b,
+      disabled: d,
+      name: h,
+      value: k,
+      form: u,
+      bubbleInput: p,
+      setBubbleInput: x
+    } = _(q, r), C = S(t, x), v = U(e), g = X(l);
+    i.useEffect(() => {
+      const c = p;
+      if (!c) return;
+      const I = window.HTMLInputElement.prototype, E = Object.getOwnPropertyDescriptor(
+        I,
+        "checked"
+      ).set, D = !a.current;
+      if (v !== e && E) {
+        const F = new Event("click", { bubbles: D });
+        c.indeterminate = m(e), E.call(c, m(e) ? !1 : e), c.dispatchEvent(F);
+      }
+    }, [p, v, e, a]);
+    const o = i.useRef(m(e) ? !1 : e);
+    return /* @__PURE__ */ s(
+      P.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: f ?? o.current,
+        required: b,
+        disabled: d,
+        name: h,
+        value: k,
+        form: u,
+        ...n,
+        tabIndex: -1,
+        ref: C,
+        style: {
+          ...n.style,
+          ...g,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0,
+          // We transform because the input is absolutely positioned but we have
+          // rendered it **after** the button. This pulls it back to sit on top
+          // of the button.
+          transform: "translateX(-100%)"
+        }
+      }
+    );
+  }
+);
+A.displayName = q;
+function Z(r) {
+  return typeof r == "function";
+}
+function m(r) {
+  return r === "indeterminate";
+}
+function j(r) {
+  return m(r) ? "indeterminate" : r ? "checked" : "unchecked";
+}
+const ee = H(
+  ({ className: r, ...n }, t) => /* @__PURE__ */ s(
+    B,
+    {
+      "data-slot": "checkbox-indicator",
+      className: Q(
+        "peer relative flex justify-center items-center cursor-pointer  gap-12 border rounded-6 border-border-interactive-neutral bg-on-primary focus:ring-2 active:ring-2 focus:ring-border-surface-spread-focus active:ring-border-surface-spread-neutral ring-offset-0 size-24 group-data-[error=true]:border-border-surface-error-l1 group-data-[checkbox-size=large]:size-32 group-data-[checkbox-size=extra-small]:size-18 disabled:cursor-not-allowed disabled:bg-interactive-primary-disabled group-hover:border-border-interactive-neutral-active-hover aria-checked:bg-interactive-primary disabled:aria-checked:bg-disabled disabled:border-bg-interactive-primary-disabled ",
+        r
+      ),
+      ref: t,
+      ...n,
+      children: /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(J, { className: "size-24 text-on-primary group-data-[checkbox-size=extra-small]:size-14" }) })
+    }
+  )
+);
+ee.displayName = "CheckboxIndicator";
+export {
+  ee as CheckboxIndicator
+};

package/dist/mainstack-design-system529.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),y=require("react"),b=require("./index-5OKsHRWb.cjs"),P=require("./index-_XxjJPRD.cjs"),O=require("./index-C8aODXfJ.cjs"),B=require("./index-DYxWvftI.cjs"),I=require("./index-bSPhqlcX.cjs"),C=require("./mainstack-design-system530.cjs");function M(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const c=M(y);var m="Switch",[H]=b.createContextScope(m),[$,z]=H(m),R=c.forwardRef((t,r)=>{const{__scopeSwitch:e,name:o,checked:n,defaultChecked:g,required:u,disabled:a,value:l="on",onCheckedChange:w,form:i,...v}=t,[d,f]=c.useState(null),S=P.useComposedRefs(r,h=>f(h)),x=c.useRef(!1),k=d?i||!!d.closest("form"):!0,[p,E]=O.useControllableState({prop:n,defaultProp:g??!1,onChange:w,caller:m});return s.jsxs($,{scope:e,checked:p,disabled:a,children:[s.jsx(b.Primitive.button,{type:"button",role:"switch","aria-checked":p,"aria-required":u,"data-state":q(p),"data-disabled":a?"":void 0,disabled:a,value:l,...v,ref:S,onClick:b.composeEventHandlers(t.onClick,h=>{E(N=>!N),k&&(x.current=h.isPropagationStopped(),x.current||h.stopPropagation())})}),k&&s.jsx(T,{control:d,bubbles:!x.current,name:o,value:l,checked:p,required:u,disabled:a,form:i,style:{transform:"translateX(-100%)"}})]})});R.displayName=m;var j="SwitchThumb",_=c.forwardRef((t,r)=>{const{__scopeSwitch:e,...o}=t,n=z(j,e);return s.jsx(b.Primitive.span,{"data-state":q(n.checked),"data-disabled":n.disabled?"":void 0,...o,ref:r})});_.displayName=j;var A="SwitchBubbleInput",T=c.forwardRef(({__scopeSwitch:t,control:r,checked:e,bubbles:o=!0,...n},g)=>{const u=c.useRef(null),a=P.useComposedRefs(u,g),l=B.usePrevious(e),w=I.useSize(r);return c.useEffect(()=>{const i=u.current;if(!i)return;const v=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(v,"checked").set;if(l!==e&&f){const S=new Event("click",{bubbles:o});f.call(i,e),i.dispatchEvent(S)}},[l,e,o]),s.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:e,...n,tabIndex:-1,ref:a,style:{...n.style,...w,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});T.displayName=A;function q(t){return t?"checked":"unchecked"}var D=R,U=_;const L=y.forwardRef(({className:t,...r},e)=>s.jsx(D,{"data-slot":"toggle-switch",tabIndex:0,className:C.cn("inline-flex items-center shrink-0 relative bg-surface-neutral-l4 rounded-full hover:bg-surface-neutral-l5 focus:outline-2  focus:outline-border-surface-spread-focus aria-checked:bg-interactive-primary checked:disabled:bg-surface-neutral-l5 disabled:cursor-not-allowed ",t),ref:e,...r,children:s.jsx(U,{"data-slot":"toggle-thumb",className:C.cn("block rounded-full bg-surface-neutral-l1 shrink-0 transition-transform shadow-50")})}));exports.ToggleSwitch=L;