mainstack-design-system 1.14.3 → 1.15.1

package/dist/mainstack-design-system605.js

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

package/dist/mainstack-design-system606.cjs

@@ -1 +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;
+"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("useSelectContext must be used within a <SelectContext />.");return e}exports.SelectContext=n;exports.useSelectContext=o;

package/dist/mainstack-design-system606.js

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

package/dist/mainstack-design-system607.cjs

@@ -1 +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;
+"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-system607.js

@@ -1,18 +1,27 @@
-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"));
+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.'
+      );
     }
-    o.Minutes.push(t.toString().padStart(2, "0"));
-  }
-  return o;
-}, e = r();
+    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 {
-  e as timeOptionBreakdown
+  o as mapDefaultValuesToSelectedOption,
+  i as parseSelectOptions
 };

package/dist/mainstack-design-system608.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./utils-Bdd5vx6a.cjs"),o=({includeLocales:i,excludeLocales:s})=>{const r=[];return t.getFilteredCountryLocaleList({includeLocales:i,excludeLocales:s}).forEach(e=>{e&&r.push({value:t.countriesEnglishNames[e],label:t.countriesEnglishNames[e],data:{iso2Code:e}})}),r};exports.getCountrySelectOptionsArray=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=e.createContext(void 0),s=()=>{const t=e.useContext(o);if(!t)throw new Error("useTabsContext must be used within a TabsRoot");return t};exports.TabsContext=o;exports.useTabsContext=s;

package/dist/mainstack-design-system608.js

@@ -1,22 +1,13 @@
-import { e as i, n as o } from "./utils-D85wpvmd.js";
-const l = ({
-  includeLocales: r,
-  excludeLocales: s
-}) => {
-  const t = [];
-  return i({
-    includeLocales: r,
-    excludeLocales: s
-  }).forEach((e) => {
-    e && t.push({
-      value: o[e],
-      label: o[e],
-      data: {
-        iso2Code: e
-      }
-    });
-  }), t;
+import { createContext as o, useContext as e } from "react";
+const n = o(
+  void 0
+), r = () => {
+  const t = e(n);
+  if (!t)
+    throw new Error("useTabsContext must be used within a TabsRoot");
+  return t;
 };
 export {
-  l as getCountrySelectOptionsArray
+  n as TabsContext,
+  r as useTabsContext
 };

package/dist/mainstack-design-system609.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva("mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap mds:body-extrasmall-book mds:transition-all mds:disabled:pointer-events-none mds:disabled:text-disabled mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",{variants:{variant:{underline:["mds:px-8 mds:py-9 mds:text-secondary","mds:hover:bg-surface-neutral-l4 mds:hover:rounded-10","mds:disabled:text-disabled mds:disabled:pointer-events-none","mds:data-[state=active]:text-primary","mds:data-[state=active]:disabled:text-disabled"],button:["mds:px-16 mds:py-10 mds:rounded-full mds:bg-transparent mds:text-on-secondary","mds:hover:bg-surface-neutral-l4 mds:hover:rounded-full mds:hover:text-on-secondary","mds:data-[state=active]:text-on-primary","mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:text-on-primary-disabled"]},layout:{horizontal:"mds:flex-row",vertical:"mds:flex-col"}},defaultVariants:{variant:"underline",layout:"horizontal"}}),d=e.cva("mds:flex mds:items-center",{variants:{variant:{underline:"mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-neutral mds:py-9 mds:overflow-y-hidden mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit",button:"mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit"}},defaultVariants:{variant:"underline"}});exports.tabsListVariants=d;exports.tabsTriggerVariants=s;

package/dist/mainstack-design-system609.js

@@ -1,13 +1,45 @@
-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;
-};
+import { c as d } from "./index-D29mdTf5.js";
+const s = d(
+  "mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap mds:body-extrasmall-book mds:transition-all mds:disabled:pointer-events-none mds:disabled:text-disabled mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",
+  {
+    variants: {
+      variant: {
+        underline: [
+          "mds:px-8 mds:py-9 mds:text-secondary",
+          "mds:hover:bg-surface-neutral-l4 mds:hover:rounded-10",
+          "mds:disabled:text-disabled mds:disabled:pointer-events-none",
+          "mds:data-[state=active]:text-primary",
+          "mds:data-[state=active]:disabled:text-disabled"
+        ],
+        button: [
+          "mds:px-16 mds:py-10 mds:rounded-full mds:bg-transparent mds:text-on-secondary",
+          "mds:hover:bg-surface-neutral-l4 mds:hover:rounded-full mds:hover:text-on-secondary",
+          "mds:data-[state=active]:text-on-primary",
+          "mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:text-on-primary-disabled"
+        ]
+      },
+      layout: {
+        horizontal: "mds:flex-row",
+        vertical: "mds:flex-col"
+      }
+    },
+    defaultVariants: {
+      variant: "underline",
+      layout: "horizontal"
+    }
+  }
+), t = d("mds:flex mds:items-center", {
+  variants: {
+    variant: {
+      underline: "mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-neutral mds:py-9 mds:overflow-y-hidden mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit",
+      button: "mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit"
+    }
+  },
+  defaultVariants: {
+    variant: "underline"
+  }
+});
 export {
-  r as TableContext,
-  n as useTableScroll
+  t as tabsListVariants,
+  s as tabsTriggerVariants
 };

package/dist/mainstack-design-system61.cjs

@@ -1 +1 @@
-"use strict";const H=require("react/jsx-runtime"),r=require("./mainstack-design-system357.cjs"),e=({...V})=>H.jsx(r,{...V,children:H.jsx("g",{mask:"url(#mask0_1775_200)",children:H.jsx("path",{d:"M4.76925 20.5769C4.34742 20.5769 3.98875 20.4292 3.69325 20.1337C3.39775 19.838 3.25 19.4793 3.25 19.0577V8.5959C3.25 8.17424 3.39775 7.81565 3.69325 7.52015C3.98875 7.22465 4.34742 7.0769 4.76925 7.0769H7.25V4.5959C7.25 4.17424 7.39775 3.81565 7.69325 3.52015C7.98875 3.22465 8.34742 3.0769 8.76925 3.0769H15.2308C15.6526 3.0769 16.0113 3.22465 16.3068 3.52015C16.6023 3.81565 16.75 4.17424 16.75 4.5959V11.0769H19.2308C19.6526 11.0769 20.0113 11.2247 20.3068 11.5202C20.6023 11.8157 20.75 12.1742 20.75 12.5959V19.0577C20.75 19.4793 20.6023 19.838 20.3068 20.1337C20.0113 20.4292 19.6526 20.5769 19.2308 20.5769H13.25V16.5769H10.75V20.5769H4.76925ZM4.75 19.0769H7.25V16.5769H4.75V19.0769ZM4.75 15.0769H7.25V12.5769H4.75V15.0769ZM4.75 11.0769H7.25V8.5769H4.75V11.0769ZM8.75 15.0769H11.25V12.5769H8.75V15.0769ZM8.75 11.0769H11.25V8.5769H8.75V11.0769ZM8.75 7.0769H11.25V4.5769H8.75V7.0769ZM12.75 15.0769H15.25V12.5769H12.75V15.0769ZM12.75 11.0769H15.25V8.5769H12.75V11.0769ZM12.75 7.0769H15.25V4.5769H12.75V7.0769ZM16.75 19.0769H19.25V16.5769H16.75V19.0769ZM16.75 15.0769H19.25V12.5769H16.75V15.0769Z",fill:"currentColor"})})});module.exports=e;
+"use strict";const H=require("react/jsx-runtime"),r=require("./mainstack-design-system366.cjs"),e=({...V})=>H.jsx(r,{...V,children:H.jsx("g",{mask:"url(#mask0_1775_200)",children:H.jsx("path",{d:"M4.76925 20.5769C4.34742 20.5769 3.98875 20.4292 3.69325 20.1337C3.39775 19.838 3.25 19.4793 3.25 19.0577V8.5959C3.25 8.17424 3.39775 7.81565 3.69325 7.52015C3.98875 7.22465 4.34742 7.0769 4.76925 7.0769H7.25V4.5959C7.25 4.17424 7.39775 3.81565 7.69325 3.52015C7.98875 3.22465 8.34742 3.0769 8.76925 3.0769H15.2308C15.6526 3.0769 16.0113 3.22465 16.3068 3.52015C16.6023 3.81565 16.75 4.17424 16.75 4.5959V11.0769H19.2308C19.6526 11.0769 20.0113 11.2247 20.3068 11.5202C20.6023 11.8157 20.75 12.1742 20.75 12.5959V19.0577C20.75 19.4793 20.6023 19.838 20.3068 20.1337C20.0113 20.4292 19.6526 20.5769 19.2308 20.5769H13.25V16.5769H10.75V20.5769H4.76925ZM4.75 19.0769H7.25V16.5769H4.75V19.0769ZM4.75 15.0769H7.25V12.5769H4.75V15.0769ZM4.75 11.0769H7.25V8.5769H4.75V11.0769ZM8.75 15.0769H11.25V12.5769H8.75V15.0769ZM8.75 11.0769H11.25V8.5769H8.75V11.0769ZM8.75 7.0769H11.25V4.5769H8.75V7.0769ZM12.75 15.0769H15.25V12.5769H12.75V15.0769ZM12.75 11.0769H15.25V8.5769H12.75V11.0769ZM12.75 7.0769H15.25V4.5769H12.75V7.0769ZM16.75 19.0769H19.25V16.5769H16.75V19.0769ZM16.75 15.0769H19.25V12.5769H16.75V15.0769Z",fill:"currentColor"})})});module.exports=e;

package/dist/mainstack-design-system61.js

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

package/dist/mainstack-design-system610.cjs

@@ -1,2 +1 @@
-'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;
+"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-system610.js

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

package/dist/mainstack-design-system611.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=t.createContext(null);function n(){const e=t.useContext(r);if(!e)throw new Error("useCurrencyPickerContext must be used within a <CurrencyPickerContext />.");return e}exports.CurrencyPickerContext=r;exports.useCurrencyPickerContext=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva(["mds:group mds:w-full mds:rounded-18 mds:body-font-family mds:gap-12 mds:select-none mds:relative mds:flex mds:cursor-pointer mds:items-center mds:p-18 mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1","mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]","mds:has-[>[data-slot=tile-header]]:flex-col mds:has-[>[data-slot=tile-header]]:items-start","mds:focus-visible:ring-2 mds:focus-visible:outline-none mds:focus-visible:ring-border-surface-spread-focus","mds:data-[selected=true]:border-2 mds:data-[selected=true]:border-border-interactive-neutral-active","mds:hover:bg-interactive-secondary"],{variants:{disabled:{true:["mds:pointer-events-none mds:opacity-60","mds:data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"]}}});exports.tileVariants=s;

package/dist/mainstack-design-system611.js

@@ -1,14 +1,24 @@
-import { createContext as t, useContext as r } from "react";
-const n = t(null);
-function c() {
-  const e = r(n);
-  if (!e)
-    throw new Error(
-      "useCurrencyPickerContext must be used within a <CurrencyPickerContext />."
-    );
-  return e;
-}
+import { c as e } from "./index-D29mdTf5.js";
+const d = e(
+  [
+    "mds:group mds:w-full mds:rounded-18 mds:body-font-family mds:gap-12 mds:select-none mds:relative mds:flex mds:cursor-pointer mds:items-center mds:p-18 mds:border mds:border-border-interactive-neutral mds:bg-surface-neutral-l1",
+    "mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",
+    "mds:has-[>[data-slot=tile-header]]:flex-col mds:has-[>[data-slot=tile-header]]:items-start",
+    "mds:focus-visible:ring-2 mds:focus-visible:outline-none mds:focus-visible:ring-border-surface-spread-focus",
+    "mds:data-[selected=true]:border-2 mds:data-[selected=true]:border-border-interactive-neutral-active",
+    "mds:hover:bg-interactive-secondary"
+  ],
+  {
+    variants: {
+      disabled: {
+        true: [
+          "mds:pointer-events-none mds:opacity-60",
+          "mds:data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"
+        ]
+      }
+    }
+  }
+);
 export {
-  n as CurrencyPickerContext,
-  c as useCurrencyPickerContext
+  d as tileVariants
 };

package/dist/mainstack-design-system612.cjs

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

@@ -1,262 +1,16 @@
-'use client';
-import { jsx as c, jsxs as L, Fragment as O } from "react/jsx-runtime";
-import * as d 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 "./player-Cs7wtvrg.js";
-import { c as Q } from "./utils-D85wpvmd.js";
-var y = "Checkbox", [V] = G(y), [W, _] = V(y);
-function Y(r) {
-  const {
-    __scopeCheckbox: s,
-    checked: t,
-    children: l,
-    defaultChecked: a,
-    disabled: e,
-    form: p,
-    name: f,
-    onCheckedChange: i,
-    required: h,
-    value: k = "on",
-    // @ts-expect-error
-    internal_do_not_use_render: u
-  } = r, [m, x] = K({
-    prop: t,
-    defaultProp: a ?? !1,
-    onChange: i,
-    caller: y
-  }), [C, v] = d.useState(null), [g, o] = d.useState(null), n = d.useRef(!1), I = C ? !!p || !!C.closest("form") : (
-    // We set this to true by default so that events bubble to forms without JS (SSR)
-    !0
-  ), R = {
-    checked: m,
-    disabled: e,
-    setChecked: x,
-    control: C,
-    setControl: v,
-    name: f,
-    form: p,
-    value: k,
-    hasConsumerStoppedPropagationRef: n,
-    required: h,
-    defaultChecked: b(a) ? !1 : a,
-    isFormControl: I,
-    bubbleInput: g,
-    setBubbleInput: o
-  };
-  return /* @__PURE__ */ c(
-    W,
-    {
-      scope: s,
-      ...R,
-      children: Z(u) ? u(R) : l
-    }
-  );
-}
-var w = "CheckboxTrigger", z = d.forwardRef(
-  ({ __scopeCheckbox: r, onKeyDown: s, onClick: t, ...l }, a) => {
-    const {
-      control: e,
-      value: p,
-      disabled: f,
-      checked: i,
-      required: h,
-      setControl: k,
-      setChecked: u,
-      hasConsumerStoppedPropagationRef: m,
-      isFormControl: x,
-      bubbleInput: C
-    } = _(w, r), v = S(a, k), g = d.useRef(i);
-    return d.useEffect(() => {
-      const o = e?.form;
-      if (o) {
-        const n = () => u(g.current);
-        return o.addEventListener("reset", n), () => o.removeEventListener("reset", n);
-      }
-    }, [e, u]), /* @__PURE__ */ c(
-      P.button,
-      {
-        type: "button",
-        role: "checkbox",
-        "aria-checked": b(i) ? "mixed" : i,
-        "aria-required": h,
-        "data-state": j(i),
-        "data-disabled": f ? "" : void 0,
-        disabled: f,
-        value: p,
-        ...l,
-        ref: v,
-        onKeyDown: N(s, (o) => {
-          o.key === "Enter" && o.preventDefault();
-        }),
-        onClick: N(t, (o) => {
-          u((n) => b(n) ? !0 : !n), C && x && (m.current = o.isPropagationStopped(), m.current || o.stopPropagation());
-        })
-      }
-    );
-  }
-);
-z.displayName = w;
-var B = d.forwardRef(
-  (r, s) => {
-    const {
-      __scopeCheckbox: t,
-      name: l,
-      checked: a,
-      defaultChecked: e,
-      required: p,
-      disabled: f,
-      value: i,
-      onCheckedChange: h,
-      form: k,
-      ...u
-    } = r;
-    return /* @__PURE__ */ c(
-      Y,
-      {
-        __scopeCheckbox: t,
-        checked: a,
-        defaultChecked: e,
-        disabled: f,
-        required: p,
-        onCheckedChange: h,
-        name: l,
-        form: k,
-        value: i,
-        internal_do_not_use_render: ({ isFormControl: m }) => /* @__PURE__ */ L(O, { children: [
-          /* @__PURE__ */ c(
-            z,
-            {
-              ...u,
-              ref: s,
-              __scopeCheckbox: t
-            }
-          ),
-          m && /* @__PURE__ */ c(
-            A,
-            {
-              __scopeCheckbox: t
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-B.displayName = y;
-var M = "CheckboxIndicator", T = d.forwardRef(
-  (r, s) => {
-    const { __scopeCheckbox: t, forceMount: l, ...a } = r, e = _(M, t);
-    return /* @__PURE__ */ c(
-      $,
-      {
-        present: l || b(e.checked) || e.checked === !0,
-        children: /* @__PURE__ */ c(
-          P.span,
-          {
-            "data-state": j(e.checked),
-            "data-disabled": e.disabled ? "" : void 0,
-            ...a,
-            ref: s,
-            style: { pointerEvents: "none", ...r.style }
-          }
-        )
-      }
-    );
-  }
+import { createContext as e, useContext as n } from "react";
+const o = e(
+  null
 );
-T.displayName = M;
-var q = "CheckboxBubbleInput", A = d.forwardRef(
-  ({ __scopeCheckbox: r, ...s }, t) => {
-    const {
-      control: l,
-      hasConsumerStoppedPropagationRef: a,
-      checked: e,
-      defaultChecked: p,
-      required: f,
-      disabled: i,
-      name: h,
-      value: k,
-      form: u,
-      bubbleInput: m,
-      setBubbleInput: x
-    } = _(q, r), C = S(t, x), v = U(e), g = X(l);
-    d.useEffect(() => {
-      const n = m;
-      if (!n) 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 });
-        n.indeterminate = b(e), E.call(n, b(e) ? !1 : e), n.dispatchEvent(F);
-      }
-    }, [m, v, e, a]);
-    const o = d.useRef(b(e) ? !1 : e);
-    return /* @__PURE__ */ c(
-      P.input,
-      {
-        type: "checkbox",
-        "aria-hidden": !0,
-        defaultChecked: p ?? o.current,
-        required: f,
-        disabled: i,
-        name: h,
-        value: k,
-        form: u,
-        ...s,
-        tabIndex: -1,
-        ref: C,
-        style: {
-          ...s.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%)"
-        }
-      }
+function r() {
+  const t = n(o);
+  if (!t)
+    throw new Error(
+      "useDateRangeContext must be used within a <DateRangeContext />."
     );
-  }
-);
-A.displayName = q;
-function Z(r) {
-  return typeof r == "function";
-}
-function b(r) {
-  return r === "indeterminate";
+  return t;
 }
-function j(r) {
-  return b(r) ? "indeterminate" : r ? "checked" : "unchecked";
-}
-const ee = H(
-  ({ className: r, ...s }, t) => /* @__PURE__ */ c(
-    B,
-    {
-      "data-slot": "checkbox-indicator",
-      className: Q(
-        "mds:peer mds:relative mds:flex mds:justify-center mds:items-center mds:cursor-pointer  mds:gap-12 mds:border mds:rounded-6 mds:border-border-interactive-neutral mds:bg-on-primary mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:focus:ring-border-surface-spread-focus mds:active:ring-border-surface-spread-neutral mds:ring-offset-0 mds:size-24 mds:group-data-[checkbox-shape=full-radius]:rounded-full mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[checkbox-size=large]:size-32 mds:group-data-[checkbox-size=extra-small]:size-18 mds:disabled:cursor-not-allowed mds:disabled:bg-interactive-primary-disabled mds:group-hover:border-border-interactive-neutral-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled ",
-        r
-      ),
-      ref: t,
-      ...s,
-      children: /* @__PURE__ */ c(T, { children: /* @__PURE__ */ c(J, { className: "mds:size-24 mds:text-on-primary mds:group-data-[checkbox-size=extra-small]:size-14" }) })
-    }
-  )
-);
-ee.displayName = "CheckboxIndicator";
 export {
-  ee as CheckboxIndicator
+  o as DateRangeContext,
+  r as useDateRangeContext
 };

package/dist/mainstack-design-system613.cjs

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