mainstack-design-system 1.13.1 → 1.14.0

package/dist/mainstack-design-system576.js

@@ -2,7 +2,7 @@
 import { jsxs as u, jsx as s } from "react/jsx-runtime";
 import { forwardRef as p, useContext as f } from "react";
 import { j as v } from "./index-6WEiHZQh.js";
-import { c as x } from "./utils-DXoRlwh9.js";
+import { c as x } from "./utils-D85wpvmd.js";
 const h = p(
   ({
     className: a,

package/dist/mainstack-design-system579.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),i=require("react"),d=require("./mainstack-design-system611.cjs"),m=require("./mainstack-design-system594.cjs"),L=require("./mainstack-design-system585.cjs"),s=require("./utils-Dc5FbAZW.cjs"),u=i.forwardRef(({...a},C)=>{const{onOptionOpenChange:y,searchCountry:l,includeLocales:t,excludeLocales:r,value:_,onValueChange:n,onMetadataChange:o}=d.useCurrencyPickerContext(),p=i.useMemo(()=>s.getFilteredCountryLocaleList({includeLocales:t,excludeLocales:r}),[r,t]);return O.jsx(m.FormCountryOptionsList,{...a,"data-slot":"currency-picker-options-list",ref:C,activeCountry:_,onOptionOpenChange:y,searchCountry:l,countryList:p,onSetActiveCountry:e=>{n&&n(e);const c=s.getCurrencyPickerMetadataValueObject({activeCountry:e});o&&o(c)},getCountryMetaInfo:e=>e&&L.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[e]||""})});u.displayName="CurrencyPickerOptionsList";exports.CurrencyPickerOptionsList=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),i=require("react"),d=require("./mainstack-design-system611.cjs"),m=require("./mainstack-design-system594.cjs"),L=require("./mainstack-design-system585.cjs"),s=require("./utils-Bdd5vx6a.cjs"),u=i.forwardRef(({...a},C)=>{const{onOptionOpenChange:y,searchCountry:l,includeLocales:t,excludeLocales:r,value:_,onValueChange:n,onMetadataChange:o}=d.useCurrencyPickerContext(),p=i.useMemo(()=>s.getFilteredCountryLocaleList({includeLocales:t,excludeLocales:r}),[r,t]);return O.jsx(m.FormCountryOptionsList,{...a,"data-slot":"currency-picker-options-list",ref:C,activeCountry:_,onOptionOpenChange:y,searchCountry:l,countryList:p,onSetActiveCountry:e=>{n&&n(e);const c=s.getCurrencyPickerMetadataValueObject({activeCountry:e});o&&o(c)},getCountryMetaInfo:e=>e&&L.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[e]||""})});u.displayName="CurrencyPickerOptionsList";exports.CurrencyPickerOptionsList=u;

package/dist/mainstack-design-system579.js

@@ -4,7 +4,7 @@ import { forwardRef as p, useMemo as l } from "react";
 import { useCurrencyPickerContext as f } from "./mainstack-design-system611.js";
 import { FormCountryOptionsList as d } from "./mainstack-design-system594.js";
 import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as O } from "./mainstack-design-system585.js";
-import { e as L, m as _ } from "./utils-DXoRlwh9.js";
+import { e as L, m as _ } from "./utils-D85wpvmd.js";
 const g = p(
   ({ ...i }, a) => {
     const {

package/dist/mainstack-design-system581.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("./index-4R9KShCu.cjs"),d=require("react"),p=require("./utils-Dc5FbAZW.cjs"),P=require("./mainstack-design-system611.cjs"),c=d.forwardRef(({children:i,onWheel:r,onTouchMove:t,className:s,...a},u)=>{const{isOptionOpen:l}=P.useCurrencyPickerContext();return o.jsx(n.PopoverPortal,{children:o.jsx(n.PopoverContent,{sideOffset:6,"data-slot":"currency-picker-portal",role:"listbox","data-select-options-opened":l,className:p.cn(" mds:will-change-transform mds:z-100 mds:data-[state=open]:animate-content-fade-in mds:animate-content-fade-out mds:w-319 ",s),ref:u,onWheel:e=>{e.stopPropagation(),r&&r(e)},onTouchMove:e=>{e.stopPropagation(),t&&t(e)},...a,children:i})})});c.displayName="CurrencyPickerPortal";exports.CurrencyPickerPortal=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("./index-4R9KShCu.cjs"),d=require("react"),p=require("./utils-Bdd5vx6a.cjs"),P=require("./mainstack-design-system611.cjs"),c=d.forwardRef(({children:i,onWheel:r,onTouchMove:t,className:s,...a},u)=>{const{isOptionOpen:l}=P.useCurrencyPickerContext();return o.jsx(n.PopoverPortal,{children:o.jsx(n.PopoverContent,{sideOffset:6,"data-slot":"currency-picker-portal",role:"listbox","data-select-options-opened":l,className:p.cn(" mds:will-change-transform mds:z-100 mds:data-[state=open]:animate-content-fade-in mds:animate-content-fade-out mds:w-319 ",s),ref:u,onWheel:e=>{e.stopPropagation(),r&&r(e)},onTouchMove:e=>{e.stopPropagation(),t&&t(e)},...a,children:i})})});c.displayName="CurrencyPickerPortal";exports.CurrencyPickerPortal=c;

package/dist/mainstack-design-system581.js

@@ -2,7 +2,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { b as m, c as p } from "./index-RoCFhqzC.js";
 import { forwardRef as d } from "react";
-import { c as f } from "./utils-DXoRlwh9.js";
+import { c as f } from "./utils-D85wpvmd.js";
 import { useCurrencyPickerContext as l } from "./mainstack-design-system611.js";
 const P = d(
   ({

package/dist/mainstack-design-system583.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./index-4R9KShCu.cjs"),d=require("./mainstack-design-system611.cjs"),a=require("./mainstack-design-system585.cjs"),r=require("./mainstack-design-system36.cjs");require("./mainstack-design-system431.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system434.cjs");require("./mainstack-design-system435.cjs");require("./mainstack-design-system436.cjs");require("./mainstack-design-system437.cjs");require("./mainstack-design-system438.cjs");const m=require("./mainstack-design-system615.cjs");require("./mainstack-design-system357.cjs");const l=require("./mainstack-design-system196.cjs");require("react");require("./player-CJwHCOfT.cjs");const _=require("./utils-Dc5FbAZW.cjs"),p=({className:o,...s})=>{const{value:n,isOptionOpen:c}=d.useCurrencyPickerContext(),i=t=>t&&a.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[t]||"";return e.jsx(u.PopoverTrigger,{asChild:!0,children:e.jsxs(r.ButtonGroup.Root,{rounded:"sm",size:"xs",variant:"secondary","data-slot":"currency-picker-trigger",className:_.cn("mds:w-92",o),...s,children:[e.jsx(r.ButtonGroup.Icon,{children:e.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:m.getCountryFlagComp(n)})}),e.jsx(r.ButtonGroup.Label,{children:i(n)}),e.jsx(r.ButtonGroup.Icon,{children:e.jsx(l,{"data-select-options-opened":c,className:"mds:size-20 mds:transition-transform mds:transition-1000 mds:data-[select-options-opened=true]:rotate-180"})})]})})};exports.CurrencyPickerTrigger=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./index-4R9KShCu.cjs"),d=require("./mainstack-design-system611.cjs"),a=require("./mainstack-design-system585.cjs"),r=require("./mainstack-design-system36.cjs");require("./mainstack-design-system431.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system433.cjs");require("./mainstack-design-system434.cjs");require("./mainstack-design-system435.cjs");require("./mainstack-design-system436.cjs");require("./mainstack-design-system437.cjs");require("./mainstack-design-system438.cjs");const m=require("./mainstack-design-system615.cjs");require("./mainstack-design-system357.cjs");const l=require("./mainstack-design-system196.cjs");require("react");require("./player-BBiZ5mNK.cjs");const _=require("./utils-Bdd5vx6a.cjs"),p=({className:o,...s})=>{const{value:n,isOptionOpen:c}=d.useCurrencyPickerContext(),i=t=>t&&a.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[t]||"";return e.jsx(u.PopoverTrigger,{asChild:!0,children:e.jsxs(r.ButtonGroup.Root,{rounded:"sm",size:"xs",variant:"secondary","data-slot":"currency-picker-trigger",className:_.cn("mds:w-92",o),...s,children:[e.jsx(r.ButtonGroup.Icon,{children:e.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:m.getCountryFlagComp(n)})}),e.jsx(r.ButtonGroup.Label,{children:i(n)}),e.jsx(r.ButtonGroup.Icon,{children:e.jsx(l,{"data-select-options-opened":c,className:"mds:size-20 mds:transition-transform mds:transition-1000 mds:data-[select-options-opened=true]:rotate-180"})})]})})};exports.CurrencyPickerTrigger=p;

package/dist/mainstack-design-system583.js

@@ -16,8 +16,8 @@ import { getCountryFlagComp as l } from "./mainstack-design-system615.js";
 import "./mainstack-design-system357.js";
 import u from "./mainstack-design-system196.js";
 import "react";
-import "./player-BDdAqd8Q.js";
-import { c as f } from "./utils-DXoRlwh9.js";
+import "./player-Cs7wtvrg.js";
+import { c as f } from "./utils-D85wpvmd.js";
 const A = ({
   className: i,
   ...n

package/dist/mainstack-design-system592.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system357.cjs");const i=require("./mainstack-design-system197.cjs");require("./player-CJwHCOfT.cjs");const l=require("./utils-Dc5FbAZW.cjs"),u=require("./mainstack-design-system615.cjs"),s=c.forwardRef(({isOptionOpen:t,activeCountry:r,onOptionOpenChange:o,isError:d,isSuccess:n,...a},m)=>e.jsxs("button",{onClick:()=>o(!0),"data-select-options-opened":t,"data-editable":"false",className:l.cn("form-root-slot-defaults","mds:group mds:flex mds:items-center mds:w-66 mds:h-48 mds:gap-6 mds:py-14 mds:cursor-pointer mds:px-12 mds:rounded-14 mds:disabled:cursor-not-allowed mds:disabled:opacity-50 mds:data-[select-options-opened=true]:ring-2 mds:data-[select-options-opened=true]:ring-border-interactive-neutral-active"),ref:m,...a,children:[e.jsx("div",{"data-error":d,"data-success":n,className:"mds:flex mds:items-center mds:justify-center",children:u.getCountryFlagComp(r)}),e.jsx(i,{"data-select-options-opened":t,className:"mds:size-16 mds:transition-transform mds:transition-1000 mds:group-data-[select-options-opened=true]:rotate-180"})]}));s.displayName=" FormCountrySelect";exports.FormCountrySelect=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system357.cjs");const i=require("./mainstack-design-system197.cjs");require("./player-BBiZ5mNK.cjs");const l=require("./utils-Bdd5vx6a.cjs"),u=require("./mainstack-design-system615.cjs"),s=c.forwardRef(({isOptionOpen:t,activeCountry:r,onOptionOpenChange:o,isError:d,isSuccess:n,...a},m)=>e.jsxs("button",{onClick:()=>o(!0),"data-select-options-opened":t,"data-editable":"false",className:l.cn("form-root-slot-defaults","mds:group mds:flex mds:items-center mds:w-66 mds:h-48 mds:gap-6 mds:py-14 mds:cursor-pointer mds:px-12 mds:rounded-14 mds:disabled:cursor-not-allowed mds:disabled:opacity-50 mds:data-[select-options-opened=true]:ring-2 mds:data-[select-options-opened=true]:ring-border-interactive-neutral-active"),ref:m,...a,children:[e.jsx("div",{"data-error":d,"data-success":n,className:"mds:flex mds:items-center mds:justify-center",children:u.getCountryFlagComp(r)}),e.jsx(i,{"data-select-options-opened":t,className:"mds:size-16 mds:transition-transform mds:transition-1000 mds:group-data-[select-options-opened=true]:rotate-180"})]}));s.displayName=" FormCountrySelect";exports.FormCountrySelect=s;

package/dist/mainstack-design-system592.js

@@ -2,8 +2,8 @@ import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
 import "./mainstack-design-system357.js";
 import c from "./mainstack-design-system197.js";
-import "./player-BDdAqd8Q.js";
-import { c as l } from "./utils-DXoRlwh9.js";
+import "./player-Cs7wtvrg.js";
+import { c as l } from "./utils-D85wpvmd.js";
 import { getCountryFlagComp as p } from "./mainstack-design-system615.js";
 const u = i(
   ({

package/dist/mainstack-design-system593.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),i=require("./utils-Dc5FbAZW.cjs"),e=n.forwardRef(({isOptionOpen:r,className:s,...o},t)=>d.jsx("div",{"data-select-options-opened":r,className:i.cn("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",s),ref:t,...o}));e.displayName="FormCountryOptions";exports.FormCountryOptions=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),n=require("react"),i=require("./utils-Bdd5vx6a.cjs"),e=n.forwardRef(({isOptionOpen:r,className:s,...o},t)=>d.jsx("div",{"data-select-options-opened":r,className:i.cn("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",s),ref:t,...o}));e.displayName="FormCountryOptions";exports.FormCountryOptions=e;

package/dist/mainstack-design-system593.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { c as t } from "./utils-DXoRlwh9.js";
+import { c as t } from "./utils-D85wpvmd.js";
 const a = m(
   ({ isOptionOpen: r, className: o, ...s }, d) => /* @__PURE__ */ e(
     "div",

package/dist/mainstack-design-system594.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),r=require("./utils-Dc5FbAZW.cjs"),p=require("./mainstack-design-system615.cjs"),l=require("./index-BgzojN8c.cjs"),n=d.forwardRef(({onOptionOpenChange:a,searchCountry:t,activeCountry:i,countryList:o,onSetActiveCountry:c,getCountryMetaInfo:u,className:x,...b},f)=>{const m=d.useMemo(()=>t?o.filter(s=>r.countriesEnglishNames[s].toLowerCase().includes(t.toLowerCase())):o,[t,o]);return e.jsxs(l.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(l.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:m.length?m.map(s=>e.jsxs("button",{role:"option","aria-selected":s===i,onClick:()=>{c(s),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:[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:p.getCountryFlagComp(s)}),e.jsx("p",{className:r.cn("mds:body-extrasmall-medium","mds:text-primary"),children:r.countriesEnglishNames[s]})]}),e.jsx("p",{className:r.cn("mds:body-extrasmall-regular","mds:text-secondary"),children:u(s)})]},s)):e.jsx("p",{className:r.cn("mds:body-extrasmall-regular","mds:text-tertiary mds:text-center"),children:"No option found"})})}),e.jsx(l.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(l.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(l.ScrollAreaCorner,{className:"mds:bg-border-interactive-neutral-inverse-hover"})]})});n.displayName="FormCountryOptionsList";exports.FormCountryOptionsList=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),r=require("./utils-Bdd5vx6a.cjs"),p=require("./mainstack-design-system615.cjs"),l=require("./index-BgzojN8c.cjs"),n=d.forwardRef(({onOptionOpenChange:a,searchCountry:t,activeCountry:i,countryList:o,onSetActiveCountry:c,getCountryMetaInfo:u,className:x,...b},f)=>{const m=d.useMemo(()=>t?o.filter(s=>r.countriesEnglishNames[s].toLowerCase().includes(t.toLowerCase())):o,[t,o]);return e.jsxs(l.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(l.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:m.length?m.map(s=>e.jsxs("button",{role:"option","aria-selected":s===i,onClick:()=>{c(s),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:[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:p.getCountryFlagComp(s)}),e.jsx("p",{className:r.cn("mds:body-extrasmall-medium","mds:text-primary"),children:r.countriesEnglishNames[s]})]}),e.jsx("p",{className:r.cn("mds:body-extrasmall-regular","mds:text-secondary"),children:u(s)})]},s)):e.jsx("p",{className:r.cn("mds:body-extrasmall-regular","mds:text-tertiary mds:text-center"),children:"No option found"})})}),e.jsx(l.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(l.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(l.ScrollAreaCorner,{className:"mds:bg-border-interactive-neutral-inverse-hover"})]})});n.displayName="FormCountryOptionsList";exports.FormCountryOptionsList=n;

package/dist/mainstack-design-system594.js

@@ -1,6 +1,6 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { forwardRef as u, useMemo as h } from "react";
-import { n as a, c as r } from "./utils-DXoRlwh9.js";
+import { n as a, c as r } from "./utils-D85wpvmd.js";
 import { getCountryFlagComp as x } from "./mainstack-design-system615.js";
 import { S as v, a as N, b as g, c as w, d as y } from "./index-CLUgda6x.js";
 const S = u(

package/dist/mainstack-design-system595.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("./mainstack-design-system440.cjs"),u=require("./mainstack-design-system441.cjs");require("./mainstack-design-system439.cjs");require("./mainstack-design-system357.cjs");const l=require("./mainstack-design-system93.cjs"),d=require("./mainstack-design-system266.cjs");require("./player-CJwHCOfT.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("./mainstack-design-system440.cjs"),u=require("./mainstack-design-system441.cjs");require("./mainstack-design-system439.cjs");require("./mainstack-design-system357.cjs");const l=require("./mainstack-design-system93.cjs"),d=require("./mainstack-design-system266.cjs");require("./player-BBiZ5mNK.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-system595.js

@@ -6,7 +6,7 @@ import "./mainstack-design-system439.js";
 import "./mainstack-design-system357.js";
 import p from "./mainstack-design-system93.js";
 import c from "./mainstack-design-system266.js";
-import "./player-BDdAqd8Q.js";
+import "./player-Cs7wtvrg.js";
 const d = a(
   ({
     searchCountry: e,

package/dist/mainstack-design-system608.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./utils-Dc5FbAZW.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 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;

package/dist/mainstack-design-system608.js

@@ -1,4 +1,4 @@
-import { e as i, n as o } from "./utils-DXoRlwh9.js";
+import { e as i, n as o } from "./utils-D85wpvmd.js";
 const l = ({
   includeLocales: r,
   excludeLocales: s

package/dist/mainstack-design-system612.cjs

@@ -1,2 +1,2 @@
 '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-CJwHCOfT.cjs");const U=require("./utils-Dc5FbAZW.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 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;

package/dist/mainstack-design-system612.js

@@ -10,8 +10,8 @@ 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-BDdAqd8Q.js";
-import { c as Q } from "./utils-DXoRlwh9.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 {

package/dist/mainstack-design-system613.cjs

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

package/dist/mainstack-design-system613.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-DXoRlwh9.js";
+import { c as C } from "./utils-D85wpvmd.js";
 var h = "Switch", [z] = H(h), [L, O] = z(h), R = s.forwardRef(
   (t, r) => {
     const {

package/dist/mainstack-design-system614.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),g=require("react"),p=require("./utils-Dc5FbAZW.cjs"),R=require("./mainstack-design-system603.cjs"),y=require("./mainstack-design-system389.cjs"),c=require("./DayPickerExtended-BPGJ-Zdx.cjs"),x=require("./mainstack-design-system390.cjs");function C(a,r,e){return c.addMonths(a,-1,e)}const u=g.forwardRef(({className:a,...r},e)=>{const[d]=x.useMatchMedia("(min-width: 900px)"),{ref:l,matches:m}=y.useContainerMatchMedia({query:{minWidth:660}}),{value:n,closeOnRangeSelect:f,setActiveMenu:h,onValueChange:o,onOpenChange:s}=R.useDateRangeContext();return i.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("mds:@container mds:min-w-auto mds:min-[900px]:min-w-670",a),children:i.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,M)=>{o&&(n?.from&&n.to||!n?.from?o({from:M}):(o(t),f&&s&&s(!1))),h(null)})})})});u.displayName="DateRangeCalendar";exports.DateRangeCalendar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),g=require("react"),p=require("./utils-Bdd5vx6a.cjs"),R=require("./mainstack-design-system603.cjs"),y=require("./mainstack-design-system389.cjs"),c=require("./DayPickerExtended-CWMOFOzF.cjs"),x=require("./mainstack-design-system390.cjs");function C(a,r,e){return c.addMonths(a,-1,e)}const u=g.forwardRef(({className:a,...r},e)=>{const[d]=x.useMatchMedia("(min-width: 900px)"),{ref:l,matches:m}=y.useContainerMatchMedia({query:{minWidth:660}}),{value:n,closeOnRangeSelect:f,setActiveMenu:h,onValueChange:o,onOpenChange:s}=R.useDateRangeContext();return i.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("mds:@container mds:min-w-auto mds:min-[900px]:min-w-670",a),children:i.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,M)=>{o&&(n?.from&&n.to||!n?.from?o({from:M}):(o(t),f&&s&&s(!1))),h(null)})})})});u.displayName="DateRangeCalendar";exports.DateRangeCalendar=u;

package/dist/mainstack-design-system614.js

@@ -1,9 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { c as h } from "./utils-DXoRlwh9.js";
+import { c as h } from "./utils-D85wpvmd.js";
 import { useDateRangeContext as M } from "./mainstack-design-system603.js";
 import { useContainerMatchMedia as g } from "./mainstack-design-system389.js";
-import { a as y, D } from "./DayPickerExtended-D2eO1wPT.js";
+import { a as y, D } from "./DayPickerExtended-DqlbFhpw.js";
 import { useMatchMedia as w } from "./mainstack-design-system390.js";
 function x(n, r, e) {
   return y(n, -1, e);

package/dist/mainstack-design-system615.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),G=require("./utils-Dc5FbAZW.cjs");require("./mainstack-design-system357.cjs");const B=require("./mainstack-design-system248.cjs");require("react");require("./player-CJwHCOfT.cjs");const T=["AC","AD","AE","AF","AG","AI","AL","AM","AO","AQ","AR","AS","AT","AU","AW","AX","AZ","BA","BB","BD","BE","BF","BG","BH","BI","BJ","BL","BM","BN","BO","BQ-BO","BQ-SA","BQ-SE","BQ","BR","BS","BT","BV","BW","BY","BZ","CA","CC","CD","CF","CG","CH","CI","CK","CL","CM","CN","CO","CR","CU","CV","CW","CX","CY","CZ","DE","DJ","DK","DM","DO","DZ","EC","EE","EG","EH","ER","ES-CT","ES","ET","EU","FI","FJ","FK","FM","FO","FR","GA","GB-ENG","GB-NIR","GB-SCT","GB-WLS","GB","GD","GE","GF","GG","GH","GI","GL","GM","GN","GP","GQ","GR","GS","GT","GU","GW","GY","HK","HM","HN","HR","HT","HU","IC","ID","IE","IL","IM","IN","IO","IQ","IR","IS","IT","JE","JM","JO","JP","KE","KG","KH","KI","KM","KN","KP","KR","KW","KY","KZ","LA","LB","LC","LI","LK","LR","LS","LT","LU","LV","LY","MA","MC","MD","ME","MF","MG","MH","MK","ML","MM","MN","MO","MP","MQ","MR","MS","MT","MU","MV","MW","MX","MY","MZ","NA","NC","NE","NF","NG","NI","NL","NO","NP","NR","NU","NZ","OM","PA","PE","PF","PG","PH","PK","PL","PM","PN","PR","PS","PT","PW","PY","QA","RE","RO","RS","RU","RW","SA","SB","SC","SD","SE","SG","SH","SI","SJ","SK","SL","SM","SN","SO","SR","SS","ST","SV","SX","SY","SZ","TA","TC","TD","TF","TG","TH","TJ","TK","TL","TM","TN","TO","TR","TT","TV","TW","TZ","UA","UG","UM","US","UY","UZ","VA","VC","VE","VG","VI","VN","VU","WF","WS","XA","XC","XK","XO","YE","YT","ZA","ZM","ZW"];function A(M){return T.indexOf(M)>=0}const E=(M,S)=>{const e=C.jsx(B,{className:G.cn("mds:size-20",S)});return!M||!A(M)?e:C.jsx("span",{className:G.cn(`flag:${M}`,"mds:size-20! mds:min-w-20 mds:overflow-hidden mds:rounded-full",S)})};exports.getCountryFlagComp=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),G=require("./utils-Bdd5vx6a.cjs");require("./mainstack-design-system357.cjs");const B=require("./mainstack-design-system248.cjs");require("react");require("./player-BBiZ5mNK.cjs");const T=["AC","AD","AE","AF","AG","AI","AL","AM","AO","AQ","AR","AS","AT","AU","AW","AX","AZ","BA","BB","BD","BE","BF","BG","BH","BI","BJ","BL","BM","BN","BO","BQ-BO","BQ-SA","BQ-SE","BQ","BR","BS","BT","BV","BW","BY","BZ","CA","CC","CD","CF","CG","CH","CI","CK","CL","CM","CN","CO","CR","CU","CV","CW","CX","CY","CZ","DE","DJ","DK","DM","DO","DZ","EC","EE","EG","EH","ER","ES-CT","ES","ET","EU","FI","FJ","FK","FM","FO","FR","GA","GB-ENG","GB-NIR","GB-SCT","GB-WLS","GB","GD","GE","GF","GG","GH","GI","GL","GM","GN","GP","GQ","GR","GS","GT","GU","GW","GY","HK","HM","HN","HR","HT","HU","IC","ID","IE","IL","IM","IN","IO","IQ","IR","IS","IT","JE","JM","JO","JP","KE","KG","KH","KI","KM","KN","KP","KR","KW","KY","KZ","LA","LB","LC","LI","LK","LR","LS","LT","LU","LV","LY","MA","MC","MD","ME","MF","MG","MH","MK","ML","MM","MN","MO","MP","MQ","MR","MS","MT","MU","MV","MW","MX","MY","MZ","NA","NC","NE","NF","NG","NI","NL","NO","NP","NR","NU","NZ","OM","PA","PE","PF","PG","PH","PK","PL","PM","PN","PR","PS","PT","PW","PY","QA","RE","RO","RS","RU","RW","SA","SB","SC","SD","SE","SG","SH","SI","SJ","SK","SL","SM","SN","SO","SR","SS","ST","SV","SX","SY","SZ","TA","TC","TD","TF","TG","TH","TJ","TK","TL","TM","TN","TO","TR","TT","TV","TW","TZ","UA","UG","UM","US","UY","UZ","VA","VC","VE","VG","VI","VN","VU","WF","WS","XA","XC","XK","XO","YE","YT","ZA","ZM","ZW"];function A(M){return T.indexOf(M)>=0}const E=(M,S)=>{const e=C.jsx(B,{className:G.cn("mds:size-20",S)});return!M||!A(M)?e:C.jsx("span",{className:G.cn(`flag:${M}`,"mds:size-20! mds:min-w-20 mds:overflow-hidden mds:rounded-full",S)})};exports.getCountryFlagComp=E;

package/dist/mainstack-design-system615.js

@@ -1,9 +1,9 @@
 import { jsx as G } from "react/jsx-runtime";
-import { c as C } from "./utils-DXoRlwh9.js";
+import { c as C } from "./utils-D85wpvmd.js";
 import "./mainstack-design-system357.js";
 import A from "./mainstack-design-system248.js";
 import "react";
-import "./player-BDdAqd8Q.js";
+import "./player-Cs7wtvrg.js";
 const T = ["AC", "AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AQ", "AR", "AS", "AT", "AU", "AW", "AX", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ-BO", "BQ-SA", "BQ-SE", "BQ", "BR", "BS", "BT", "BV", "BW", "BY", "BZ", "CA", "CC", "CD", "CF", "CG", "CH", "CI", "CK", "CL", "CM", "CN", "CO", "CR", "CU", "CV", "CW", "CX", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "EH", "ER", "ES-CT", "ES", "ET", "EU", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB-ENG", "GB-NIR", "GB-SCT", "GB-WLS", "GB", "GD", "GE", "GF", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GS", "GT", "GU", "GW", "GY", "HK", "HM", "HN", "HR", "HT", "HU", "IC", "ID", "IE", "IL", "IM", "IN", "IO", "IQ", "IR", "IS", "IT", "JE", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KN", "KP", "KR", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MF", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NC", "NE", "NF", "NG", "NI", "NL", "NO", "NP", "NR", "NU", "NZ", "OM", "PA", "PE", "PF", "PG", "PH", "PK", "PL", "PM", "PN", "PR", "PS", "PT", "PW", "PY", "QA", "RE", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SE", "SG", "SH", "SI", "SJ", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SX", "SY", "SZ", "TA", "TC", "TD", "TF", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "UM", "US", "UY", "UZ", "VA", "VC", "VE", "VG", "VI", "VN", "VU", "WF", "WS", "XA", "XC", "XK", "XO", "YE", "YT", "ZA", "ZM", "ZW"];
 function E(M) {
   return T.indexOf(M) >= 0;

package/dist/mainstack-design-system617.cjs

@@ -1,3 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),f=require("react"),tt=require("./mainstack-design-system440.cjs"),et=require("./mainstack-design-system441.cjs");require("./mainstack-design-system439.cjs");const u=require("./utils-Dc5FbAZW.cjs"),nt=require("./mainstack-design-system591.cjs");function T(t,n){return ut(t)||at(t,n)||ot(t,n)||rt()}function rt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ot(t,n){if(t){if(typeof t=="string")return M(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);if(e==="Object"&&t.constructor&&(e=t.constructor.name),e==="Map"||e==="Set")return Array.from(t);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return M(t,n)}}function M(t,n){(n==null||n>t.length)&&(n=t.length);for(var e=0,o=new Array(n);e<n;e++)o[e]=t[e];return o}function at(t,n){var e=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(e!=null){var o,r,a,c,p=[],y=!0,i=!1;try{if(a=(e=e.call(t)).next,n!==0)for(;!(y=(o=a.call(e)).done)&&(p.push(o.value),p.length!==n);y=!0);}catch(s){i=!0,r=s}finally{try{if(!y&&e.return!=null&&(c=e.return(),Object(c)!==c))return}finally{if(i)throw r}}return p}}function ut(t){if(Array.isArray(t))return t}function it(t){var n=this,e=t.value,o=t.onChange,r=t.country,a=t.defaultCountry,c=t.international,p=t.withCountryCallingCode,y=t.useNationalFormatForDefaultCountryValue,i=t.metadata;typeof p=="boolean"&&!(r&&c)&&console.error("[react-phone-number-input] `withCountryCallingCode` property can only be used together with `country` and `international` properties"),r&&a&&console.error("[react-phone-number-input] When `country` property is passed, `defaultCountry` property has no effect and therefore shouldn't be passed"),typeof c=="boolean"&&!r&&console.error("[react-phone-number-input] `international` property can only be used together with `country` property");var s=st({international:c,country:r,defaultCountry:a,withCountryCallingCode:p}),d=f.useRef(),g=function(m,C,v){console.error("[react-phone-number-input] Expected phone number ".concat(m," to correspond to country ").concat(C," but ").concat(v?"in reality it corresponds to country "+v:"it doesn't",".")),d.current=!0},h=function(m){return e&&u.validateE164Number(e),lt(e,r,a,s,y,i,function(){m&&m.onCountryMismatch&&m.onCountryMismatch();for(var C=arguments.length,v=new Array(C),I=0;I<C;I++)v[I]=arguments[I];g.apply(n,v)})},w=f.useState(r),P=T(w,2),F=P[0],B=P[1],H=f.useState(a),_=T(H,2),z=_[0],G=_[1],J=f.useState(h()),L=T(J,2),K=L[0],b=L[1],Q=f.useState(e),x=T(Q,2),A=x[0],N=x[1],X=f.useState(),$=T(X,2);$[0];var D=$[1],V=f.useCallback(function(){return D({})},[D]);function q(l){if(l){s==="NATIONAL_PART_OF_INTERNATIONAL"&&(l="+".concat(u.getCountryCallingCode$1(r,i)).concat(l));var m=new u.AsYouType(r||a,i);return m.input(l),m.getNumberValue()}}f.useEffect(function(){e!==A&&(N(e),b(h()))},[e]),f.useEffect(function(){if(r!==F){B(r);var l,m=h({onCountryMismatch:function(){l=!0}});b(m),l&&N(q(m))}},[r]),f.useEffect(function(){a!==z&&(G(a),b(h()))},[a]),f.useEffect(function(){A!==e&&o(A)},[A]);var Z=f.useCallback(function(l){var m;if(r)if(s==="INTERNATIONAL"){var C=u.getInternationalPhoneNumberPrefix(r,i);if(l.indexOf(C)!==0){if(l&&l[0]!=="+")l=C+l;else if(!d.current)return b(C),N(void 0),V()}}else l&&l[0]==="+"&&(l=l.slice(1));else a||l&&l[0]!=="+"&&(l="+"+l);l&&(m=q(l)),b(l),N(m)},[r,s,a,i,b,N,V,d]);return{phoneDigits:K,setPhoneDigits:Z,inputFormat:s}}function lt(t,n,e,o,r,a,c){if(n&&o==="INTERNATIONAL"){var p=u.getInternationalPhoneNumberPrefix(n,a);return t?(t.indexOf(p)!==0&&c(t,n),t):p}if(!t)return"";if(!n&&!e)return t;var y=new u.AsYouType(void 0,a);y.input(t);var i=y.getNumber();if(i)if(n)switch(i.country&&i.country!==n?c(t,n,i.country):i.countryCallingCode!==u.getCountryCallingCode$1(n,a)&&c(t,n),o){case"NATIONAL":return u.parseDigits(i.formatNational());case"NATIONAL_PART_OF_INTERNATIONAL":return u.parseDigits(u.removePrefixFromFormattedPhoneNumber(i.formatInternational(),u.getInternationalPhoneNumberPrefix(n,a)));case"INTERNATIONAL":throw new Error('`inputFormat: "INTERNATIONAL"` case should\'ve already been handled earlier in the code');case"INTERNATIONAL_OR_NATIONAL":throw new Error('`inputFormat: "INTERNATIONAL_OR_NATIONAL"` is not possible when `country` is fixed');default:throw new Error("Unknown `inputFormat`: ".concat(o))}else return i.countryCallingCode&&i.countryCallingCode===u.getCountryCallingCode$1(e,a)&&r?u.parseDigits(i.formatNational()):t;else return""}function st(t){var n=t.international,e=t.country,o=t.defaultCountry,r=t.withCountryCallingCode;return e?n?r?"INTERNATIONAL":"NATIONAL_PART_OF_INTERNATIONAL":"NATIONAL":o?"INTERNATIONAL_OR_NATIONAL":"INTERNATIONAL"}var ct=["Component","country","defaultCountry","useNationalFormatForDefaultCountryValue","value","onChange","metadata","international","withCountryCallingCode"];function j(){return j=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},j.apply(this,arguments)}function ft(t,n){if(t==null)return{};var e=pt(t,n),o,r;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++)o=a[r],!(n.indexOf(o)>=0)&&Object.prototype.propertyIsEnumerable.call(t,o)&&(e[o]=t[o])}return e}function pt(t,n){if(t==null)return{};var e={},o=Object.keys(t),r,a;for(a=0;a<o.length;a++)r=o[a],!(n.indexOf(r)>=0)&&(e[r]=t[r]);return e}function O(t,n){var e=t.Component,o=t.country,r=t.defaultCountry,a=t.useNationalFormatForDefaultCountryValue,c=a===void 0?!0:a,p=t.value,y=t.onChange,i=t.metadata,s=t.international,d=t.withCountryCallingCode,g=ft(t,ct),h=it({value:p,onChange:y,country:o,defaultCountry:r,international:s,withCountryCallingCode:d,useNationalFormatForDefaultCountryValue:c,metadata:i}),w=h.phoneDigits,P=h.setPhoneDigits,F=h.inputFormat;return f.createElement(e,j({},g,{ref:n,metadata:i,inputFormat:F,international:s,withCountryCallingCode:d,country:o||r,value:w,onChange:P}))}O=f.forwardRef(O);O.propTypes={value:u.PropTypes.string,onChange:u.PropTypes.func.isRequired,country:u.PropTypes.string,defaultCountry:u.PropTypes.string,international:u.PropTypes.bool,withCountryCallingCode:u.PropTypes.bool,Component:u.PropTypes.elementType.isRequired,useNationalFormatForDefaultCountryValue:u.PropTypes.bool,metadata:u.metadata};var yt=["type","autoComplete","smartCaret","metadata"];function S(){return S=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},S.apply(this,arguments)}function dt(t,n){if(t==null)return{};var e=mt(t,n),o,r;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++)o=a[r],!(n.indexOf(o)>=0)&&Object.prototype.propertyIsEnumerable.call(t,o)&&(e[o]=t[o])}return e}function mt(t,n){if(t==null)return{};var e={},o=Object.keys(t),r,a;for(a=0;a<o.length;a++)r=o[a],!(n.indexOf(r)>=0)&&(e[r]=t[r]);return e}function Y(t){function n(e,o){var r=e.type,a=r===void 0?"tel":r,c=e.autoComplete,p=c===void 0?"tel":c,y=e.smartCaret,i=y===void 0?!0:y,s=e.metadata,d=s===void 0?t:s,g=dt(e,yt);return f.createElement(O,S({},g,{type:a,autoComplete:p,metadata:d,ref:o,Component:i?u.InputSmart:u.InputBasic}))}return n=f.forwardRef(n),n.propTypes={type:u.PropTypes.string,autoComplete:u.PropTypes.string,smartCaret:u.PropTypes.bool,metadata:u.PropTypes.object},n}Y();function E(t,n){var e=Array.prototype.slice.call(n);return e.push(u.metadata$1),t.apply(this,e)}Y(u.metadata$1);function W(){return E(u.parsePhoneNumber,arguments)}function k(){return E(u.getCountryCallingCode$1,arguments)}function Ct(){return E(u.isSupportedCountry$1,arguments)}const U=f.forwardRef(({placeholder:t="000 - 000 - 000",disabled:n,...e},o)=>{const{activeCountry:r,isDisabled:a,value:c,onValueChange:p,setActiveCountry:y}=nt.usePhoneNumberContext(),i=s=>{if(!s)return"";const d=W(s);if(d)return d.nationalNumber;let g="";return r&&Ct(r)&&(g=k(r)),s.replace(`+${g}`,"")};return f.useEffect(()=>{if(c&&!r){const s=W(c);s&&y(s.country)}},[r,y,c]),R.jsxs(tt.InputRoot,{"data-slot":"phone-number-digit-field",className:"mds:has-disabled:opacity-50",children:[R.jsxs("p",{className:u.cn("mds:body-extrasmall-book"),children:["(+",k(r||"US"),")"]}),R.jsx(et.InputField,{...e,disabled:n||a,placeholder:t,value:i(c),onChange:s=>{const d=u.getPhoneNumberDigitMetadataValueObject({value:s.target.value,activeCountry:r});p&&(s.target.value=d.digit,p(d))},ref:o})]})});U.displayName="PhoneNumberDigitField";exports.PhoneNumberDigitField=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("react"),r=require("./utils-Bdd5vx6a.cjs"),j=require("./mainstack-design-system606.cjs"),b=require("./index-BgzojN8c.cjs"),v=require("./mainstack-design-system607.cjs"),k=require("./isValid-Bxc_vb9Y.cjs");function x(l,c,m){const n=r.toDate(l,m?.in);return n.setHours(c),n}function A(l,c,m){const n=r.toDate(l,m?.in);return n.setMinutes(c),n}const P=g.forwardRef(({className:l,...c},m)=>{const{value:n,onValueChange:p,isDisabled:w,timeRange:f}=j.useTimePickerContext(),h=g.useRef({Hours:{},Minutes:{},"AM/PM":{}}),i=g.useMemo(()=>{const s={Hours:"",Minutes:"","AM/PM":""};if(!n||!k.isValid(n))return s;const a=r.getDateWithinRange({date:n,timeRange:f});let e=r.getHours(a)%12;return e=e===0?12:e,s.Hours=e.toString().padStart(2,"0"),s.Minutes=r.getMinutes(a).toString().padStart(2,"0"),s["AM/PM"]=r.getHours(a)>=12?"PM":"AM",s},[n,f]);return g.useEffect(()=>{const s=h.current.Hours[i.Hours],a=h.current.Minutes[i.Minutes],e=h.current["AM/PM"][i["AM/PM"]];(s||a||e)&&(s?.scrollIntoView({block:"center",behavior:"smooth"}),a?.scrollIntoView({block:"center",behavior:"smooth"}),e?.scrollIntoView({block:"center",behavior:"smooth"}))},[i]),o.jsx("div",{"data-slot":"date-picker-calendar",className:r.cn("mds:@container mds:grid mds:grid-cols-3 mds:justify-items-center mds:gap-16 mds:p-16 mds:pb-0 ",l),ref:m,...c,children:Object.entries(v.timeOptionBreakdown).map(([s,a])=>o.jsxs("div",{className:"mds:flex mds:flex-col mds:gap-16",children:[o.jsx("h6",{className:r.cn("mds:body-extrasmall-regular","mds:text-secondary"),children:s}),o.jsxs(b.ScrollArea,{style:{"--scrollbar-size":"8px"},className:"mds:h-210 mds:overflow-hidden mds:rounded-4",children:[o.jsx(b.ScrollAreaViewport,{className:"mds:h-full mds:w-full mds:pr-15 mds:rounded-4",children:o.jsx("div",{className:"mds:flex mds:flex-col mds:gap-16",children:a.map(e=>o.jsx("button",{"data-selected":i[s]===e,className:r.cn("mds:body-extrasmall-book","mds:size-36 mds:basis-36 mds:shrink-0 mds:grow-0 mds:text-primary mds:rounded-full mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-[selected=true]:bg-interactive-primary mds:data-[selected=true]:text-neutral-50 mds:disabled:cursor-not-allowed mds:disabled:opacity-50"),disabled:w||!r.isTimeOptionWithinRange({timeRange:f,columnKey:s,value:e,currentBreakdown:i}),onClick:()=>{let t=r.getDateWithinRange({date:n||new Date,timeRange:f});const u=s;let M=0;if(u==="AM/PM"){M=e==="PM"?12:0;let d=+i.Hours;d===12&&(d=0),t=x(t,d+M),p(t)}if(u==="Hours"){M=i["AM/PM"]==="PM"?12:0;let d=+e;d===12&&(d=0),t=x(t,d+M),p(t)}u==="Minutes"&&(t=A(t,+e),p(t))},ref:t=>{const u=s;t&&(h.current[u][e]=t)},children:e},e))})}),o.jsx(b.ScrollAreaScrollbar,{orientation:"vertical",className:"mds:flex mds:select-none 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",children:o.jsx(b.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")})}),o.jsx(b.ScrollAreaCorner,{className:"mds:bg-border-interactive-neutral-inverse-hover"})]})]},s))})});P.displayName="TimePickerCalendar";exports.TimePickerCalendar=P;