mainstack-design-system 1.19.3 → 1.19.5

package/dist/mainstack-design-system560.js

@@ -1,45 +1,48 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as S } from "./utils-DH-0D-9U.js";
-import { useState as r, useEffect as x } from "react";
-import { TableContext as R } from "./mainstack-design-system618.js";
-const b = ({ className: c, ...a }) => {
-  const [t, l] = r(
+import { jsx as i } from "react/jsx-runtime";
+import { c as E } from "./utils-DH-0D-9U.js";
+import { useState as r, useEffect as S } from "react";
+import { TableContext as x } from "./mainstack-design-system618.js";
+const R = ({ className: c, ...a }) => {
+  const [e, s] = r(
     null
-  ), [m, s] = r(!1), [f, d] = r(!1), [u, v] = r(!0), [h, p] = r(!1);
-  return x(() => {
-    if (!t) return;
-    let e;
+  ), [m, l] = r(!1), [d, f] = r(!1), [u, v] = r(!0), [h, p] = r(!1);
+  return S(() => {
+    if (!e) return;
+    let t;
     const o = () => {
-      s(!0), e && clearTimeout(e), e = setTimeout(() => s(!1), 150);
+      l(!0), t && clearTimeout(t), t = setTimeout(() => l(!1), 150);
       const {
         scrollTop: L,
         scrollHeight: T,
-        clientHeight: g,
-        scrollLeft: i,
-        scrollWidth: w,
-        clientWidth: E
-      } = t;
-      d(L + g >= T - 1), v(i <= 2), p(i + E >= w - 2);
+        clientHeight: b,
+        scrollLeft: n,
+        scrollWidth: g,
+        clientWidth: w
+      } = e;
+      f(L + b >= T - 1), v(n <= 2), p(n + w >= g - 2);
     };
-    return t.addEventListener("scroll", o), window.addEventListener("resize", o), o(), () => {
-      t.removeEventListener("scroll", o), window.removeEventListener("resize", o), e && clearTimeout(e);
+    return e.addEventListener("scroll", o), window.addEventListener("resize", o), o(), () => {
+      e.removeEventListener("scroll", o), window.removeEventListener("resize", o), t && clearTimeout(t);
     };
-  }, [t]), /* @__PURE__ */ n(
-    R.Provider,
+  }, [e]), /* @__PURE__ */ i(
+    x.Provider,
     {
-      value: { isScrolling: m, atBottom: f, atLeft: u, atRight: h, setScrollContainer: l },
-      children: /* @__PURE__ */ n(
+      value: { isScrolling: m, atBottom: d, atLeft: u, atRight: h, setScrollContainer: s },
+      children: /* @__PURE__ */ i(
         "div",
         {
-          ref: l,
-          className: S("mds:w-full mds:mx-auto mds:relative", c),
+          ref: s,
+          className: E(
+            "mds:w-full mds:[border-top:none] mds:[border-bottom:none] mds:mx-auto mds:relative",
+            c
+          ),
           ...a
         }
       )
     }
   );
 };
-b.displayName = "TableRoot";
+R.displayName = "TableRoot";
 export {
-  b as TableRoot
+  R as TableRoot
 };

package/dist/mainstack-design-system561.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./utils-BJ1u234q.cjs"),o=require("./mainstack-design-system618.cjs"),t=({className:r,...s})=>{const{setScrollContainer:l}=o.useTableScroll();return e.jsx("div",{"data-slot":"table-container",ref:l,className:a.cn("mds:overflow-auto mds:md:border mds:md:border-border-interactive-primary mds:rounded-20 mds:sm:justify-center",r),children:e.jsx("table",{"data-slot":"table",className:"mds:text-left mds:w-full",...s})})};t.displayName="Table";exports.Table=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./utils-BJ1u234q.cjs"),o=require("./mainstack-design-system618.cjs"),t=({className:r,...s})=>{const{setScrollContainer:l}=o.useTableScroll();return e.jsx("div",{"data-slot":"table-container",ref:l,className:a.cn("mds:overflow-auto mds:md:border mds:md:border-border-interactive-primary  mds:rounded-20 mds:sm:justify-center",r),children:e.jsx("table",{"data-slot":"table",className:"mds:text-left mds:w-full  ",...s})})};t.displayName="Table";exports.Table=t;

package/dist/mainstack-design-system561.js

@@ -9,14 +9,14 @@ const l = ({ className: r, ...t }) => {
       "data-slot": "table-container",
       ref: a,
       className: o(
-        "mds:overflow-auto mds:md:border mds:md:border-border-interactive-primary mds:rounded-20 mds:sm:justify-center",
+        "mds:overflow-auto mds:md:border mds:md:border-border-interactive-primary  mds:rounded-20 mds:sm:justify-center",
         r
       ),
       children: /* @__PURE__ */ e(
         "table",
         {
           "data-slot": "table",
-          className: "mds:text-left mds:w-full",
+          className: "mds:text-left mds:w-full  ",
           ...t
         }
       )

package/dist/mainstack-design-system568.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),s=require("./utils-BJ1u234q.cjs"),d=({className:e,...r})=>m.jsx("tr",{"data-slot":"table-row",className:s.cn("mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border-y mds:border-x-1 mds:md:border-x-0  mds:border-border-interactive-primary mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:divide-border-interactive-primary",e),...r});d.displayName="TableRow";exports.TableRow=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),s=require("./utils-BJ1u234q.cjs"),d=({className:e,...r})=>m.jsx("tr",{"data-slot":"table-row",className:s.cn("mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border mds:md:border-0 mds:md:border-b mds:border-border-interactive-primary mds:md:last:border-b-0 mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:md:divide-y-0 mds:divide-border-interactive-primary",e),...r});d.displayName="TableRow";exports.TableRow=d;

package/dist/mainstack-design-system568.js

@@ -5,7 +5,7 @@ const s = ({ className: d, ...m }) => /* @__PURE__ */ r(
   {
     "data-slot": "table-row",
     className: e(
-      "mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border-y mds:border-x-1 mds:md:border-x-0  mds:border-border-interactive-primary mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:divide-border-interactive-primary",
+      "mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border mds:md:border-0 mds:md:border-b mds:border-border-interactive-primary mds:md:last:border-b-0 mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:md:divide-y-0 mds:divide-border-interactive-primary",
       d
     ),
     ...m

package/dist/mainstack-design-system586.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),p=require("./index-Bpm2I_hv.cjs"),v=require("./utils-BJ1u234q.cjs"),a=r.forwardRef(({className:d,index:i,isError:n,isSuccess:m,placeholder:e="0",...c},o)=>{const l=r.useContext(p.jt),{char:t,hasFakeCaret:u,isActive:x}=l?.slots[i]??{};return s.jsxs("div",{className:v.cn("form-root-slot-defaults","mds:flex mds:justify-center mds:items-center mds:body-extrasmall-book mds:rounded-14 mds:size-42 mds:relative mds:text-primary mds:data-[active=false]:ring-0 mds:data-[active=true]:ring-border-interactive-primary-active! mds:data-[active=true]:ring-2 mds:has-data-[success=true]:ring-2! mds:has-data-[error=true]:ring-2! mds:sm:size-48",d),"data-slot":"pin-input-slot","data-active":x,ref:o,...c,children:[s.jsx("span",{"data-error":n,"data-success":m,children:t}),!t&&e&&s.jsx("span",{className:"mds:text-tertiary mds:absolute mds:pointer-events-none mds:inset-0 mds:flex mds:items-center mds:justify-center",children:e}),u&&s.jsx("div",{className:"mds:pointer-events-none mds:absolute mds:-translate-x-8 mds:inset-0 mds:flex mds:items-center mds:justify-center",children:s.jsx("div",{className:"mds:animate-caret-blink mds:bg-primary mds:h-[50%] mds:w-2 mds:duration-1000"})})]})});a.displayName="PinInputSlot";exports.PinInputSlot=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),p=require("./index-Bpm2I_hv.cjs"),v=require("./utils-BJ1u234q.cjs"),a=r.forwardRef(({className:d,index:i,isError:n,isSuccess:m,placeholder:e="0",...c},o)=>{const l=r.useContext(p.jt),{char:t,hasFakeCaret:u,isActive:x}=l?.slots[i]??{};return s.jsxs("div",{className:v.cn("form-root-slot-defaults","mds:flex mds:justify-center mds:items-center mds:body-extrasmall-regular mds:rounded-14 mds:size-42 mds:relative mds:text-primary mds:data-[active=false]:ring-0 mds:data-[active=true]:ring-border-interactive-primary-active! mds:data-[active=true]:ring-2 mds:has-data-[success=true]:ring-2! mds:has-data-[error=true]:ring-2! mds:sm:size-48",d),"data-slot":"pin-input-slot","data-active":x,ref:o,...c,children:[s.jsx("span",{"data-error":n,"data-success":m,children:t}),!t&&e&&s.jsx("span",{className:"mds:text-tertiary mds:absolute mds:pointer-events-none mds:inset-0 mds:flex mds:items-center mds:justify-center",children:e}),u&&s.jsx("div",{className:"mds:pointer-events-none mds:absolute mds:-translate-x-8 mds:inset-0 mds:flex mds:items-center mds:justify-center",children:s.jsx("div",{className:"mds:animate-caret-blink mds:bg-primary mds:h-[50%] mds:w-2 mds:duration-1000"})})]})});a.displayName="PinInputSlot";exports.PinInputSlot=a;

package/dist/mainstack-design-system586.js

@@ -18,7 +18,7 @@ const y = p(
       {
         className: x(
           "form-root-slot-defaults",
-          "mds:flex mds:justify-center mds:items-center mds:body-extrasmall-book mds:rounded-14 mds:size-42 mds:relative mds:text-primary mds:data-[active=false]:ring-0 mds:data-[active=true]:ring-border-interactive-primary-active! mds:data-[active=true]:ring-2 mds:has-data-[success=true]:ring-2! mds:has-data-[error=true]:ring-2! mds:sm:size-48",
+          "mds:flex mds:justify-center mds:items-center mds:body-extrasmall-regular mds:rounded-14 mds:size-42 mds:relative mds:text-primary mds:data-[active=false]:ring-0 mds:data-[active=true]:ring-border-interactive-primary-active! mds:data-[active=true]:ring-2 mds:has-data-[success=true]:ring-2! mds:has-data-[error=true]:ring-2! mds:sm:size-48",
           a
         ),
         "data-slot": "pin-input-slot",

package/dist/mainstack-design-system611.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva(["mds:group mds:w-full mds:rounded-18 mds:body-font-family mds:gap-12 mds:select-none mds:relative mds:flex mds:cursor-pointer mds:items-center mds:p-18 mds:border mds:border-border-interactive-primary mds:bg-surface-neutral-l1","mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]","mds:has-[>[data-slot=tile-header]]:flex-col mds:has-[>[data-slot=tile-header]]:items-start","mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-primary-active","mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-surface-spread-focus mds:focus-visible:ring-border-surface-spread-focus","mds:active:ring-3 mds:active:border-1 mds:active:border-border-interactive-primary-pressed mds:active:ring-border-surface-spread-primary"],{variants:{disabled:{true:["mds:pointer-events-none mds:opacity-60","mds:data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"]}}});exports.tileVariants=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva(["mds:group mds:w-full mds:rounded-18 mds:body-font-family mds:gap-12 mds:select-none mds:relative mds:flex mds:cursor-pointer mds:items-center mds:p-18 mds:border mds:border-border-interactive-primary mds:bg-surface-neutral-l1","mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]","mds:has-[>[data-slot=tile-header]]:flex-col mds:has-[>[data-slot=tile-header]]:items-start","mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-primary-active","mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-surface-spread-focus mds:focus-visible:ring-border-surface-spread-focus","mds:active:ring-3 mds:active:border-1 mds:active:border-border-interactive-primary-pressed mds:active:ring-border-surface-spread-primary","mds:data-[selected=true]:ring-3 mds:data-[selected=true]:ring-border-surface-spread-primary"],{variants:{disabled:{true:["mds:pointer-events-none mds:opacity-60","mds:data-[disabled=true]:[&_[data-slot=tile-content]]:text-disabled"]}}});exports.tileVariants=s;

package/dist/mainstack-design-system611.js

@@ -6,7 +6,8 @@ const r = e(
     "mds:has-[>[data-slot=tile-header]]:flex-col mds:has-[>[data-slot=tile-header]]:items-start",
     "mds:data-[selected=true]:border-1 mds:data-[selected=true]:border-border-interactive-primary-active",
     "mds:focus-visible:ring-2 mds:focus-visible:ring-offset-0 mds:focus-visible:outline-2 mds:focus-visible:outline-border-surface-spread-focus mds:focus-visible:ring-border-surface-spread-focus",
-    "mds:active:ring-3 mds:active:border-1 mds:active:border-border-interactive-primary-pressed mds:active:ring-border-surface-spread-primary"
+    "mds:active:ring-3 mds:active:border-1 mds:active:border-border-interactive-primary-pressed mds:active:ring-border-surface-spread-primary",
+    "mds:data-[selected=true]:ring-3 mds:data-[selected=true]:ring-border-surface-spread-primary"
   ],
   {
     variants: {

package/dist/mainstack-design-system621.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=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-system366.cjs");const K=require("./mainstack-design-system104.cjs");require("./player-C6X6nrWe.cjs");const U=require("./utils-BJ1u234q.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:b,name:p,onCheckedChange:u,required:h,value:k="on",internal_do_not_use_render:l}=e,[m,g]=F.useControllableState({prop:t,defaultProp:a??!1,onChange:u,caller:_}),[x,C]=i.useState(null),[y,s]=i.useState(null),d=i.useRef(!1),R=x?!!b||!!x.closest("form"):!0,I={checked:m,disabled:r,setChecked:g,control:x,setControl:C,name:p,form:b,value:k,hasConsumerStoppedPropagationRef:d,required:h,defaultChecked:f(a)?!1:a,isFormControl:R,bubbleInput:y,setBubbleInput:s};return n.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:b,disabled:p,checked:u,required:h,setControl:k,setChecked:l,hasConsumerStoppedPropagationRef:m,isFormControl:g,bubbleInput:x}=P(S,e),C=q.useComposedRefs(a,k),y=i.useRef(u);return i.useEffect(()=>{const s=r?.form;if(s){const d=()=>l(y.current);return s.addEventListener("reset",d),()=>s.removeEventListener("reset",d)}},[r,l]),n.jsx(v.Primitive.button,{type:"button",role:"checkbox","aria-checked":f(u)?"mixed":u,"aria-required":h,"data-state":T(u),"data-disabled":p?"":void 0,disabled:p,value:b,...c,ref:C,onKeyDown:v.composeEventHandlers(o,s=>{s.key==="Enter"&&s.preventDefault()}),onClick:v.composeEventHandlers(t,s=>{l(d=>f(d)?!0:!d),x&&g&&(m.current=s.isPropagationStopped(),m.current||s.stopPropagation())})})});N.displayName=S;var w=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,name:c,checked:a,defaultChecked:r,required:b,disabled:p,value:u,onCheckedChange:h,form:k,...l}=e;return n.jsx(V,{__scopeCheckbox:t,checked:a,defaultChecked:r,disabled:p,required:b,onCheckedChange:h,name:c,form:k,value:u,internal_do_not_use_render:({isFormControl:m})=>n.jsxs(n.Fragment,{children:[n.jsx(N,{...l,ref:o,__scopeCheckbox:t}),m&&n.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 n.jsx(G.Presence,{present:c||f(r.checked)||r.checked===!0,children:n.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:b,required:p,disabled:u,name:h,value:k,form:l,bubbleInput:m,setBubbleInput:g}=P(B,e),x=q.useComposedRefs(t,g),C=H.usePrevious(r),y=L.useSize(c);i.useEffect(()=>{const d=m;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=f(r),j.call(d,f(r)?!1:r),d.dispatchEvent(A)}},[m,C,r,a]);const s=i.useRef(f(r)?!1:r);return n.jsx(v.Primitive.input,{type:"checkbox","aria-hidden":!0,defaultChecked:b??s.current,required:p,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 f(e){return e==="indeterminate"}function T(e){return f(e)?"indeterminate":e?"checked":"unchecked"}const D=E.forwardRef(({className:e,...o},t)=>n.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-primary 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-primary 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-primary-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:n.jsx(O,{children:n.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 n=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-system366.cjs");const K=require("./mainstack-design-system104.cjs");require("./player-C6X6nrWe.cjs");const U=require("./utils-BJ1u234q.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:b,name:p,onCheckedChange:u,required:h,value:k="on",internal_do_not_use_render:l}=e,[m,g]=F.useControllableState({prop:t,defaultProp:a??!1,onChange:u,caller:_}),[x,C]=i.useState(null),[y,s]=i.useState(null),d=i.useRef(!1),R=x?!!b||!!x.closest("form"):!0,I={checked:m,disabled:r,setChecked:g,control:x,setControl:C,name:p,form:b,value:k,hasConsumerStoppedPropagationRef:d,required:h,defaultChecked:f(a)?!1:a,isFormControl:R,bubbleInput:y,setBubbleInput:s};return n.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:b,disabled:p,checked:u,required:h,setControl:k,setChecked:l,hasConsumerStoppedPropagationRef:m,isFormControl:g,bubbleInput:x}=P(S,e),C=q.useComposedRefs(a,k),y=i.useRef(u);return i.useEffect(()=>{const s=r?.form;if(s){const d=()=>l(y.current);return s.addEventListener("reset",d),()=>s.removeEventListener("reset",d)}},[r,l]),n.jsx(v.Primitive.button,{type:"button",role:"checkbox","aria-checked":f(u)?"mixed":u,"aria-required":h,"data-state":T(u),"data-disabled":p?"":void 0,disabled:p,value:b,...c,ref:C,onKeyDown:v.composeEventHandlers(o,s=>{s.key==="Enter"&&s.preventDefault()}),onClick:v.composeEventHandlers(t,s=>{l(d=>f(d)?!0:!d),x&&g&&(m.current=s.isPropagationStopped(),m.current||s.stopPropagation())})})});N.displayName=S;var z=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,name:c,checked:a,defaultChecked:r,required:b,disabled:p,value:u,onCheckedChange:h,form:k,...l}=e;return n.jsx(V,{__scopeCheckbox:t,checked:a,defaultChecked:r,disabled:p,required:b,onCheckedChange:h,name:c,form:k,value:u,internal_do_not_use_render:({isFormControl:m})=>n.jsxs(n.Fragment,{children:[n.jsx(N,{...l,ref:o,__scopeCheckbox:t}),m&&n.jsx(M,{__scopeCheckbox:t})]})})});z.displayName=_;var w="CheckboxIndicator",O=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:c,...a}=e,r=P(w,t);return n.jsx(G.Presence,{present:c||f(r.checked)||r.checked===!0,children:n.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=w;var B="CheckboxBubbleInput",M=i.forwardRef(({__scopeCheckbox:e,...o},t)=>{const{control:c,hasConsumerStoppedPropagationRef:a,checked:r,defaultChecked:b,required:p,disabled:u,name:h,value:k,form:l,bubbleInput:m,setBubbleInput:g}=P(B,e),x=q.useComposedRefs(t,g),C=H.usePrevious(r),y=L.useSize(c);i.useEffect(()=>{const d=m;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=f(r),j.call(d,f(r)?!1:r),d.dispatchEvent(A)}},[m,C,r,a]);const s=i.useRef(f(r)?!1:r);return n.jsx(v.Primitive.input,{type:"checkbox","aria-hidden":!0,defaultChecked:b??s.current,required:p,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 f(e){return e==="indeterminate"}function T(e){return f(e)?"indeterminate":e?"checked":"unchecked"}const D=E.forwardRef(({className:e,...o},t)=>n.jsx(z,{"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-primary 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-primary mds:ring-offset-0 mds:size-20 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-primary-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:n.jsx(O,{children:n.jsx(K,{className:"mds:size-24 mds:text-on-primary mds:group-data-[checkbox-size=small]:size-16 mds:group-data-[checkbox-size=extra-small]:size-14"})})}));D.displayName="CheckboxIndicator";exports.CheckboxIndicator=D;

package/dist/mainstack-design-system621.js

@@ -2,7 +2,7 @@
 import { jsx as c, jsxs as L, Fragment as O } from "react/jsx-runtime";
 import * as d from "react";
 import { forwardRef as H } from "react";
-import { u as S } from "./index-DLcqcWxM.js";
+import { u as z } from "./index-DLcqcWxM.js";
 import { c as G, P, a as N } from "./index-DMumqyNN.js";
 import { u as K } from "./index-437EL2iq.js";
 import { u as U } from "./index-BZPx6jYI.js";
@@ -60,7 +60,7 @@ function Y(r) {
     }
   );
 }
-var w = "CheckboxTrigger", z = d.forwardRef(
+var S = "CheckboxTrigger", w = d.forwardRef(
   ({ __scopeCheckbox: r, onKeyDown: s, onClick: t, ...m }, a) => {
     const {
       control: e,
@@ -73,7 +73,7 @@ var w = "CheckboxTrigger", z = d.forwardRef(
       hasConsumerStoppedPropagationRef: l,
       isFormControl: x,
       bubbleInput: C
-    } = _(w, r), v = S(a, k), g = d.useRef(i);
+    } = _(S, r), v = z(a, k), g = d.useRef(i);
     return d.useEffect(() => {
       const o = e?.form;
       if (o) {
@@ -103,7 +103,7 @@ var w = "CheckboxTrigger", z = d.forwardRef(
     );
   }
 );
-z.displayName = w;
+w.displayName = S;
 var B = d.forwardRef(
   (r, s) => {
     const {
@@ -132,7 +132,7 @@ var B = d.forwardRef(
         value: i,
         internal_do_not_use_render: ({ isFormControl: l }) => /* @__PURE__ */ L(O, { children: [
           /* @__PURE__ */ c(
-            z,
+            w,
             {
               ...u,
               ref: s,
@@ -187,7 +187,7 @@ var q = "CheckboxBubbleInput", A = d.forwardRef(
       form: u,
       bubbleInput: l,
       setBubbleInput: x
-    } = _(q, r), C = S(t, x), v = U(e), g = X(m);
+    } = _(q, r), C = z(t, x), v = U(e), g = X(m);
     d.useEffect(() => {
       const n = l;
       if (!n) return;
@@ -247,12 +247,12 @@ const ee = H(
     {
       "data-slot": "checkbox-indicator",
       className: Q(
-        "mds:peer mds:relative mds:flex mds:justify-center mds:items-center mds:cursor-pointer  mds:gap-12 mds:border mds:rounded-6 mds:border-border-interactive-primary 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-primary 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-primary-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled ",
+        "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-primary 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-primary mds:ring-offset-0 mds:size-20 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-primary-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled ",
         r
       ),
       ref: t,
       ...s,
-      children: /* @__PURE__ */ c(T, { children: /* @__PURE__ */ c(J, { className: "mds:size-24 mds:text-on-primary mds:group-data-[checkbox-size=extra-small]:size-14" }) })
+      children: /* @__PURE__ */ c(T, { children: /* @__PURE__ */ c(J, { className: "mds:size-24 mds:text-on-primary mds:group-data-[checkbox-size=small]:size-16 mds:group-data-[checkbox-size=extra-small]:size-14" }) })
     }
   )
 );

package/dist/mainstack-design-system627.cjs

@@ -1,3 +1,3 @@
 'use client';
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),f=require("react"),tt=require("./mainstack-design-system450.cjs"),et=require("./mainstack-design-system451.cjs");require("./mainstack-design-system449.cjs");const u=require("./utils-BJ1u234q.cjs"),nt=require("./mainstack-design-system600.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;
+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 k(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}k();function E(t,n){var e=Array.prototype.slice.call(n);return e.push(u.metadata$1),t.apply(this,e)}k(u.metadata$1);function W(){return E(u.parsePhoneNumber,arguments)}function Y(){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=Y(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-regular"),children:["(+",Y(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;

package/dist/mainstack-design-system627.js

@@ -4,7 +4,7 @@ import w, { useRef as lt, useState as v, useCallback as B, useEffect as O, forwa
 import { InputRoot as ft } from "./mainstack-design-system450.js";
 import { InputField as ct } from "./mainstack-design-system451.js";
 import "./mainstack-design-system449.js";
-import { v as S, w as yt, x as F, A as J, y as L, z as pt, B as mt, P as m, I as dt, C as Ct, D as K, E as ht, F as gt, c as Nt, k as bt } from "./utils-DH-0D-9U.js";
+import { v as S, w as yt, x as F, A as J, y as L, z as pt, B as mt, P as m, I as dt, C as Ct, D as K, E as gt, F as ht, c as Nt, k as bt } from "./utils-DH-0D-9U.js";
 import { usePhoneNumberContext as vt } from "./mainstack-design-system600.js";
 function A(t, n) {
   return Tt(t) || It(t, n) || Ot(t, n) || At();
@@ -57,14 +57,14 @@ function Pt(t) {
     withCountryCallingCode: f
   }), y = lt(), C = function(p, d, b) {
     console.error("[react-phone-number-input] Expected phone number ".concat(p, " to correspond to country ").concat(d, " but ").concat(b ? "in reality it corresponds to country " + b : "it doesn't", ".")), y.current = !0;
-  }, h = function(p) {
+  }, g = function(p) {
     return e && yt(e), wt(e, r, o, l, c, u, function() {
       p && p.onCountryMismatch && p.onCountryMismatch();
       for (var d = arguments.length, b = new Array(d), P = 0; P < d; P++)
         b[P] = arguments[P];
       C.apply(n, b);
     });
-  }, j = v(r), I = A(j, 2), E = I[0], X = I[1], Z = v(o), V = A(Z, 2), tt = V[0], et = V[1], nt = v(h()), D = A(nt, 2), rt = D[0], g = D[1], at = v(e), M = A(at, 2), T = M[0], N = M[1], ot = v(), W = A(ot, 2);
+  }, j = v(r), I = A(j, 2), E = I[0], X = I[1], Z = v(o), V = A(Z, 2), tt = V[0], et = V[1], nt = v(g()), D = A(nt, 2), rt = D[0], h = D[1], at = v(e), M = A(at, 2), T = M[0], N = M[1], ot = v(), W = A(ot, 2);
   W[0];
   var k = W[1], U = B(function() {
     return k({});
@@ -77,19 +77,19 @@ function Pt(t) {
     }
   }
   O(function() {
-    e !== T && (N(e), g(h()));
+    e !== T && (N(e), h(g()));
   }, [e]), O(function() {
     if (r !== E) {
       X(r);
-      var i, p = h({
+      var i, p = g({
         onCountryMismatch: function() {
           i = !0;
         }
       });
-      g(p), i && N(Y(p));
+      h(p), i && N(Y(p));
     }
   }, [r]), O(function() {
-    o !== tt && (et(o), g(h()));
+    o !== tt && (et(o), h(g()));
   }, [o]), O(function() {
     T !== e && a(T);
   }, [T]);
@@ -101,13 +101,13 @@ function Pt(t) {
         if (i.indexOf(d) !== 0) {
           if (i && i[0] !== "+")
             i = d + i;
-          else if (!y.current) return g(d), N(void 0), U();
+          else if (!y.current) return h(d), N(void 0), U();
         }
       } else
         i && i[0] === "+" && (i = i.slice(1));
     else o || i && i[0] !== "+" && (i = "+" + i);
-    i && (p = Y(i)), g(i), N(p);
-  }, [r, l, o, u, g, N, U, y]);
+    i && (p = Y(i)), h(i), N(p);
+  }, [r, l, o, u, h, N, U, y]);
   return {
     phoneDigits: rt,
     setPhoneDigits: ut,
@@ -178,7 +178,7 @@ function Et(t, n) {
   return e;
 }
 function R(t, n) {
-  var e = t.Component, a = t.country, r = t.defaultCountry, o = t.useNationalFormatForDefaultCountryValue, s = o === void 0 ? !0 : o, f = t.value, c = t.onChange, u = t.metadata, l = t.international, y = t.withCountryCallingCode, C = jt(t, Rt), h = Pt({
+  var e = t.Component, a = t.country, r = t.defaultCountry, o = t.useNationalFormatForDefaultCountryValue, s = o === void 0 ? !0 : o, f = t.value, c = t.onChange, u = t.metadata, l = t.international, y = t.withCountryCallingCode, C = jt(t, Rt), g = Pt({
     value: f,
     onChange: c,
     country: a,
@@ -187,7 +187,7 @@ function R(t, n) {
     withCountryCallingCode: y,
     useNationalFormatForDefaultCountryValue: s,
     metadata: u
-  }), j = h.phoneDigits, I = h.setPhoneDigits, E = h.inputFormat;
+  }), j = g.phoneDigits, I = g.setPhoneDigits, E = g.inputFormat;
   return /* @__PURE__ */ w.createElement(e, _({}, C, {
     ref: n,
     metadata: u,
@@ -337,13 +337,13 @@ function $(t, n) {
 }
 Q(K);
 function H() {
-  return $(gt, arguments);
+  return $(ht, arguments);
 }
 function G() {
   return $(F, arguments);
 }
 function xt() {
-  return $(ht, arguments);
+  return $(gt, arguments);
 }
 const $t = st(
   ({
@@ -376,7 +376,7 @@ const $t = st(
         "data-slot": "phone-number-digit-field",
         className: "mds:has-disabled:opacity-50",
         children: [
-          /* @__PURE__ */ q("p", { className: Nt("mds:body-extrasmall-book"), children: [
+          /* @__PURE__ */ q("p", { className: Nt("mds:body-extrasmall-regular"), children: [
             "(+",
             G(r || "US"),
             ")"