mainstack-design-system 1.23.0 → 1.23.2

package/dist/mainstack-design-system605.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react");require("./mainstack-design-system370.cjs");const c=require("./mainstack-design-system200.cjs");require("./player-CWqTo6h8.cjs");const l=require("./utils-CpiHnfHs.cjs"),u=require("./mainstack-design-system629.cjs"),s=i.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-primary-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||null)}),e.jsx(c,{"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"),i=require("react");require("./mainstack-design-system370.cjs");const c=require("./mainstack-design-system200.cjs");require("./player-CWqTo6h8.cjs");const l=require("./utils-CpiHnfHs.cjs"),u=require("./mainstack-design-system630.cjs"),s=i.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-primary-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||null)}),e.jsx(c,{"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-system605.js

@@ -4,7 +4,7 @@ import "./mainstack-design-system370.js";
 import c from "./mainstack-design-system200.js";
 import "./player-DRUnlXe4.js";
 import { c as l } from "./utils-C21jc49d.js";
-import { getCountryFlagComp as p } from "./mainstack-design-system629.js";
+import { getCountryFlagComp as p } from "./mainstack-design-system630.js";
 const u = n(
   ({
     isOptionOpen: e,

package/dist/mainstack-design-system607.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),r=require("./utils-CpiHnfHs.cjs"),p=require("./mainstack-design-system629.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-CpiHnfHs.cjs"),p=require("./mainstack-design-system630.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-system607.js

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

package/dist/mainstack-design-system621.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./utils-CpiHnfHs.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("react"),o=t.createContext(null);function n(){const e=t.useContext(o);if(!e)throw new Error("useFileUploaderContext must be used within a <FileUploaderContext />.");return e}exports.FileUploaderContext=o;exports.useFileUploaderContext=n;

package/dist/mainstack-design-system621.js

@@ -1,22 +1,14 @@
-import { h as i, o } from "./utils-C21jc49d.js";
-const l = ({
-  includeLocales: r,
-  excludeLocales: s
-}) => {
-  const t = [];
-  return i({
-    includeLocales: r,
-    excludeLocales: s
-  }).forEach((e) => {
-    e && t.push({
-      value: o[e],
-      label: o[e],
-      data: {
-        iso2Code: e
-      }
-    });
-  }), t;
-};
+import { createContext as t, useContext as o } from "react";
+const n = t(null);
+function l() {
+  const e = o(n);
+  if (!e)
+    throw new Error(
+      "useFileUploaderContext must be used within a <FileUploaderContext />."
+    );
+  return e;
+}
 export {
-  l as getCountrySelectOptionsArray
+  n as FileUploaderContext,
+  l as useFileUploaderContext
 };

package/dist/mainstack-design-system622.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=t.createContext(void 0),r=()=>{const e=t.useContext(o);if(!e)throw new Error("useTableScroll must be used within TableScrollProvider");return e};exports.TableContext=o;exports.useTableScroll=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./utils-CpiHnfHs.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-system622.js

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

package/dist/mainstack-design-system623.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),e=n.createContext(null),o=()=>{const t=n.useContext(e);if(!t)throw new Error("usePagination must be used within PaginationProvider");return t};exports.PaginationContext=e;exports.usePagination=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),o=t.createContext(void 0),r=()=>{const e=t.useContext(o);if(!e)throw new Error("useTableScroll must be used within TableScrollProvider");return e};exports.TableContext=o;exports.useTableScroll=r;

package/dist/mainstack-design-system623.js

@@ -1,14 +1,13 @@
-'use client';
-import { createContext as n, useContext as o } from "react";
-const e = n(
-  null
-), r = () => {
-  const t = o(e);
-  if (!t)
-    throw new Error("usePagination must be used within PaginationProvider");
-  return t;
+import { createContext as t, useContext as o } from "react";
+const r = t(
+  void 0
+), n = () => {
+  const e = o(r);
+  if (!e)
+    throw new Error("useTableScroll must be used within TableScrollProvider");
+  return e;
 };
 export {
-  e as PaginationContext,
-  r as usePagination
+  r as TableContext,
+  n as useTableScroll
 };

package/dist/mainstack-design-system624.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=t.createContext(null);function n(){const e=t.useContext(r);if(!e)throw new Error("useCurrencyPickerContext must be used within a <CurrencyPickerContext />.");return e}exports.CurrencyPickerContext=r;exports.useCurrencyPickerContext=n;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),e=n.createContext(null),o=()=>{const t=n.useContext(e);if(!t)throw new Error("usePagination must be used within PaginationProvider");return t};exports.PaginationContext=e;exports.usePagination=o;

package/dist/mainstack-design-system624.js

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

package/dist/mainstack-design-system625.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),e=require("./utils-CpiHnfHs.cjs"),y=u.forwardRef,t=y(({as:r,className:o,weight:a,size:s,...l},i)=>{const n=r||"p";return c.jsx(n,{...l,className:e.cn(e.generateTypographyResponsiveClasses({weight:a,size:s,defaultSize:"small",defaultWeight:"regular",typographyVariant:"body-alt"}),o),ref:i})});t.displayName="BodyAltText";exports.BodyAltText=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=t.createContext(null);function n(){const e=t.useContext(r);if(!e)throw new Error("useCurrencyPickerContext must be used within a <CurrencyPickerContext />.");return e}exports.CurrencyPickerContext=r;exports.useCurrencyPickerContext=n;

package/dist/mainstack-design-system625.js

@@ -1,24 +1,14 @@
-import { jsx as s } from "react/jsx-runtime";
-import p from "react";
-import { c as m, e as n } from "./utils-C21jc49d.js";
-const d = p.forwardRef, f = d(({ as: e, className: t, weight: a, size: o, ...r }, l) => /* @__PURE__ */ s(
-  e || "p",
-  {
-    ...r,
-    className: m(
-      n({
-        weight: a,
-        size: o,
-        defaultSize: "small",
-        defaultWeight: "regular",
-        typographyVariant: "body-alt"
-      }),
-      t
-    ),
-    ref: l
-  }
-));
-f.displayName = "BodyAltText";
+import { createContext as t, useContext as r } from "react";
+const n = t(null);
+function c() {
+  const e = r(n);
+  if (!e)
+    throw new Error(
+      "useCurrencyPickerContext must be used within a <CurrencyPickerContext />."
+    );
+  return e;
+}
 export {
-  f as BodyAltText
+  n as CurrencyPickerContext,
+  c as useCurrencyPickerContext
 };

package/dist/mainstack-design-system626.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),E=require("react"),q=require("./index-_XxjJPRD.cjs"),v=require("./index-5OKsHRWb.cjs"),F=require("./index-C8aODXfJ.cjs"),H=require("./index-DYxWvftI.cjs"),L=require("./index-bSPhqlcX.cjs"),G=require("./index-Bd0gQB0k.cjs");require("./mainstack-design-system370.cjs");const K=require("./mainstack-design-system106.cjs");require("./player-CWqTo6h8.cjs");const U=require("./utils-CpiHnfHs.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 z=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})]})})});z.displayName=_;var w="CheckboxIndicator",O=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:c,...a}=e,r=P(w,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=w;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(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-neutral mds:active:ring-border-surface-spread-neutral 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-neutral-disabled mds:group-hover:border-border-interactive-neutral-active-hover mds:aria-checked:bg-interactive-neutral mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-neutral-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=small]:size-16 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 c=require("react/jsx-runtime"),u=require("react"),e=require("./utils-CpiHnfHs.cjs"),y=u.forwardRef,t=y(({as:r,className:o,weight:a,size:s,...l},i)=>{const n=r||"p";return c.jsx(n,{...l,className:e.cn(e.generateTypographyResponsiveClasses({weight:a,size:s,defaultSize:"small",defaultWeight:"regular",typographyVariant:"body-alt"}),o),ref:i})});t.displayName="BodyAltText";exports.BodyAltText=t;

package/dist/mainstack-design-system626.js

@@ -1,262 +1,24 @@
-'use client';
-import { jsx as c, jsxs as L, Fragment as O } from "react/jsx-runtime";
-import * as d from "react";
-import { forwardRef as H } from "react";
-import { u as 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";
-import { u as X } from "./index-BGQepRFJ.js";
-import { P as $ } from "./index-BpWB3aFK.js";
-import "./mainstack-design-system370.js";
-import J from "./mainstack-design-system106.js";
-import "./player-DRUnlXe4.js";
-import { c as Q } from "./utils-C21jc49d.js";
-var y = "Checkbox", [V] = G(y), [W, _] = V(y);
-function Y(r) {
-  const {
-    __scopeCheckbox: s,
-    checked: t,
-    children: l,
-    defaultChecked: a,
-    disabled: e,
-    form: p,
-    name: f,
-    onCheckedChange: i,
-    required: h,
-    value: k = "on",
-    // @ts-expect-error
-    internal_do_not_use_render: u
-  } = r, [m, x] = K({
-    prop: t,
-    defaultProp: a ?? !1,
-    onChange: i,
-    caller: y
-  }), [C, v] = d.useState(null), [g, o] = d.useState(null), n = d.useRef(!1), I = C ? !!p || !!C.closest("form") : (
-    // We set this to true by default so that events bubble to forms without JS (SSR)
-    !0
-  ), R = {
-    checked: m,
-    disabled: e,
-    setChecked: x,
-    control: C,
-    setControl: v,
-    name: f,
-    form: p,
-    value: k,
-    hasConsumerStoppedPropagationRef: n,
-    required: h,
-    defaultChecked: b(a) ? !1 : a,
-    isFormControl: I,
-    bubbleInput: g,
-    setBubbleInput: o
-  };
-  return /* @__PURE__ */ c(
-    W,
-    {
-      scope: s,
-      ...R,
-      children: Z(u) ? u(R) : l
-    }
-  );
-}
-var S = "CheckboxTrigger", w = d.forwardRef(
-  ({ __scopeCheckbox: r, onKeyDown: s, onClick: t, ...l }, a) => {
-    const {
-      control: e,
-      value: p,
-      disabled: f,
-      checked: i,
-      required: h,
-      setControl: k,
-      setChecked: u,
-      hasConsumerStoppedPropagationRef: m,
-      isFormControl: x,
-      bubbleInput: C
-    } = _(S, r), v = z(a, k), g = d.useRef(i);
-    return d.useEffect(() => {
-      const o = e?.form;
-      if (o) {
-        const n = () => u(g.current);
-        return o.addEventListener("reset", n), () => o.removeEventListener("reset", n);
-      }
-    }, [e, u]), /* @__PURE__ */ c(
-      P.button,
-      {
-        type: "button",
-        role: "checkbox",
-        "aria-checked": b(i) ? "mixed" : i,
-        "aria-required": h,
-        "data-state": j(i),
-        "data-disabled": f ? "" : void 0,
-        disabled: f,
-        value: p,
-        ...l,
-        ref: v,
-        onKeyDown: N(s, (o) => {
-          o.key === "Enter" && o.preventDefault();
-        }),
-        onClick: N(t, (o) => {
-          u((n) => b(n) ? !0 : !n), C && x && (m.current = o.isPropagationStopped(), m.current || o.stopPropagation());
-        })
-      }
-    );
+import { jsx as s } from "react/jsx-runtime";
+import p from "react";
+import { c as m, e as n } from "./utils-C21jc49d.js";
+const d = p.forwardRef, f = d(({ as: e, className: t, weight: a, size: o, ...r }, l) => /* @__PURE__ */ s(
+  e || "p",
+  {
+    ...r,
+    className: m(
+      n({
+        weight: a,
+        size: o,
+        defaultSize: "small",
+        defaultWeight: "regular",
+        typographyVariant: "body-alt"
+      }),
+      t
+    ),
+    ref: l
   }
-);
-w.displayName = S;
-var B = d.forwardRef(
-  (r, s) => {
-    const {
-      __scopeCheckbox: t,
-      name: l,
-      checked: a,
-      defaultChecked: e,
-      required: p,
-      disabled: f,
-      value: i,
-      onCheckedChange: h,
-      form: k,
-      ...u
-    } = r;
-    return /* @__PURE__ */ c(
-      Y,
-      {
-        __scopeCheckbox: t,
-        checked: a,
-        defaultChecked: e,
-        disabled: f,
-        required: p,
-        onCheckedChange: h,
-        name: l,
-        form: k,
-        value: i,
-        internal_do_not_use_render: ({ isFormControl: m }) => /* @__PURE__ */ L(O, { children: [
-          /* @__PURE__ */ c(
-            w,
-            {
-              ...u,
-              ref: s,
-              __scopeCheckbox: t
-            }
-          ),
-          m && /* @__PURE__ */ c(
-            A,
-            {
-              __scopeCheckbox: t
-            }
-          )
-        ] })
-      }
-    );
-  }
-);
-B.displayName = y;
-var M = "CheckboxIndicator", T = d.forwardRef(
-  (r, s) => {
-    const { __scopeCheckbox: t, forceMount: l, ...a } = r, e = _(M, t);
-    return /* @__PURE__ */ c(
-      $,
-      {
-        present: l || b(e.checked) || e.checked === !0,
-        children: /* @__PURE__ */ c(
-          P.span,
-          {
-            "data-state": j(e.checked),
-            "data-disabled": e.disabled ? "" : void 0,
-            ...a,
-            ref: s,
-            style: { pointerEvents: "none", ...r.style }
-          }
-        )
-      }
-    );
-  }
-);
-T.displayName = M;
-var q = "CheckboxBubbleInput", A = d.forwardRef(
-  ({ __scopeCheckbox: r, ...s }, t) => {
-    const {
-      control: l,
-      hasConsumerStoppedPropagationRef: a,
-      checked: e,
-      defaultChecked: p,
-      required: f,
-      disabled: i,
-      name: h,
-      value: k,
-      form: u,
-      bubbleInput: m,
-      setBubbleInput: x
-    } = _(q, r), C = z(t, x), v = U(e), g = X(l);
-    d.useEffect(() => {
-      const n = m;
-      if (!n) return;
-      const I = window.HTMLInputElement.prototype, E = Object.getOwnPropertyDescriptor(
-        I,
-        "checked"
-      ).set, D = !a.current;
-      if (v !== e && E) {
-        const F = new Event("click", { bubbles: D });
-        n.indeterminate = b(e), E.call(n, b(e) ? !1 : e), n.dispatchEvent(F);
-      }
-    }, [m, v, e, a]);
-    const o = d.useRef(b(e) ? !1 : e);
-    return /* @__PURE__ */ c(
-      P.input,
-      {
-        type: "checkbox",
-        "aria-hidden": !0,
-        defaultChecked: p ?? o.current,
-        required: f,
-        disabled: i,
-        name: h,
-        value: k,
-        form: u,
-        ...s,
-        tabIndex: -1,
-        ref: C,
-        style: {
-          ...s.style,
-          ...g,
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0,
-          // We transform because the input is absolutely positioned but we have
-          // rendered it **after** the button. This pulls it back to sit on top
-          // of the button.
-          transform: "translateX(-100%)"
-        }
-      }
-    );
-  }
-);
-A.displayName = q;
-function Z(r) {
-  return typeof r == "function";
-}
-function b(r) {
-  return r === "indeterminate";
-}
-function j(r) {
-  return b(r) ? "indeterminate" : r ? "checked" : "unchecked";
-}
-const ee = H(
-  ({ className: r, ...s }, t) => /* @__PURE__ */ c(
-    B,
-    {
-      "data-slot": "checkbox-indicator",
-      className: Q(
-        "mds:peer mds:relative mds:flex mds:justify-center mds:items-center mds:cursor-pointer  mds:gap-12 mds:border mds:rounded-6 mds:border-border-interactive-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-neutral mds:active:ring-border-surface-spread-neutral 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-neutral-disabled mds:group-hover:border-border-interactive-neutral-active-hover mds:aria-checked:bg-interactive-neutral mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-neutral-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=small]:size-16 mds:group-data-[checkbox-size=extra-small]:size-14" }) })
-    }
-  )
-);
-ee.displayName = "CheckboxIndicator";
+));
+f.displayName = "BodyAltText";
 export {
-  ee as CheckboxIndicator
+  f as BodyAltText
 };

package/dist/mainstack-design-system627.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),P=require("react"),h=require("./index-5OKsHRWb.cjs"),y=require("./index-_XxjJPRD.cjs"),O=require("./index-C8aODXfJ.cjs"),B=require("./index-DYxWvftI.cjs"),I=require("./index-bSPhqlcX.cjs"),C=require("./utils-CpiHnfHs.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(P);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=y.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=y.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=P.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-neutral 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 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-system370.cjs");const K=require("./mainstack-design-system106.cjs");require("./player-CWqTo6h8.cjs");const U=require("./utils-CpiHnfHs.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 z=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})]})})});z.displayName=_;var w="CheckboxIndicator",O=i.forwardRef((e,o)=>{const{__scopeCheckbox:t,forceMount:c,...a}=e,r=P(w,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=w;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(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-neutral mds:active:ring-border-surface-spread-neutral 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-neutral-disabled mds:group-hover:border-border-interactive-neutral-active-hover mds:aria-checked:bg-interactive-neutral mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-neutral-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=small]:size-16 mds:group-data-[checkbox-size=extra-small]:size-14"})})}));D.displayName="CheckboxIndicator";exports.CheckboxIndicator=D;