mainstack-design-system 1.0.0 → 1.1.2

package/dist/mainstack-design-system572.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-system573.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-system573.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-system574.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-system574.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-system575.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-system575.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-system576.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("useDatePickerContext must be used within a <DatePickerContext />.");return e}exports.DatePickerContext=n;exports.useDatePickerContext=o;

package/dist/mainstack-design-system576.js

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

package/dist/mainstack-design-system577.cjs

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

package/dist/mainstack-design-system577.js

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

package/dist/mainstack-design-system578.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=()=>{const o={Hours:[],Minutes:[],"AM/PM":["AM","PM"]};for(let t=0;t<60;t++){if(t<12){const e=t+1;o.Hours.push(e.toString().padStart(2,"0"))}o.Minutes.push(t.toString().padStart(2,"0"))}return o},r=n();exports.timeOptionBreakdown=r;

package/dist/mainstack-design-system578.js

@@ -0,0 +1,18 @@
+const r = () => {
+  const o = {
+    Hours: [],
+    Minutes: [],
+    "AM/PM": ["AM", "PM"]
+  };
+  for (let t = 0; t < 60; t++) {
+    if (t < 12) {
+      const n = t + 1;
+      o.Hours.push(n.toString().padStart(2, "0"));
+    }
+    o.Minutes.push(t.toString().padStart(2, "0"));
+  }
+  return o;
+}, e = r();
+export {
+  e as timeOptionBreakdown
+};

package/dist/mainstack-design-system579.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-D6rpLeOg.cjs"),o=require("./en.json-C_LsdSZ9.cjs"),n=()=>{const r=s.getCountries(),t=[];return r.forEach(e=>{t.push({value:o.countriesEnglishNames[e],label:o.countriesEnglishNames[e],data:{iso2Code:e}})}),t},i=n();exports.CountrySelectOptionsArray=i;exports.getCountrySelectOptionsArray=n;

package/dist/mainstack-design-system579.js

@@ -0,0 +1,18 @@
+import { a as r } from "./index-BaLp3DZq.js";
+import { c as s } from "./en.json-x2mHjhnP.js";
+const a = () => {
+  const e = r(), t = [];
+  return e.forEach((o) => {
+    t.push({
+      value: s[o],
+      label: s[o],
+      data: {
+        iso2Code: o
+      }
+    });
+  }), t;
+}, l = a();
+export {
+  l as CountrySelectOptionsArray,
+  a as getCountrySelectOptionsArray
+};

package/dist/mainstack-design-system58.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("react/jsx-runtime"),s=require("./mainstack-design-system356.cjs"),H={outlined:C.jsx("g",{mask:"url(#mask0_1748_2903)",children:C.jsx("path",{d:"M8.05775 16H19.4423C19.5193 16 19.5898 15.9679 19.6538 15.9038C19.7179 15.8398 19.75 15.7692 19.75 15.6923V12.8077H16.9885C16.7025 13.4307 16.2656 13.9198 15.6777 14.275C15.0901 14.6302 14.4475 14.8077 13.75 14.8077C13.0628 14.8077 12.4253 14.6302 11.8375 14.275C11.2497 13.9198 10.8077 13.4307 10.5115 12.8077H7.75V15.6923C7.75 15.7692 7.78208 15.8398 7.84625 15.9038C7.91025 15.9679 7.98075 16 8.05775 16ZM13.75 13.3077C14.1885 13.3077 14.5878 13.1946 14.948 12.9683C15.3083 12.7419 15.5622 12.4263 15.7095 12.0213C15.7532 11.8136 15.8571 11.6427 16.0212 11.5087C16.1852 11.3748 16.3743 11.3077 16.5885 11.3077H19.75V4.30775C19.75 4.23075 19.7179 4.16025 19.6538 4.09625C19.5898 4.03208 19.5193 4 19.4423 4H8.05775C7.98075 4 7.91025 4.03208 7.84625 4.09625C7.78208 4.16025 7.75 4.23075 7.75 4.30775V11.3077H10.9115C11.1257 11.3077 11.3148 11.3706 11.4788 11.4963C11.6429 11.6219 11.7467 11.7886 11.7902 11.9963C11.8929 12.4219 12.1304 12.7469 12.5027 12.9713C12.8752 13.1956 13.291 13.3077 13.75 13.3077ZM8.05775 17.5C7.55258 17.5 7.125 17.325 6.775 16.975C6.425 16.625 6.25 16.1974 6.25 15.6923V4.30775C6.25 3.80258 6.425 3.375 6.775 3.025C7.125 2.675 7.55258 2.5 8.05775 2.5H19.4423C19.9474 2.5 20.375 2.675 20.725 3.025C21.075 3.375 21.25 3.80258 21.25 4.30775V15.6923C21.25 16.1974 21.075 16.625 20.725 16.975C20.375 17.325 19.9474 17.5 19.4423 17.5H8.05775ZM4.55775 21C4.05258 21 3.625 20.825 3.275 20.475C2.925 20.125 2.75 19.6974 2.75 19.1923V7.05775C2.75 6.84492 2.82183 6.66667 2.9655 6.523C3.109 6.3795 3.28717 6.30775 3.5 6.30775C3.71283 6.30775 3.89108 6.3795 4.03475 6.523C4.17825 6.66667 4.25 6.84492 4.25 7.05775V19.1923C4.25 19.2693 4.28208 19.3398 4.34625 19.4038C4.41025 19.4679 4.48075 19.5 4.55775 19.5H16.6923C16.9051 19.5 17.0833 19.5718 17.227 19.7153C17.3705 19.8589 17.4423 20.0372 17.4423 20.25C17.4423 20.4628 17.3705 20.641 17.227 20.7845C17.0833 20.9282 16.9051 21 16.6923 21H4.55775ZM8.05775 16H7.75H19.75H8.05775Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1748_2904)",children:C.jsx("path",{d:"M13.75 13.3077C14.1885 13.3077 14.5878 13.1946 14.948 12.9683C15.3083 12.7419 15.5622 12.4263 15.7095 12.0213C15.7532 11.8136 15.8571 11.6427 16.0212 11.5087C16.1852 11.3748 16.3743 11.3077 16.5885 11.3077H19.75V4.30775C19.75 4.23075 19.7179 4.16025 19.6538 4.09625C19.5898 4.03208 19.5193 4 19.4423 4H8.05775C7.98075 4 7.91025 4.03208 7.84625 4.09625C7.78208 4.16025 7.75 4.23075 7.75 4.30775V11.3077H10.9115C11.1257 11.3077 11.3148 11.3706 11.4788 11.4963C11.6429 11.6219 11.7467 11.7886 11.7902 11.9963C11.8929 12.4219 12.1304 12.7469 12.5027 12.9713C12.8752 13.1956 13.291 13.3077 13.75 13.3077ZM8.05775 17.5C7.55258 17.5 7.125 17.325 6.775 16.975C6.425 16.625 6.25 16.1974 6.25 15.6923V4.30775C6.25 3.80258 6.425 3.375 6.775 3.025C7.125 2.675 7.55258 2.5 8.05775 2.5H19.4423C19.9474 2.5 20.375 2.675 20.725 3.025C21.075 3.375 21.25 3.80258 21.25 4.30775V15.6923C21.25 16.1974 21.075 16.625 20.725 16.975C20.375 17.325 19.9474 17.5 19.4423 17.5H8.05775ZM4.55775 21C4.05258 21 3.625 20.825 3.275 20.475C2.925 20.125 2.75 19.6974 2.75 19.1923V7.05775C2.75 6.84492 2.82183 6.66667 2.9655 6.523C3.109 6.3795 3.28717 6.30775 3.5 6.30775C3.71283 6.30775 3.89108 6.3795 4.03475 6.523C4.17825 6.66667 4.25 6.84492 4.25 7.05775V19.1923C4.25 19.2693 4.28208 19.3398 4.34625 19.4038C4.41025 19.4679 4.48075 19.5 4.55775 19.5H16.6923C16.9051 19.5 17.0833 19.5718 17.227 19.7153C17.3705 19.8589 17.4423 20.0372 17.4423 20.25C17.4423 20.4628 17.3705 20.641 17.227 20.7845C17.0833 20.9282 16.9051 21 16.6923 21H4.55775Z",fill:"currentColor"})})},e=({variant:r="outlined",...n})=>C.jsx(s,{...n,children:H[r]});module.exports=e;

package/dist/mainstack-design-system58.js

@@ -0,0 +1,24 @@
+import { jsx as C } from "react/jsx-runtime";
+import l from "./mainstack-design-system356.js";
+const o = {
+  outlined: /* @__PURE__ */ C("g", { mask: "url(#mask0_1748_2903)", children: /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M8.05775 16H19.4423C19.5193 16 19.5898 15.9679 19.6538 15.9038C19.7179 15.8398 19.75 15.7692 19.75 15.6923V12.8077H16.9885C16.7025 13.4307 16.2656 13.9198 15.6777 14.275C15.0901 14.6302 14.4475 14.8077 13.75 14.8077C13.0628 14.8077 12.4253 14.6302 11.8375 14.275C11.2497 13.9198 10.8077 13.4307 10.5115 12.8077H7.75V15.6923C7.75 15.7692 7.78208 15.8398 7.84625 15.9038C7.91025 15.9679 7.98075 16 8.05775 16ZM13.75 13.3077C14.1885 13.3077 14.5878 13.1946 14.948 12.9683C15.3083 12.7419 15.5622 12.4263 15.7095 12.0213C15.7532 11.8136 15.8571 11.6427 16.0212 11.5087C16.1852 11.3748 16.3743 11.3077 16.5885 11.3077H19.75V4.30775C19.75 4.23075 19.7179 4.16025 19.6538 4.09625C19.5898 4.03208 19.5193 4 19.4423 4H8.05775C7.98075 4 7.91025 4.03208 7.84625 4.09625C7.78208 4.16025 7.75 4.23075 7.75 4.30775V11.3077H10.9115C11.1257 11.3077 11.3148 11.3706 11.4788 11.4963C11.6429 11.6219 11.7467 11.7886 11.7902 11.9963C11.8929 12.4219 12.1304 12.7469 12.5027 12.9713C12.8752 13.1956 13.291 13.3077 13.75 13.3077ZM8.05775 17.5C7.55258 17.5 7.125 17.325 6.775 16.975C6.425 16.625 6.25 16.1974 6.25 15.6923V4.30775C6.25 3.80258 6.425 3.375 6.775 3.025C7.125 2.675 7.55258 2.5 8.05775 2.5H19.4423C19.9474 2.5 20.375 2.675 20.725 3.025C21.075 3.375 21.25 3.80258 21.25 4.30775V15.6923C21.25 16.1974 21.075 16.625 20.725 16.975C20.375 17.325 19.9474 17.5 19.4423 17.5H8.05775ZM4.55775 21C4.05258 21 3.625 20.825 3.275 20.475C2.925 20.125 2.75 19.6974 2.75 19.1923V7.05775C2.75 6.84492 2.82183 6.66667 2.9655 6.523C3.109 6.3795 3.28717 6.30775 3.5 6.30775C3.71283 6.30775 3.89108 6.3795 4.03475 6.523C4.17825 6.66667 4.25 6.84492 4.25 7.05775V19.1923C4.25 19.2693 4.28208 19.3398 4.34625 19.4038C4.41025 19.4679 4.48075 19.5 4.55775 19.5H16.6923C16.9051 19.5 17.0833 19.5718 17.227 19.7153C17.3705 19.8589 17.4423 20.0372 17.4423 20.25C17.4423 20.4628 17.3705 20.641 17.227 20.7845C17.0833 20.9282 16.9051 21 16.6923 21H4.55775ZM8.05775 16H7.75H19.75H8.05775Z",
+      fill: "currentColor"
+    }
+  ) }),
+  filled: /* @__PURE__ */ C("g", { mask: "url(#mask0_1748_2904)", children: /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M13.75 13.3077C14.1885 13.3077 14.5878 13.1946 14.948 12.9683C15.3083 12.7419 15.5622 12.4263 15.7095 12.0213C15.7532 11.8136 15.8571 11.6427 16.0212 11.5087C16.1852 11.3748 16.3743 11.3077 16.5885 11.3077H19.75V4.30775C19.75 4.23075 19.7179 4.16025 19.6538 4.09625C19.5898 4.03208 19.5193 4 19.4423 4H8.05775C7.98075 4 7.91025 4.03208 7.84625 4.09625C7.78208 4.16025 7.75 4.23075 7.75 4.30775V11.3077H10.9115C11.1257 11.3077 11.3148 11.3706 11.4788 11.4963C11.6429 11.6219 11.7467 11.7886 11.7902 11.9963C11.8929 12.4219 12.1304 12.7469 12.5027 12.9713C12.8752 13.1956 13.291 13.3077 13.75 13.3077ZM8.05775 17.5C7.55258 17.5 7.125 17.325 6.775 16.975C6.425 16.625 6.25 16.1974 6.25 15.6923V4.30775C6.25 3.80258 6.425 3.375 6.775 3.025C7.125 2.675 7.55258 2.5 8.05775 2.5H19.4423C19.9474 2.5 20.375 2.675 20.725 3.025C21.075 3.375 21.25 3.80258 21.25 4.30775V15.6923C21.25 16.1974 21.075 16.625 20.725 16.975C20.375 17.325 19.9474 17.5 19.4423 17.5H8.05775ZM4.55775 21C4.05258 21 3.625 20.825 3.275 20.475C2.925 20.125 2.75 19.6974 2.75 19.1923V7.05775C2.75 6.84492 2.82183 6.66667 2.9655 6.523C3.109 6.3795 3.28717 6.30775 3.5 6.30775C3.71283 6.30775 3.89108 6.3795 4.03475 6.523C4.17825 6.66667 4.25 6.84492 4.25 7.05775V19.1923C4.25 19.2693 4.28208 19.3398 4.34625 19.4038C4.41025 19.4679 4.48075 19.5 4.55775 19.5H16.6923C16.9051 19.5 17.0833 19.5718 17.227 19.7153C17.3705 19.8589 17.4423 20.0372 17.4423 20.25C17.4423 20.4628 17.3705 20.641 17.227 20.7845C17.0833 20.9282 16.9051 21 16.6923 21H4.55775Z",
+      fill: "currentColor"
+    }
+  ) })
+}, t = ({
+  variant: r = "outlined",
+  ...H
+}) => /* @__PURE__ */ C(l, { ...H, children: o[r] });
+export {
+  t as default
+};

package/dist/mainstack-design-system580.cjs

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

package/dist/mainstack-design-system580.js

@@ -0,0 +1,13 @@
+import { createContext as t, useContext as o } from "react";
+const r = t(
+  void 0
+), n = () => {
+  const e = o(r);
+  if (!e)
+    throw new Error("useTableScroll must be used within TableScrollProvider");
+  return e;
+};
+export {
+  r as TableContext,
+  n as useTableScroll
+};

package/dist/mainstack-design-system581.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),e=n.createContext(null),o=()=>{const t=n.useContext(e);if(!t)throw new Error("usePagination must be used within PaginationProvider");return t};exports.PaginationContext=e;exports.usePagination=o;

package/dist/mainstack-design-system581.js

@@ -0,0 +1,14 @@
+'use client';
+import { createContext as n, useContext as o } from "react";
+const e = n(
+  null
+), r = () => {
+  const t = o(e);
+  if (!t)
+    throw new Error("usePagination must be used within PaginationProvider");
+  return t;
+};
+export {
+  e as PaginationContext,
+  r as usePagination
+};

package/dist/mainstack-design-system582.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-system583.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-system356.cjs");const K=require("./mainstack-design-system103.cjs"),U=require("./mainstack-design-system586.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:f,name:p,onCheckedChange:u,required:m,value:k="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?!!f||!!x.closest("form"):!0,I={checked:b,disabled:r,setChecked:g,control:x,setControl:C,name:p,form:f,value:k,hasConsumerStoppedPropagationRef:i,required:m,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:f,disabled:p,checked:u,required:m,setControl:k,setChecked:l,hasConsumerStoppedPropagationRef:b,isFormControl:g,bubbleInput:x}=P(S,e),C=q.useComposedRefs(a,k),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":m,"data-state":T(u),"data-disabled":p?"":void 0,disabled:p,value:f,...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:f,disabled:p,value:u,onCheckedChange:m,form:k,...l}=e;return c.jsx(V,{__scopeCheckbox:t,checked:a,defaultChecked:r,disabled:p,required:f,onCheckedChange:m,name:s,form:k,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:f,required:p,disabled:u,name:m,value:k,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:f??n.current,required:p,disabled:u,name:m,value:k,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 active:transition-transform ease-out-cubic duration-150 active:scale-[0.85] 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-system583.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-system356.js";
+import J from "./mainstack-design-system103.js";
+import { cn as Q } from "./mainstack-design-system586.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 active:transition-transform ease-out-cubic duration-150 active:scale-[0.85] 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-system584.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-system586.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;