mainstack-design-system 1.4.0 → 1.4.1

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 r = e(
+  [
+    "group w-full rounded-18 body-font-family gap-12 select-none relative flex cursor-pointer items-center p-18 border border-border-interactive-neutral bg-surface-neutral-l1",
+    "transition-transform ease-out-pressed duration-100 active:scale-[0.96]",
+    "has-[>[data-slot=tile-header]]:flex-col has-[>[data-slot=tile-header]]:items-start",
+    "focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-border-surface-spread-focus",
+    "data-[selected=true]:border-2 data-[selected=true]:border-border-interactive-neutral-active",
+    "hover:bg-interactive-secondary"
+  ],
+  {
+    variants: {
+      disabled: {
+        true: [
+          "pointer-events-none opacity-60",
+          "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
+  r 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;

package/dist/mainstack-design-system590.js

@@ -1,20 +1,14 @@
-import { jsx as p } from "react/jsx-runtime";
-import f from "react";
-import { c as i } from "./utils-DC6U5j2d.js";
-import { toastVariants as c } from "./mainstack-design-system588.js";
-const e = f.forwardRef, n = e(
-  ({ as: o, className: t, tone: r = "info", children: a, ...s }, m) => /* @__PURE__ */ p(
-    o || "div",
-    {
-      "data-slot": "toast-root",
-      ref: m,
-      className: i(c({ tone: r }), t),
-      ...s,
-      children: a
-    }
-  )
-);
-n.displayName = "ToastRoot";
+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 {
-  n as ToastRoot
+  r as ResponsivePopoverDrawerContext,
+  s as useResponsivePopoverDrawerContext
 };

package/dist/mainstack-design-system591.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("react"),i=require("./utils-DrLMGmuk.cjs"),u=require("./index-CpE6WAgy.cjs"),e=a.forwardRef(({asChild:t,className:o,...s},n)=>{const r=t?u.Slot:"span";return c.jsx(r,{ref:n,"data-slot":"toast-icon",className:i.cn("flex h-28 w-28 items-center justify-center rounded-full p-8",o),...s})});e.displayName="ToastIcon";exports.ToastIcon=e;
+"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-system591.js

@@ -1,22 +1,16 @@
-import { jsx as s } from "react/jsx-runtime";
-import e from "react";
-import { c as m } from "./utils-DC6U5j2d.js";
-import { S as c } from "./index-BtQfgaSF.js";
-const n = e.forwardRef(
-  ({ asChild: o, className: t, ...r }, a) => /* @__PURE__ */ s(
-    o ? c : "span",
-    {
-      ref: a,
-      "data-slot": "toast-icon",
-      className: m(
-        "flex h-28 w-28 items-center justify-center rounded-full p-8",
-        t
-      ),
-      ...r
-    }
-  )
+import { createContext as e, useContext as n } from "react";
+const o = e(
+  null
 );
-n.displayName = "ToastIcon";
+function c() {
+  const t = n(o);
+  if (!t)
+    throw new Error(
+      "useDatePickerContext must be used within a <DatePickerContext />."
+    );
+  return t;
+}
 export {
-  n as ToastIcon
+  o as DatePickerContext,
+  c as useDatePickerContext
 };

package/dist/mainstack-design-system592.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),l=require("./utils-DrLMGmuk.cjs"),i=c.forwardRef,t=i(({as:e,className:o,...n},s)=>{const r=e||"div";return a.jsx(r,{"data-slot":"toast-content",ref:s,className:l.cn("flex flex-col gap-4 flex-1",o),...n})});t.displayName="ToastContent";exports.ToastContent=t;
+"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-system592.js

@@ -1,18 +1,16 @@
-import { jsx as r } from "react/jsx-runtime";
-import s from "react";
-import { c as m } from "./utils-DC6U5j2d.js";
-const n = s.forwardRef, c = n(
-  ({ as: o, className: t, ...a }, e) => /* @__PURE__ */ r(
-    o || "div",
-    {
-      "data-slot": "toast-content",
-      ref: e,
-      className: m("flex flex-col gap-4 flex-1", t),
-      ...a
-    }
-  )
+import { createContext as t, useContext as n } from "react";
+const o = t(
+  null
 );
-c.displayName = "ToastContent";
+function i() {
+  const e = n(o);
+  if (!e)
+    throw new Error(
+      "useTimePickerContext must be used within a <TimePickerContext />."
+    );
+  return e;
+}
 export {
-  c as ToastContent
+  o as TimePickerContext,
+  i as useTimePickerContext
 };

package/dist/mainstack-design-system593.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),c=require("./utils-DrLMGmuk.cjs");function i(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const u=i(l),n=u.forwardRef(({as:e,className:o,...t},r)=>{const a=e||"h5";return s.jsx(a,{ref:r,"data-slot":"tile-title",className:c.cn("body-small-semibold",o),...t})});n.displayName="ToastTitle";exports.ToastTitle=n;
+"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-system593.js

@@ -1,18 +1,18 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as m from "react";
-import { c as r } from "./utils-DC6U5j2d.js";
-const l = m.forwardRef(
-  ({ as: o, className: t, ...a }, e) => /* @__PURE__ */ s(
-    o || "h5",
-    {
-      ref: e,
-      "data-slot": "tile-title",
-      className: r("body-small-semibold", t),
-      ...a
+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"));
     }
-  )
-);
-l.displayName = "ToastTitle";
+    o.Minutes.push(t.toString().padStart(2, "0"));
+  }
+  return o;
+}, e = r();
 export {
-  l as ToastTitle
+  e as timeOptionBreakdown
 };

package/dist/mainstack-design-system594.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./utils-DrLMGmuk.cjs"),t=({className:e,...s})=>i.jsx("p",{"data-slot":"toast-description",className:o.cn("body-extrasmall-regular",e),...s});t.displayName="ToastDescription";exports.ToastDescription=t;
+"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;

package/dist/mainstack-design-system594.js

@@ -1,17 +1,17 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c as a } from "./utils-DC6U5j2d.js";
-const r = ({
-  className: t,
-  ...o
-}) => /* @__PURE__ */ s(
-  "p",
-  {
-    "data-slot": "toast-description",
-    className: a("body-extrasmall-regular", t),
-    ...o
-  }
-);
-r.displayName = "ToastDescription";
+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();
 export {
-  r as ToastDescription
+  i as CountrySelectOptionsArray,
+  a as getCountrySelectOptionsArray
 };

package/dist/mainstack-design-system595.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),a=require("./utils-DrLMGmuk.cjs"),l=n.forwardRef,t=l(({as:e,className:o,...s},r)=>{const c=e||"div";return i.jsx(c,{ref:r,className:a.cn("flex gap-6",o),...s})});t.displayName="ToastActions";exports.ToastActions=t;
+"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-system595.js

@@ -1,17 +1,13 @@
-import { jsx as s } from "react/jsx-runtime";
-import m from "react";
-import { c } from "./utils-DC6U5j2d.js";
-const p = m.forwardRef, e = p(
-  ({ as: o, className: r, ...t }, a) => /* @__PURE__ */ s(
-    o || "div",
-    {
-      ref: a,
-      className: c("flex gap-6", r),
-      ...t
-    }
-  )
-);
-e.displayName = "ToastActions";
+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 {
-  e as ToastActions
+  r as TableContext,
+  n as useTableScroll
 };

package/dist/mainstack-design-system596.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./mainstack-design-system591.cjs"),o=require("./mainstack-design-system595.cjs"),s=require("./mainstack-design-system594.cjs"),n=require("./mainstack-design-system593.cjs"),a=require("./mainstack-design-system590.cjs"),e=require("./mainstack-design-system592.cjs"),T=require("./mainstack-design-system588.cjs"),i={Root:a.ToastRoot,Icon:t.ToastIcon,Actions:o.ToastActions,Title:n.ToastTitle,Description:s.ToastDescription,Content:e.ToastContent};exports.ToastIcon=t.ToastIcon;exports.ToastActions=o.ToastActions;exports.ToastDescription=s.ToastDescription;exports.ToastTitle=n.ToastTitle;exports.ToastContent=e.ToastContent;exports.toastVariants=T.toastVariants;exports.ToastGroup=i;
+'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-system596.js

@@ -1,24 +1,14 @@
-import { ToastIcon as o } from "./mainstack-design-system591.js";
-import { ToastActions as t } from "./mainstack-design-system595.js";
-import { ToastDescription as r } from "./mainstack-design-system594.js";
-import { ToastTitle as i } from "./mainstack-design-system593.js";
-import { ToastRoot as s } from "./mainstack-design-system590.js";
-import { ToastContent as m } from "./mainstack-design-system592.js";
-import { toastVariants as A } from "./mainstack-design-system588.js";
-const f = {
-  Root: s,
-  Icon: o,
-  Actions: t,
-  Title: i,
-  Description: r,
-  Content: m
+'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 {
-  t as ToastActions,
-  m as ToastContent,
-  r as ToastDescription,
-  f as ToastGroup,
-  o as ToastIcon,
-  i as ToastTitle,
-  A as toastVariants
+  e as PaginationContext,
+  r as usePagination
 };

package/dist/mainstack-design-system597.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("./index-5zLWZzxK.cjs"),e=({position:t,...o})=>r.jsx(s.Toaster,{position:t,richColors:!1,closeButton:!1,...o});e.displayName="ToastContainer";exports.Toaster=e;
+"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-system597.js

@@ -1,16 +1,27 @@
-'use client';
-import { jsx as s } from "react/jsx-runtime";
-import { T as t } from "./index-B6sSWi7l.js";
-const a = ({ position: o, ...r }) => /* @__PURE__ */ s(
-  t,
-  {
-    position: o,
-    richColors: !1,
-    closeButton: !1,
-    ...r
-  }
-);
-a.displayName = "ToastContainer";
+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 {
-  a as Toaster
+  o as mapDefaultValuesToSelectedOption,
+  i as parseSelectOptions
 };

package/dist/mainstack-design-system598.cjs

@@ -1,2 +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-system355.cjs");const K=require("./mainstack-design-system102.cjs");require("./player-BKifgSJo.cjs");const U=require("./utils-DrLMGmuk.cjs");function X(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,a.get?a:{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:a,defaultChecked:s,disabled:r,form:f,name:p,onCheckedChange:u,required:k,value:m="on",internal_do_not_use_render:l}=e,[b,g]=F.useControllableState({prop:t,defaultProp:s??!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:m,hasConsumerStoppedPropagationRef:i,required:k,defaultChecked:h(s)?!1:s,isFormControl:R,bubbleInput:y,setBubbleInput:n};return c.jsx(Q,{scope:o,...I,children:W(l)?l(I):a})}var S="CheckboxTrigger",N=d.forwardRef(({__scopeCheckbox:e,onKeyDown:o,onClick:t,...a},s)=>{const{control:r,value:f,disabled:p,checked:u,required:k,setControl:m,setChecked:l,hasConsumerStoppedPropagationRef:b,isFormControl:g,bubbleInput:x}=P(S,e),C=q.useComposedRefs(s,m),y=d.useRef(u);return d.useEffect(()=>{const n=r?.form;if(n){const i=()=>l(y.current);return n.addEventListener("reset",i),()=>n.removeEventListener("reset",i)}},[r,l]),c.jsx(v.Primitive.button,{type:"button",role:"checkbox","aria-checked":h(u)?"mixed":u,"aria-required":k,"data-state":T(u),"data-disabled":p?"":void 0,disabled:p,value:f,...a,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:a,checked:s,defaultChecked:r,required:f,disabled:p,value:u,onCheckedChange:k,form:m,...l}=e;return c.jsx(V,{__scopeCheckbox:t,checked:s,defaultChecked:r,disabled:p,required:f,onCheckedChange:k,name:a,form:m,value:u,internal_do_not_use_render:({isFormControl:b})=>c.jsxs(c.Fragment,{children:[c.jsx(N,{...l,ref:o,__scopeCheckbox:t}),b&&c.jsx(M,{__scopeCheckbox:t})]})})});w.displayName=_;var z="CheckboxIndicator",O=d.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:a,...s}=e,r=P(z,t);return c.jsx(G.Presence,{present:a||h(r.checked)||r.checked===!0,children:c.jsx(v.Primitive.span,{"data-state":T(r.checked),"data-disabled":r.disabled?"":void 0,...s,ref:o,style:{pointerEvents:"none",...e.style}})})});O.displayName=z;var B="CheckboxBubbleInput",M=d.forwardRef(({__scopeCheckbox:e,...o},t)=>{const{control:a,hasConsumerStoppedPropagationRef:s,checked:r,defaultChecked:f,required:p,disabled:u,name:k,value:m,form:l,bubbleInput:b,setBubbleInput:g}=P(B,e),x=q.useComposedRefs(t,g),C=H.usePrevious(r),y=L.useSize(a);d.useEffect(()=>{const i=b;if(!i)return;const R=window.HTMLInputElement.prototype,j=Object.getOwnPropertyDescriptor(R,"checked").set,$=!s.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,s]);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:k,value:m,form:l,...o,tabIndex:-1,ref:x,style:{...o.style,...y,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});M.displayName=B;function W(e){return typeof e=="function"}function h(e){return e==="indeterminate"}function T(e){return h(e)?"indeterminate":e?"checked":"unchecked"}const D=E.forwardRef(({className:e,...o},t)=>c.jsx(w,{"data-slot":"checkbox-indicator",className:U.cn("peer relative flex justify-center items-center cursor-pointer  gap-12 border rounded-6 border-border-interactive-neutral bg-on-primary 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-[checkbox-shape=full-radius]:rounded-full 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;
+"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-system355.cjs");const K=require("./mainstack-design-system102.cjs");require("./player-BKifgSJo.cjs");const U=require("./utils-FBJ8OQ9f.cjs");function X(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,a.get?a:{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:a,defaultChecked:s,disabled:r,form:f,name:p,onCheckedChange:u,required:k,value:m="on",internal_do_not_use_render:l}=e,[b,g]=F.useControllableState({prop:t,defaultProp:s??!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:m,hasConsumerStoppedPropagationRef:i,required:k,defaultChecked:h(s)?!1:s,isFormControl:R,bubbleInput:y,setBubbleInput:n};return c.jsx(Q,{scope:o,...I,children:W(l)?l(I):a})}var S="CheckboxTrigger",N=d.forwardRef(({__scopeCheckbox:e,onKeyDown:o,onClick:t,...a},s)=>{const{control:r,value:f,disabled:p,checked:u,required:k,setControl:m,setChecked:l,hasConsumerStoppedPropagationRef:b,isFormControl:g,bubbleInput:x}=P(S,e),C=q.useComposedRefs(s,m),y=d.useRef(u);return d.useEffect(()=>{const n=r?.form;if(n){const i=()=>l(y.current);return n.addEventListener("reset",i),()=>n.removeEventListener("reset",i)}},[r,l]),c.jsx(v.Primitive.button,{type:"button",role:"checkbox","aria-checked":h(u)?"mixed":u,"aria-required":k,"data-state":T(u),"data-disabled":p?"":void 0,disabled:p,value:f,...a,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:a,checked:s,defaultChecked:r,required:f,disabled:p,value:u,onCheckedChange:k,form:m,...l}=e;return c.jsx(V,{__scopeCheckbox:t,checked:s,defaultChecked:r,disabled:p,required:f,onCheckedChange:k,name:a,form:m,value:u,internal_do_not_use_render:({isFormControl:b})=>c.jsxs(c.Fragment,{children:[c.jsx(N,{...l,ref:o,__scopeCheckbox:t}),b&&c.jsx(M,{__scopeCheckbox:t})]})})});w.displayName=_;var z="CheckboxIndicator",O=d.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:a,...s}=e,r=P(z,t);return c.jsx(G.Presence,{present:a||h(r.checked)||r.checked===!0,children:c.jsx(v.Primitive.span,{"data-state":T(r.checked),"data-disabled":r.disabled?"":void 0,...s,ref:o,style:{pointerEvents:"none",...e.style}})})});O.displayName=z;var B="CheckboxBubbleInput",M=d.forwardRef(({__scopeCheckbox:e,...o},t)=>{const{control:a,hasConsumerStoppedPropagationRef:s,checked:r,defaultChecked:f,required:p,disabled:u,name:k,value:m,form:l,bubbleInput:b,setBubbleInput:g}=P(B,e),x=q.useComposedRefs(t,g),C=H.usePrevious(r),y=L.useSize(a);d.useEffect(()=>{const i=b;if(!i)return;const R=window.HTMLInputElement.prototype,j=Object.getOwnPropertyDescriptor(R,"checked").set,$=!s.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,s]);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:k,value:m,form:l,...o,tabIndex:-1,ref:x,style:{...o.style,...y,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});M.displayName=B;function W(e){return typeof e=="function"}function h(e){return e==="indeterminate"}function T(e){return h(e)?"indeterminate":e?"checked":"unchecked"}const D=E.forwardRef(({className:e,...o},t)=>c.jsx(w,{"data-slot":"checkbox-indicator",className:U.cn("peer relative flex justify-center items-center cursor-pointer  gap-12 border rounded-6 border-border-interactive-neutral bg-on-primary 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-[checkbox-shape=full-radius]:rounded-full 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-system598.js

@@ -11,7 +11,7 @@ import { P as $ } from "./index-BpWB3aFK.js";
 import "./mainstack-design-system355.js";
 import J from "./mainstack-design-system102.js";
 import "./player-DSenNqFV.js";
-import { c as Q } from "./utils-DC6U5j2d.js";
+import { c as Q } from "./utils-DnnzGb1L.js";
 var y = "Checkbox", [V] = G(y), [W, _] = V(y);
 function Y(r) {
   const {

package/dist/mainstack-design-system599.cjs

@@ -1,2 +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("./utils-DrLMGmuk.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;
+"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("./utils-FBJ8OQ9f.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;

package/dist/mainstack-design-system599.js

@@ -7,7 +7,7 @@ import { u as y } from "./index-DLcqcWxM.js";
 import { u as A } from "./index-437EL2iq.js";
 import { u as U } from "./index-BZPx6jYI.js";
 import { u as q } from "./index-BGQepRFJ.js";
-import { c as C } from "./utils-DC6U5j2d.js";
+import { c as C } from "./utils-DnnzGb1L.js";
 var m = "Switch", [z] = H(m), [L, O] = z(m), R = a.forwardRef(
   (t, r) => {
     const {

package/dist/mainstack-design-system600.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),M=require("react"),p=require("./utils-DrLMGmuk.cjs"),R=require("./mainstack-design-system578.cjs"),y=require("./mainstack-design-system579.cjs"),x=require("./mainstack-design-system384.cjs"),c=require("./DayPickerExtended-C-mkxMLf.cjs");function C(a,r,e){return c.addMonths(a,-1,e)}const u=M.forwardRef(({className:a,...r},e)=>{const[d]=y("(min-width: 900px)"),{ref:l,matches:m}=x.useContainerMatchMedia({query:{minWidth:660}}),{value:n,closeOnRangeSelect:f,setActiveMenu:h,onValueChange:o,onOpenChange:i}=R.useDateRangeContext();return s.jsx("div",{"data-slot":"date-range-calendar",ref:t=>{l.current=t,typeof e=="function"?e(t):typeof e=="object"&&e!==null&&(e.current=t)},className:p.cn("@container min-w-auto min-[900px]:min-w-670",a),children:s.jsx(c.DayPickerExtended,{...r,animate:!0,mode:"range",captionLayout:"dropdown",numberOfMonths:d||m?2:1,navLayout:"around",className:"ms-date-range",selected:n,defaultMonth:n?.from||C(new Date),onSelect:((t,g)=>{o&&(n?.from&&n.to||!n?.from?o({from:g}):(o(t),f&&i&&i(!1))),h(null)})})})});u.displayName="DateRangeCalendar";exports.DateRangeCalendar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),M=require("react"),p=require("./utils-FBJ8OQ9f.cjs"),R=require("./mainstack-design-system588.cjs"),y=require("./mainstack-design-system589.cjs"),x=require("./mainstack-design-system385.cjs"),c=require("./DayPickerExtended-DNqwrYF1.cjs");function C(a,r,e){return c.addMonths(a,-1,e)}const u=M.forwardRef(({className:a,...r},e)=>{const[d]=y("(min-width: 900px)"),{ref:l,matches:m}=x.useContainerMatchMedia({query:{minWidth:660}}),{value:n,closeOnRangeSelect:f,setActiveMenu:h,onValueChange:o,onOpenChange:i}=R.useDateRangeContext();return s.jsx("div",{"data-slot":"date-range-calendar",ref:t=>{l.current=t,typeof e=="function"?e(t):typeof e=="object"&&e!==null&&(e.current=t)},className:p.cn("@container min-w-auto min-[900px]:min-w-670",a),children:s.jsx(c.DayPickerExtended,{...r,animate:!0,mode:"range",captionLayout:"dropdown",numberOfMonths:d||m?2:1,navLayout:"around",className:"ms-date-range",selected:n,defaultMonth:n?.from||C(new Date),onSelect:((t,g)=>{o&&(n?.from&&n.to||!n?.from?o({from:g}):(o(t),f&&i&&i(!1))),h(null)})})})});u.displayName="DateRangeCalendar";exports.DateRangeCalendar=u;

package/dist/mainstack-design-system600.js

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { c as h } from "./utils-DC6U5j2d.js";
-import { useDateRangeContext as M } from "./mainstack-design-system578.js";
-import g from "./mainstack-design-system579.js";
-import { useContainerMatchMedia as y } from "./mainstack-design-system384.js";
-import { a as D, D as w } from "./DayPickerExtended-BWfjKhHS.js";
+import { c as h } from "./utils-DnnzGb1L.js";
+import { useDateRangeContext as M } from "./mainstack-design-system588.js";
+import g from "./mainstack-design-system589.js";
+import { useContainerMatchMedia as y } from "./mainstack-design-system385.js";
+import { a as D, D as w } from "./DayPickerExtended-C1hsWVH0.js";
 function x(n, r, e) {
   return D(n, -1, e);
 }