material-plus-ui 1.2.0 → 1.3.0

package/dist/styles/timeline.css

@@ -0,0 +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-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--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-duration: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)}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start-\(--_mp-bullet\){inset-inline-start:var(--_mp-bullet)}.start-\[calc\(var\(--_mp-bullet\)\/2_-_1px\)\]{inset-inline-start:calc(var(--_mp-bullet) / 2 - 1px)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.top-\(--_mp-bullet\){top:var(--_mp-bullet)}.top-\[calc\(var\(--_mp-bullet\)\/2_-_1px\)\]{top:calc(var(--_mp-bullet) / 2 - 1px)}.bottom-0{bottom:0}.z-10{z-index:10}.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}}.mt-2{margin-top:calc(var(--spacing) * 2)}.flex{display:flex}.grid{display:grid}.inline{display:inline}.table{display:table}.size-\(--_mp-bullet\){width:var(--_mp-bullet);height:var(--_mp-bullet)}.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}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.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)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-s-2{border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-solid{--tw-border-style:solid;border-style:solid}.border-\(--_mp-accent\){border-color:var(--_mp-accent)}.bg-\(--_mp-accent\){background-color:var(--_mp-accent)}.bg-transparent{background-color:#0000}.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-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)}.pe-5{padding-inline-end:calc(var(--spacing) * 5)}.pe-6{padding-inline-end:calc(var(--spacing) * 6)}.pe-7{padding-inline-end:calc(var(--spacing) * 7)}.pe-8{padding-inline-end:calc(var(--spacing) * 8)}.pe-10{padding-inline-end:calc(var(--spacing) * 10)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.text-\[calc\(var\(--_mp-bullet\)\*0\.5\)\]{font-size:calc(var(--_mp-bullet) * .5)}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-\(--_mp-accent\){color:var(--_mp-accent)}.text-\(--_mp-on-accent\){color:var(--_mp-on-accent)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow-\[0_0_0_0\.25rem_var\(--_mp-accent-container\)\]{--tw-shadow:0 0 0 .25rem var(--tw-shadow-color,var(--_mp-accent-container));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)}.transition-\[background-color\,border-color\,box-shadow\,color\]{transition-property:background-color,border-color,box-shadow,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)}.\[\&\>svg\]\:size-\[0\.6em\]>svg{width:.6em;height:.6em}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@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-duration{syntax:"*";inherits:false}

package/dist/styles/tokens.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties;@layer theme{:root{--mp-source-color:#00639b;--_mp-tone-accent:.496;--_mp-tone-on-accent:1;--_mp-tone-accent-container:.918;--_mp-tone-on-accent-container:.242;--_mp-chroma-primary:1;--_mp-chroma-secondary:.274;--_mp-chroma-tertiary:.464;--_mp-hue-tertiary:64.7;--_mp-tone-on-surface:.227;--_mp-chroma-on-surface:.01;--_mp-tone-on-surface-variant:.398;--_mp-chroma-on-surface-variant:.0174;--_mp-tone-outline:.567;--_mp-chroma-outline:.0163;--_mp-tone-outline-variant:.829;--_mp-chroma-outline-variant:.0178;--_mp-tone-surface:.984;--_mp-chroma-surface:.0128;--_mp-tone-surface-container-low:.967;--_mp-chroma-surface-container-low:.0118;--_mp-tone-surface-container:.954;--_mp-chroma-surface-container:.0147;--_mp-tone-surface-container-high:.933;--_mp-chroma-surface-container-high:.0148;--_mp-tone-surface-container-highest:.914;--_mp-chroma-surface-container-highest:.0137;--_mp-tone-inverse-accent:.835;--_mp-chroma-inverse-primary:.725;--_mp-tone-inverse-surface:.313;--_mp-chroma-inverse-surface:.0118;--_mp-tone-inverse-on-surface:.96;--_mp-chroma-inverse-on-surface:.0118;--_mp-tone-error:.501;--_mp-chroma-error:.1783;--_mp-hue-error:28.7;--_mp-palette-primary:1;--_mp-palette-secondary:.274;--_mp-palette-tertiary:.464;--_mp-palette-error:.1783}@media (prefers-color-scheme:dark){:root:not([data-mp-scheme=light]){--_mp-tone-accent:.835;--_mp-tone-on-accent:.325;--_mp-tone-accent-container:.41;--_mp-tone-on-accent-container:.918;--_mp-chroma-primary:.725;--_mp-chroma-secondary:.287;--_mp-chroma-tertiary:.51;--_mp-hue-tertiary:65.7;--_mp-tone-on-surface:.914;--_mp-chroma-on-surface:.0137;--_mp-tone-on-surface-variant:.829;--_mp-chroma-on-surface-variant:.0178;--_mp-tone-outline:.657;--_mp-chroma-outline:.0153;--_mp-tone-outline-variant:.398;--_mp-chroma-outline-variant:.0174;--_mp-tone-surface:.187;--_mp-chroma-surface:.0124;--_mp-tone-surface-container-low:.227;--_mp-chroma-surface-container-low:.01;--_mp-tone-surface-container:.245;--_mp-chroma-surface-container:.0134;--_mp-tone-surface-container-high:.286;--_mp-chroma-surface-container-high:.0129;--_mp-tone-surface-container-highest:.33;--_mp-chroma-surface-container-highest:.0125;--_mp-tone-inverse-accent:.496;--_mp-chroma-inverse-primary:1;--_mp-tone-inverse-surface:.914;--_mp-chroma-inverse-surface:.0137;--_mp-tone-inverse-on-surface:.313;--_mp-chroma-inverse-on-surface:.0118;--_mp-tone-error:.834;--_mp-chroma-error:.0677;--_mp-hue-error:22}}[data-mp-scheme=dark],.dark{--_mp-tone-accent:.835;--_mp-tone-on-accent:.325;--_mp-tone-accent-container:.41;--_mp-tone-on-accent-container:.918;--_mp-chroma-primary:.725;--_mp-chroma-secondary:.287;--_mp-chroma-tertiary:.51;--_mp-hue-tertiary:65.7;--_mp-tone-on-surface:.914;--_mp-chroma-on-surface:.0137;--_mp-tone-on-surface-variant:.829;--_mp-chroma-on-surface-variant:.0178;--_mp-tone-outline:.657;--_mp-chroma-outline:.0153;--_mp-tone-outline-variant:.398;--_mp-chroma-outline-variant:.0174;--_mp-tone-surface:.187;--_mp-chroma-surface:.0124;--_mp-tone-surface-container-low:.227;--_mp-chroma-surface-container-low:.01;--_mp-tone-surface-container:.245;--_mp-chroma-surface-container:.0134;--_mp-tone-surface-container-high:.286;--_mp-chroma-surface-container-high:.0129;--_mp-tone-surface-container-highest:.33;--_mp-chroma-surface-container-highest:.0125;--_mp-tone-inverse-accent:.496;--_mp-chroma-inverse-primary:1;--_mp-tone-inverse-surface:.914;--_mp-chroma-inverse-surface:.0137;--_mp-tone-inverse-on-surface:.313;--_mp-chroma-inverse-on-surface:.0118;--_mp-tone-error:.834;--_mp-chroma-error:.0677;--_mp-hue-error:22}*,:before,:after,::backdrop{--_mp-color-primary:var(--mp-sys-color-primary,var(--md-sys-color-primary,oklch(from var(--mp-source-color) var(--_mp-tone-accent) calc(c * var(--_mp-chroma-primary)) h)));--_mp-color-on-primary:var(--mp-sys-color-on-primary,var(--md-sys-color-on-primary,oklch(from var(--mp-source-color) var(--_mp-tone-on-accent) calc(c * var(--_mp-palette-primary)) h)));--_mp-color-primary-container:var(--mp-sys-color-primary-container,var(--md-sys-color-primary-container,oklch(from var(--mp-source-color) var(--_mp-tone-accent-container) calc(c * var(--_mp-palette-primary)) h)));--_mp-color-on-primary-container:var(--mp-sys-color-on-primary-container,var(--md-sys-color-on-primary-container,oklch(from var(--mp-source-color) var(--_mp-tone-on-accent-container) calc(c * var(--_mp-palette-primary)) h)));--_mp-color-secondary:var(--mp-sys-color-secondary,var(--md-sys-color-secondary,oklch(from var(--mp-source-color) var(--_mp-tone-accent) calc(c * var(--_mp-chroma-secondary)) h)));--_mp-color-on-secondary:var(--mp-sys-color-on-secondary,var(--md-sys-color-on-secondary,oklch(from var(--mp-source-color) var(--_mp-tone-on-accent) calc(c * var(--_mp-palette-secondary)) h)));--_mp-color-secondary-container:var(--mp-sys-color-secondary-container,var(--md-sys-color-secondary-container,oklch(from var(--mp-source-color) var(--_mp-tone-accent-container) calc(c * var(--_mp-palette-secondary)) h)));--_mp-color-on-secondary-container:var(--mp-sys-color-on-secondary-container,var(--md-sys-color-on-secondary-container,oklch(from var(--mp-source-color) var(--_mp-tone-on-accent-container) calc(c * var(--_mp-palette-secondary)) h)));--_mp-color-tertiary:var(--mp-sys-color-tertiary,var(--md-sys-color-tertiary,oklch(from var(--mp-source-color) var(--_mp-tone-accent) calc(c * var(--_mp-chroma-tertiary)) calc(h + var(--_mp-hue-tertiary)))));--_mp-color-on-tertiary:var(--mp-sys-color-on-tertiary,var(--md-sys-color-on-tertiary,oklch(from var(--mp-source-color) var(--_mp-tone-on-accent) calc(c * var(--_mp-palette-tertiary)) calc(h + var(--_mp-hue-tertiary)))));--_mp-color-tertiary-container:var(--mp-sys-color-tertiary-container,var(--md-sys-color-tertiary-container,oklch(from var(--mp-source-color) var(--_mp-tone-accent-container) calc(c * var(--_mp-palette-tertiary)) calc(h + var(--_mp-hue-tertiary)))));--_mp-color-on-tertiary-container:var(--mp-sys-color-on-tertiary-container,var(--md-sys-color-on-tertiary-container,oklch(from var(--mp-source-color) var(--_mp-tone-on-accent-container) calc(c * var(--_mp-palette-tertiary)) calc(h + var(--_mp-hue-tertiary)))));--_mp-color-surface:var(--mp-sys-color-surface,var(--md-sys-color-surface,oklch(from var(--mp-source-color) var(--_mp-tone-surface) var(--_mp-chroma-surface) h)));--_mp-color-surface-container-low:var(--mp-sys-color-surface-container-low,var(--md-sys-color-surface-container-low,oklch(from var(--mp-source-color) var(--_mp-tone-surface-container-low) var(--_mp-chroma-surface-container-low) h)));--_mp-color-surface-container:var(--mp-sys-color-surface-container,var(--md-sys-color-surface-container,oklch(from var(--mp-source-color) var(--_mp-tone-surface-container) var(--_mp-chroma-surface-container) h)));--_mp-color-surface-container-high:var(--mp-sys-color-surface-container-high,var(--md-sys-color-surface-container-high,oklch(from var(--mp-source-color) var(--_mp-tone-surface-container-high) var(--_mp-chroma-surface-container-high) h)));--_mp-color-surface-container-highest:var(--mp-sys-color-surface-container-highest,var(--md-sys-color-surface-container-highest,oklch(from var(--mp-source-color) var(--_mp-tone-surface-container-highest) var(--_mp-chroma-surface-container-highest) h)));--_mp-color-inverse-surface:var(--mp-sys-color-inverse-surface,var(--md-sys-color-inverse-surface,oklch(from var(--mp-source-color) var(--_mp-tone-inverse-surface) var(--_mp-chroma-inverse-surface) h)));--_mp-color-inverse-on-surface:var(--mp-sys-color-inverse-on-surface,var(--md-sys-color-inverse-on-surface,oklch(from var(--mp-source-color) var(--_mp-tone-inverse-on-surface) var(--_mp-chroma-inverse-on-surface) h)));--_mp-color-inverse-primary:var(--mp-sys-color-inverse-primary,var(--md-sys-color-inverse-primary,oklch(from var(--mp-source-color) var(--_mp-tone-inverse-accent) calc(c * var(--_mp-chroma-inverse-primary)) h)));--_mp-color-on-surface:var(--mp-sys-color-on-surface,var(--md-sys-color-on-surface,oklch(from var(--mp-source-color) var(--_mp-tone-on-surface) var(--_mp-chroma-on-surface) h)));--_mp-color-on-surface-variant:var(--mp-sys-color-on-surface-variant,var(--md-sys-color-on-surface-variant,oklch(from var(--mp-source-color) var(--_mp-tone-on-surface-variant) var(--_mp-chroma-on-surface-variant) h)));--_mp-color-outline:var(--mp-sys-color-outline,var(--md-sys-color-outline,oklch(from var(--mp-source-color) var(--_mp-tone-outline) var(--_mp-chroma-outline) h)));--_mp-color-outline-variant:var(--mp-sys-color-outline-variant,var(--md-sys-color-outline-variant,oklch(from var(--mp-source-color) var(--_mp-tone-outline-variant) var(--_mp-chroma-outline-variant) h)));--_mp-color-scrim:var(--mp-sys-color-scrim,var(--md-sys-color-scrim,#000));--_mp-color-error:var(--mp-sys-color-error,var(--md-sys-color-error,oklch(var(--_mp-tone-error) var(--_mp-chroma-error) var(--_mp-hue-error))));--_mp-color-on-error:var(--mp-sys-color-on-error,var(--md-sys-color-on-error,oklch(var(--_mp-tone-on-accent) var(--_mp-palette-error) var(--_mp-hue-error))));--_mp-color-error-container:var(--mp-sys-color-error-container,var(--md-sys-color-error-container,oklch(var(--_mp-tone-accent-container) var(--_mp-palette-error) var(--_mp-hue-error))));--_mp-color-on-error-container:var(--mp-sys-color-on-error-container,var(--md-sys-color-on-error-container,oklch(var(--_mp-tone-on-accent-container) var(--_mp-palette-error) var(--_mp-hue-error))));--color-mp-primary:var(--_mp-color-primary);--color-mp-on-primary:var(--_mp-color-on-primary);--color-mp-primary-container:var(--_mp-color-primary-container);--color-mp-on-primary-container:var(--_mp-color-on-primary-container);--color-mp-secondary:var(--_mp-color-secondary);--color-mp-on-secondary:var(--_mp-color-on-secondary);--color-mp-secondary-container:var(--_mp-color-secondary-container);--color-mp-on-secondary-container:var(--_mp-color-on-secondary-container);--color-mp-tertiary:var(--_mp-color-tertiary);--color-mp-on-tertiary:var(--_mp-color-on-tertiary);--color-mp-tertiary-container:var(--_mp-color-tertiary-container);--color-mp-on-tertiary-container:var(--_mp-color-on-tertiary-container);--color-mp-surface:var(--_mp-color-surface);--color-mp-surface-container-low:var(--_mp-color-surface-container-low);--color-mp-surface-container:var(--_mp-color-surface-container);--color-mp-surface-container-high:var(--_mp-color-surface-container-high);--color-mp-surface-container-highest:var(--_mp-color-surface-container-highest);--color-mp-inverse-surface:var(--_mp-color-inverse-surface);--color-mp-inverse-on-surface:var(--_mp-color-inverse-on-surface);--color-mp-inverse-primary:var(--_mp-color-inverse-primary);--color-mp-scrim:var(--_mp-color-scrim);--color-mp-on-surface:var(--_mp-color-on-surface);--color-mp-on-surface-variant:var(--_mp-color-on-surface-variant);--color-mp-outline:var(--_mp-color-outline);--color-mp-outline-variant:var(--_mp-color-outline-variant);--color-mp-error:var(--_mp-color-error);--color-mp-on-error:var(--_mp-color-on-error);--color-mp-error-container:var(--_mp-color-error-container);--color-mp-on-error-container:var(--_mp-color-on-error-container);--text-mp-display-small:var(--mp-sys-typescale-display-small-size);--text-mp-display-small--line-height:var(--mp-sys-typescale-display-small-line-height);--text-mp-display-small--letter-spacing:var(--mp-sys-typescale-display-small-tracking);--text-mp-display-small--font-weight:var(--mp-sys-typescale-display-small-weight);--text-mp-headline-large:var(--mp-sys-typescale-headline-large-size);--text-mp-headline-large--line-height:var(--mp-sys-typescale-headline-large-line-height);--text-mp-headline-large--letter-spacing:var(--mp-sys-typescale-headline-large-tracking);--text-mp-headline-large--font-weight:var(--mp-sys-typescale-headline-large-weight);--text-mp-headline-medium:var(--mp-sys-typescale-headline-medium-size);--text-mp-headline-medium--line-height:var(--mp-sys-typescale-headline-medium-line-height);--text-mp-headline-medium--letter-spacing:var(--mp-sys-typescale-headline-medium-tracking);--text-mp-headline-medium--font-weight:var(--mp-sys-typescale-headline-medium-weight);--text-mp-headline-small:var(--mp-sys-typescale-headline-small-size);--text-mp-headline-small--line-height:var(--mp-sys-typescale-headline-small-line-height);--text-mp-headline-small--letter-spacing:var(--mp-sys-typescale-headline-small-tracking);--text-mp-headline-small--font-weight:var(--mp-sys-typescale-headline-small-weight);--text-mp-title-large:var(--mp-sys-typescale-title-large-size);--text-mp-title-large--line-height:var(--mp-sys-typescale-title-large-line-height);--text-mp-title-large--letter-spacing:var(--mp-sys-typescale-title-large-tracking);--text-mp-title-large--font-weight:var(--mp-sys-typescale-title-large-weight);--text-mp-title-small:var(--mp-sys-typescale-title-small-size);--text-mp-title-small--line-height:var(--mp-sys-typescale-title-small-line-height);--text-mp-title-small--letter-spacing:var(--mp-sys-typescale-title-small-tracking);--text-mp-title-small--font-weight:var(--mp-sys-typescale-title-small-weight);--text-mp-label-medium:var(--mp-sys-typescale-label-medium-size);--text-mp-label-medium--line-height:var(--mp-sys-typescale-label-medium-line-height);--text-mp-label-medium--letter-spacing:var(--mp-sys-typescale-label-medium-tracking);--text-mp-label-medium--font-weight:var(--mp-sys-typescale-label-medium-weight);--text-mp-label-small:var(--mp-sys-typescale-label-small-size);--text-mp-label-small--line-height:var(--mp-sys-typescale-label-small-line-height);--text-mp-label-small--letter-spacing:var(--mp-sys-typescale-label-small-tracking);--text-mp-label-small--font-weight:var(--mp-sys-typescale-label-small-weight);--text-mp-body-large:var(--mp-sys-typescale-body-large-size);--text-mp-body-large--line-height:var(--mp-sys-typescale-body-large-line-height);--text-mp-body-large--letter-spacing:var(--mp-sys-typescale-body-large-tracking);--text-mp-body-large--font-weight:var(--mp-sys-typescale-body-large-weight);--text-mp-body-medium:var(--mp-sys-typescale-body-medium-size);--text-mp-body-medium--line-height:var(--mp-sys-typescale-body-medium-line-height);--text-mp-body-medium--letter-spacing:var(--mp-sys-typescale-body-medium-tracking);--text-mp-body-medium--font-weight:var(--mp-sys-typescale-body-medium-weight);--text-mp-body-small:var(--mp-sys-typescale-body-small-size);--text-mp-body-small--line-height:var(--mp-sys-typescale-body-small-line-height);--text-mp-body-small--letter-spacing:var(--mp-sys-typescale-body-small-tracking);--text-mp-body-small--font-weight:var(--mp-sys-typescale-body-small-weight);--text-mp-label-large:var(--mp-sys-typescale-label-large-size);--text-mp-label-large--line-height:var(--mp-sys-typescale-label-large-line-height);--text-mp-label-large--letter-spacing:var(--mp-sys-typescale-label-large-tracking);--text-mp-label-large--font-weight:var(--mp-sys-typescale-label-large-weight);--text-mp-title-medium:var(--mp-sys-typescale-title-medium-size);--text-mp-title-medium--line-height:var(--mp-sys-typescale-title-medium-line-height);--text-mp-title-medium--letter-spacing:var(--mp-sys-typescale-title-medium-tracking);--text-mp-title-medium--font-weight:var(--mp-sys-typescale-title-medium-weight);--radius-mp-xs:var(--mp-sys-shape-corner-extra-small);--radius-mp-sm:var(--mp-sys-shape-corner-small);--radius-mp-md:var(--mp-sys-shape-corner-medium);--radius-mp-lg:var(--mp-sys-shape-corner-large);--radius-mp-xl:var(--mp-sys-shape-corner-extra-large);--radius-mp-full:var(--mp-sys-shape-corner-full);--shadow-mp-1:var(--mp-sys-elevation-level1);--shadow-mp-2:var(--mp-sys-elevation-level2);--shadow-mp-3:var(--mp-sys-elevation-level3);--ease-mp-standard:var(--mp-sys-motion-easing-standard)}:root{--mp-sys-typescale-display-small-font:inherit;--mp-sys-typescale-display-small-size:2.25rem;--mp-sys-typescale-display-small-line-height:2.75rem;--mp-sys-typescale-display-small-tracking:0rem;--mp-sys-typescale-display-small-weight:400;--mp-sys-typescale-headline-large-font:inherit;--mp-sys-typescale-headline-large-size:2rem;--mp-sys-typescale-headline-large-line-height:2.5rem;--mp-sys-typescale-headline-large-tracking:0rem;--mp-sys-typescale-headline-large-weight:400;--mp-sys-typescale-headline-medium-font:inherit;--mp-sys-typescale-headline-medium-size:1.75rem;--mp-sys-typescale-headline-medium-line-height:2.25rem;--mp-sys-typescale-headline-medium-tracking:0rem;--mp-sys-typescale-headline-medium-weight:400;--mp-sys-typescale-headline-small-font:inherit;--mp-sys-typescale-headline-small-size:1.5rem;--mp-sys-typescale-headline-small-line-height:2rem;--mp-sys-typescale-headline-small-tracking:0rem;--mp-sys-typescale-headline-small-weight:400;--mp-sys-typescale-title-large-font:inherit;--mp-sys-typescale-title-large-size:1.375rem;--mp-sys-typescale-title-large-line-height:1.75rem;--mp-sys-typescale-title-large-tracking:0rem;--mp-sys-typescale-title-large-weight:400;--mp-sys-typescale-body-large-font:inherit;--mp-sys-typescale-body-large-size:1rem;--mp-sys-typescale-body-large-line-height:1.5rem;--mp-sys-typescale-body-large-tracking:.03125rem;--mp-sys-typescale-body-large-weight:400;--mp-sys-typescale-body-medium-font:inherit;--mp-sys-typescale-body-medium-size:.875rem;--mp-sys-typescale-body-medium-line-height:1.25rem;--mp-sys-typescale-body-medium-tracking:.015625rem;--mp-sys-typescale-body-medium-weight:400;--mp-sys-typescale-body-small-font:inherit;--mp-sys-typescale-body-small-size:.75rem;--mp-sys-typescale-body-small-line-height:1rem;--mp-sys-typescale-body-small-tracking:.025rem;--mp-sys-typescale-body-small-weight:400;--mp-sys-typescale-label-large-font:inherit;--mp-sys-typescale-label-large-size:.875rem;--mp-sys-typescale-label-large-line-height:1.25rem;--mp-sys-typescale-label-large-tracking:.00625rem;--mp-sys-typescale-label-large-weight:500;--mp-sys-typescale-label-medium-font:inherit;--mp-sys-typescale-label-medium-size:.75rem;--mp-sys-typescale-label-medium-line-height:1rem;--mp-sys-typescale-label-medium-tracking:.03125rem;--mp-sys-typescale-label-medium-weight:500;--mp-sys-typescale-label-small-font:inherit;--mp-sys-typescale-label-small-size:.6875rem;--mp-sys-typescale-label-small-line-height:1rem;--mp-sys-typescale-label-small-tracking:.03125rem;--mp-sys-typescale-label-small-weight:500;--mp-sys-typescale-title-small-font:inherit;--mp-sys-typescale-title-small-size:.875rem;--mp-sys-typescale-title-small-line-height:1.25rem;--mp-sys-typescale-title-small-tracking:.00625rem;--mp-sys-typescale-title-small-weight:500;--mp-sys-typescale-title-medium-font:inherit;--mp-sys-typescale-title-medium-size:1rem;--mp-sys-typescale-title-medium-line-height:1.5rem;--mp-sys-typescale-title-medium-tracking:.009375rem;--mp-sys-typescale-title-medium-weight:500;--mp-sys-shape-corner-extra-small:4px;--mp-sys-shape-corner-small:8px;--mp-sys-shape-corner-medium:12px;--mp-sys-shape-corner-large:16px;--mp-sys-shape-corner-extra-large:28px;--mp-sys-shape-corner-full:9999px;--mp-sys-elevation-level1:0 1px 2px 0 #0000004d, 0 1px 3px 1px #00000026;--mp-sys-elevation-level2:0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;--mp-sys-elevation-level3:0 1px 3px 0 #0000004d, 0 4px 8px 3px #00000026;--mp-sys-motion-duration-short2:.1s;--mp-sys-motion-duration-short4:.2s;--mp-sys-motion-duration-medium2:.3s;--mp-sys-motion-duration-medium4:.4s;--mp-sys-motion-duration-long2:.5s;--mp-sys-motion-duration-extra-long4:1s;--mp-sys-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--mp-sys-motion-easing-standard-decelerate:cubic-bezier(0, 0, 0, 1);--mp-sys-motion-easing-standard-accelerate:cubic-bezier(.3, 0, 1, 1);--mp-sys-motion-easing-emphasized:cubic-bezier(.2, 0, 0, 1);--mp-sys-motion-easing-emphasized-decelerate:cubic-bezier(.05, .7, .1, 1);--mp-sys-motion-easing-emphasized-accelerate:cubic-bezier(.3, 0, .8, .15);--mp-sys-motion-easing-linear:cubic-bezier(0, 0, 1, 1)}[data-mp-shape=rounded]{--mp-sys-shape-corner-extra-small:8px;--mp-sys-shape-corner-small:12px;--mp-sys-shape-corner-medium:20px;--mp-sys-shape-corner-large:24px;--mp-sys-shape-corner-extra-large:32px}[data-mp-shape=sharp]{--mp-sys-shape-corner-extra-small:0;--mp-sys-shape-corner-small:0;--mp-sys-shape-corner-medium:0;--mp-sys-shape-corner-large:0;--mp-sys-shape-corner-extra-large:0;--mp-sys-shape-corner-full:0}}

package/dist/styles/tooltip.css

@@ -0,0 +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-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-duration:initial}}}@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}.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}}.block{display:block}.inline{display:inline}.table{display:table}.max-w-64{max-width:calc(var(--spacing) * 64)}.bg-\(--_mp-tooltip\){background-color:var(--_mp-tooltip)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.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)}.text-\(--_mp-on-tooltip\){color:var(--_mp-on-tooltip)}.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)}.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)}.outline-none{--tw-outline-style:none;outline-style:none}.data-ending-style\:opacity-0[data-ending-style]{opacity:0}.data-instant\:duration-0[data-instant]{--tw-duration:0s;transition-duration:0s}.data-starting-style\:opacity-0[data-starting-style]{opacity:0}.data-\[side\=bottom\]\:top-\[-1px\][data-side=bottom]{top:-1px}.data-\[side\=bottom\]\:rotate-180[data-side=bottom]{rotate:180deg}.data-\[side\=left\]\:right-\[-1px\][data-side=left]{right:-1px}.data-\[side\=left\]\:-rotate-90[data-side=left]{rotate:-90deg}.data-\[side\=right\]\:left-\[-1px\][data-side=right]{left:-1px}.data-\[side\=right\]\:rotate-90[data-side=right]{rotate:90deg}.data-\[side\=top\]\:bottom-\[-1px\][data-side=top]{bottom:-1px}@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-duration{syntax:"*";inherits:false}

package/dist/styles/typography.css

@@ -0,0 +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-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}}.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}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-5{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-6{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.inline{display:inline}.table{display:table}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-center{text-align:center}.text-end{text-align:end}.text-justify{text-align:justify}.text-start{text-align:start}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.uppercase{text-transform:uppercase}.overline{text-decoration-line:overline}.\[\&\.mp-typography\]\:ms-0.mp-typography{margin-inline-start:0}.\[\&\.mp-typography\]\:me-0.mp-typography{margin-inline-end:0}.\[\&\.mp-typography\]\:mt-0.mp-typography{margin-top:0}.\[\&\.mp-typography\]\:mb-0.mp-typography{margin-bottom:0}.\[\&\.mp-typography\]\:mb-2.mp-typography{margin-bottom:calc(var(--spacing) * 2)}.\[\&\.mp-typography\]\:mb-2\.5.mp-typography{margin-bottom:calc(var(--spacing) * 2.5)}.\[\&\.mp-typography\]\:mb-3.mp-typography{margin-bottom:calc(var(--spacing) * 3)}.\[\&\.mp-typography\]\:mb-3\.5.mp-typography{margin-bottom:calc(var(--spacing) * 3.5)}.\[\&\.mp-typography\]\:mb-4.mp-typography{margin-bottom:calc(var(--spacing) * 4)}.\[\&\.mp-typography\]\:font-bold.mp-typography{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.\[\&\.mp-typography\]\:font-medium.mp-typography{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&\.mp-typography\]\:font-normal.mp-typography{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.\[\&\.mp-typography\]\:font-semibold.mp-typography{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&\.mp-typography\]\:tracking-\[0\.08em\].mp-typography{--tw-tracking:.08em;letter-spacing:.08em}.\[\&\.mp-typography\]\:text-\(--_mp-accent\).mp-typography{color:var(--_mp-accent)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}

package/package.json

@@ -1,8 +1,11 @@
 {
   "name": "material-plus-ui",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "A React component library implementing Material Design 3 — the components other Material libraries do not ship, and wider versions of the ones they do. Built on Base UI and Tailwind CSS v4, themed with CSS custom properties so it can coexist with an existing Material setup. ESM only, types included.",
   "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
   "types": "dist/index.d.ts",
   "author": "CDGet <jooy2.contact@gmail.com>",
   "license": "MIT",
@@ -15,7 +18,7 @@
     "url": "https://github.com/jooy2/material-plus/issues"
   },
   "scripts": {
-    "build": "npm run format:fix && tsc --project tsconfig.prod.json && npm run minify && node scripts/build-styles.mjs",
+    "build": "npm run format:fix && tsc --project tsconfig.prod.json && node scripts/annotate-pure.mjs && npm run minify && node scripts/build-styles.mjs && node scripts/build-split-styles.mjs",
     "lint": "eslint . --ext .js,.ts .",
     "lint:fix": "eslint . --ext .js,.ts --fix .",
     "minify": "terser-glob 'dist/**/*.js' --config-file terser.config.json",
@@ -50,8 +53,24 @@
       "module": "./dist/constants/icons.js",
       "default": "./dist/constants/icons.js"
     },
+    "./components/*": {
+      "types": "./dist/components/*/index.d.ts",
+      "module": "./dist/components/*/index.js",
+      "default": "./dist/components/*/index.js"
+    },
+    "./locales": {
+      "types": "./dist/locales/index.d.ts",
+      "module": "./dist/locales/index.js",
+      "default": "./dist/locales/index.js"
+    },
+    "./locales/*": {
+      "types": "./dist/locales/*.d.ts",
+      "module": "./dist/locales/*.js",
+      "default": "./dist/locales/*.js"
+    },
     "./styles.css": "./dist/styles.css",
-    "./tailwind.css": "./dist/tailwind.css"
+    "./tailwind.css": "./dist/tailwind.css",
+    "./styles/*.css": "./dist/styles/*.css"
   },
   "typesVersions": {
     "*": {