mainstack-design-system 1.4.0 → 1.4.2

package/dist/mainstack-design-system579.js

@@ -1,16 +1,21 @@
-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];
-};
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { c as t } from "./utils-Opg_zrKx.js";
+const a = m(
+  ({ isOptionOpen: r, className: o, ...s }, d) => /* @__PURE__ */ e(
+    "div",
+    {
+      "data-select-options-opened": r,
+      className: t(
+        "mds:flex mds:flex-col mds:gap-8 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200",
+        o
+      ),
+      ref: d,
+      ...s
+    }
+  )
+);
+a.displayName = "FormCountryOptions";
 export {
-  f as default
+  a as FormCountryOptions
 };

package/dist/mainstack-design-system580.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),o=require("./index-C7rXc8w3.cjs"),r=require("./utils-KlkRDGof.cjs"),h=require("./mainstack-design-system602.cjs"),t=require("./index-BgzojN8c.cjs"),d=m.forwardRef(({onOptionOpenChange:i,searchCountry:l,activeCountry:a,onSetActiveCountry:c,getCountryMetaInfo:u,className:x,...b},f)=>{const n=m.useMemo(()=>{const s=o.getCountries();return l?s.filter(p=>o.countriesEnglishNames[p].toLowerCase().includes(l.toLowerCase())):s},[l]);return e.jsxs(t.ScrollArea,{style:{"--scrollbar-size":"8px"},className:r.cn("mds:flex mds:flex-col mds:max-h-188",x),"data-slot":"phone-number-options-list",ref:f,...b,children:[e.jsx(t.ScrollAreaViewport,{className:"mds:h-full mds:pr-8 mds:w-full",children:e.jsx("div",{"data-slot":"phone-number-options-list-inner",className:r.cn("mds:flex mds:flex-col mds:gap-8"),children:n.length?n.map(s=>e.jsxs("button",{role:"option","aria-selected":s===a,onClick:()=>{c(s),i(!1)},className:"mds:flex mds:cursor-pointer mds:py-8 mds:px-10 mds:rounded-12 mds:items-center mds:justify-between mds:hover:bg-interactive-secondary-hover",children:[e.jsxs("div",{className:"mds:flex mds:items-center mds:gap-8",children:[e.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:h.getCountryFlagComp(s)}),e.jsx("p",{className:r.cn("body-extrasmall-medium","mds:text-primary"),children:o.countriesEnglishNames[s]})]}),e.jsx("p",{className:r.cn("body-extrasmall-regular","mds:text-secondary"),children:u(s)})]},s)):e.jsx("p",{className:r.cn("body-extrasmall-regular","mds:text-tertiary mds:text-center"),children:"No option found"})})}),e.jsx(t.ScrollAreaScrollbar,{orientation:"vertical",className:"mds:flex mds:select-none mds:rounded-(--scrollbar-size) mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:hover:w-12",children:e.jsx(t.ScrollAreaThumb,{className:r.cn("mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative","mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44")})}),e.jsx(t.ScrollAreaCorner,{className:"mds:bg-border-interactive-neutral-inverse-hover"})]})});d.displayName="FormCountryOptionsList";exports.FormCountryOptionsList=d;

package/dist/mainstack-design-system580.js

@@ -1,14 +1,112 @@
-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 />."
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { forwardRef as u, useMemo as h } from "react";
+import { a as x, c as t } from "./index-BQdKkfuK.js";
+import { c as r } from "./utils-Opg_zrKx.js";
+import { getCountryFlagComp as v } from "./mainstack-design-system602.js";
+import { S as N, a as g, b as y, c as w, d as C } from "./index-CLUgda6x.js";
+const S = u(
+  ({
+    onOptionOpenChange: a,
+    searchCountry: l,
+    activeCountry: d,
+    onSetActiveCountry: i,
+    getCountryMetaInfo: n,
+    className: c,
+    ...f
+  }, p) => {
+    const o = h(() => {
+      const e = x();
+      return l ? e.filter(
+        (b) => t[b].toLowerCase().includes(l.toLowerCase())
+      ) : e;
+    }, [l]);
+    return /* @__PURE__ */ m(
+      N,
+      {
+        style: {
+          "--scrollbar-size": "8px"
+        },
+        className: r("mds:flex mds:flex-col mds:max-h-188", c),
+        "data-slot": "phone-number-options-list",
+        ref: p,
+        ...f,
+        children: [
+          /* @__PURE__ */ s(g, { className: "mds:h-full mds:pr-8 mds:w-full", children: /* @__PURE__ */ s(
+            "div",
+            {
+              "data-slot": "phone-number-options-list-inner",
+              className: r("mds:flex mds:flex-col mds:gap-8"),
+              children: o.length ? o.map((e) => /* @__PURE__ */ m(
+                "button",
+                {
+                  role: "option",
+                  "aria-selected": e === d,
+                  onClick: () => {
+                    i(e), a(!1);
+                  },
+                  className: "mds:flex mds:cursor-pointer mds:py-8 mds:px-10 mds:rounded-12 mds:items-center mds:justify-between mds:hover:bg-interactive-secondary-hover",
+                  children: [
+                    /* @__PURE__ */ m("div", { className: "mds:flex mds:items-center mds:gap-8", children: [
+                      /* @__PURE__ */ s("div", { className: "mds:flex mds:items-center mds:justify-center", children: v(e) }),
+                      /* @__PURE__ */ s(
+                        "p",
+                        {
+                          className: r(
+                            "body-extrasmall-medium",
+                            "mds:text-primary"
+                          ),
+                          children: t[e]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ s(
+                      "p",
+                      {
+                        className: r(
+                          "body-extrasmall-regular",
+                          "mds:text-secondary"
+                        ),
+                        children: n(e)
+                      }
+                    )
+                  ]
+                },
+                e
+              )) : /* @__PURE__ */ s(
+                "p",
+                {
+                  className: r(
+                    "body-extrasmall-regular",
+                    "mds:text-tertiary mds:text-center"
+                  ),
+                  children: "No option found"
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ s(
+            y,
+            {
+              orientation: "vertical",
+              className: "mds:flex mds:select-none mds:rounded-(--scrollbar-size) mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1 mds:hover:bg-interactive-secondary mds:hover:w-12",
+              children: /* @__PURE__ */ s(
+                w,
+                {
+                  className: r(
+                    "mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative",
+                    "mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44"
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ s(C, { className: "mds:bg-border-interactive-neutral-inverse-hover" })
+        ]
+      }
     );
-  return e;
-}
+  }
+);
+S.displayName = "FormCountryOptionsList";
 export {
-  r as ResponsivePopoverDrawerContext,
-  s as useResponsivePopoverDrawerContext
+  S as FormCountryOptionsList
 };

package/dist/mainstack-design-system581.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("./mainstack-design-system433.cjs"),u=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system355.cjs");const l=require("./mainstack-design-system91.cjs"),d=require("./mainstack-design-system264.cjs");require("./player-BKifgSJo.cjs");const o=i.forwardRef(({searchCountry:n,onChangeSearchCountry:r,...s},t)=>e.jsxs(a.InputRoot,{className:"mds:bg-interactive-secondary",children:[e.jsx(d,{className:"mds:size-24"}),e.jsx(u.InputField,{placeholder:"Search...",value:n,onChange:c=>r(c.target.value),ref:t,...s}),e.jsx(l,{role:"button",className:"mds:size-20 mds:block mds:cursor-pointer mds:peer-placeholder-shown:hidden",variant:"filled",onClick:()=>r("")})]}));o.displayName="FormCountryOptionsSearchField";exports.FormCountryOptionsSearchField=o;

package/dist/mainstack-design-system581.js

@@ -1,16 +1,41 @@
-import { createContext as e, useContext as n } from "react";
-const o = e(
-  null
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { InputRoot as l } from "./mainstack-design-system433.js";
+import { InputField as n } from "./mainstack-design-system434.js";
+import "./mainstack-design-system432.js";
+import "./mainstack-design-system355.js";
+import p from "./mainstack-design-system91.js";
+import c from "./mainstack-design-system264.js";
+import "./player-DSenNqFV.js";
+const d = a(
+  ({
+    searchCountry: e,
+    onChangeSearchCountry: o,
+    ...m
+  }, t) => /* @__PURE__ */ s(l, { className: "mds:bg-interactive-secondary", children: [
+    /* @__PURE__ */ r(c, { className: "mds:size-24" }),
+    /* @__PURE__ */ r(
+      n,
+      {
+        placeholder: "Search...",
+        value: e,
+        onChange: (i) => o(i.target.value),
+        ref: t,
+        ...m
+      }
+    ),
+    /* @__PURE__ */ r(
+      p,
+      {
+        role: "button",
+        className: "mds:size-20 mds:block mds:cursor-pointer mds:peer-placeholder-shown:hidden",
+        variant: "filled",
+        onClick: () => o("")
+      }
+    )
+  ] })
 );
-function c() {
-  const t = n(o);
-  if (!t)
-    throw new Error(
-      "useDatePickerContext must be used within a <DatePickerContext />."
-    );
-  return t;
-}
+d.displayName = "FormCountryOptionsSearchField";
 export {
-  o as DatePickerContext,
-  c as useDatePickerContext
+  d as FormCountryOptionsSearchField
 };

package/dist/mainstack-design-system582.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"),i=t.createContext(null);function n(){const e=t.useContext(i);if(!e)throw new Error("usePriceFieldContext must be used within a <PriceFieldContext />.");return e}exports.PriceFieldContext=i;exports.usePriceFieldContext=n;

package/dist/mainstack-design-system582.js

@@ -6,11 +6,11 @@ function i() {
   const e = n(o);
   if (!e)
     throw new Error(
-      "useTimePickerContext must be used within a <TimePickerContext />."
+      "usePriceFieldContext must be used within a <PriceFieldContext />."
     );
   return e;
 }
 export {
-  o as TimePickerContext,
-  i as useTimePickerContext
+  o as PriceFieldContext,
+  i as usePriceFieldContext
 };

package/dist/mainstack-design-system583.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 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-system583.js

@@ -1,18 +1,14 @@
-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();
+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 {
-  e as timeOptionBreakdown
+  o as SelectContext,
+  c as useSelectContext
 };

package/dist/mainstack-design-system584.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-C7rXc8w3.cjs"),r=()=>{const n=t.getCountries(),o=[];return n.forEach(e=>{o.push({value:t.countriesEnglishNames[e],label:t.countriesEnglishNames[e],data:{iso2Code:e}})}),o},s=r();exports.CountrySelectOptionsArray=s;exports.getCountrySelectOptionsArray=r;
+"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-system584.js

@@ -1,17 +1,11 @@
-import { a as r, c as s } from "./index-BQdKkfuK.js";
-const a = () => {
-  const e = r(), o = [];
-  return e.forEach((t) => {
-    o.push({
-      value: s[t],
-      label: s[t],
-      data: {
-        iso2Code: t
-      }
-    });
-  }), o;
-}, i = a();
+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 {
-  i as CountrySelectOptionsArray,
-  a as getCountrySelectOptionsArray
+  o as TabsContext,
+  s as useTabsContext
 };

package/dist/mainstack-design-system585.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"),t=e.cva("mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap 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-6 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:after:absolute mds:after:left-0 mds:after:right-0 mds:after:-bottom-9 mds:after:h-2 mds:after:bg-transparent","mds:data-[state=active]:after:bg-interactive-primary","mds:data-[state=active]:disabled:text-disabled","mds:data-[state=active]:disabled:after:bg-interactive-primary-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]:bg-interactive-primary mds:data-[state=active]:text-on-primary ","mds:data-[state=active]:hover:bg-interactive-primary-hover","mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:bg-interactive-primary-disabled mds:data-[state=active]:disabled:text-on-primary-disabled"]},layout:{horizontal:"mds:flex-row",vertical:"mds:flex-col"}},defaultVariants:{variant:"underline",layout:"vertical"}}),a=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-8",button:"mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full"}},defaultVariants:{variant:"underline"}});exports.tabsListVariants=a;exports.tabsTriggerVariants=t;

package/dist/mainstack-design-system585.js

@@ -1,13 +1,49 @@
-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 e } from "./index-D29mdTf5.js";
+const a = e(
+  "mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap 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-6 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:after:absolute mds:after:left-0 mds:after:right-0 mds:after:-bottom-9 mds:after:h-2 mds:after:bg-transparent",
+          "mds:data-[state=active]:after:bg-interactive-primary",
+          "mds:data-[state=active]:disabled:text-disabled",
+          "mds:data-[state=active]:disabled:after:bg-interactive-primary-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]:bg-interactive-primary mds:data-[state=active]:text-on-primary ",
+          "mds:data-[state=active]:hover:bg-interactive-primary-hover",
+          "mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:bg-interactive-primary-disabled mds:data-[state=active]:disabled:text-on-primary-disabled"
+        ]
+      },
+      layout: {
+        horizontal: "mds:flex-row",
+        vertical: "mds:flex-col"
+      }
+    },
+    defaultVariants: {
+      variant: "underline",
+      layout: "vertical"
+    }
+  }
+), d = e("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-8",
+      button: "mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full"
+    }
+  },
+  defaultVariants: {
+    variant: "underline"
+  }
+});
 export {
-  r as TableContext,
-  n as useTableScroll
+  d as tabsListVariants,
+  a as tabsTriggerVariants
 };

package/dist/mainstack-design-system586.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-system586.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-system587.cjs

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

@@ -1,27 +1,24 @@
-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.'
-      );
+import { c as e } from "./index-D29mdTf5.js";
+const d = e(
+  [
+    "mds:group mds:w-full mds:rounded-18 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"
+        ]
+      }
     }
-    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
+  d as tileVariants
 };

package/dist/mainstack-design-system588.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CAgJYdlN.cjs"),a=t.cva("flex items-center justify-between gap-12 rounded-16 p-12 shadow-500 min-w-400 transition-transform duration-200 ease-out bg-surface-neutral-l1 border border-border-interactive-neutral body-font-family text-primary",{variants:{tone:{success:"**:data-[slot=toast-icon]:bg-surface-success-l4",error:"**:data-[slot=toast-icon]:bg-surface-error-l4",warning:"**:data-[slot=toast-icon]:bg-surface-warning-l4",info:"**:data-[slot=toast-icon]:bg-surface-info-l4"}},defaultVariants:{tone:"info"}});exports.toastVariants=a;
+"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-system588.js

@@ -1,20 +1,16 @@
-import { c as t } from "./index-D29mdTf5.js";
-const r = t(
-  "flex items-center justify-between gap-12 rounded-16 p-12 shadow-500 min-w-400 transition-transform duration-200 ease-out bg-surface-neutral-l1 border border-border-interactive-neutral body-font-family text-primary",
-  {
-    variants: {
-      tone: {
-        success: "**:data-[slot=toast-icon]:bg-surface-success-l4",
-        error: "**:data-[slot=toast-icon]:bg-surface-error-l4",
-        warning: "**:data-[slot=toast-icon]:bg-surface-warning-l4",
-        info: "**:data-[slot=toast-icon]:bg-surface-info-l4"
-      }
-    },
-    defaultVariants: {
-      tone: "info"
-    }
-  }
+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 {
-  r as toastVariants
+  o as DateRangeContext,
+  r as useDateRangeContext
 };

package/dist/mainstack-design-system589.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("./index-5zLWZzxK.cjs"),m=require("./mainstack-design-system590.cjs"),d=require("./mainstack-design-system591.cjs"),l=require("./mainstack-design-system592.cjs"),T=require("./mainstack-design-system593.cjs"),_=require("./mainstack-design-system594.cjs"),q=require("./mainstack-design-system595.cjs");require("./mainstack-design-system385.cjs");require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");const a=require("./mainstack-design-system388.cjs");require("./mainstack-design-system355.cjs");const x=require("./mainstack-design-system91.cjs"),j=require("./mainstack-design-system356.cjs"),e=require("./mainstack-design-system610.cjs"),p={success:e.SuccessAnimation,error:e.ErrorAnimation,warning:e.WarningAnimation,info:e.InfoAnimation},i=(s,o,{title:u,description:c,action:r})=>t.jsxs(m.ToastRoot,{tone:o,children:[t.jsx(d.ToastIcon,{children:t.jsx(j.AnimatedIcon,{icon:p[o]})}),t.jsxs(l.ToastContent,{children:[t.jsx(T.ToastTitle,{children:u}),c&&t.jsx(_.ToastDescription,{children:c})]}),t.jsxs(q.ToastActions,{children:[r&&t.jsx(a.Button,{rounded:"sm",size:"tiny",variant:"secondary",onClick:()=>{r.onClick(),n.toast.dismiss(s)},children:r.label}),t.jsx(a.Button,{iconOnly:!0,onClick:()=>n.toast.dismiss(s),rounded:"sm",size:"tiny",variant:"secondary",className:"w-30 h-30",children:t.jsx(x,{variant:"filled",className:"h-16 w-16 text-on-secondary"})})]})]}),h={success:s=>n.toast.custom(o=>i(o,"success",s)),error:s=>n.toast.custom(o=>i(o,"error",s)),warning:s=>n.toast.custom(o=>i(o,"warning",s)),info:s=>n.toast.custom(o=>i(o,"info",s)),custom:n.toast.custom,dismiss:n.toast.dismiss};exports.toast=h;
+"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-system589.js

@@ -1,64 +1,16 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { t as i } from "./index-B6sSWi7l.js";
-import { ToastRoot as d } from "./mainstack-design-system590.js";
-import { ToastIcon as l } from "./mainstack-design-system591.js";
-import { ToastContent as p } from "./mainstack-design-system592.js";
-import { ToastTitle as f } from "./mainstack-design-system593.js";
-import { ToastDescription as u } from "./mainstack-design-system594.js";
-import { ToastActions as h } from "./mainstack-design-system595.js";
-import "./mainstack-design-system385.js";
-import "./mainstack-design-system386.js";
-import "./mainstack-design-system387.js";
-import { Button as a } from "./mainstack-design-system388.js";
-import "./mainstack-design-system355.js";
-import T from "./mainstack-design-system91.js";
-import { AnimatedIcon as y } from "./mainstack-design-system356.js";
-import { InfoAnimation as A, WarningAnimation as w, ErrorAnimation as C, SuccessAnimation as g } from "./mainstack-design-system610.js";
-const x = {
-  success: g,
-  error: C,
-  warning: w,
-  info: A
-}, s = (o, r, { title: e, description: c, action: t }) => /* @__PURE__ */ m(d, { tone: r, children: [
-  /* @__PURE__ */ n(l, { children: /* @__PURE__ */ n(y, { icon: x[r] }) }),
-  /* @__PURE__ */ m(p, { children: [
-    /* @__PURE__ */ n(f, { children: e }),
-    c && /* @__PURE__ */ n(u, { children: c })
-  ] }),
-  /* @__PURE__ */ m(h, { children: [
-    t && /* @__PURE__ */ n(
-      a,
-      {
-        rounded: "sm",
-        size: "tiny",
-        variant: "secondary",
-        onClick: () => {
-          t.onClick(), i.dismiss(o);
-        },
-        children: t.label
-      }
-    ),
-    /* @__PURE__ */ n(
-      a,
-      {
-        iconOnly: !0,
-        onClick: () => i.dismiss(o),
-        rounded: "sm",
-        size: "tiny",
-        variant: "secondary",
-        className: "w-30 h-30",
-        children: /* @__PURE__ */ n(T, { variant: "filled", className: "h-16 w-16 text-on-secondary" })
-      }
-    )
-  ] })
-] }), q = {
-  success: (o) => i.custom((r) => s(r, "success", o)),
-  error: (o) => i.custom((r) => s(r, "error", o)),
-  warning: (o) => i.custom((r) => s(r, "warning", o)),
-  info: (o) => i.custom((r) => s(r, "info", o)),
-  custom: i.custom,
-  dismiss: i.dismiss
+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 {
-  q as toast
+  f as default
 };

package/dist/mainstack-design-system590.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),l=require("./utils-DrLMGmuk.cjs"),d=require("./mainstack-design-system588.cjs"),m=u.forwardRef,t=m(({as:o,className:s,tone:e="info",children:a,...r},n)=>{const i=o||"div";return c.jsx(i,{"data-slot":"toast-root",ref:n,className:l.cn(d.toastVariants({tone:e}),s),...r,children:a})});t.displayName="ToastRoot";exports.ToastRoot=t;
+"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;