material-plus-ui 1.3.0 → 1.3.1

package/dist/internal/FieldOutline.js

@@ -1 +1,2 @@
-import{jsx as r,Fragment as e,jsxs as t}from"react/jsx-runtime";import*as o from"react";import{Field as n}from"@base-ui/react/field";import{PROSE_TEXT as a}from"./scale";const i={xs:"left-1",sm:"left-2",md:"left-3",lg:"left-3",xl:"left-4"},s={xs:"top-[18px]",sm:"top-[18px]",md:"top-5",lg:"top-5",xl:"top-5"};function d(o,n){return t(e,{children:[o,n?r("span",{"aria-hidden":"true",children:" *"}):null]})}export function MPFieldOutline({label:e,required:t=!1,notched:o=!0}){return r("fieldset",{"aria-hidden":"true",className:["pointer-events-none absolute inset-0 -top-[5px] m-0 min-w-0 px-2 pt-0","rounded-mp-xs border border-mp-outline","transition-[border-color] duration-(--mp-sys-motion-duration-short4)","group-hover:border-mp-on-surface","group-focus-within:border-2 group-focus-within:border-mp-primary","group-data-focused:border-2 group-data-focused:border-mp-primary","group-data-invalid:border-mp-error","group-data-disabled:border-mp-on-surface/12"].join(" "),children:e?r("legend",{className:["text-mp-body-small invisible float-none block h-[11px] w-auto overflow-hidden p-0","leading-none","ease-mp-standard transition-[max-width,padding]","duration-(--mp-sys-motion-duration-short4)",o?"max-w-full px-1":"max-w-0 px-0"].join(" "),children:d(e,t)}):null})}export function MPFieldLabel({size:e,label:t,required:o=!1,htmlFor:p,shrunk:l=!0,multiline:u=!1}){return r(n.Label,{htmlFor:p,"data-mp-shrunk":l?"":void 0,className:["text-mp-on-surface-variant","ease-mp-standard transition-[color,top,font-size,max-width]","duration-(--mp-sys-motion-duration-short4)","absolute -translate-y-1/2 px-1 leading-none",i[e],l?"text-mp-body-small pointer-events-auto top-0 max-w-none":[a[e],"pointer-events-none max-w-[calc(100%-2rem)] truncate",u?s[e]:"top-1/2"].join(" "),"group-focus-within:text-mp-primary","group-data-focused:text-mp-primary","group-data-invalid:text-mp-error","group-data-disabled:text-mp-on-surface/38"].join(" "),children:d(t,o)})}export function useFloatingLabel({floating:r,filled:e,pinned:t=!1}){const[n,a]=o.useState(!1);return{shrunk:!r||e||n||t,focusProps:{onFocusCapture:()=>a(!0),onBlurCapture:r=>{r.currentTarget.contains(r.relatedTarget)||a(!1)}}}}
+"use client";
+import{jsx as r,Fragment as e,jsxs as t}from"react/jsx-runtime";import*as o from"react";import{Field as n}from"@base-ui/react/field";import{PROSE_TEXT as a}from"./scale.js";const i={xs:"left-1",sm:"left-2",md:"left-3",lg:"left-3",xl:"left-4"},s={xs:"top-[18px]",sm:"top-[18px]",md:"top-5",lg:"top-5",xl:"top-5"};function d(o,n){return t(e,{children:[o,n?r("span",{"aria-hidden":"true",children:" *"}):null]})}export function MPFieldOutline({label:e,required:t=!1,notched:o=!0}){return r("fieldset",{"aria-hidden":"true",className:["pointer-events-none absolute inset-0 -top-[5px] m-0 min-w-0 px-2 pt-0","rounded-mp-xs border border-mp-outline","transition-[border-color] duration-(--mp-sys-motion-duration-short4)","group-hover:border-mp-on-surface","group-focus-within:border-2 group-focus-within:border-mp-primary","group-data-focused:border-2 group-data-focused:border-mp-primary","group-data-invalid:border-mp-error","group-data-disabled:border-mp-on-surface/12"].join(" "),children:e?r("legend",{className:["text-mp-body-small invisible float-none block h-[11px] w-auto overflow-hidden p-0","leading-none","ease-mp-standard transition-[max-width,padding]","duration-(--mp-sys-motion-duration-short4)",o?"max-w-full px-1":"max-w-0 px-0"].join(" "),children:d(e,t)}):null})}export function MPFieldLabel({size:e,label:t,required:o=!1,htmlFor:p,shrunk:l=!0,multiline:u=!1}){return r(n.Label,{htmlFor:p,"data-mp-shrunk":l?"":void 0,className:["text-mp-on-surface-variant","ease-mp-standard transition-[color,top,font-size,max-width]","duration-(--mp-sys-motion-duration-short4)","absolute -translate-y-1/2 px-1 leading-none",i[e],l?"text-mp-body-small pointer-events-auto top-0 max-w-none":[a[e],"pointer-events-none max-w-[calc(100%-2rem)] truncate",u?s[e]:"top-1/2"].join(" "),"group-focus-within:text-mp-primary","group-data-focused:text-mp-primary","group-data-invalid:text-mp-error","group-data-disabled:text-mp-on-surface/38"].join(" "),children:d(t,o)})}export function useFloatingLabel({floating:r,filled:e,pinned:t=!1}){const[n,a]=o.useState(!1);return{shrunk:!r||e||n||t,focusProps:{onFocusCapture:()=>a(!0),onBlurCapture:r=>{r.currentTarget.contains(r.relatedTarget)||a(!1)}}}}

package/dist/internal/Picker.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { MPPickerLabels } from './Calendar';
-import type { MPColor, MPSize, MPStyleProps } from '../types';
+import type { MPPickerLabels } from './Calendar.js';
+import type { MPColor, MPSize, MPStyleProps } from '../types.js';
 /**
  * The strings a trigger is held open by, kept across renders that did not
  * change what it could say.

package/dist/internal/Picker.js

@@ -1 +1,2 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import*as i from"react";import{Field as n}from"@base-ui/react/field";import{Popover as t}from"@base-ui/react/popover";import{MPIcon as o}from"../components/icon/MPIcon";import{CloseIcon as a}from"../constants/icons";import{accentSlots as l}from"./accent";import{MPFieldLabel as s,MPFieldOutline as p,useFloatingLabel as c}from"./FieldOutline";import{MPStateLayer as m}from"./StateLayer";import{MPSupportingText as d}from"./SupportingText";import{MPWidthSizer as u}from"./WidthSizer";import{displaySamples as f}from"./date";import{CONTROL_ICON as h,hasContent as g,PROSE_TEXT as x}from"./scale";import{FADE as b,PORTAL_LAYER as v}from"./surface";export function useDisplaySamples(e,r){const n=`${e??""} ${JSON.stringify(r)}`;return i.useMemo(()=>f(e,r),[n])}const y={xs:{padding:"px-2",height:"h-8"},sm:{padding:"px-3",height:"h-10"},md:{padding:"px-4",height:"h-14"},lg:{padding:"px-4",height:"h-16"},xl:{padding:"px-5",height:"h-18"}},N={xs:"p-1.5",sm:"p-2",md:"p-2.5",lg:"p-3",xl:"p-3.5"};export function MPPickerShell({slug:f,size:j="md",color:P="primary",fullWidth:w=!1,label:O,floatingLabel:k=!0,description:M,errorMessage:S,startIcon:z,required:F=!1,disabled:B=!1,readOnly:C=!1,id:I,className:R,style:$,display:q,samples:T,empty:_,clearable:D=!1,onClear:E,open:L,onOpenChange:W,labels:J,hiddenValues:V,children:Z,triggerRef:A}){const G=g(S),H=y[j],K=i.useId(),Q=I??K,U=D&&!_&&!(B||C),{shrunk:X,focusProps:Y}=c({floating:k&&g(O),filled:!_,pinned:L||g(z)});return r(n.Root,{disabled:B,invalid:G,"data-mp-size":j,className:[`mp-${f} group flex-col align-top`,w?"flex w-full":"inline-flex w-fit",R??""].filter(Boolean).join(" "),style:{...l(P),...$},...Y,children:[r(t.Root,{open:L,onOpenChange:W,children:[r("div",{className:"relative w-full",children:[r(t.Trigger,{id:Q,ref:A,disabled:B,nativeButton:!0,className:["relative flex w-full items-center gap-2 select-none","appearance-none bg-transparent font-[inherit] outline-none",H.padding,U?"pe-10":"",H.height,x[j],B?"text-mp-on-surface/38 cursor-default":"text-mp-on-surface "+(C?"cursor-default":"cursor-pointer")].filter(Boolean).join(" "),children:[z?e("span",{className:["flex shrink-0 items-center",B?"text-mp-on-surface/38":"text-mp-on-surface-variant"].join(" "),children:z}):null,r("span",{className:"flex min-w-0 flex-1 flex-col",children:[e("span",{className:["w-full truncate text-start",_&&!B?"text-mp-on-surface-variant":""].filter(Boolean).join(" "),children:_&&!X?null:q}),e(u,{samples:T??[]})]})]}),U?r("button",{type:"button","aria-label":J.clear,onClick:E,className:["group/clear rounded-mp-full text-mp-on-surface-variant absolute inset-y-0","end-1 my-auto flex size-8 cursor-pointer items-center justify-center","appearance-none border-0 bg-transparent font-[inherit]","outline-mp-secondary focus-visible:outline-2 focus-visible:outline-offset-1","focus-visible:outline-solid outline-none"].join(" "),children:[e(m,{className:"group-hover/clear:opacity-8 group-focus-visible/clear:opacity-10"}),e(o,{icon:a,size:h[j]})]}):null,e(p,{label:O,required:F,notched:X}),g(O)?e(s,{size:j,label:O,required:F,htmlFor:Q,shrunk:X}):null]}),e(t.Portal,{children:e(t.Positioner,{className:v,sideOffset:4,align:"start",children:e(t.Popup,{initialFocus:!1,className:[`mp-${f}__popup rounded-mp-md shadow-mp-2 bg-mp-surface-container`,"text-mp-on-surface outline-none",N[j],x[j],b].join(" "),children:Z})})})]}),e(d,{description:M,errorMessage:S,className:H.padding}),V?.map((r,i)=>e("input",{type:"hidden",name:r.name,value:r.value},i))]})}export function MPPickerFooter({children:r}){return e("div",{className:"border-mp-outline-variant flex items-center justify-end gap-1 border-t pt-1.5",children:r})}export function MPPickerDivider(){return e("div",{"aria-hidden":"true",className:"bg-mp-outline-variant w-px self-stretch"})}export const FOOTER_SIZE={xs:"xs",sm:"xs",md:"sm",lg:"sm",xl:"md"};
+"use client";
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import*as i from"react";import{Field as n}from"@base-ui/react/field";import{Popover as t}from"@base-ui/react/popover";import{MPIcon as o}from"../components/icon/MPIcon.js";import{CloseIcon as a}from"../constants/icons.js";import{accentSlots as s}from"./accent.js";import{MPFieldLabel as l,MPFieldOutline as p,useFloatingLabel as c}from"./FieldOutline.js";import{MPStateLayer as m}from"./StateLayer.js";import{MPSupportingText as d}from"./SupportingText.js";import{MPWidthSizer as u}from"./WidthSizer.js";import{displaySamples as f}from"./date.js";import{CONTROL_ICON as h,hasContent as g,PROSE_TEXT as x}from"./scale.js";import{FADE as b,PORTAL_LAYER as j}from"./surface.js";export function useDisplaySamples(e,r){const n=`${e??""} ${JSON.stringify(r)}`;return i.useMemo(()=>f(e,r),[n])}const v={xs:{padding:"px-2",height:"h-8"},sm:{padding:"px-3",height:"h-10"},md:{padding:"px-4",height:"h-14"},lg:{padding:"px-4",height:"h-16"},xl:{padding:"px-5",height:"h-18"}},y={xs:"p-1.5",sm:"p-2",md:"p-2.5",lg:"p-3",xl:"p-3.5"};export function MPPickerShell({slug:f,size:N="md",color:P="primary",fullWidth:w=!1,label:O,floatingLabel:k=!0,description:M,errorMessage:S,startIcon:z,required:F=!1,disabled:B=!1,readOnly:C=!1,id:I,className:R,style:$,display:q,samples:T,empty:_,clearable:D=!1,onClear:E,open:L,onOpenChange:W,labels:J,hiddenValues:V,children:Z,triggerRef:A}){const G=g(S),H=v[N],K=i.useId(),Q=I??K,U=D&&!_&&!(B||C),{shrunk:X,focusProps:Y}=c({floating:k&&g(O),filled:!_,pinned:L||g(z)});return r(n.Root,{disabled:B,invalid:G,"data-mp-size":N,className:[`mp-${f} group flex-col align-top`,w?"flex w-full":"inline-flex w-fit",R??""].filter(Boolean).join(" "),style:{...s(P),...$},...Y,children:[r(t.Root,{open:L,onOpenChange:W,children:[r("div",{className:"relative w-full",children:[r(t.Trigger,{id:Q,ref:A,disabled:B,nativeButton:!0,className:["relative flex w-full items-center gap-2 select-none","appearance-none bg-transparent font-[inherit] outline-none",H.padding,U?"pe-10":"",H.height,x[N],B?"text-mp-on-surface/38 cursor-default":"text-mp-on-surface "+(C?"cursor-default":"cursor-pointer")].filter(Boolean).join(" "),children:[z?e("span",{className:["flex shrink-0 items-center",B?"text-mp-on-surface/38":"text-mp-on-surface-variant"].join(" "),children:z}):null,r("span",{className:"flex min-w-0 flex-1 flex-col",children:[e("span",{className:["w-full truncate text-start",_&&!B?"text-mp-on-surface-variant":""].filter(Boolean).join(" "),children:_&&!X?null:q}),e(u,{samples:T??[]})]})]}),U?r("button",{type:"button","aria-label":J.clear,onClick:E,className:["group/clear rounded-mp-full text-mp-on-surface-variant absolute inset-y-0","end-1 my-auto flex size-8 cursor-pointer items-center justify-center","appearance-none border-0 bg-transparent font-[inherit]","outline-mp-secondary focus-visible:outline-2 focus-visible:outline-offset-1","focus-visible:outline-solid outline-none"].join(" "),children:[e(m,{className:"group-hover/clear:opacity-8 group-focus-visible/clear:opacity-10"}),e(o,{icon:a,size:h[N]})]}):null,e(p,{label:O,required:F,notched:X}),g(O)?e(l,{size:N,label:O,required:F,htmlFor:Q,shrunk:X}):null]}),e(t.Portal,{children:e(t.Positioner,{className:j,sideOffset:4,align:"start",children:e(t.Popup,{initialFocus:!1,className:[`mp-${f}__popup rounded-mp-md shadow-mp-2 bg-mp-surface-container`,"text-mp-on-surface outline-none",y[N],x[N],b].join(" "),children:Z})})})]}),e(d,{description:M,errorMessage:S,className:H.padding}),V?.map((r,i)=>e("input",{type:"hidden",name:r.name,value:r.value},i))]})}export function MPPickerFooter({children:r}){return e("div",{className:"border-mp-outline-variant flex items-center justify-end gap-1 border-t pt-1.5",children:r})}export function MPPickerDivider(){return e("div",{"aria-hidden":"true",className:"bg-mp-outline-variant w-px self-stretch"})}export const FOOTER_SIZE={xs:"xs",sm:"xs",md:"sm",lg:"sm",xl:"md"};

package/dist/internal/StateLayer.js

@@ -1 +1,2 @@
+"use client";
 import{jsx as o}from"react/jsx-runtime";export function MPStateLayer({layer:t="inset-0 rounded-[inherit] bg-current",className:a}){return o("span",{"aria-hidden":"true",className:["pointer-events-none absolute opacity-0",t,"transition-opacity duration-(--mp-sys-motion-duration-short4)","group-hover:opacity-8","group-active:opacity-10","group-focus-visible:opacity-10","group-disabled:opacity-0 group-data-disabled:opacity-0",a??""].filter(Boolean).join(" ")})}

package/dist/internal/SupportingText.js

@@ -1 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{Field as e}from"@base-ui/react/field";import{META_TEXT as t,hasContent as o}from"./scale";export function MPSupportingText({description:a,errorMessage:s,className:i}){const n=["mp-supporting-text block",t,"data-disabled:text-mp-on-surface/38",i??""].filter(Boolean).join(" ");return o(s)?r(e.Error,{match:!0,className:`${n} text-mp-error`,children:s}):o(a)?r(e.Description,{className:`${n} text-mp-on-surface-variant`,children:a}):null}
+"use client";
+import{jsx as r}from"react/jsx-runtime";import{Field as e}from"@base-ui/react/field";import{META_TEXT as t,hasContent as o}from"./scale.js";export function MPSupportingText({description:a,errorMessage:s,className:i}){const n=["mp-supporting-text block",t,"data-disabled:text-mp-on-surface/38",i??""].filter(Boolean).join(" ");return o(s)?r(e.Error,{match:!0,className:`${n} text-mp-error`,children:s}):o(a)?r(e.Description,{className:`${n} text-mp-on-surface-variant`,children:a}):null}

package/dist/internal/WidthSizer.js

@@ -1 +1,2 @@
+"use client";
 import{jsx as e}from"react/jsx-runtime";export function MPWidthSizer({samples:a}){return 0===a.length?null:e("span",{"aria-hidden":"true",className:"invisible h-0 min-h-0 overflow-hidden",children:a.map((a,n)=>e("span",{"data-sample":a,className:"block whitespace-nowrap before:content-[attr(data-sample)]"},`${n}:${a}`))})}

package/dist/internal/accent.d.ts

@@ -27,7 +27,7 @@
  * source colour scoped to a section, is what the component resolves against.
  */
 import type * as React from 'react';
-import type { MPColor } from '../types';
+import type { MPColor } from '../types.js';
 /**
  * The four roles an accent family has, pointed at one of the four families.
  *

package/dist/internal/animate.d.ts

@@ -38,7 +38,7 @@
  * and their logic stays in their own files.
  */
 import * as React from 'react';
-import type { MPAnimateMode, MPAnimateRepeat, MPAnimateTrigger, MPAnimation, MPEasing, MPSide } from '../types';
+import type { MPAnimateMode, MPAnimateRepeat, MPAnimateTrigger, MPAnimation, MPEasing, MPSide } from '../types.js';
 /** The class that reads the slots. Always paired with one of the below. */
 export declare const ANIM_BASE = "mp-anim";
 /**

package/dist/internal/animate.js

@@ -1 +1,2 @@
+"use client";
 import*as e from"react";export const ANIM_BASE="mp-anim";export const ANIMATION_CLASS={fade:"mp-anim-fade",grow:"mp-anim-scale",slide:"mp-anim-slide",zoom:"mp-anim-scale",rotate:"mp-anim-rotate",blink:"mp-anim-blink"};const n={fade:{in:"medium2",out:"short4"},grow:{in:"medium4",out:"short4"},slide:{in:"medium4",out:"short4"},zoom:{in:"medium4",out:"short4"},rotate:{in:"long2",out:"medium2"},blink:{in:"extra-long4",out:"extra-long4"}},t={fade:"emphasized-decelerate",grow:"emphasized-decelerate",slide:"emphasized-decelerate",zoom:"emphasized-decelerate",rotate:"emphasized-decelerate",blink:"standard"};export function easingValue(e){return`var(--mp-sys-motion-easing-${e})`}export function durationValue(e,t,i="in"){return void 0!==e?`${e}ms`:`var(--mp-sys-motion-duration-${n[t][i]})`}export function lengthValue(e){return"number"==typeof e?`${e}px`:e}export function repeatValue(e){return"infinite"===e?"infinite":String(e)}export function isInfinite(e){return"infinite"===e}export function directionValue(e,n){return"out"===e?n?"alternate-reverse":"reverse":n?"alternate":"normal"}export function animationSlots(e){const n=e.mode??"in",i={"--_mp-anim-duration":durationValue(e.duration,e.effect,n),"--_mp-anim-delay":`${e.delay}ms`,"--_mp-anim-ease":easingValue(e.easing??t[e.effect]),"--_mp-anim-repeat":repeatValue(e.repeat),"--_mp-anim-direction":directionValue(n,e.alternate)};return void 0!==e.opacity&&(i["--_mp-anim-opacity"]=String(e.opacity)),void 0!==e.scale&&(i["--_mp-anim-scale"]=String(e.scale)),void 0!==e.x&&(i["--_mp-anim-x"]=e.x),void 0!==e.y&&(i["--_mp-anim-y"]=e.y),void 0!==e.angle&&(i["--_mp-anim-angle"]=e.angle),void 0!==e.angleTo&&(i["--_mp-anim-angle-to"]=e.angleTo),i}export function slideOffsets(e,n){const t=lengthValue(n),i="number"==typeof n?-n+"px":`calc(-1 * ${t})`;switch(e){case"top":return{x:"0px",y:i};case"bottom":return{x:"0px",y:t};case"left":return{x:i,y:"0px"};default:return{x:t,y:"0px"}}}const i="(prefers-reduced-motion: reduce)";function a(e){if("undefined"==typeof window||!window.matchMedia)return()=>{};const n=window.matchMedia(i);return n.addEventListener("change",e),()=>n.removeEventListener("change",e)}function r(){return!("undefined"==typeof window||!window.matchMedia)&&window.matchMedia(i).matches}function o(){return!1}export function usePrefersReducedMotion(){return e.useSyncExternalStore(a,r,o)}export function useAnimationRun({trigger:n,play:t,once:i,threshold:a,paused:r,infinite:o}){const s=e.useRef(null),[u,m]=e.useState("mount"===n),[c,d]=e.useState(0),l=e.useCallback(()=>{m(!0),d(e=>e+1)},[]);e.useLayoutEffect(()=>{const e=s.current;if(!e||0===c)return;const n=[e,...e.querySelectorAll(".mp-anim, .mp-marquee-track")];for(const e of n)e.style.animationName="none";e.offsetWidth;for(const e of n)e.style.animationName=""},[c]),e.useEffect(()=>{if("visible"!==n)return;const e=s.current;if(!e||"undefined"==typeof IntersectionObserver)return void m(!0);const t=new IntersectionObserver(([e])=>{e.isIntersecting?(l(),i&&t.disconnect()):i||m(!1)},{threshold:a});return t.observe(e),()=>t.disconnect()},[n,i,a,l]),e.useEffect(()=>{"manual"===n&&(t?l():m(!1))},[n,t,l]);const p=e.useCallback(()=>{o&&m(!1)},[o]),f="hover"===n?{onPointerEnter:l,onFocus:l,onPointerLeave:p,onBlur:p}:{};return{ref:e.useCallback(e=>{s.current=e},[]),state:u&&!r?"running":"paused",started:u,handlers:f}}export function useAnimateElement(e){const{trigger:n,play:t,once:i,threshold:a,paused:r,infinite:o,...s}=e,u=useAnimationRun({trigger:n,play:t,once:i,threshold:a,paused:r,infinite:o});return{ref:u.ref,className:`mp-anim ${ANIMATION_CLASS[s.effect]}`,style:{...animationSlots(s),"--_mp-anim-state":u.state},props:{...u.handlers,"data-mp-animation":s.effect,"data-mp-state":u.state}}}

package/dist/internal/button-group.d.ts

@@ -11,7 +11,7 @@
  * meaning "use the button's own default" rather than turning into one.
  */
 import * as React from 'react';
-import type { MPColor, MPSize, MPVariant } from '../types';
+import type { MPColor, MPSize, MPVariant } from '../types.js';
 export interface MPButtonGroupContextValue {
     variant?: MPVariant;
     size?: MPSize;

package/dist/internal/button-group.js

@@ -1 +1,2 @@
+"use client";
 import*as t from"react";export const MPButtonGroupContext=/*@__PURE__*/t.createContext(null);

package/dist/internal/date.d.ts

@@ -22,7 +22,7 @@
  * Nothing here is exported from `src/index.ts`. It is the library talking to
  * itself, in the sense `internal/` always means.
  */
-import type { MPWeekday } from '../types';
+import type { MPWeekday } from '../types.js';
 /** Which unit the calendar is currently letting you pick. */
 export type MPCalendarView = 'day' | 'month' | 'year';
 /** How many years one page of the year grid holds. Four columns of three. */

package/dist/internal/i18n.d.ts

@@ -23,22 +23,32 @@
  * gets you a translation, `MPLocaleProvider` gets you one for the whole
  * application at once, and the prop gets you one for anything else.
  *
- * ## Why English is the only table in this file
+ * ## Where the words themselves are
  *
- * The other eighteen live under `src/locales/`, and nothing in the library
- * imports them. They used to be here, and being here is what made them cost
- * something: a component that says one word — `MPButton` says *Loading* — held a
- * static import chain down to a table of every string in every language, and a
- * bundler cannot drop data that something imports. Twenty kilobytes, on every
- * consumer, for a word.
+ * Not here. This file is the shape of the table, the registry a translation
+ * arrives through, and the merge — no strings.
  *
- * So the table arrives from the outside instead. `registerMPMessages` below is
- * how, `material-plus-ui/locales` is where from, and the only thing that changed
- * for a reader is that the application now names the languages it speaks. Once
- * it has, `locale="ko"` resolves through exactly the path it always did.
+ * The eighteen translations live under `src/locales/`, and nothing in the
+ * library imports them. They used to be here, and being here is what made them
+ * cost something: a component that says one word — `MPButton` says *Loading* —
+ * held a static import chain down to a table of every string in every language,
+ * and a bundler cannot drop data that something imports. Twenty kilobytes, on
+ * every consumer, for a word. So the table arrives from the outside instead:
+ * `registerMPMessages` below is how, `material-plus-ui/locales` is where from,
+ * and the only thing that changed for a reader is that the application now names
+ * the languages it speaks. Once it has, `locale="ko"` resolves through exactly
+ * the path it always did.
+ *
+ * English left too, for the same reason one step smaller. It is nine modules
+ * under `internal/messages/`, one per namespace, because a bundler that can drop
+ * a module it can also drop an export — and cannot drop a property. Held as one
+ * object, English was 1.75 kB that every component carried whole: `MPButton`
+ * shipped the calendar's eighteen strings to say *Loading*. `resolveNamespace`
+ * is handed the namespace it should merge, so a component pays for the words it
+ * speaks and no others.
  *
  * The public surface is `registerMPMessages`, `MPLocaleProvider` and the
- * per-component `labels` props; `resolveMessages` and `fillMessage` stay
+ * per-component `labels` props; `resolveNamespace` and `fillMessage` stay
  * internal.
  */
 /**
@@ -256,6 +266,25 @@ export interface MPLocale {
     /** The strings. Anything left out falls back to English, a namespace at a time. */
     messages: MPPartialMessages;
 }
+/**
+ * One namespace's English strings, carrying the name they answer to.
+ *
+ * The nine of them live in `internal/messages/`, one to a module, and a
+ * component imports the one it speaks. That is the whole reason this type
+ * exists: `resolveNamespace` below is handed the English table rather than
+ * looking it up, so the eight tables a component does not use are eight modules
+ * nothing imports.
+ *
+ * The name travels with the strings rather than beside them, so a call site is
+ * `useMPMessages(PICKER, locale)` and cannot name one namespace while passing
+ * another's words.
+ */
+export interface MPNamespace<Name extends keyof MPMessages> {
+    /** The key this namespace occupies in `MPMessages` and in a translation. */
+    readonly name: Name;
+    /** English, which every other language is merged over. */
+    readonly en: MPMessages[Name];
+}
 /**
  * Teaches the library a language.
  *
@@ -272,7 +301,7 @@ export interface MPLocale {
  */
 export declare function registerMPMessages(...locales: MPLocale[]): void;
 /**
- * The strings for a locale, merged over English.
+ * One namespace's strings for a locale, merged over English.
  *
  * `undefined` is English rather than the runtime's own locale, and that is
  * deliberate: `navigator.language` differs between the server that renders the
@@ -281,11 +310,16 @@ export declare function registerMPMessages(...locales: MPLocale[]): void;
  * at. A component that should follow the reader is *told* which language to
  * follow — by its own `locale` prop, or by an `MPLocaleProvider` above it.
  *
+ * A namespace at a time, so a language that has one and not another keeps
+ * English for the rest rather than losing both. That was already how the merge
+ * worked; what changed is that the namespaces are no longer merged all at once,
+ * because a component that reads one of them should not carry the other eight.
+ *
  * Note that this is only about the words in the table. The dates themselves are
  * formatted by `Intl` against the same tag, and `Intl` speaks every language the
  * platform does whether or not there is an entry here.
  */
-export declare function resolveMessages(locale?: string): MPMessages;
+export declare function resolveNamespace<Name extends keyof MPMessages>(namespace: MPNamespace<Name>, locale?: string): MPMessages[Name];
 /**
  * A message with its placeholders filled in.
  *

package/dist/internal/i18n.js

@@ -1 +1 @@
-const e={common:{close:"Close",clear:"Clear",open:"Open",remove:"Remove",removeNamed:"Remove {label}",loading:"Loading"},textField:{showPassword:"Show the password",hidePassword:"Hide the password"},empty:{title:"Nothing here"},picker:{previousMonth:"Previous month",nextMonth:"Next month",previousYear:"Previous year",nextYear:"Next year",previousYears:"Previous years",nextYears:"Next years",chooseMonth:"Choose a month",chooseYear:"Choose a year",today:"Today",now:"Now",clear:"Clear",done:"Done",hour:"Hour",minute:"Minute",second:"Second",meridiem:"AM/PM",start:"Start",end:"End"},alert:{dismiss:"Dismiss"},chat:{sending:"Sending",sent:"Sent",delivered:"Delivered",read:"Read",failed:"Not sent",typing:"Typing"},spoiler:{reveal:"Reveal",hide:"Hide",notice:"Hidden so it is not read by accident"},pagination:{label:"Pagination",page:"Page {page}",status:"Page {page} of {total}",previous:"Previous page",next:"Next page",first:"First page",last:"Last page"},rating:{label:"Rating",value:"{value} out of {max}",empty:"Not rated"}},t=new Map;export function registerMPMessages(...a){for(const e of a){t.set(e.locale.toLowerCase(),e.messages);for(const o of e.aliases??[])t.set(o.toLowerCase(),e.messages)}o.clear(),o.set("",e)}const o=new Map([["",e]]);export function resolveMessages(a){const s=a?.trim()??"",n=o.get(s);if(n)return n;const r=function(e){const t=e.toLowerCase().split(/[-_]/).filter(Boolean),o=t[0];if(!o)return[];const a=t.slice(1),s=a.find(e=>/^[a-z]{4}$/.test(e)),n=a.find(e=>/^([a-z]{2}|\d{3})$/.test(e));return[s?`${o}-${s}`:"",n?`${o}-${n}`:"",o].filter(Boolean)}(s).map(e=>t.get(e)).find(Boolean),i=r?{common:{...e.common,...r.common},textField:{...e.textField,...r.textField},empty:{...e.empty,...r.empty},picker:{...e.picker,...r.picker},alert:{...e.alert,...r.alert},chat:{...e.chat,...r.chat},pagination:{...e.pagination,...r.pagination},rating:{...e.rating,...r.rating},spoiler:{...e.spoiler,...r.spoiler}}:e;return o.set(s,i),i}export function fillMessage(e,t){return e.replace(/\{(\w+)\}/g,(e,o)=>t[o]??e)}
+const e=new Map;export function registerMPMessages(...s){for(const t of s){e.set(t.locale.toLowerCase(),t.messages);for(const s of t.aliases??[])e.set(s.toLowerCase(),t.messages)}t.clear()}const t=new Map;export function resolveNamespace(s,n){const o=n?.trim()??"",r=`${s.name}\0${o}`,a=t.get(r);if(a)return a;const c=function(e){const t=e.toLowerCase().split(/[-_]/).filter(Boolean),s=t[0];if(!s)return[];const n=t.slice(1),o=n.find(e=>/^[a-z]{4}$/.test(e)),r=n.find(e=>/^([a-z]{2}|\d{3})$/.test(e));return[o?`${s}-${o}`:"",r?`${s}-${r}`:"",s].filter(Boolean)}(o).map(t=>e.get(t)).find(Boolean),i=c?.[s.name],f=i?{...s.en,...i}:s.en;return t.set(r,f),f}export function fillMessage(e,t){return e.replace(/\{(\w+)\}/g,(e,s)=>t[s]??e)}

package/dist/internal/locale.d.ts

@@ -12,14 +12,14 @@
  *
  * There is deliberately no third source. `navigator.language` is *not* consulted
  * as a fallback, and that is not an oversight — see the note on
- * `resolveMessages` in `internal/i18n.ts`. The runtime's own locale differs
+ * `resolveNamespace` in `internal/i18n.ts`. The runtime's own locale differs
  * between the server that renders the markup and the browser that hydrates it,
  * so reading it would put a hydration mismatch in the one part of the page a
  * reader is looking at. `undefined` therefore means "the platform's default",
  * which `Intl` resolves consistently in both places.
  */
 import * as React from 'react';
-import { type MPMessages } from './i18n';
+import { type MPMessages, type MPNamespace } from './i18n.js';
 /**
  * `undefined` rather than `'en'`, and the distinction matters.
  *
@@ -39,5 +39,10 @@ export declare function useMPLocale(locale?: string): string | undefined;
  * what makes an unsupported language a partial answer rather than a dead end: a
  * caller supplies the handful of words they care about and everything else is
  * still translated, or still English, rather than blank.
+ *
+ * The namespace is passed as the object from `internal/messages/`, not as its
+ * name: it carries English with it, which is what lets a component that says one
+ * word leave the other eight namespaces out of the bundle entirely. The objects
+ * are module constants, so the identity `useMemo` compares is stable.
  */
-export declare function useMPMessages<Namespace extends keyof MPMessages>(namespace: Namespace, locale: string | undefined, overrides?: Partial<MPMessages[Namespace]>): MPMessages[Namespace];
+export declare function useMPMessages<Name extends keyof MPMessages>(namespace: MPNamespace<Name>, locale: string | undefined, overrides?: Partial<MPMessages[Name]>): MPMessages[Name];

package/dist/internal/locale.js

@@ -1 +1,2 @@
-import*as e from"react";import{resolveMessages as t}from"./i18n";export const MPLocaleContext=/*@__PURE__*/e.createContext(void 0);export function useMPLocale(t){const o=e.useContext(MPLocaleContext);return t??o}export function useMPMessages(o,n,r){return e.useMemo(()=>{const e=t(n)[o];return r?{...e,...r}:e},[o,n,r])}
+"use client";
+import*as e from"react";import{resolveNamespace as t}from"./i18n.js";export const MPLocaleContext=/*@__PURE__*/e.createContext(void 0);export function useMPLocale(t){const o=e.useContext(MPLocaleContext);return t??o}export function useMPMessages(o,n,r){return e.useMemo(()=>{const e=t(o,n);return r?{...e,...r}:e},[o,n,r])}

package/dist/internal/menu.d.ts

@@ -15,7 +15,7 @@
  * every row from having to answer "what if there is no menu".
  */
 import * as React from 'react';
-import type { MPColor, MPSize } from '../types';
+import type { MPColor, MPSize } from '../types.js';
 export interface MPMenuContextValue {
     size: MPSize;
     color: MPColor;

package/dist/internal/menu.js

@@ -1 +1,2 @@
+"use client";
 import*as t from"react";export const MPMenuContext=/*@__PURE__*/t.createContext({size:"md",color:"primary"});

package/dist/internal/messages/alert.d.ts

@@ -0,0 +1,3 @@
+import type { MPNamespace } from '../i18n.js';
+/** `MPAlert`'s dismiss button — see `MPMessages['alert']`. */
+export declare const ALERT: MPNamespace<'alert'>;

package/dist/internal/messages/alert.js

@@ -0,0 +1 @@
+export const ALERT={name:"alert",en:{dismiss:"Dismiss"}};

package/dist/internal/messages/chat.d.ts

@@ -0,0 +1,3 @@
+import type { MPNamespace } from '../i18n.js';
+/** `MPChatBubble`'s delivery states — see `MPMessages['chat']`. */
+export declare const CHAT: MPNamespace<'chat'>;

package/dist/internal/messages/chat.js

@@ -0,0 +1 @@
+export const CHAT={name:"chat",en:{sending:"Sending",sent:"Sent",delivered:"Delivered",read:"Read",failed:"Not sent",typing:"Typing"}};

package/dist/internal/messages/common.d.ts

@@ -0,0 +1,3 @@
+import type { MPNamespace } from '../i18n.js';
+/** The words that are not any one component's — see `MPMessages['common']`. */
+export declare const COMMON: MPNamespace<'common'>;

package/dist/internal/messages/common.js

@@ -0,0 +1 @@
+export const COMMON={name:"common",en:{close:"Close",clear:"Clear",open:"Open",remove:"Remove",removeNamed:"Remove {label}",loading:"Loading"}};

package/dist/internal/messages/empty.d.ts

@@ -0,0 +1,3 @@
+import type { MPNamespace } from '../i18n.js';
+/** `MPEmpty`'s heading — see `MPMessages['empty']`. */
+export declare const EMPTY: MPNamespace<'empty'>;

package/dist/internal/messages/empty.js

@@ -0,0 +1 @@
+export const EMPTY={name:"empty",en:{title:"Nothing here"}};

package/dist/internal/messages/pagination.d.ts

@@ -0,0 +1,3 @@
+import type { MPNamespace } from '../i18n.js';
+/** `MPPagination`'s steppers and its status — see `MPMessages['pagination']`. */
+export declare const PAGINATION: MPNamespace<'pagination'>;

package/dist/internal/messages/pagination.js

@@ -0,0 +1 @@
+export const PAGINATION={name:"pagination",en:{label:"Pagination",page:"Page {page}",status:"Page {page} of {total}",previous:"Previous page",next:"Next page",first:"First page",last:"Last page"}};

package/dist/internal/messages/picker.d.ts

@@ -0,0 +1,3 @@
+import type { MPNamespace } from '../i18n.js';
+/** The four pickers' shared vocabulary — see `MPMessages['picker']`. */
+export declare const PICKER: MPNamespace<'picker'>;

package/dist/internal/messages/picker.js

@@ -0,0 +1 @@
+export const PICKER={name:"picker",en:{previousMonth:"Previous month",nextMonth:"Next month",previousYear:"Previous year",nextYear:"Next year",previousYears:"Previous years",nextYears:"Next years",chooseMonth:"Choose a month",chooseYear:"Choose a year",today:"Today",now:"Now",clear:"Clear",done:"Done",hour:"Hour",minute:"Minute",second:"Second",meridiem:"AM/PM",start:"Start",end:"End"}};

package/dist/internal/messages/rating.d.ts

@@ -0,0 +1,3 @@
+import type { MPNamespace } from '../i18n.js';
+/** `MPRating`'s value, read out — see `MPMessages['rating']`. */
+export declare const RATING: MPNamespace<'rating'>;

package/dist/internal/messages/rating.js

@@ -0,0 +1 @@
+export const RATING={name:"rating",en:{label:"Rating",value:"{value} out of {max}",empty:"Not rated"}};

package/dist/internal/messages/spoiler.d.ts

@@ -0,0 +1,3 @@
+import type { MPNamespace } from '../i18n.js';
+/** `MPSpoiler`'s toggle and its notice — see `MPMessages['spoiler']`. */
+export declare const SPOILER: MPNamespace<'spoiler'>;

package/dist/internal/messages/spoiler.js

@@ -0,0 +1 @@
+export const SPOILER={name:"spoiler",en:{reveal:"Reveal",hide:"Hide",notice:"Hidden so it is not read by accident"}};

package/dist/internal/messages/text-field.d.ts

@@ -0,0 +1,3 @@
+import type { MPNamespace } from '../i18n.js';
+/** `MPTextField`'s reveal toggle — see `MPMessages['textField']`. */
+export declare const TEXT_FIELD: MPNamespace<'textField'>;

package/dist/internal/messages/text-field.js

@@ -0,0 +1 @@
+export const TEXT_FIELD={name:"textField",en:{showPassword:"Show the password",hidePassword:"Hide the password"}};

package/dist/internal/progress.d.ts

@@ -16,7 +16,7 @@
  * generates no rule at all.
  */
 import type * as React from 'react';
-import type { MPSize } from '../types';
+import type { MPSize } from '../types.js';
 /**
  * The props all three indicators take.
  *

package/dist/internal/scale.d.ts

@@ -21,7 +21,7 @@
  * sized by the thumb. A checkbox's tick is not either. Those tables stay in the
  * component that owns them, next to the reasoning for their numbers.
  */
-import type { MPSize } from '../types';
+import type { MPSize } from '../types.js';
 /**
  * The control heights, and the ladder every other table here is derived from.
  *

package/dist/internal/surface.d.ts

@@ -13,7 +13,7 @@
  * The second is what a *container* paints itself at, which is the last section
  * of the file.
  */
-import type { MPVariant } from '../types';
+import type { MPVariant } from '../types.js';
 /**
  * The positioner every portalled popup wears.
  *

package/dist/internal/surface.js

@@ -1 +1 @@
-export const PORTAL_LAYER="mp-portal z-50 outline-none";export const SCRIM="bg-mp-scrim/32 [backdrop-filter:blur(2px)]";export const FADE=["transition-opacity duration-(--mp-sys-motion-duration-short4)","ease-mp-standard","data-starting-style:opacity-0 data-ending-style:opacity-0"].join(" ");export const SHEET_MOTION=["duration-(--mp-sys-motion-duration-medium4)","ease-(--mp-sys-motion-easing-emphasized-decelerate)","data-ending-style:duration-(--mp-sys-motion-duration-short4)","data-ending-style:ease-(--mp-sys-motion-easing-emphasized-accelerate)","data-starting-style:opacity-0 data-ending-style:opacity-0"].join(" ");export const CONTAINER_SURFACE={filled:"bg-mp-surface-container-highest",tonal:"bg-mp-surface-container",elevated:"shadow-mp-1 bg-mp-surface-container-low",outlined:"border-mp-outline-variant border bg-transparent",text:"bg-transparent"};
+export const PORTAL_LAYER="mp-portal z-50 outline-none";export const SCRIM="bg-mp-scrim/32 [backdrop-filter:blur(2px)]";export const FADE=/*@__PURE__*/["transition-opacity duration-(--mp-sys-motion-duration-short4)","ease-mp-standard","data-starting-style:opacity-0 data-ending-style:opacity-0"].join(" ");export const SHEET_MOTION=/*@__PURE__*/["duration-(--mp-sys-motion-duration-medium4)","ease-(--mp-sys-motion-easing-emphasized-decelerate)","data-ending-style:duration-(--mp-sys-motion-duration-short4)","data-ending-style:ease-(--mp-sys-motion-easing-emphasized-accelerate)","data-starting-style:opacity-0 data-ending-style:opacity-0"].join(" ");export const CONTAINER_SURFACE={filled:"bg-mp-surface-container-highest",tonal:"bg-mp-surface-container",elevated:"shadow-mp-1 bg-mp-surface-container-low",outlined:"border-mp-outline-variant border bg-transparent",text:"bg-transparent"};

package/dist/locales/ar.d.ts

@@ -13,5 +13,5 @@
  *
  * Anything this table leaves out falls back to English, a namespace at a time.
  */
-import type { MPLocale } from '../internal/i18n';
+import type { MPLocale } from '../internal/i18n.js';
 export declare const ar: MPLocale;

package/dist/locales/de.d.ts

@@ -13,5 +13,5 @@
  *
  * Anything this table leaves out falls back to English, a namespace at a time.
  */
-import type { MPLocale } from '../internal/i18n';
+import type { MPLocale } from '../internal/i18n.js';
 export declare const de: MPLocale;

package/dist/locales/es.d.ts

@@ -13,5 +13,5 @@
  *
  * Anything this table leaves out falls back to English, a namespace at a time.
  */
-import type { MPLocale } from '../internal/i18n';
+import type { MPLocale } from '../internal/i18n.js';
 export declare const es: MPLocale;

package/dist/locales/fr.d.ts

@@ -13,5 +13,5 @@
  *
  * Anything this table leaves out falls back to English, a namespace at a time.
  */
-import type { MPLocale } from '../internal/i18n';
+import type { MPLocale } from '../internal/i18n.js';
 export declare const fr: MPLocale;

package/dist/locales/hi.d.ts

@@ -13,5 +13,5 @@
  *
  * Anything this table leaves out falls back to English, a namespace at a time.
  */
-import type { MPLocale } from '../internal/i18n';
+import type { MPLocale } from '../internal/i18n.js';
 export declare const hi: MPLocale;

package/dist/locales/id.d.ts

@@ -13,5 +13,5 @@
  *
  * Anything this table leaves out falls back to English, a namespace at a time.
  */
-import type { MPLocale } from '../internal/i18n';
+import type { MPLocale } from '../internal/i18n.js';
 export declare const id: MPLocale;

package/dist/locales/index.d.ts

@@ -60,25 +60,25 @@
  * and `registerMPMessages({ locale: 'sv', messages: { ... } })` is as good as
  * anything in this directory.
  */
-export { ko } from './ko';
-export { ja } from './ja';
-export { zhHans } from './zh-hans';
-export { zhHant } from './zh-hant';
-export { es } from './es';
-export { pt } from './pt';
-export { fr } from './fr';
-export { de } from './de';
-export { it } from './it';
-export { nl } from './nl';
-export { pl } from './pl';
-export { ru } from './ru';
-export { tr } from './tr';
-export { ar } from './ar';
-export { hi } from './hi';
-export { id } from './id';
-export { vi } from './vi';
-export { th } from './th';
-import type { MPLocale } from '../internal/i18n';
+export { ko } from './ko.js';
+export { ja } from './ja.js';
+export { zhHans } from './zh-hans.js';
+export { zhHant } from './zh-hant.js';
+export { es } from './es.js';
+export { pt } from './pt.js';
+export { fr } from './fr.js';
+export { de } from './de.js';
+export { it } from './it.js';
+export { nl } from './nl.js';
+export { pl } from './pl.js';
+export { ru } from './ru.js';
+export { tr } from './tr.js';
+export { ar } from './ar.js';
+export { hi } from './hi.js';
+export { id } from './id.js';
+export { vi } from './vi.js';
+export { th } from './th.js';
+import type { MPLocale } from '../internal/i18n.js';
 /**
  * All eighteen tables, in one array.
  *

package/dist/locales/index.js

@@ -1 +1 @@
-export{ko}from"./ko";export{ja}from"./ja";export{zhHans}from"./zh-hans";export{zhHant}from"./zh-hant";export{es}from"./es";export{pt}from"./pt";export{fr}from"./fr";export{de}from"./de";export{it}from"./it";export{nl}from"./nl";export{pl}from"./pl";export{ru}from"./ru";export{tr}from"./tr";export{ar}from"./ar";export{hi}from"./hi";export{id}from"./id";export{vi}from"./vi";export{th}from"./th";import{ko as r}from"./ko";import{ja as o}from"./ja";import{zhHans as m}from"./zh-hans";import{zhHant as t}from"./zh-hant";import{es as p}from"./es";import{pt as f}from"./pt";import{fr as i}from"./fr";import{de as e}from"./de";import{it as x}from"./it";import{nl as h}from"./nl";import{pl as a}from"./pl";import{ru as n}from"./ru";import{tr as s}from"./tr";import{ar as d}from"./ar";import{hi as l}from"./hi";import{id as z}from"./id";import{vi as j}from"./vi";import{th as k}from"./th";export const LOCALES=[r,o,m,t,p,f,i,e,x,h,a,n,s,d,l,z,j,k];
+export{ko}from"./ko.js";export{ja}from"./ja.js";export{zhHans}from"./zh-hans.js";export{zhHant}from"./zh-hant.js";export{es}from"./es.js";export{pt}from"./pt.js";export{fr}from"./fr.js";export{de}from"./de.js";export{it}from"./it.js";export{nl}from"./nl.js";export{pl}from"./pl.js";export{ru}from"./ru.js";export{tr}from"./tr.js";export{ar}from"./ar.js";export{hi}from"./hi.js";export{id}from"./id.js";export{vi}from"./vi.js";export{th}from"./th.js";import{ko as r}from"./ko.js";import{ja as o}from"./ja.js";import{zhHans as m}from"./zh-hans.js";import{zhHant as t}from"./zh-hant.js";import{es as p}from"./es.js";import{pt as s}from"./pt.js";import{fr as f}from"./fr.js";import{de as j}from"./de.js";import{it as i}from"./it.js";import{nl as e}from"./nl.js";import{pl as x}from"./pl.js";import{ru as h}from"./ru.js";import{tr as a}from"./tr.js";import{ar as n}from"./ar.js";import{hi as d}from"./hi.js";import{id as l}from"./id.js";import{vi as z}from"./vi.js";import{th as k}from"./th.js";export const LOCALES=[r,o,m,t,p,s,f,j,i,e,x,h,a,n,d,l,z,k];

package/dist/locales/it.d.ts

@@ -13,5 +13,5 @@
  *
  * Anything this table leaves out falls back to English, a namespace at a time.
  */
-import type { MPLocale } from '../internal/i18n';
+import type { MPLocale } from '../internal/i18n.js';
 export declare const it: MPLocale;

package/dist/locales/ja.d.ts

@@ -13,5 +13,5 @@
  *
  * Anything this table leaves out falls back to English, a namespace at a time.
  */
-import type { MPLocale } from '../internal/i18n';
+import type { MPLocale } from '../internal/i18n.js';
 export declare const ja: MPLocale;

package/dist/locales/ko.d.ts

@@ -13,5 +13,5 @@
  *
  * Anything this table leaves out falls back to English, a namespace at a time.
  */
-import type { MPLocale } from '../internal/i18n';
+import type { MPLocale } from '../internal/i18n.js';
 export declare const ko: MPLocale;

package/dist/locales/nl.d.ts

@@ -13,5 +13,5 @@
  *
  * Anything this table leaves out falls back to English, a namespace at a time.
  */
-import type { MPLocale } from '../internal/i18n';
+import type { MPLocale } from '../internal/i18n.js';
 export declare const nl: MPLocale;

package/dist/locales/pl.d.ts

@@ -13,5 +13,5 @@
  *
  * Anything this table leaves out falls back to English, a namespace at a time.
  */
-import type { MPLocale } from '../internal/i18n';
+import type { MPLocale } from '../internal/i18n.js';
 export declare const pl: MPLocale;

package/dist/locales/pt.d.ts

@@ -13,5 +13,5 @@
  *
  * Anything this table leaves out falls back to English, a namespace at a time.
  */
-import type { MPLocale } from '../internal/i18n';
+import type { MPLocale } from '../internal/i18n.js';
 export declare const pt: MPLocale;

package/dist/locales/ru.d.ts

@@ -13,5 +13,5 @@
  *
  * Anything this table leaves out falls back to English, a namespace at a time.
  */
-import type { MPLocale } from '../internal/i18n';
+import type { MPLocale } from '../internal/i18n.js';
 export declare const ru: MPLocale;

package/dist/locales/th.d.ts

@@ -13,5 +13,5 @@
  *
  * Anything this table leaves out falls back to English, a namespace at a time.
  */
-import type { MPLocale } from '../internal/i18n';
+import type { MPLocale } from '../internal/i18n.js';
 export declare const th: MPLocale;

package/dist/locales/tr.d.ts

@@ -13,5 +13,5 @@
  *
  * Anything this table leaves out falls back to English, a namespace at a time.
  */
-import type { MPLocale } from '../internal/i18n';
+import type { MPLocale } from '../internal/i18n.js';
 export declare const tr: MPLocale;

package/dist/locales/vi.d.ts

@@ -13,5 +13,5 @@
  *
  * Anything this table leaves out falls back to English, a namespace at a time.
  */
-import type { MPLocale } from '../internal/i18n';
+import type { MPLocale } from '../internal/i18n.js';
 export declare const vi: MPLocale;