material-plus-ui 1.12.0 → 1.14.0

package/dist/components/tabs/MPTabs.js

@@ -1,2 +1,2 @@
 "use client";
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import{Tabs as a}from"@base-ui/react/tabs";import{accentSlots as r}from"../../internal/accent.js";import{MPStateLayer as i}from"../../internal/StateLayer.js";import{CONTROL_GAP as o,hasContent as l,SHEET_GAP as s}from"../../internal/scale.js";import{useMPColor as c,useMPSize as u}from"../../internal/config.js";const d=/*@__PURE__*/n.createContext({variant:"primary",size:"md",iconPosition:"top",fullWidth:!1}),m={xs:"h-8",sm:"h-10",md:"h-12",lg:"h-14",xl:"h-16"},f={xs:"h-11",sm:"h-13",md:"h-16",lg:"h-18",xl:"h-20"},p={xs:"text-mp-label-medium",sm:"text-mp-label-large",md:"text-mp-title-small",lg:"text-mp-title-small",xl:"text-mp-title-medium"},h={xs:"px-3",sm:"px-3.5",md:"px-4",lg:"px-5",xl:"px-6"},b={xs:12,sm:14,md:16,lg:20,xl:24},v={xs:18,sm:20,md:24,lg:24,xl:28};function x(e,t,a,r=""){n.Children.toArray(e).forEach(e=>{if(!n.isValidElement(e))return void(l(e)&&t.push(e));if(e.type===n.Fragment)return void x(e.props.children,t,a,`${r}${String(e.key)}/`);const i=r?n.cloneElement(e,{key:`${r}${String(e.key)}`}):e;e.type===MPTabPanel?a.push(i):t.push(i)})}export const MPTabs=/*@__PURE__*/n.forwardRef(function({variant:i="primary",color:o,size:l,value:m,defaultValue:f,onValueChange:p,iconPosition:h,activateOnFocus:v=!1,loopFocus:y=!0,divider:w=!0,fullWidth:g=!1,className:_,style:j,children:P,"aria-label":k,...M},N){const R=c(o),z=u(l),C=h??("primary"===i?"top":"start"),F=n.useMemo(()=>({variant:i,size:z,iconPosition:C,fullWidth:g}),[i,z,C,g]),$=n.useRef(null),[O,S]=n.useState(null),W=n.useCallback(()=>{const e=$.current;if(!e)return;const t=e.scrollWidth-e.clientWidth,n=Math.abs(e.scrollLeft),a=t-n,r="rtl"===getComputedStyle(e).direction,i=(r?a:n)>1,o=(r?n:a)>1;S(i&&o?"both":i?"left":o?"right":null)},[]);n.useEffect(()=>{const e=$.current;if(W(),!e)return;const t="undefined"==typeof ResizeObserver?null:new ResizeObserver(W),n=()=>{if(t){t.disconnect(),t.observe(e);for(const n of e.children)t.observe(n)}};n();const a="undefined"==typeof MutationObserver?null:new MutationObserver(()=>{n(),W()});return a?.observe(e,{childList:!0}),()=>{t?.disconnect(),a?.disconnect()}},[W]);const E=n.useRef(0);n.useEffect(()=>()=>cancelAnimationFrame(E.current),[]);const T=[],V=[];return x(P,T,V),e(d.Provider,{value:F,children:t(a.Root,{ref:N,value:m,defaultValue:f,onValueChange:e=>p?.(e),"data-mp-size":z,"data-mp-variant":i,className:["mp-tabs flex min-w-0 flex-col",s[z],_??""].filter(Boolean).join(" "),style:{...r(R),"--_mp-tab-inset":`${b[z]}px`,...j},...M,children:[t(a.List,{ref:$,"aria-label":k,activateOnFocus:v,loopFocus:y,"data-mp-overflow":O??void 0,onScroll:()=>{0===E.current&&(E.current=requestAnimationFrame(()=>{E.current=0,W()}))},className:["mp-tabs__list relative flex shrink-0",w?"border-mp-outline-variant border-b":"",g?"w-full":"","overflow-x-auto overflow-y-hidden","[scrollbar-width:none] [&::-webkit-scrollbar]:hidden"].filter(Boolean).join(" "),children:[T,e(a.Indicator,{className:["mp-tabs__indicator pointer-events-none absolute bottom-0","bg-(--_mp-accent)","primary"===i?["h-0.75 rounded-t-full","left-[calc(var(--active-tab-left)_+_var(--_mp-tab-inset))]","w-[calc(var(--active-tab-width)_-_2_*_var(--_mp-tab-inset))]"].join(" "):"left-(--active-tab-left) h-0.5 w-(--active-tab-width)","[transition-property:left,width]","duration-(--mp-sys-motion-duration-short4) ease-mp-standard"].join(" ")})]}),V]})})});export const MPTab=/*@__PURE__*/n.forwardRef(function({value:r,icon:s,disabled:c=!1,className:u,children:b,...x},y){const{variant:w,size:g,iconPosition:_,fullWidth:j}=n.useContext(d),P="top"===_&&l(s);return t(a.Tab,{ref:y,value:r,disabled:c,className:["mp-tabs__tab group relative flex shrink-0 items-center justify-center","box-border appearance-none border-0 bg-transparent font-[inherit] whitespace-nowrap select-none","overflow-hidden outline-none","transition-[color] duration-(--mp-sys-motion-duration-short4) ease-mp-standard",P?`flex-col gap-1 ${f[g]}`:`flex-row ${m[g]}`,P?"":o[g],p[g],h[g],c?"text-mp-on-surface/38 cursor-default":["text-mp-on-surface-variant cursor-pointer","primary"===w?"data-active:text-(--_mp-accent)":"data-active:text-mp-on-surface"].join(" "),"outline-mp-secondary focus-visible:outline-2 focus-visible:-outline-offset-2","focus-visible:outline-solid",j?"flex-1":"",u??""].filter(Boolean).join(" "),...x,children:[c?null:e(i,{}),l(s)?e("span",{className:"relative flex shrink-0 items-center justify-center",style:{width:v[g],height:v[g]},children:s}):null,l(b)?e("span",{className:"relative truncate",children:b}):null]})});export const MPTabPanel=/*@__PURE__*/n.forwardRef(function({value:t,keepMounted:n=!1,className:r,children:i,...o},l){return e(a.Panel,{ref:l,value:t,keepMounted:n,className:["mp-tabs__panel text-mp-on-surface min-w-0 flex-1","rounded-mp-xs outline-mp-secondary focus-visible:outline-2 focus-visible:outline-offset-2","focus-visible:outline-solid outline-none","transition-opacity duration-(--mp-sys-motion-duration-short4) ease-mp-standard","data-starting-style:opacity-0",r??""].filter(Boolean).join(" "),...o,children:i})});
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import{useDirection as r}from"@base-ui/react/direction-provider";import{Tabs as o}from"@base-ui/react/tabs";import{accentSlots as i}from"../../internal/accent.js";import{useBrowserLayoutEffect as a}from"../../internal/layout-effect.js";import{MPStateLayer as l}from"../../internal/StateLayer.js";import{CONTROL_GAP as s,hasContent as c,SHEET_GAP as u}from"../../internal/scale.js";import{useMPColor as d,useMPSize as m}from"../../internal/config.js";const f=/*@__PURE__*/n.createContext({variant:"primary",size:"md",iconPosition:"top",fullWidth:!1}),p={xs:"h-8",sm:"h-10",md:"h-12",lg:"h-14",xl:"h-16"},h={xs:"h-11",sm:"h-13",md:"h-16",lg:"h-18",xl:"h-20"},b={xs:"text-mp-label-medium",sm:"text-mp-label-large",md:"text-mp-title-small",lg:"text-mp-title-small",xl:"text-mp-title-medium"},v={xs:"px-3",sm:"px-3.5",md:"px-4",lg:"px-5",xl:"px-6"},x={xs:12,sm:14,md:16,lg:20,xl:24},y={xs:18,sm:20,md:24,lg:24,xl:28};function w(e,t,r,o=""){n.Children.toArray(e).forEach(e=>{if(!n.isValidElement(e))return void(c(e)&&t.push(e));if(e.type===n.Fragment)return void w(e.props.children,t,r,`${o}${String(e.key)}/`);const i=o?n.cloneElement(e,{key:`${o}${String(e.key)}`}):e;e.type===MPTabPanel?r.push(i):t.push(i)})}export const MPTabs=/*@__PURE__*/n.forwardRef(function({variant:l="primary",color:s,size:c,value:p,defaultValue:h,onValueChange:b,iconPosition:v,activateOnFocus:y=!1,loopFocus:g=!0,divider:_=!0,fullWidth:j=!1,className:P,style:k,children:M,"aria-label":N,...R},z){const C=d(s),F=m(c),$=v??("primary"===l?"top":"start"),O=n.useMemo(()=>({variant:l,size:F,iconPosition:$,fullWidth:j}),[l,F,$,j]),S=n.useRef(null),[W,E]=n.useState(null),T=n.useCallback(()=>{const e=S.current;if(!e)return;const t=e.scrollWidth-e.clientWidth,n=Math.abs(e.scrollLeft),r=t-n,o="rtl"===getComputedStyle(e).direction,i=(o?r:n)>1,a=(o?n:r)>1;E(i&&a?"both":i?"left":a?"right":null)},[]);n.useEffect(()=>{const e=S.current;if(T(),!e)return;const t="undefined"==typeof ResizeObserver?null:new ResizeObserver(T),n=()=>{if(t){t.disconnect(),t.observe(e);for(const n of e.children)t.observe(n)}};n();const r="undefined"==typeof MutationObserver?null:new MutationObserver(()=>{n(),T()});return r?.observe(e,{childList:!0}),()=>{t?.disconnect(),r?.disconnect()}},[T]);const V=r(),B=n.useRef(V),[,L]=n.useReducer(e=>e+1,0);a(()=>{B.current!==V&&(B.current=V,T(),L())},[V,T]);const A=n.useRef(0);n.useEffect(()=>()=>cancelAnimationFrame(A.current),[]);const q=[],I=[];return w(M,q,I),e(f.Provider,{value:O,children:t(o.Root,{ref:z,value:p,defaultValue:h,onValueChange:e=>b?.(e),"data-mp-size":F,"data-mp-variant":l,className:["mp-tabs flex min-w-0 flex-col",u[F],P??""].filter(Boolean).join(" "),style:{...i(C),"--_mp-tab-inset":`${x[F]}px`,...k},...R,children:[t(o.List,{ref:S,"aria-label":N,activateOnFocus:y,loopFocus:g,"data-mp-overflow":W??void 0,onScroll:()=>{0===A.current&&(A.current=requestAnimationFrame(()=>{A.current=0,T()}))},className:["mp-tabs__list relative flex shrink-0",_?"border-mp-outline-variant border-b":"",j?"w-full":"","overflow-x-auto overflow-y-hidden","[scrollbar-width:none] [&::-webkit-scrollbar]:hidden"].filter(Boolean).join(" "),children:[q,e(o.Indicator,{className:["mp-tabs__indicator pointer-events-none absolute bottom-0","bg-(--_mp-accent)","primary"===l?["h-0.75 rounded-t-full","left-[calc(var(--active-tab-left)_+_var(--_mp-tab-inset))]","w-[calc(var(--active-tab-width)_-_2_*_var(--_mp-tab-inset))]"].join(" "):"left-(--active-tab-left) h-0.5 w-(--active-tab-width)","[transition-property:left,width]","duration-(--mp-sys-motion-duration-short4) ease-mp-standard"].join(" ")})]}),I]})})});export const MPTab=/*@__PURE__*/n.forwardRef(function({value:r,icon:i,disabled:a=!1,className:u,children:d,...m},x){const{variant:w,size:g,iconPosition:_,fullWidth:j}=n.useContext(f),P="top"===_&&c(i);return t(o.Tab,{ref:x,value:r,disabled:a,className:["mp-tabs__tab group relative flex shrink-0 items-center justify-center","box-border appearance-none border-0 bg-transparent font-[inherit] whitespace-nowrap select-none","overflow-hidden outline-none","transition-[color] duration-(--mp-sys-motion-duration-short4) ease-mp-standard",P?`flex-col gap-1 ${h[g]}`:`flex-row ${p[g]}`,P?"":s[g],b[g],v[g],a?"text-mp-on-surface/38 cursor-default":["text-mp-on-surface-variant cursor-pointer","primary"===w?"data-active:text-(--_mp-accent)":"data-active:text-mp-on-surface"].join(" "),"outline-mp-secondary focus-visible:outline-2 focus-visible:-outline-offset-2","focus-visible:outline-solid",j?"flex-1":"",u??""].filter(Boolean).join(" "),...m,children:[a?null:e(l,{}),c(i)?e("span",{className:"relative flex shrink-0 items-center justify-center",style:{width:y[g],height:y[g]},children:i}):null,c(d)?e("span",{className:"relative truncate",children:d}):null]})});export const MPTabPanel=/*@__PURE__*/n.forwardRef(function({value:t,keepMounted:n=!1,className:r,children:i,...a},l){return e(o.Panel,{ref:l,value:t,keepMounted:n,className:["mp-tabs__panel text-mp-on-surface min-w-0 flex-1","rounded-mp-xs outline-mp-secondary focus-visible:outline-2 focus-visible:outline-offset-2","focus-visible:outline-solid outline-none","transition-opacity duration-(--mp-sys-motion-duration-short4) ease-mp-standard","data-starting-style:opacity-0",r??""].filter(Boolean).join(" "),...a,children:i})});

package/dist/components/text-field/MPTextField.d.ts

@@ -62,6 +62,7 @@ export interface MPTextFieldProps extends MPStyleProps, MPControlEventProps<HTML
      *
      * A `startIcon` holds the label up regardless. The icon is already standing
      * where the resting label would be, and the two cannot share the spot.
+     * Left out, the nearest `MPConfigProvider`'s `floatingLabel` decides.
      * @default true
      */
     floatingLabel?: boolean;

package/dist/components/text-field/MPTextField.js

@@ -1,2 +1,2 @@
 "use client";
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as o from"react";import{Field as n}from"@base-ui/react/field";import{MPIcon as a}from"../icon/MPIcon.js";import{MPFieldLabel as r,MPFieldOutline as i,useFloatingLabel as l}from"../../internal/FieldOutline.js";import{MPSupportingText as s}from"../../internal/SupportingText.js";import{VisibilityIcon as d,VisibilityOffIcon as p}from"../../constants/icons.js";import{useMPLocale as u,useMPMessages as c}from"../../internal/locale.js";import{TEXT_FIELD as m}from"../../internal/messages/text-field.js";import{useMPSize as f}from"../../internal/config.js";const x={xs:{padding:"px-2",control:"py-1.5",text:"text-mp-body-medium",icon:16},sm:{padding:"px-3",control:"py-2.5",text:"text-mp-body-medium",icon:18},md:{padding:"px-4",control:"py-4",text:"text-mp-body-large",icon:20},lg:{padding:"px-4",control:"py-5",text:"text-mp-body-large",icon:22},xl:{padding:"px-5",control:"py-6",text:"text-mp-body-large",icon:24}};export const MPTextField=/*@__PURE__*/o.forwardRef(function({value:b,name:g,type:y="text",placeholder:h,autoComplete:v,label:w,"aria-label":C,floatingLabel:j=!0,onChange:k,onFormReset:M,onSubmit:z,onKeyDown:D,onKeyUp:N,onFocus:E,onBlur:F,onClick:P,onDoubleClick:S,onContextMenu:B,errorMessage:K="",required:q=!1,fullWidth:L=!1,readOnly:R=!1,autoFocus:U=!1,size:I,disabled:O=!1,disableEnterKey:T=!1,rows:$,maxLength:_,startIcon:W,resizable:A=!1,id:G,locale:H,passwordLabels:J,className:Q,style:V},X){const Y=f(I),Z=u(H),ee=c(m,Z,J),te=o.useRef(null),[oe,ne]=o.useState(!1),[ae,re]=o.useState(!1),[ie,le]=o.useState(b),se=o.useId(),de=G??se,pe=!!$,ue=K.length>0,ce=x[Y],me=ae?ie:b,{shrunk:fe,focusProps:xe}=l({floating:j&&!!w,filled:me.length>0,pinned:!!W}),be=o.useCallback(e=>{te.current=e,"function"==typeof X?X(e):X&&(X.current=e)},[X]),ge=e=>{e.preventDefault()};return o.useEffect(()=>{ae||le(b)},[b,ae]),o.useEffect(()=>{U&&!window.matchMedia("(max-width: 599.95px)").matches&&te.current?.focus()},[]),t(n.Root,{className:["mp-text-field group relative",L?"w-full":"inline-block","align-top",Q??""].filter(Boolean).join(" "),style:V,disabled:O,invalid:ue,"data-mp-size":Y,...xe,children:[t("div",{className:["relative flex w-full items-center gap-2",ce.padding,pe?"py-2":""].filter(Boolean).join(" "),children:[e(i,{label:w,required:q,notched:fe}),W?e("span",{className:"text-mp-on-surface-variant group-data-disabled:text-mp-on-surface/38 flex shrink-0 items-center",children:W}):null,e(n.Control,{render:pe?e("textarea",{rows:$}):e("input",{}),id:de,name:g,"aria-label":C,type:pe?void 0:oe?"text":y,required:q,readOnly:R,disabled:O,autoComplete:v,placeholder:fe?h:void 0,maxLength:_,value:me,ref:be,className:[`${ce.text} text-mp-on-surface w-full min-w-0 flex-1`,"font-[family-name:var(--mp-sys-typescale-body-large-font)]","appearance-none border-0 bg-transparent px-0 outline-none","caret-mp-primary",ce.control,pe?"py-0":"",pe&&A?"resize-y":"resize-none","search"===y?"[&::-webkit-search-cancel-button]:hidden":"","group-data-disabled:text-mp-on-surface/38","placeholder:text-mp-on-surface-variant group-data-disabled:placeholder:text-mp-on-surface/38"].filter(Boolean).join(" "),onChange:e=>{M?.();const t=e.target.value;ae&&le(t),k?.(t)},onCompositionStart:()=>{re(!0),le(b)},onCompositionUpdate:e=>{le(e.target.value)},onCompositionEnd:e=>{re(!1);const t=e.target.value;M?.(),k?.(t),le(t)},onKeyUp:N,onFocus:E,onBlur:F,onClick:P,onDoubleClick:S,onContextMenu:B,onKeyDown:e=>{if(D?.(e),!e.defaultPrevented&&"Enter"===e.key){if(function(e){const t=e.nativeEvent;return t.isComposing||229===t.keyCode}(e))return;z?.(),(T||z&&!pe)&&e.preventDefault()}}}),"password"!==y||pe?null:e("button",{type:"button","aria-label":oe?ee.hidePassword:ee.showPassword,onClick:()=>ne(e=>!e),onMouseDown:ge,onMouseUp:ge,disabled:O,className:["text-mp-on-surface-variant -me-1 flex shrink-0 items-center justify-center","cursor-pointer appearance-none border-0 bg-transparent p-1 font-[inherit]","rounded-full","outline-mp-secondary focus-visible:outline-2 focus-visible:outline-offset-1","focus-visible:outline-solid outline-none","hover:text-mp-on-surface focus-visible:text-mp-primary","disabled:text-mp-on-surface/38 disabled:cursor-default"].join(" "),children:e(a,{icon:oe?d:p,size:ce.icon})}),w?e(r,{size:Y,label:w,required:q,shrunk:fe,multiline:pe}):null]}),e(s,{errorMessage:K,className:`mp-text-field__support mt-1 ${ce.padding}`})]})});
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as o from"react";import{Field as n}from"@base-ui/react/field";import{MPIcon as a}from"../icon/MPIcon.js";import{MPFieldLabel as r,MPFieldOutline as i,useFloatingLabel as l}from"../../internal/FieldOutline.js";import{MPSupportingText as s}from"../../internal/SupportingText.js";import{VisibilityIcon as d,VisibilityOffIcon as p}from"../../constants/icons.js";import{useMPLocale as u,useMPMessages as c}from"../../internal/locale.js";import{TEXT_FIELD as m}from"../../internal/messages/text-field.js";import{useMPFloatingLabel as f,useMPSize as x}from"../../internal/config.js";const b={xs:{padding:"px-2",control:"py-1.5",text:"text-mp-body-medium",icon:16},sm:{padding:"px-3",control:"py-2.5",text:"text-mp-body-medium",icon:18},md:{padding:"px-4",control:"py-4",text:"text-mp-body-large",icon:20},lg:{padding:"px-4",control:"py-5",text:"text-mp-body-large",icon:22},xl:{padding:"px-5",control:"py-6",text:"text-mp-body-large",icon:24}};export const MPTextField=/*@__PURE__*/o.forwardRef(function({value:g,name:y,type:h="text",placeholder:v,autoComplete:w,label:C,"aria-label":j,floatingLabel:k,onChange:M,onFormReset:z,onSubmit:D,onKeyDown:N,onKeyUp:E,onFocus:F,onBlur:P,onClick:S,onDoubleClick:B,onContextMenu:K,errorMessage:q="",required:L=!1,fullWidth:R=!1,readOnly:U=!1,autoFocus:I=!1,size:O,disabled:T=!1,disableEnterKey:$=!1,rows:_,maxLength:W,startIcon:A,resizable:G=!1,id:H,locale:J,passwordLabels:Q,className:V,style:X},Y){const Z=x(O),ee=f(k),te=u(J),oe=c(m,te,Q),ne=o.useRef(null),[ae,re]=o.useState(!1),[ie,le]=o.useState(!1),[se,de]=o.useState(g),pe=o.useId(),ue=H??pe,ce=!!_,me=q.length>0,fe=b[Z],xe=ie?se:g,{shrunk:be,hinted:ge,focusProps:ye}=l({floating:ee&&!!C,filled:xe.length>0,pinned:!!A}),he=o.useCallback(e=>{ne.current=e,"function"==typeof Y?Y(e):Y&&(Y.current=e)},[Y]),ve=e=>{e.preventDefault()};return o.useEffect(()=>{ie||de(g)},[g,ie]),o.useEffect(()=>{I&&!window.matchMedia("(max-width: 599.95px)").matches&&ne.current?.focus()},[]),t(n.Root,{className:["mp-text-field group relative",R?"w-full":"inline-block","align-top",V??""].filter(Boolean).join(" "),style:X,disabled:T,invalid:me,"data-mp-size":Z,...ye,children:[t("div",{className:["relative flex w-full items-center gap-2",fe.padding,ce?"py-2":""].filter(Boolean).join(" "),children:[e(i,{label:C,required:L,notched:be}),A?e("span",{className:"text-mp-on-surface-variant group-data-disabled:text-mp-on-surface/38 flex shrink-0 items-center",children:A}):null,e(n.Control,{render:ce?e("textarea",{rows:_}):e("input",{}),id:ue,name:y,"aria-label":j,type:ce?void 0:ae?"text":h,required:L,readOnly:U,disabled:T,autoComplete:w,placeholder:ge?v:void 0,maxLength:W,value:xe,ref:he,className:[`${fe.text} text-mp-on-surface w-full min-w-0 flex-1`,"font-[family-name:var(--mp-sys-typescale-body-large-font)]","appearance-none border-0 bg-transparent px-0 outline-none","caret-mp-primary",fe.control,ce?"py-0":"",ce&&G?"resize-y":"resize-none","search"===h?"[&::-webkit-search-cancel-button]:hidden":"","group-data-disabled:text-mp-on-surface/38","placeholder:text-mp-on-surface-variant group-data-disabled:placeholder:text-mp-on-surface/38"].filter(Boolean).join(" "),onChange:e=>{z?.();const t=e.target.value;ie&&de(t),M?.(t)},onCompositionStart:()=>{le(!0),de(g)},onCompositionUpdate:e=>{de(e.target.value)},onCompositionEnd:e=>{le(!1);const t=e.target.value;z?.(),M?.(t),de(t)},onKeyUp:E,onFocus:F,onBlur:P,onClick:S,onDoubleClick:B,onContextMenu:K,onKeyDown:e=>{if(N?.(e),!e.defaultPrevented&&"Enter"===e.key){if(function(e){const t=e.nativeEvent;return t.isComposing||229===t.keyCode}(e))return;D?.(),($||D&&!ce)&&e.preventDefault()}}}),"password"!==h||ce?null:e("button",{type:"button","aria-label":ae?oe.hidePassword:oe.showPassword,onClick:()=>re(e=>!e),onMouseDown:ve,onMouseUp:ve,disabled:T,className:["text-mp-on-surface-variant -me-1 flex shrink-0 items-center justify-center","cursor-pointer appearance-none border-0 bg-transparent p-1 font-[inherit]","rounded-full","outline-mp-secondary focus-visible:outline-2 focus-visible:outline-offset-1","focus-visible:outline-solid outline-none","hover:text-mp-on-surface focus-visible:text-mp-primary","disabled:text-mp-on-surface/38 disabled:cursor-default"].join(" "),children:e(a,{icon:ae?d:p,size:fe.icon})}),C?e(r,{size:Z,label:C,required:L,shrunk:be,multiline:ce}):null]}),e(s,{errorMessage:q,className:`mp-text-field__support mt-1 ${fe.padding}`})]})});

package/dist/components/tour/MPTour.js

@@ -1,2 +1,2 @@
 "use client";
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import{Popover as o}from"@base-ui/react/popover";import{MPButton as i}from"../button/MPButton.js";import{MPIcon as r}from"../icon/MPIcon.js";import{CloseIcon as s}from"../../constants/icons.js";import{accentSlots as l}from"../../internal/accent.js";import{useMPColor as a,useMPSize as c}from"../../internal/config.js";import{fillMessage as m}from"../../internal/i18n.js";import{useMPLocale as p,useMPMessages as u}from"../../internal/locale.js";import{COMMON as d}from"../../internal/messages/common.js";import{TOUR as f}from"../../internal/messages/tour.js";import{CONTROL_ICON as h,META_TEXT as g,PROSE_TEXT as x,SHEET_GAP as v,SHEET_PAD as j,SHEET_TITLE as w,hasContent as b}from"../../internal/scale.js";import{MPStateLayer as y}from"../../internal/StateLayer.js";import{FADE as N,PORTAL_LAYER as S}from"../../internal/surface.js";import{VISUALLY_HIDDEN as k}from"../../internal/visually-hidden.js";const $={xs:"max-w-56",sm:"max-w-64",md:"max-w-80",lg:"max-w-96",xl:"max-w-md"},_={xs:"xs",sm:"xs",md:"sm",lg:"sm",xl:"md"};function B({spot:t,className:n,holeRef:o}){return e("div",null===t?{"aria-hidden":"true",className:["mp-tour__scrim bg-mp-scrim/32 pointer-events-none fixed inset-0 z-40",n??""].filter(Boolean).join(" ")}:{ref:o,"aria-hidden":"true",className:["mp-tour__scrim rounded-mp-xs pointer-events-none fixed z-40","shadow-[0_0_0_9999px_color-mix(in_oklab,var(--_mp-color-scrim)_32%,transparent)]","transition-[top,left,width,height] duration-(--mp-sys-motion-duration-medium1)","ease-mp-standard motion-reduce:transition-none",n??""].filter(Boolean).join(" "),style:{top:t.top,left:t.left,width:t.width,height:t.height}})}export function MPTour({steps:z,open:C,defaultOpen:R=!1,onOpenChange:M,step:P,defaultStep:O=0,onStepChange:q,onFinish:E,scrim:F=!0,skippable:I=!0,dismissible:T=!0,scrollIntoView:A=!0,locale:D,labels:H,size:L,color:V,className:W,style:G,classNames:J}){const K=c(L),Q=a(V),U=p(D),X=u(f,U,H),Y=u(d,U),[Z,ee]=n.useState(R),[te,ne]=n.useState(O),oe=C??Z,ie=Math.min(P??te,Math.max(0,z.length-1)),re=z[ie],[se,le]=n.useState(null),ae=n.useRef(null),[ce,me]=n.useState(""),pe=n.useRef(ie);n.useEffect(()=>{if(!oe)return pe.current=ie,void me("");if(pe.current===ie)return;pe.current=ie;const e=m(X.position,{index:String(ie+1),total:String(z.length)}),t=z[ie]?.title;me("string"==typeof t&&""!==t?`${e}. ${t}`:e)},[oe,ie,z,X.position]);const ue=e=>{void 0===C&&ee(e),M?.(e)},de=e=>{void 0===P&&ne(e),q?.(e)},fe=re?.target,he=re?.padding??6;if(n.useEffect(()=>{if(!oe||!fe)return;const e=document.querySelector(fe);if(!(e instanceof HTMLElement))return;A&&e.scrollIntoView({block:"center",inline:"nearest",behavior:"smooth"});let t=0,n="",o=!1;const i=()=>{const r=e.getBoundingClientRect(),s=`${r.top} ${r.left} ${r.width} ${r.height}`;if(s!==n){n=s;const e={top:r.top-he,left:r.left-he,width:r.width+2*he,height:r.height+2*he},t=ae.current;o&&t?(t.style.top=`${e.top}px`,t.style.left=`${e.left}px`,t.style.width=`${e.width}px`,t.style.height=`${e.height}px`):(o=!0,le({selector:fe,spot:e}))}t=requestAnimationFrame(i)};return i(),()=>cancelAnimationFrame(t)},[oe,fe,he,A]),0===z.length)return null;const ge=oe&&fe&&se?.selector===fe?se.spot:null,xe=0===ie,ve=ie===z.length-1,je=_[K],we=b(re?.title)||b(re?.content);return t(o.Root,{open:oe,onOpenChange:(e,t)=>{e?ue(!0):"outside-press"===t.reason||"focus-out"===t.reason||"escape-key"===t.reason&&!T?t.cancel():ue(!1)},children:[oe&&F?e(B,{spot:ge,className:J?.scrim,holeRef:ae}):null,e(o.Portal,{children:e(o.Positioner,{className:S,side:re?.side??"bottom",align:re?.align??"center",sideOffset:fe?10:0,collisionPadding:12,anchor:()=>fe?document.querySelector(fe):{getBoundingClientRect:()=>new DOMRect(window.innerWidth/2,window.innerHeight/2,0,0)},children:t(o.Popup,{"data-mp-size":K,className:["mp-tour rounded-mp-md relative box-border flex flex-col outline-none","bg-mp-surface-container text-mp-on-surface shadow-mp-3",j[K],v[K],x[K],$[K],N,W??""].filter(Boolean).join(" "),style:{...l(Q),...G},children:[we?t("div",{className:"flex items-start gap-3",children:[t("div",{className:"flex min-w-0 flex-1 flex-col gap-1",children:[b(re?.title)?e(o.Title,{className:["text-mp-on-surface m-0 font-medium",w[K],J?.title??""].filter(Boolean).join(" "),children:re?.title}):null,b(re?.content)?e(o.Description,{className:["text-mp-on-surface-variant m-0 min-w-0",J?.content??""].filter(Boolean).join(" "),children:re?.content}):null]}),T?t("button",{type:"button","aria-label":Y.close,onClick:()=>ue(!1),className:["group/close rounded-mp-full text-mp-on-surface-variant relative -me-1 -mt-1","flex size-8 shrink-0 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",J?.close??""].filter(Boolean).join(" "),children:[e(y,{className:"group-hover/close:opacity-8 group-focus-visible/close:opacity-10"}),e(r,{icon:s,size:h[K]})]}):null]}):null,e("span",{className:k,"aria-live":"polite",children:ce}),t("div",{className:["flex items-center gap-2",J?.footer??""].filter(Boolean).join(" "),children:[e("span",{className:`text-mp-on-surface-variant shrink-0 tabular-nums ${g}`,children:m(X.position,{index:String(ie+1),total:String(z.length)})}),t("div",{className:"ms-auto flex items-center gap-1",children:[I&&!ve?e(i,{size:je,variant:"text",color:"secondary",onClick:()=>ue(!1),children:X.skip}):null,xe?null:e(i,{size:je,variant:"outlined",color:Q,onClick:()=>de(ie-1),children:X.previous}),e(i,{size:je,color:Q,onClick:()=>ve?(E?.(),void ue(!1)):de(ie+1),children:ve?X.done:X.next})]})]})]})})})]})}
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import*as n from"react";import{Popover as o}from"@base-ui/react/popover";import{MPButton as i}from"../button/MPButton.js";import{MPIcon as r}from"../icon/MPIcon.js";import{CloseIcon as s}from"../../constants/icons.js";import{accentSlots as l}from"../../internal/accent.js";import{useMPColor as a,useMPSize as c}from"../../internal/config.js";import{fillMessage as m}from"../../internal/i18n.js";import{useBrowserLayoutEffect as p}from"../../internal/layout-effect.js";import{useMPLocale as u,useMPMessages as d}from"../../internal/locale.js";import{COMMON as f}from"../../internal/messages/common.js";import{TOUR as h}from"../../internal/messages/tour.js";import{CONTROL_ICON as g,META_TEXT as x,PROSE_TEXT as v,SHEET_GAP as j,SHEET_PAD as w,SHEET_TITLE as b,hasContent as y}from"../../internal/scale.js";import{MPStateLayer as N}from"../../internal/StateLayer.js";import{FADE as S,PORTAL_LAYER as k}from"../../internal/surface.js";import{VISUALLY_HIDDEN as $}from"../../internal/visually-hidden.js";const _={xs:"max-w-56",sm:"max-w-64",md:"max-w-80",lg:"max-w-96",xl:"max-w-md"},B={xs:"xs",sm:"xs",md:"sm",lg:"sm",xl:"md"},z={getBoundingClientRect:()=>new DOMRect(window.innerWidth/2,window.innerHeight/2,0,0)};function C({spot:t,className:n,holeRef:o}){return e("div",null===t?{"aria-hidden":"true",className:["mp-tour__scrim bg-mp-scrim/32 pointer-events-none fixed inset-0 z-40",n??""].filter(Boolean).join(" ")}:{ref:o,"aria-hidden":"true",className:["mp-tour__scrim rounded-mp-xs pointer-events-none fixed z-40","shadow-[0_0_0_9999px_color-mix(in_oklab,var(--_mp-color-scrim)_32%,transparent)]","transition-[top,left,width,height] duration-(--mp-sys-motion-duration-medium1)","ease-mp-standard motion-reduce:transition-none",n??""].filter(Boolean).join(" "),style:{top:t.top,left:t.left,width:t.width,height:t.height}})}export function MPTour({steps:R,open:M,defaultOpen:P=!1,onOpenChange:O,step:q,defaultStep:E=0,onStepChange:F,onFinish:I,scrim:T=!0,skippable:A=!0,dismissible:D=!0,scrollIntoView:H=!0,locale:L,labels:V,size:W,color:G,className:J,style:K,classNames:Q}){const U=c(W),X=a(G),Y=u(L),Z=d(h,Y,V),ee=d(f,Y),[te,ne]=n.useState(P),[oe,ie]=n.useState(E),re=M??te,se=Math.min(q??oe,Math.max(0,R.length-1)),le=R[se],[ae,ce]=n.useState(null),me=n.useRef(null),[pe,ue]=n.useState(""),de=n.useRef(se);n.useEffect(()=>{if(!re)return de.current=se,void ue("");if(de.current===se)return;de.current=se;const e=m(Z.position,{index:String(se+1),total:String(R.length)}),t=R[se]?.title;ue("string"==typeof t&&""!==t?`${e}. ${t}`:e)},[re,se,R,Z.position]);const fe=e=>{void 0===M&&ne(e),O?.(e)},he=e=>{void 0===q&&ie(e),F?.(e)},ge=le?.target,xe=le?.padding??6,[ve,je]=n.useState(z);if(p(()=>{re&&je(ge&&document.querySelector(ge)||z)},[re,ge]),n.useEffect(()=>{if(!re||!ge)return;const e=document.querySelector(ge);if(!(e instanceof HTMLElement))return;H&&e.scrollIntoView({block:"center",inline:"nearest",behavior:"smooth"});let t=0,n="",o=!1;const i=()=>{const r=e.getBoundingClientRect(),s=`${r.top} ${r.left} ${r.width} ${r.height}`;if(s!==n){n=s;const e={top:r.top-xe,left:r.left-xe,width:r.width+2*xe,height:r.height+2*xe},t=me.current;o&&t?(t.style.top=`${e.top}px`,t.style.left=`${e.left}px`,t.style.width=`${e.width}px`,t.style.height=`${e.height}px`):(o=!0,ce({selector:ge,spot:e}))}t=requestAnimationFrame(i)};return i(),()=>cancelAnimationFrame(t)},[re,ge,xe,H]),0===R.length)return null;const we=re&&ge&&ae?.selector===ge?ae.spot:null,be=0===se,ye=se===R.length-1,Ne=B[U],Se=y(le?.title)||y(le?.content);return t(o.Root,{open:re,onOpenChange:(e,t)=>{e?fe(!0):"outside-press"===t.reason||"focus-out"===t.reason||"escape-key"===t.reason&&!D?t.cancel():fe(!1)},children:[re&&T?e(C,{spot:we,className:Q?.scrim,holeRef:me}):null,e(o.Portal,{children:e(o.Positioner,{className:k,side:le?.side??"bottom",align:le?.align??"center",sideOffset:ge?10:0,collisionPadding:12,anchor:ve,children:t(o.Popup,{"data-mp-size":U,className:["mp-tour rounded-mp-md relative box-border flex flex-col outline-none","bg-mp-surface-container text-mp-on-surface shadow-mp-3",w[U],j[U],v[U],_[U],S,J??""].filter(Boolean).join(" "),style:{...l(X),...K},children:[Se?t("div",{className:"flex items-start gap-3",children:[t("div",{className:"flex min-w-0 flex-1 flex-col gap-1",children:[y(le?.title)?e(o.Title,{className:["text-mp-on-surface m-0 font-medium",b[U],Q?.title??""].filter(Boolean).join(" "),children:le?.title}):null,y(le?.content)?e(o.Description,{className:["text-mp-on-surface-variant m-0 min-w-0",Q?.content??""].filter(Boolean).join(" "),children:le?.content}):null]}),D?t("button",{type:"button","aria-label":ee.close,onClick:()=>fe(!1),className:["group/close rounded-mp-full text-mp-on-surface-variant relative -me-1 -mt-1","flex size-8 shrink-0 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",Q?.close??""].filter(Boolean).join(" "),children:[e(N,{className:"group-hover/close:opacity-8 group-focus-visible/close:opacity-10"}),e(r,{icon:s,size:g[U]})]}):null]}):null,e("span",{className:$,"aria-live":"polite",children:pe}),t("div",{className:["flex items-center gap-2",Q?.footer??""].filter(Boolean).join(" "),children:[e("span",{className:`text-mp-on-surface-variant shrink-0 tabular-nums ${x}`,children:m(Z.position,{index:String(se+1),total:String(R.length)})}),t("div",{className:"ms-auto flex items-center gap-1",children:[A&&!ye?e(i,{size:Ne,variant:"text",color:"secondary",onClick:()=>fe(!1),children:Z.skip}):null,be?null:e(i,{size:Ne,variant:"outlined",color:X,onClick:()=>he(se-1),children:Z.previous}),e(i,{size:Ne,color:X,onClick:()=>ye?(I?.(),void fe(!1)):he(se+1),children:ye?Z.done:Z.next})]})]})]})})})]})}

package/dist/internal/FieldOutline.d.ts

@@ -92,6 +92,13 @@ export declare function MPFieldLabel({ size, label, required, htmlFor, shrunk, m
 export interface MPFloatingLabel {
     /** Whether the label is up in the notch right now. */
     shrunk: boolean;
+    /**
+     * Whether a placeholder, or any hint drawn on the line the resting label
+     * sits on, may show. It follows `shrunk`, except that it waits
+     * `HINT_DELAY_MS` after the label starts to rise, so the two are never drawn
+     * over each other while the label is on its way up.
+     */
+    hinted: boolean;
     /**
      * Spread on the element the control sits inside — the `Field.Root`, or the
      * shell `<div>` under it. Anything focusable within it counts as the field

package/dist/internal/FieldOutline.js

@@ -1,2 +1,2 @@
 "use client";
-import{jsx as r,Fragment as t,jsxs as e}from"react/jsx-runtime";import*as o from"react";import{Field as a}from"@base-ui/react/field";import{PROSE_TEXT as n}from"./scale.js";import{VISUALLY_HIDDEN as i}from"./visually-hidden.js";const s={xs:"start-1",sm:"start-2",md:"start-3",lg:"start-3",xl:"start-4"},d={xs:"top-[18px]",sm:"top-[18px]",md:"top-5",lg:"top-5",xl:"top-5"};function l(o,a){return e(t,{children:[o,a?r("span",{"aria-hidden":"true",children:" *"}):null]})}export function MPFieldOutline({label:t,required:e=!1,notched:o=!0}){return r("fieldset",{"aria-hidden":"true",className:["pointer-events-none absolute inset-0 m-0 min-w-0 px-2 pt-0",t?"-top-[5px]":"","text-start","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"].filter(Boolean).join(" "),children:t?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:l(t,e)}):null})}export function MPFieldLabel({size:o,label:p,required:u=!1,htmlFor:m,shrunk:c=!0,multiline:x=!1,requiredLabel:f}){return e(a.Label,{...void 0===m?null:{htmlFor:m},"data-mp-shrunk":c?"":void 0,className:["text-mp-on-surface-variant","ease-mp-standard transition-[color,top,font-size,max-width]","duration-(--mp-sys-motion-duration-short4)","pointer-events-none absolute -translate-y-1/2 px-1 leading-none",s[o],c?"text-mp-body-small top-0 max-w-none":[n[o],"max-w-[calc(100%-2rem)] truncate",x?d[o]:"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:[l(p,u),u&&f?e(t,{children:[" ",r("span",{className:i,children:f})]}):null]})}export function useFloatingLabel({floating:r,filled:t,pinned:e=!1}){const[a,n]=o.useState(!1);return{shrunk:!r||t||a||e,focusProps:{onFocusCapture:()=>n(!0),onBlurCapture:r=>{r.currentTarget.contains(r.relatedTarget)||n(!1)}}}}
+import{jsx as r,Fragment as t,jsxs as e}from"react/jsx-runtime";import*as o from"react";import{Field as a}from"@base-ui/react/field";import{PROSE_TEXT as n}from"./scale.js";import{VISUALLY_HIDDEN as i}from"./visually-hidden.js";const s={xs:"start-1",sm:"start-2",md:"start-3",lg:"start-3",xl:"start-4"},d={xs:"top-[18px]",sm:"top-[18px]",md:"top-5",lg:"top-5",xl:"top-5"};function l(o,a){return e(t,{children:[o,a?r("span",{"aria-hidden":"true",children:" *"}):null]})}export function MPFieldOutline({label:t,required:e=!1,notched:o=!0}){return r("fieldset",{"aria-hidden":"true",className:["pointer-events-none absolute inset-0 m-0 min-w-0 px-2 pt-0",t?"-top-[5px]":"","text-start","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"].filter(Boolean).join(" "),children:t?r("legend",{className:["text-mp-body-small invisible float-none block h-[11px] w-auto overflow-hidden p-0 whitespace-nowrap","leading-none","ease-mp-standard transition-[max-width,padding]","duration-(--mp-sys-motion-duration-short4)",o?"max-w-[calc(100%-1rem+2px)] px-1":"max-w-0 px-0"].join(" "),children:l(t,e)}):null})}export function MPFieldLabel({size:o,label:p,required:u=!1,htmlFor:m,shrunk:c=!0,multiline:x=!1,requiredLabel:f}){return e(a.Label,{...void 0===m?null:{htmlFor:m},"data-mp-shrunk":c?"":void 0,className:["text-mp-on-surface-variant","ease-mp-standard transition-[color,top,font-size,max-width]","duration-(--mp-sys-motion-duration-short4)","pointer-events-none absolute -translate-y-1/2 px-1 leading-none",s[o],c?"text-mp-body-small top-0 max-w-[calc(100%-2rem)] truncate":[n[o],"max-w-[calc(100%-2rem)] truncate",x?d[o]:"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:[l(p,u),u&&f?e(t,{children:[" ",r("span",{className:i,children:f})]}):null]})}export function useFloatingLabel({floating:r,filled:t,pinned:e=!1}){const[a,n]=o.useState(!1),i=!r||t||a||e,[s,d]=o.useState(i);return o.useEffect(()=>{if(!i)return void d(!1);if(s)return;const r=window.setTimeout(()=>d(!0),100);return()=>window.clearTimeout(r)},[i,s]),{shrunk:i,hinted:i&&s,focusProps:{onFocusCapture:()=>n(!0),onBlurCapture:r=>{r.currentTarget.contains(r.relatedTarget)||n(!1)}}}}

package/dist/internal/Picker.d.ts

@@ -65,6 +65,7 @@ export interface MPPickerShellProps extends MPStyleProps, MPControlEventProps<HT
      * where a resting label would — so in practice this only takes effect on a
      * picker asked for without one, `startIcon={null}`. Two things cannot share a
      * spot, and of the two the glyph is what says the trigger opens a calendar.
+     * Left out, the nearest `MPConfigProvider`'s `floatingLabel` decides.
      * @default true
      */
     floatingLabel?: boolean;
@@ -161,7 +162,7 @@ interface InternalShellProps extends MPPickerShellProps {
  * treatment, and the popup's `surface-container` at elevation 2 — which is the
  * same floating sheet a menu and a select's list are drawn on.
  */
-export declare function MPPickerShell({ slug, size, color, fullWidth, label, floatingLabel, description, errorMessage, startIcon, required, disabled, readOnly, id, className, style, onKeyDown, onKeyUp, onFocus, onBlur, onClick, onDoubleClick, onContextMenu, display, samples, empty, clearable, onClear, open, onOpenChange, labels, hiddenValues, formValue, name, locale, children, triggerRef }: InternalShellProps): React.JSX.Element;
+export declare function MPPickerShell({ slug, size, color, fullWidth, label, floatingLabel: floatingLabelProp, description, errorMessage, startIcon, required, disabled, readOnly, id, className, style, onKeyDown, onKeyUp, onFocus, onBlur, onClick, onDoubleClick, onContextMenu, display, samples, empty, clearable, onClear, open, onOpenChange, labels, hiddenValues, formValue, name, locale, children, triggerRef }: InternalShellProps): React.JSX.Element;
 /**
  * The row of shortcuts under a picker's panel.
  *

package/dist/internal/Picker.js

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

@@ -1,10 +1,12 @@
 /**
  * The prop defaults an application can move for the whole page.
  *
- * `size`, `color` and `density` are the only axes where every component that has
- * them starts from the *same* answer — `md`, `primary` and `0` — which is what
- * makes a single app-wide default meaningful for them and meaningless for
- * anything else.
+ * `size`, `color` and `density` are axes where every component that has them
+ * starts from the *same* answer — `md`, `primary` and `0` — which is what makes a
+ * single app-wide default meaningful for them. `floatingLabel` is the same kind:
+ * every field starts at `true`. `weekStartsOn` starts from the locale on every
+ * calendar, and a provider's value replaces that question rather than one
+ * component's answer.
  * A `variant` default is per component by design (`MPAccordion` is `outlined`,
  * `MPAlert` is `tonal`, `MPBadge` is `filled`), so one global value would be
  * overwriting six considered decisions with one arbitrary one.
@@ -27,7 +29,8 @@
  * has to reach every call site is exactly what context is for.
  */
 import * as React from 'react';
-import type { MPColor, MPDensity, MPSize, MPWindowClass } from '../types.js';
+import type { MPPartialMessages } from './i18n.js';
+import type { MPColor, MPDensity, MPSize, MPWeekday, MPWindowClass } from '../types.js';
 /** What an `MPConfigProvider` can set. Anything unset is inherited, then default. */
 export interface MPConfigValue {
     size?: MPSize;
@@ -43,6 +46,23 @@ export interface MPConfigValue {
     breakpoints?: Partial<Record<MPWindowClass, number>>;
     /** Whether a field keeps a line under itself for a message it has not got yet. */
     reserveSupportingText?: boolean;
+    /** Whether a field's label rests on its line until there is something in it. */
+    floatingLabel?: boolean;
+    /** Which day the calendars' weeks start on, when the locale should not decide. */
+    weekStartsOn?: MPWeekday;
+    /**
+     * The words the library says, by namespace, over whatever the locale's table
+     * says. Merged a word at a time with the providers above, so a nested provider
+     * that renames one button keeps every other word the application chose.
+     */
+    labels?: MPPartialMessages;
+    /**
+     * The direction a provider was **told**, as opposed to the one read off the
+     * document. Kept so that a provider nested inside an explicit `dir="ltr"`
+     * island keeps running left to right instead of asking a right-to-left
+     * document and getting the page's answer rather than the island's.
+     */
+    dir?: 'ltr' | 'rtl';
 }
 export declare const MPConfigContext: React.Context<MPConfigValue>;
 /** The configuration in force at this point in the tree. */
@@ -62,3 +82,17 @@ export declare function useMPColor(color: MPColor | undefined): MPColor;
  * its lists and leaves its buttons at the height they have to be.
  */
 export declare function useMPDensity(density: MPDensity | undefined): MPDensity;
+/**
+ * Whether a field's label floats, which is a decision about the product's forms
+ * rather than about any one field: a product whose labels always sit in the
+ * notch wants all of them there.
+ */
+export declare function useMPFloatingLabel(floatingLabel: boolean | undefined): boolean;
+/**
+ * The day a calendar's week starts on, or `undefined` for "ask the locale".
+ *
+ * It stops short of the locale on purpose. The locale's answer is in
+ * `internal/date.ts`, and importing that here would put the date code into the
+ * module every sized component already imports.
+ */
+export declare function useMPWeekStart(weekStartsOn: MPWeekday | undefined): MPWeekday | undefined;

package/dist/internal/config.js

@@ -1,2 +1,2 @@
 "use client";
-import*as t from"react";const e=Object.freeze({});export const MPConfigContext=/*@__PURE__*/t.createContext(e);export function useMPConfig(){return t.useContext(MPConfigContext)}export function useMPSize(e){const o=t.useContext(MPConfigContext);return e??o.size??"md"}export function useMPColor(e){const o=t.useContext(MPConfigContext);return e??o.color??"primary"}export function useMPDensity(e){const o=t.useContext(MPConfigContext);return e??o.density??0}
+import*as t from"react";const e=Object.freeze({});export const MPConfigContext=/*@__PURE__*/t.createContext(e);export function useMPConfig(){return t.useContext(MPConfigContext)}export function useMPSize(e){const n=t.useContext(MPConfigContext);return e??n.size??"md"}export function useMPColor(e){const n=t.useContext(MPConfigContext);return e??n.color??"primary"}export function useMPDensity(e){const n=t.useContext(MPConfigContext);return e??n.density??0}export function useMPFloatingLabel(e){const n=t.useContext(MPConfigContext);return e??n.floatingLabel??!0}export function useMPWeekStart(e){const n=t.useContext(MPConfigContext);return e??n.weekStartsOn}

package/dist/internal/direction.d.ts

@@ -0,0 +1,9 @@
+/** The two ways a document can run. */
+export type MPDirection = 'ltr' | 'rtl';
+/**
+ * The document's direction, re-rendering when it turns over.
+ *
+ * `active: false` answers `ltr` without reading the document or observing it,
+ * for a provider that was told its direction or sits under one that was.
+ */
+export declare function useDocumentDirection(active: boolean): MPDirection;

package/dist/internal/direction.js

@@ -0,0 +1,2 @@
+"use client";
+import*as t from"react";function e(){return"rtl"===getComputedStyle(document.documentElement).direction?"rtl":"ltr"}let n=null,r=null;const u=new Set;function o(){return null===n&&(n=e()),n}function l(){return"ltr"}function c(t){return u.add(t),r||(r=new MutationObserver(()=>{const t=e();t!==n&&(n=t,u.forEach(t=>t()))}),r.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","class","style"]})),()=>{u.delete(t),0===u.size&&(r?.disconnect(),r=null,n=null)}}function i(){return()=>{}}export function useDocumentDirection(e){return t.useSyncExternalStore(e?c:i,e?o:l,l)}

package/dist/internal/locale.d.ts

@@ -40,13 +40,30 @@ import { type MPMessages, type MPNamespace } from './i18n.js';
 export declare const MPLocaleContext: React.Context<string | undefined>;
 /** The locale in force here: the prop if there is one, otherwise the provider's. */
 export declare function useMPLocale(locale?: string): string | undefined;
+/**
+ * `serverLocale` for the server render and the hydration, then `undefined` — the
+ * platform's own — once the page has hydrated.
+ *
+ * `useSyncExternalStore` because it is the one API with a server snapshot, and
+ * React reads that snapshot on the server and again in the browser while it
+ * hydrates. So both renders format in `serverLocale`, and the render after
+ * hydration formats in the reader's. A component mounted later, on the client
+ * alone, reads the reader's from the start.
+ *
+ * Shared by `MPLocaleProvider` and `MPConfigProvider`, which take the same
+ * `serverLocale` so that an application needs only one of them.
+ */
+export declare function useServerLocale(serverLocale: string | undefined): string | undefined;
 /**
  * A namespace's strings with a caller's overrides on top.
  *
- * The overrides win over the translation, which wins over English. That order is
- * 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 overrides win over the `labels` of the nearest `MPConfigProvider`, which
+ * win over the translation, which wins over English. That order is 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 provider is the same
+ * answer for a whole application at once, and the prop is still the last word
+ * for one component.
  *
  * 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

package/dist/internal/locale.js

@@ -1,2 +1,2 @@
 "use client";
-import*as t from"react";import{resolveNamespace as e}from"./i18n.js";export const MPLocaleContext=/*@__PURE__*/t.createContext(void 0);export function useMPLocale(e){const o=t.useContext(MPLocaleContext);return e??o}export function useMPMessages(o,n,r){const s=void 0===r?"":JSON.stringify(r);return t.useMemo(()=>{const t=e(o,n);return r?{...t,...r}:t},[o,n,s])}
+import*as e from"react";import{MPConfigContext as t}from"./config.js";import{resolveNamespace as o}from"./i18n.js";export const MPLocaleContext=/*@__PURE__*/e.createContext(void 0);export function useMPLocale(t){const o=e.useContext(MPLocaleContext);return t??o}function n(){return()=>{}}function r(){}export function useServerLocale(t){return e.useSyncExternalStore(n,r,()=>t)}export function useMPMessages(n,r,s){const c=void 0===s?"":JSON.stringify(s),u=e.useContext(t).labels?.[n.name];return e.useMemo(()=>{const e=o(n,r);return u||s?{...e,...u,...s}:e},[n,r,u,c])}

package/dist/internal/scale.d.ts

@@ -114,6 +114,26 @@ export declare const SHEET_PAD_Y: Record<MPSize, string>;
 export declare const SHEET_TITLE: Record<MPSize, string>;
 /** Between a sheet's stacked parts — a heading and the paragraph under it. */
 export declare const SHEET_GAP: Record<MPSize, string>;
+/**
+ * The room a sheet's scrolling body keeps inside its own edges, for an unruled
+ * sheet. A negative margin of the same size hands it straight back, so nothing
+ * on the sheet moves.
+ *
+ * A scroll container clips at its padding box, and two things a body can hold
+ * are drawn past the box of the control that owns them. A focus ring sits 4px
+ * outside its control. A label floated into a field's notch is centred on the
+ * field's top edge, so half of it rises above the field: 6px at the default
+ * `body-small`, which is what the label is set in. A dialog's body had no room
+ * at all, which cut a floated label in half and every focus ring at its top and
+ * bottom. A drawer's 4px covered the ring and still cut 2px off the label.
+ *
+ * The top is whichever of the two is larger, and it is written against the
+ * label's own token, so a theme that sets `body-small` larger still clears it.
+ * The bottom needs only the ring, because nothing in a field reaches past its
+ * bottom edge. The gaps on either side absorb the negative margin: the smallest
+ * is `xs`'s 6px, which is exactly the default top.
+ */
+export declare const SHEET_BODY_ROOM: string;
 /** The gap between a control and the text stacked above or below it. */
 export declare const STACK_GAP: Record<MPSize, string>;
 /**

package/dist/internal/scale.js

@@ -1 +1 @@
-export const CONTROL_HEIGHT={xs:"h-8",sm:"h-10",md:"h-14",lg:"h-16",xl:"h-18"};export const CONTROL_SQUARE={xs:"size-8",sm:"size-10",md:"size-14",lg:"size-16",xl:"size-18"};export const CONTROL_TEXT={xs:"text-mp-label-large",sm:"text-mp-label-large",md:"text-mp-title-medium",lg:"text-mp-title-medium",xl:"text-mp-title-medium"};export const CONTROL_PAD_X={xs:"px-3",sm:"px-4",md:"px-6",lg:"px-8",xl:"px-10"};export const CONTROL_GAP={xs:"gap-1.5",sm:"gap-2",md:"gap-2",lg:"gap-2.5",xl:"gap-3"};export const CONTROL_ICON={xs:16,sm:18,md:20,lg:22,xl:24};export const PROSE_TEXT={xs:"text-mp-body-medium",sm:"text-mp-body-medium",md:"text-mp-body-large",lg:"text-mp-body-large",xl:"text-mp-body-large"};export const META_TEXT="text-mp-body-small";export const SHEET_PAD={xs:"p-2.5",sm:"p-3",md:"p-4",lg:"p-5",xl:"p-6"};export const SHEET_PAD_X={xs:"px-2.5",sm:"px-3",md:"px-4",lg:"px-5",xl:"px-6"};export const SHEET_PAD_Y={xs:"py-2.5",sm:"py-3",md:"py-4",lg:"py-5",xl:"py-6"};export const SHEET_TITLE={xs:"text-mp-title-small",sm:"text-mp-title-small",md:"text-mp-title-medium",lg:"text-mp-title-large",xl:"text-mp-headline-small"};export const SHEET_GAP={xs:"gap-1.5",sm:"gap-2",md:"gap-3",lg:"gap-3.5",xl:"gap-4"};export const STACK_GAP={xs:"gap-0.5",sm:"gap-0.5",md:"gap-1",lg:"gap-1",xl:"gap-1.5"};export function hasContent(t){return null!=t&&!1!==t&&""!==t}
+export const CONTROL_HEIGHT={xs:"h-8",sm:"h-10",md:"h-14",lg:"h-16",xl:"h-18"};export const CONTROL_SQUARE={xs:"size-8",sm:"size-10",md:"size-14",lg:"size-16",xl:"size-18"};export const CONTROL_TEXT={xs:"text-mp-label-large",sm:"text-mp-label-large",md:"text-mp-title-medium",lg:"text-mp-title-medium",xl:"text-mp-title-medium"};export const CONTROL_PAD_X={xs:"px-3",sm:"px-4",md:"px-6",lg:"px-8",xl:"px-10"};export const CONTROL_GAP={xs:"gap-1.5",sm:"gap-2",md:"gap-2",lg:"gap-2.5",xl:"gap-3"};export const CONTROL_ICON={xs:16,sm:18,md:20,lg:22,xl:24};export const PROSE_TEXT={xs:"text-mp-body-medium",sm:"text-mp-body-medium",md:"text-mp-body-large",lg:"text-mp-body-large",xl:"text-mp-body-large"};export const META_TEXT="text-mp-body-small";export const SHEET_PAD={xs:"p-2.5",sm:"p-3",md:"p-4",lg:"p-5",xl:"p-6"};export const SHEET_PAD_X={xs:"px-2.5",sm:"px-3",md:"px-4",lg:"px-5",xl:"px-6"};export const SHEET_PAD_Y={xs:"py-2.5",sm:"py-3",md:"py-4",lg:"py-5",xl:"py-6"};export const SHEET_TITLE={xs:"text-mp-title-small",sm:"text-mp-title-small",md:"text-mp-title-medium",lg:"text-mp-title-large",xl:"text-mp-headline-small"};export const SHEET_GAP={xs:"gap-1.5",sm:"gap-2",md:"gap-3",lg:"gap-3.5",xl:"gap-4"};export const SHEET_BODY_ROOM=/*@__PURE__*/["pt-[max(0.25rem,var(--mp-sys-typescale-body-small-size)/2)]","-mt-[max(0.25rem,var(--mp-sys-typescale-body-small-size)/2)]","-mb-1 pb-1"].join(" ");export const STACK_GAP={xs:"gap-0.5",sm:"gap-0.5",md:"gap-1",lg:"gap-1",xl:"gap-1.5"};export function hasContent(t){return null!=t&&!1!==t&&""!==t}

package/dist/styles/accordion.css

@@ -1,2 +1,2 @@
-/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-18{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18)}.h-\(--accordion-panel-height\){height:var(--accordion-panel-height)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-13{height:calc(var(--spacing) * 13)}.h-14{height:calc(var(--spacing) * 14)}.h-15{height:calc(var(--spacing) * 15)}.h-16{height:calc(var(--spacing) * 16)}.h-17{height:calc(var(--spacing) * 17)}.h-18{height:calc(var(--spacing) * 18)}.h-\[1lh\]{height:1lh}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.justify-self-center{justify-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-\[inherit\]{border-radius:inherit}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-4\.5{padding:calc(var(--spacing) * 4.5)}.p-5{padding:calc(var(--spacing) * 5)}.p-5\.5{padding:calc(var(--spacing) * 5.5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-5\.5{padding-inline:calc(var(--spacing) * 5.5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-4\.5{padding-block:calc(var(--spacing) * 4.5)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-5\.5{padding-block:calc(var(--spacing) * 5.5)}.py-6{padding-block:calc(var(--spacing) * 6)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-4\.5{padding-bottom:calc(var(--spacing) * 4.5)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-5\.5{padding-bottom:calc(var(--spacing) * 5.5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-start{text-align:start}.align-middle{vertical-align:middle}.font-\[inherit\]{font-family:inherit}.text-inherit{color:inherit}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.\[backdrop-filter\:blur\(var\(--mp-scrim-blur\,2px\)\)\]{-webkit-backdrop-filter:blur(var(--mp-scrim-blur,2px));backdrop-filter:blur(var(--mp-scrim-blur,2px))}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[rotate\]{transition-property:rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\(--mp-sys-motion-duration-medium4\){--tw-duration:var(--mp-sys-motion-duration-medium4);transition-duration:var(--mp-sys-motion-duration-medium4)}.duration-\(--mp-sys-motion-duration-short4\){--tw-duration:var(--mp-sys-motion-duration-short4);transition-duration:var(--mp-sys-motion-duration-short4)}.ease-\(--mp-sys-motion-easing-emphasized-decelerate\){--tw-ease:var(--mp-sys-motion-easing-emphasized-decelerate);transition-timing-function:var(--mp-sys-motion-easing-emphasized-decelerate)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:opacity-8:is(:where(.group):hover *){opacity:.08}}.group-focus-visible\:opacity-10:is(:where(.group):focus-visible *),.group-active\:opacity-10:is(:where(.group):active *){opacity:.1}.group-disabled\:opacity-0:is(:where(.group):disabled *),.group-data-disabled\:opacity-0:is(:where(.group)[data-disabled] *){opacity:0}.group-data-panel-open\:rotate-180:is(:where(.group)[data-panel-open] *){rotate:180deg}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.data-disabled\:cursor-default[data-disabled]{cursor:default}.data-ending-style\:h-0[data-ending-style]{height:0}.data-ending-style\:opacity-0[data-ending-style]{opacity:0}.data-ending-style\:duration-\(--mp-sys-motion-duration-short4\)[data-ending-style]{--tw-duration:var(--mp-sys-motion-duration-short4);transition-duration:var(--mp-sys-motion-duration-short4)}.data-ending-style\:ease-\(--mp-sys-motion-easing-emphasized-accelerate\)[data-ending-style]{--tw-ease:var(--mp-sys-motion-easing-emphasized-accelerate);transition-timing-function:var(--mp-sys-motion-easing-emphasized-accelerate)}.data-open\:overflow-visible[data-open]{overflow:visible}.data-starting-style\:h-0[data-starting-style]{height:0}.data-starting-style\:opacity-0[data-starting-style]{opacity:0}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}.\[\&_svg\]\:mr-1\.25 svg{margin-right:calc(var(--spacing) * 1.25)}.\[\&\>div\+div\]\:border-t>div+div{border-top-style:var(--tw-border-style);border-top-width:1px}.\[\&\>img\]\:block>img{display:block}.\[\&\>img\]\:size-full>img{width:100%;height:100%}.\[\&\>img\]\:shrink-0>img{flex-shrink:0}.\[\&\>svg\]\:block>svg{display:block}.\[\&\>svg\]\:size-full>svg{width:100%;height:100%}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
+/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.-mt-\[max\(0\.25rem\,var\(--mp-sys-typescale-body-small-size\)\/2\)\]{margin-top:calc(max(.25rem, var(--mp-sys-typescale-body-small-size) / 2) * -1)}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-18{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18)}.h-\(--accordion-panel-height\){height:var(--accordion-panel-height)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-13{height:calc(var(--spacing) * 13)}.h-14{height:calc(var(--spacing) * 14)}.h-15{height:calc(var(--spacing) * 15)}.h-16{height:calc(var(--spacing) * 16)}.h-17{height:calc(var(--spacing) * 17)}.h-18{height:calc(var(--spacing) * 18)}.h-\[1lh\]{height:1lh}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.justify-self-center{justify-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-\[inherit\]{border-radius:inherit}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-4\.5{padding:calc(var(--spacing) * 4.5)}.p-5{padding:calc(var(--spacing) * 5)}.p-5\.5{padding:calc(var(--spacing) * 5.5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-5\.5{padding-inline:calc(var(--spacing) * 5.5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-4\.5{padding-block:calc(var(--spacing) * 4.5)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-5\.5{padding-block:calc(var(--spacing) * 5.5)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-\[max\(0\.25rem\,var\(--mp-sys-typescale-body-small-size\)\/2\)\]{padding-top:max(.25rem, var(--mp-sys-typescale-body-small-size) / 2)}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-4\.5{padding-bottom:calc(var(--spacing) * 4.5)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-5\.5{padding-bottom:calc(var(--spacing) * 5.5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-start{text-align:start}.align-middle{vertical-align:middle}.font-\[inherit\]{font-family:inherit}.text-inherit{color:inherit}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.\[backdrop-filter\:blur\(var\(--mp-scrim-blur\,2px\)\)\]{-webkit-backdrop-filter:blur(var(--mp-scrim-blur,2px));backdrop-filter:blur(var(--mp-scrim-blur,2px))}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[rotate\]{transition-property:rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\(--mp-sys-motion-duration-medium4\){--tw-duration:var(--mp-sys-motion-duration-medium4);transition-duration:var(--mp-sys-motion-duration-medium4)}.duration-\(--mp-sys-motion-duration-short4\){--tw-duration:var(--mp-sys-motion-duration-short4);transition-duration:var(--mp-sys-motion-duration-short4)}.ease-\(--mp-sys-motion-easing-emphasized-decelerate\){--tw-ease:var(--mp-sys-motion-easing-emphasized-decelerate);transition-timing-function:var(--mp-sys-motion-easing-emphasized-decelerate)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){:is(:where(.group):hover .group-hover\:opacity-8){opacity:.08}}:is(:where(.group):focus-visible .group-focus-visible\:opacity-10),:is(:where(.group):active .group-active\:opacity-10){opacity:.1}:is(:where(.group):disabled .group-disabled\:opacity-0),:is(:where(.group)[data-disabled] .group-data-disabled\:opacity-0){opacity:0}:is(:where(.group)[data-panel-open] .group-data-panel-open\:rotate-180){rotate:180deg}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.data-disabled\:cursor-default[data-disabled]{cursor:default}.data-ending-style\:h-0[data-ending-style]{height:0}.data-ending-style\:opacity-0[data-ending-style]{opacity:0}.data-ending-style\:duration-\(--mp-sys-motion-duration-short4\)[data-ending-style]{--tw-duration:var(--mp-sys-motion-duration-short4);transition-duration:var(--mp-sys-motion-duration-short4)}.data-ending-style\:ease-\(--mp-sys-motion-easing-emphasized-accelerate\)[data-ending-style]{--tw-ease:var(--mp-sys-motion-easing-emphasized-accelerate);transition-timing-function:var(--mp-sys-motion-easing-emphasized-accelerate)}.data-open\:overflow-visible[data-open]{overflow:visible}.data-starting-style\:h-0[data-starting-style]{height:0}.data-starting-style\:opacity-0[data-starting-style]{opacity:0}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}.\[\&_svg\]\:mr-1\.25 svg{margin-right:calc(var(--spacing) * 1.25)}.\[\&\>div\+div\]\:border-t>div+div{border-top-style:var(--tw-border-style);border-top-width:1px}.\[\&\>img\]\:block>img{display:block}.\[\&\>img\]\:size-full>img{width:100%;height:100%}.\[\&\>img\]\:shrink-0>img{flex-shrink:0}.\[\&\>svg\]\:block>svg{display:block}.\[\&\>svg\]\:size-full>svg{width:100%;height:100%}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}

package/dist/styles/alert.css

@@ -1,2 +1,2 @@
-/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-1{margin:calc(var(--spacing) * -1)}.box-border{box-sizing:border-box}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-18{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-13{height:calc(var(--spacing) * 13)}.h-14{height:calc(var(--spacing) * 14)}.h-15{height:calc(var(--spacing) * 15)}.h-16{height:calc(var(--spacing) * 16)}.h-17{height:calc(var(--spacing) * 17)}.h-18{height:calc(var(--spacing) * 18)}.h-\[1lh\]{height:1lh}.min-h-0{min-height:0}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.justify-self-center{justify-self:center}.overflow-hidden{overflow:hidden}.rounded-\[inherit\]{border-radius:inherit}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.bg-\(--_mp-accent\){background-color:var(--_mp-accent)}.bg-\(--_mp-accent-container\){background-color:var(--_mp-accent-container)}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.p-0{padding:0}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-4\.5{padding:calc(var(--spacing) * 4.5)}.p-5{padding:calc(var(--spacing) * 5)}.p-5\.5{padding:calc(var(--spacing) * 5.5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-5\.5{padding-inline:calc(var(--spacing) * 5.5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-4\.5{padding-block:calc(var(--spacing) * 4.5)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-5\.5{padding-block:calc(var(--spacing) * 5.5)}.py-6{padding-block:calc(var(--spacing) * 6)}.align-middle{vertical-align:middle}.text-\(--_mp-accent\){color:var(--_mp-accent)}.text-\(--_mp-on-accent\){color:var(--_mp-on-accent)}.text-\(--_mp-on-accent-container\){color:var(--_mp-on-accent-container)}.text-inherit{color:inherit}.opacity-0{opacity:0}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-rows\,opacity\]{transition-property:grid-template-rows,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\(--mp-sys-motion-duration-short4\){--tw-duration:var(--mp-sys-motion-duration-short4);transition-duration:var(--mp-sys-motion-duration-short4)}.ease-\(--mp-sys-motion-easing-emphasized-accelerate\){--tw-ease:var(--mp-sys-motion-easing-emphasized-accelerate);transition-timing-function:var(--mp-sys-motion-easing-emphasized-accelerate)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:opacity-8:is(:where(.group):hover *){opacity:.08}}.group-focus-visible\:opacity-10:is(:where(.group):focus-visible *),.group-active\:opacity-10:is(:where(.group):active *){opacity:.1}.group-disabled\:opacity-0:is(:where(.group):disabled *),.group-data-disabled\:opacity-0:is(:where(.group)[data-disabled] *){opacity:0}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}.\[\&_svg\]\:mr-1\.25 svg{margin-right:calc(var(--spacing) * 1.25)}.\[\&\>img\]\:block>img{display:block}.\[\&\>img\]\:size-full>img{width:100%;height:100%}.\[\&\>img\]\:shrink-0>img{flex-shrink:0}.\[\&\>svg\]\:block>svg{display:block}.\[\&\>svg\]\:size-full>svg{width:100%;height:100%}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}@keyframes mp-anim-fade{0%{opacity:var(--_mp-anim-opacity,0)}to{opacity:1}}@keyframes mp-anim-scale{0%{opacity:var(--_mp-anim-opacity,0);scale:var(--_mp-anim-scale,.8)}to{opacity:1;scale:1}}@keyframes mp-anim-slide{0%{opacity:var(--_mp-anim-opacity,0);translate:var(--_mp-anim-x,0px) var(--_mp-anim-y,0px)}to{opacity:1;translate:0}}@keyframes mp-anim-rotate{0%{opacity:var(--_mp-anim-opacity,0);rotate:var(--_mp-anim-angle,-180deg)}to{opacity:1;rotate:var(--_mp-anim-angle-to,0deg)}}@keyframes mp-anim-reveal{0%{opacity:var(--_mp-anim-opacity,1);clip-path:var(--_mp-anim-clip,inset(0 100% 0 0))}to{opacity:1;clip-path:inset(0)}}@keyframes mp-anim-blink{0%,to{opacity:1}50%{opacity:var(--_mp-anim-opacity,0)}}.mp-anim{animation-duration:var(--_mp-anim-duration,var(--mp-sys-motion-duration-medium4));animation-delay:var(--_mp-anim-delay,0s);animation-timing-function:var(--_mp-anim-ease,var(--mp-sys-motion-easing-emphasized-decelerate));animation-iteration-count:var(--_mp-anim-repeat,1);animation-direction:var(--_mp-anim-direction,normal);animation-fill-mode:both;animation-play-state:var(--_mp-anim-state,running)}@supports (animation-timeline:view()){.mp-anim{animation-timeline:var(--_mp-anim-timeline,auto);animation-range:var(--_mp-anim-range,normal)}}.mp-anim-fade{animation-name:mp-anim-fade}.mp-anim-scale{animation-name:mp-anim-scale}.mp-anim-slide{animation-name:mp-anim-slide}.mp-anim-rotate{animation-name:mp-anim-rotate}.mp-anim-reveal{animation-name:mp-anim-reveal}.mp-anim-blink{animation-name:mp-anim-blink}@media (prefers-reduced-motion:reduce){.mp-anim{animation:none}}@media (scripting:none){.mp-anim{animation:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
+/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-1{margin:calc(var(--spacing) * -1)}.-mt-\[max\(0\.25rem\,var\(--mp-sys-typescale-body-small-size\)\/2\)\]{margin-top:calc(max(.25rem, var(--mp-sys-typescale-body-small-size) / 2) * -1)}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.box-border{box-sizing:border-box}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-18{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-13{height:calc(var(--spacing) * 13)}.h-14{height:calc(var(--spacing) * 14)}.h-15{height:calc(var(--spacing) * 15)}.h-16{height:calc(var(--spacing) * 16)}.h-17{height:calc(var(--spacing) * 17)}.h-18{height:calc(var(--spacing) * 18)}.h-\[1lh\]{height:1lh}.min-h-0{min-height:0}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.justify-self-center{justify-self:center}.overflow-hidden{overflow:hidden}.rounded-\[inherit\]{border-radius:inherit}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.bg-\(--_mp-accent\){background-color:var(--_mp-accent)}.bg-\(--_mp-accent-container\){background-color:var(--_mp-accent-container)}.bg-current{background-color:currentColor}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.p-0{padding:0}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-4\.5{padding:calc(var(--spacing) * 4.5)}.p-5{padding:calc(var(--spacing) * 5)}.p-5\.5{padding:calc(var(--spacing) * 5.5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-5\.5{padding-inline:calc(var(--spacing) * 5.5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-4\.5{padding-block:calc(var(--spacing) * 4.5)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-5\.5{padding-block:calc(var(--spacing) * 5.5)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-\[max\(0\.25rem\,var\(--mp-sys-typescale-body-small-size\)\/2\)\]{padding-top:max(.25rem, var(--mp-sys-typescale-body-small-size) / 2)}.pb-1{padding-bottom:var(--spacing)}.align-middle{vertical-align:middle}.text-\(--_mp-accent\){color:var(--_mp-accent)}.text-\(--_mp-on-accent\){color:var(--_mp-on-accent)}.text-\(--_mp-on-accent-container\){color:var(--_mp-on-accent-container)}.text-inherit{color:inherit}.opacity-0{opacity:0}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[grid-template-rows\,opacity\]{transition-property:grid-template-rows,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\(--mp-sys-motion-duration-short4\){--tw-duration:var(--mp-sys-motion-duration-short4);transition-duration:var(--mp-sys-motion-duration-short4)}.ease-\(--mp-sys-motion-easing-emphasized-accelerate\){--tw-ease:var(--mp-sys-motion-easing-emphasized-accelerate);transition-timing-function:var(--mp-sys-motion-easing-emphasized-accelerate)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){:is(:where(.group):hover .group-hover\:opacity-8){opacity:.08}}:is(:where(.group):focus-visible .group-focus-visible\:opacity-10),:is(:where(.group):active .group-active\:opacity-10){opacity:.1}:is(:where(.group):disabled .group-disabled\:opacity-0),:is(:where(.group)[data-disabled] .group-data-disabled\:opacity-0){opacity:0}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}.\[\&_svg\]\:mr-1\.25 svg{margin-right:calc(var(--spacing) * 1.25)}.\[\&\>img\]\:block>img{display:block}.\[\&\>img\]\:size-full>img{width:100%;height:100%}.\[\&\>img\]\:shrink-0>img{flex-shrink:0}.\[\&\>svg\]\:block>svg{display:block}.\[\&\>svg\]\:size-full>svg{width:100%;height:100%}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}@keyframes mp-anim-fade{0%{opacity:var(--_mp-anim-opacity,0)}to{opacity:1}}@keyframes mp-anim-scale{0%{opacity:var(--_mp-anim-opacity,0);scale:var(--_mp-anim-scale,.8)}to{opacity:1;scale:1}}@keyframes mp-anim-slide{0%{opacity:var(--_mp-anim-opacity,0);translate:var(--_mp-anim-x,0px) var(--_mp-anim-y,0px)}to{opacity:1;translate:0}}@keyframes mp-anim-rotate{0%{opacity:var(--_mp-anim-opacity,0);rotate:var(--_mp-anim-angle,-180deg)}to{opacity:1;rotate:var(--_mp-anim-angle-to,0deg)}}@keyframes mp-anim-reveal{0%{opacity:var(--_mp-anim-opacity,1);clip-path:var(--_mp-anim-clip,inset(0 100% 0 0))}to{opacity:1;clip-path:inset(0)}}@keyframes mp-anim-blink{0%,to{opacity:1}50%{opacity:var(--_mp-anim-opacity,0)}}.mp-anim{animation-duration:var(--_mp-anim-duration,var(--mp-sys-motion-duration-medium4));animation-delay:var(--_mp-anim-delay,0s);animation-timing-function:var(--_mp-anim-ease,var(--mp-sys-motion-easing-emphasized-decelerate));animation-iteration-count:var(--_mp-anim-repeat,1);animation-direction:var(--_mp-anim-direction,normal);animation-fill-mode:both;animation-play-state:var(--_mp-anim-state,running)}@supports (animation-timeline:view()){.mp-anim{animation-timeline:var(--_mp-anim-timeline,auto);animation-range:var(--_mp-anim-range,normal)}}.mp-anim-fade{animation-name:mp-anim-fade}.mp-anim-scale{animation-name:mp-anim-scale}.mp-anim-slide{animation-name:mp-anim-slide}.mp-anim-rotate{animation-name:mp-anim-rotate}.mp-anim-reveal{animation-name:mp-anim-reveal}.mp-anim-blink{animation-name:mp-anim-blink}@media (prefers-reduced-motion:reduce){.mp-anim{animation:none}}@media (scripting:none){.mp-anim{animation:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}

package/dist/styles/anchor.css

@@ -1,2 +1,2 @@
-/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-outline-style:solid;--tw-font-weight:initial}}}@layer theme{:root,:host{--spacing:.25rem;--font-weight-medium:500;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.-ms-px{margin-inline-start:-1px}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-18{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-18{height:calc(var(--spacing) * 18)}.min-w-0{min-width:0}.resize{resize:both}.list-none{list-style-type:none}.flex-col{flex-direction:column}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-transparent{border-color:#0000}.p-0{padding:0}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.ps-3{padding-inline-start:calc(var(--spacing) * 3)}.no-underline{text-decoration-line:none}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-\[color\,border-color\]{transition-property:color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\(--mp-sys-motion-duration-short4\){--tw-duration:var(--mp-sys-motion-duration-short4);transition-duration:var(--mp-sys-motion-duration-short4)}.outline-none{--tw-outline-style:none;outline-style:none}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.aria-\[current\=location\]\:border-\(--_mp-accent\)[aria-current=location]{border-color:var(--_mp-accent)}.aria-\[current\=location\]\:font-medium[aria-current=location]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.aria-\[current\=location\]\:text-\(--_mp-accent\)[aria-current=location]{color:var(--_mp-accent)}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
+/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-outline-style:solid;--tw-font-weight:initial}}}@layer theme{:root,:host{--spacing:.25rem;--font-weight-medium:500;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.-ms-px{margin-inline-start:-1px}.-mt-\[max\(0\.25rem\,var\(--mp-sys-typescale-body-small-size\)\/2\)\]{margin-top:calc(max(.25rem, var(--mp-sys-typescale-body-small-size) / 2) * -1)}.-mb-1{margin-bottom:calc(var(--spacing) * -1)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-18{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-18{height:calc(var(--spacing) * 18)}.min-w-0{min-width:0}.resize{resize:both}.list-none{list-style-type:none}.flex-col{flex-direction:column}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-transparent{border-color:#0000}.p-0{padding:0}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.ps-3{padding-inline-start:calc(var(--spacing) * 3)}.pt-\[max\(0\.25rem\,var\(--mp-sys-typescale-body-small-size\)\/2\)\]{padding-top:max(.25rem, var(--mp-sys-typescale-body-small-size) / 2)}.pb-1{padding-bottom:var(--spacing)}.no-underline{text-decoration-line:none}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.transition-\[color\,border-color\]{transition-property:color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\(--mp-sys-motion-duration-short4\){--tw-duration:var(--mp-sys-motion-duration-short4);transition-duration:var(--mp-sys-motion-duration-short4)}.outline-none{--tw-outline-style:none;outline-style:none}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.aria-\[current\=location\]\:border-\(--_mp-accent\)[aria-current=location]{border-color:var(--_mp-accent)}.aria-\[current\=location\]\:font-medium[aria-current=location]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.aria-\[current\=location\]\:text-\(--_mp-accent\)[aria-current=location]{color:var(--_mp-accent)}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}

package/dist/styles/animate-appear.css

@@ -1,2 +1,2 @@
-/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
 .visible{visibility:visible}.block{display:block}.grid{display:grid}.inline{display:inline}.table{display:table}.grow{flex-grow:1}@keyframes mp-anim-fade{0%{opacity:var(--_mp-anim-opacity,0)}to{opacity:1}}@keyframes mp-anim-scale{0%{opacity:var(--_mp-anim-opacity,0);scale:var(--_mp-anim-scale,.8)}to{opacity:1;scale:1}}@keyframes mp-anim-slide{0%{opacity:var(--_mp-anim-opacity,0);translate:var(--_mp-anim-x,0px) var(--_mp-anim-y,0px)}to{opacity:1;translate:0}}@keyframes mp-anim-rotate{0%{opacity:var(--_mp-anim-opacity,0);rotate:var(--_mp-anim-angle,-180deg)}to{opacity:1;rotate:var(--_mp-anim-angle-to,0deg)}}@keyframes mp-anim-reveal{0%{opacity:var(--_mp-anim-opacity,1);clip-path:var(--_mp-anim-clip,inset(0 100% 0 0))}to{opacity:1;clip-path:inset(0)}}@keyframes mp-anim-blink{0%,to{opacity:1}50%{opacity:var(--_mp-anim-opacity,0)}}@keyframes mp-anim-marquee-x{0%{translate:0}to{translate:calc(-100% - var(--_mp-anim-gap,0px)) 0}}@keyframes mp-anim-marquee-y{0%{translate:0}to{translate:0 calc(-100% - var(--_mp-anim-gap,0px))}}.mp-anim{animation-duration:var(--_mp-anim-duration,var(--mp-sys-motion-duration-medium4));animation-delay:var(--_mp-anim-delay,0s);animation-timing-function:var(--_mp-anim-ease,var(--mp-sys-motion-easing-emphasized-decelerate));animation-iteration-count:var(--_mp-anim-repeat,1);animation-direction:var(--_mp-anim-direction,normal);animation-fill-mode:both;animation-play-state:var(--_mp-anim-state,running)}@supports (animation-timeline:view()){.mp-anim{animation-timeline:var(--_mp-anim-timeline,auto);animation-range:var(--_mp-anim-range,normal)}}.mp-anim-fade{animation-name:mp-anim-fade}.mp-anim-scale{animation-name:mp-anim-scale}.mp-anim-slide{animation-name:mp-anim-slide}.mp-anim-rotate{animation-name:mp-anim-rotate}.mp-anim-reveal{animation-name:mp-anim-reveal}.mp-anim-blink{animation-name:mp-anim-blink}@media (prefers-reduced-motion:reduce){.mp-anim{animation:none}}@media (scripting:none){.mp-anim{animation:none}}.mp-marquee-track{align-items:center;gap:var(--_mp-anim-gap,0px);animation-name:mp-anim-marquee-x;animation-duration:var(--_mp-anim-duration,12s);animation-delay:var(--_mp-anim-delay,0s);animation-timing-function:var(--_mp-anim-ease,linear);animation-iteration-count:var(--_mp-anim-repeat,infinite);animation-direction:var(--_mp-anim-direction,normal);animation-fill-mode:both;animation-play-state:var(--_mp-anim-state,running);flex:none;display:flex}.mp-marquee-vertical .mp-marquee-track{flex-direction:column;animation-name:mp-anim-marquee-y}.mp-marquee[data-mp-pause-on-hover]:hover .mp-marquee-track{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.mp-marquee-track{animation:none}}

package/dist/styles/animate-blink.css

@@ -1,2 +1,2 @@
-/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
 .visible{visibility:visible}.grid{display:grid}.inline{display:inline}.table{display:table}.grow{flex-grow:1}@keyframes mp-anim-fade{0%{opacity:var(--_mp-anim-opacity,0)}to{opacity:1}}@keyframes mp-anim-scale{0%{opacity:var(--_mp-anim-opacity,0);scale:var(--_mp-anim-scale,.8)}to{opacity:1;scale:1}}@keyframes mp-anim-slide{0%{opacity:var(--_mp-anim-opacity,0);translate:var(--_mp-anim-x,0px) var(--_mp-anim-y,0px)}to{opacity:1;translate:0}}@keyframes mp-anim-rotate{0%{opacity:var(--_mp-anim-opacity,0);rotate:var(--_mp-anim-angle,-180deg)}to{opacity:1;rotate:var(--_mp-anim-angle-to,0deg)}}@keyframes mp-anim-reveal{0%{opacity:var(--_mp-anim-opacity,1);clip-path:var(--_mp-anim-clip,inset(0 100% 0 0))}to{opacity:1;clip-path:inset(0)}}@keyframes mp-anim-blink{0%,to{opacity:1}50%{opacity:var(--_mp-anim-opacity,0)}}@keyframes mp-anim-marquee-x{0%{translate:0}to{translate:calc(-100% - var(--_mp-anim-gap,0px)) 0}}@keyframes mp-anim-marquee-y{0%{translate:0}to{translate:0 calc(-100% - var(--_mp-anim-gap,0px))}}.mp-anim{animation-duration:var(--_mp-anim-duration,var(--mp-sys-motion-duration-medium4));animation-delay:var(--_mp-anim-delay,0s);animation-timing-function:var(--_mp-anim-ease,var(--mp-sys-motion-easing-emphasized-decelerate));animation-iteration-count:var(--_mp-anim-repeat,1);animation-direction:var(--_mp-anim-direction,normal);animation-fill-mode:both;animation-play-state:var(--_mp-anim-state,running)}@supports (animation-timeline:view()){.mp-anim{animation-timeline:var(--_mp-anim-timeline,auto);animation-range:var(--_mp-anim-range,normal)}}.mp-anim-fade{animation-name:mp-anim-fade}.mp-anim-scale{animation-name:mp-anim-scale}.mp-anim-slide{animation-name:mp-anim-slide}.mp-anim-rotate{animation-name:mp-anim-rotate}.mp-anim-reveal{animation-name:mp-anim-reveal}.mp-anim-blink{animation-name:mp-anim-blink}@media (prefers-reduced-motion:reduce){.mp-anim{animation:none}}@media (scripting:none){.mp-anim{animation:none}}.mp-marquee-track{align-items:center;gap:var(--_mp-anim-gap,0px);animation-name:mp-anim-marquee-x;animation-duration:var(--_mp-anim-duration,12s);animation-delay:var(--_mp-anim-delay,0s);animation-timing-function:var(--_mp-anim-ease,linear);animation-iteration-count:var(--_mp-anim-repeat,infinite);animation-direction:var(--_mp-anim-direction,normal);animation-fill-mode:both;animation-play-state:var(--_mp-anim-state,running);flex:none;display:flex}.mp-marquee-vertical .mp-marquee-track{flex-direction:column;animation-name:mp-anim-marquee-y}.mp-marquee[data-mp-pause-on-hover]:hover .mp-marquee-track{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.mp-marquee-track{animation:none}}