@kyralabs/m3e-css 1.3.0 → 1.5.0

package/NOTICE

@@ -16,17 +16,36 @@ Copyright (C) The Android Open Source Project
 Licensed under the Apache License, Version 2.0
 
 --------------------------------------------------------------------------------
-AndroidX Compose Animation (animation-core: spring simulation and duration estimate)
+AndroidX Compose Animation (animation-core: spring simulation and duration estimate, exponential decay)
 https://android.googlesource.com/platform/frameworks/support/+/19991f2c0858aadfcb442ce02b2c8e4743c96898/compose/animation/animation-core/
 Copyright (C) The Android Open Source Project
 Licensed under the Apache License, Version 2.0
 
+--------------------------------------------------------------------------------
+AndroidX Compose Foundation (anchoredDraggable: the settle target and decay / tween choice)
+https://android.googlesource.com/platform/frameworks/support/+/19991f2c0858aadfcb442ce02b2c8e4743c96898/compose/foundation/foundation/
+Copyright (C) The Android Open Source Project
+Licensed under the Apache License, Version 2.0
+
 --------------------------------------------------------------------------------
 AndroidX Compose UI Graphics (Matrix: the subset MaterialShapes uses)
 https://android.googlesource.com/platform/frameworks/support/+/19991f2c0858aadfcb442ce02b2c8e4743c96898/compose/ui/ui-graphics/
 Copyright (C) The Android Open Source Project
 Licensed under the Apache License, Version 2.0
 
+--------------------------------------------------------------------------------
+AndroidX Compose Material3 Adaptive (window size class sets, pane scaffold directive, navigation suite type)
+https://android.googlesource.com/platform/frameworks/support/+/19991f2c0858aadfcb442ce02b2c8e4743c96898/compose/material3/adaptive/
+https://android.googlesource.com/platform/frameworks/support/+/19991f2c0858aadfcb442ce02b2c8e4743c96898/compose/material3/material3-adaptive-navigation-suite/
+Copyright (C) The Android Open Source Project
+Licensed under the Apache License, Version 2.0
+
+--------------------------------------------------------------------------------
+AndroidX WindowManager (window-core 1.5.0: WindowSizeClass breakpoints)
+https://android.googlesource.com/platform/frameworks/support/+/19991f2c0858aadfcb442ce02b2c8e4743c96898/window/window-core/
+Copyright (C) The Android Open Source Project
+Licensed under the Apache License, Version 2.0
+
 --------------------------------------------------------------------------------
 AndroidX graphics-shapes (androidx.graphics:graphics-shapes 1.0.1, sources jar)
 https://dl.google.com/android/maven2/androidx/graphics/graphics-shapes/1.0.1/graphics-shapes-1.0.1-sources.jar

package/README.md

@@ -25,6 +25,11 @@ npm install @kyralabs/m3e-css @kyralabs/m3e-tokens
 </button>
 ```
 
+Canonical layouts (`layout.css`): `.m3e-layout` is a size container; inside it
+`.m3e-pane-scaffold--list-detail` / `--supporting-pane` show one, two or three panes by its width
+(m3.material.io's counts: three from 1600px; add `--compose` for Compose's, three from 1200px;
+`data-destination` picks the single pane) and `.m3e-feed` is the feed grid.
+
 Import a single component with `@kyralabs/m3e-css/<component>.css` (for example `button.css`).
 Classes follow `.m3e-<component>`, `__<part>` and `--<modifier>`.
 

package/dist/bottom-app-bar.css

@@ -0,0 +1 @@
+@import"@kyralabs/m3e-tokens/components/bottom-app-bar.css";@import"@kyralabs/m3e-tokens/components/bottom-app-bar-defaults.css";@import"@kyralabs/m3e-tokens/components/docked-toolbar-defaults.css";@import"@kyralabs/m3e-tokens/components/fab-small.css";@import"@kyralabs/m3e-tokens/components/fab-baseline.css";@import"@kyralabs/m3e-tokens/components/fab-medium.css";@import"@kyralabs/m3e-tokens/components/fab-large.css";@import"@kyralabs/m3e-tokens/components/extended-fab-small.css";@import"@kyralabs/m3e-tokens/components/extended-fab-medium.css";@import"@kyralabs/m3e-tokens/components/extended-fab-large.css";@import"@kyralabs/m3e-tokens/components/extended-fab-primary.css";@import"@kyralabs/m3e-tokens/components/fab-defaults.css";@import"@kyralabs/m3e-tokens/components/fab-primary-container.css";@import"@kyralabs/m3e-tokens/components/fab-secondary-container.css";@import"@kyralabs/m3e-tokens/components/elevation-motion.css";@import"@kyralabs/m3e-tokens/components/button-defaults.css";@layer m3e.components{.m3e-fab,.m3e-extended-fab{--_m3e-fab-height: var(--m3e-comp-fab-baseline-container-height);--_m3e-fab-width: var(--m3e-comp-fab-baseline-container-width);--_m3e-fab-shape: var(--m3e-comp-fab-baseline-container-shape);--_m3e-fab-icon-size: var(--m3e-comp-fab-baseline-icon-size);--_m3e-fab-container: var(--m3e-comp-fab-primary-container-container-color);--_m3e-fab-content: var(--m3e-comp-fab-primary-container-icon-color);--_m3e-fab-shadow: var(--m3e-comp-fab-primary-container-container-shadow);--_m3e-fab-shadow-hovered: var(--m3e-comp-fab-primary-container-container-shadow-hovered);--_m3e-fab-shadow-focused: var(--m3e-comp-fab-primary-container-container-shadow-focused);--_m3e-fab-shadow-pressed: var(--m3e-comp-fab-primary-container-container-shadow-pressed);--_m3e-fab-shadow-duration: var(--m3e-comp-elevation-outgoing-duration-hovered);--_m3e-fab-shadow-easing: var(--m3e-comp-elevation-outgoing-easing);--m3e-comp-state-layer-color: var(--_m3e-fab-content);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:var(--_m3e-fab-width);min-block-size:var(--_m3e-fab-height);margin:0;padding:0;border:none;border-radius:var(--_m3e-fab-shape);background-color:var(--_m3e-fab-container);box-shadow:var(--_m3e-fab-shadow);color:var(--_m3e-fab-content);font-family:var(--m3e-comp-extended-fab-primary-label-text-font);font-size:var(--m3e-comp-extended-fab-primary-label-text-size);font-weight:var(--m3e-comp-extended-fab-primary-label-text-weight);line-height:var(--m3e-comp-extended-fab-primary-label-text-line-height);letter-spacing:var(--m3e-comp-extended-fab-primary-label-text-tracking);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--_m3e-fab-shadow-duration) var(--_m3e-fab-shadow-easing)}:is(.m3e-fab,.m3e-extended-fab)>.m3e-icon{--m3e-comp-icon-size: var(--_m3e-fab-icon-size)}.m3e-fab:after{content:"";position:absolute;inset-block:min(0%,calc((var(--_m3e-fab-height) - var(--m3e-comp-minimum-interactive-component-size)) / 2));inset-inline:min(0%,calc((var(--_m3e-fab-width) - var(--m3e-comp-minimum-interactive-component-size)) / 2))}.m3e-fab--size-small{--_m3e-fab-height: var(--m3e-comp-fab-small-container-height);--_m3e-fab-width: var(--m3e-comp-fab-small-container-width);--_m3e-fab-shape: var(--m3e-comp-fab-small-container-shape);--_m3e-fab-icon-size: var(--m3e-comp-fab-small-icon-size)}.m3e-fab--size-medium{--_m3e-fab-height: var(--m3e-comp-fab-medium-container-height);--_m3e-fab-width: var(--m3e-comp-fab-medium-container-width);--_m3e-fab-shape: var(--m3e-comp-fab-defaults-medium-shape);--_m3e-fab-icon-size: var(--m3e-comp-fab-medium-icon-size)}.m3e-fab--size-large{--_m3e-fab-height: var(--m3e-comp-fab-large-container-height);--_m3e-fab-width: var(--m3e-comp-fab-large-container-width);--_m3e-fab-shape: var(--m3e-comp-fab-large-container-shape);--_m3e-fab-icon-size: var(--m3e-comp-fab-defaults-large-icon-size)}.m3e-extended-fab{--_m3e-fab-height: var(--m3e-comp-extended-fab-small-container-height);--_m3e-fab-width: var(--_m3e-fab-height);--_m3e-fab-shape: var(--m3e-comp-extended-fab-small-container-shape);--_m3e-fab-icon-size: var(--m3e-comp-extended-fab-small-icon-size);--_m3e-extended-fab-leading: var(--m3e-comp-extended-fab-small-leading-space);--_m3e-extended-fab-trailing: var(--m3e-comp-extended-fab-small-trailing-space);--_m3e-extended-fab-icon-space: var(--m3e-comp-extended-fab-small-icon-label-space);--_m3e-extended-fab-font: var(--m3e-comp-fab-defaults-small-extended-label-font);--_m3e-extended-fab-font-size: var(--m3e-comp-fab-defaults-small-extended-label-size);--_m3e-extended-fab-font-weight: var(--m3e-comp-fab-defaults-small-extended-label-weight);--_m3e-extended-fab-line-height: var(--m3e-comp-fab-defaults-small-extended-label-line-height);--_m3e-extended-fab-tracking: var(--m3e-comp-fab-defaults-small-extended-label-tracking);--_m3e-extended-fab-label-track: 1fr;--_m3e-extended-fab-label-opacity: 1;display:inline-grid;flex-shrink:0;grid-template-columns:auto var(--_m3e-extended-fab-label-track);grid-auto-flow:column;justify-content:start;padding-inline:var(--_m3e-extended-fab-leading) var(--_m3e-extended-fab-trailing);overflow:hidden;font-family:var(--_m3e-extended-fab-font);font-size:var(--_m3e-extended-fab-font-size);font-weight:var(--_m3e-extended-fab-font-weight);line-height:var(--_m3e-extended-fab-line-height);letter-spacing:var(--_m3e-extended-fab-tracking);white-space:nowrap;transition:box-shadow var(--_m3e-fab-shadow-duration) var(--_m3e-fab-shadow-easing),grid-template-columns var(--m3e-comp-fab-defaults-extended-width-duration) var(--m3e-comp-fab-defaults-extended-width-easing)}.m3e-extended-fab__label{min-inline-size:0;overflow:hidden;text-indent:var(--_m3e-extended-fab-icon-space);opacity:var(--_m3e-extended-fab-label-opacity);transition:opacity var(--m3e-comp-fab-defaults-extended-label-opacity-duration) var(--m3e-comp-fab-defaults-extended-label-opacity-easing)}.m3e-extended-fab__label:first-child{text-indent:0}.m3e-extended-fab--size-medium{--_m3e-fab-height: var(--m3e-comp-extended-fab-medium-container-height);--_m3e-fab-shape: var(--m3e-comp-fab-defaults-medium-extended-shape);--_m3e-fab-icon-size: var(--m3e-comp-extended-fab-medium-icon-size);--_m3e-extended-fab-leading: var(--m3e-comp-extended-fab-medium-leading-space);--_m3e-extended-fab-trailing: var(--m3e-comp-extended-fab-medium-trailing-space);--_m3e-extended-fab-icon-space: var(--m3e-comp-fab-defaults-medium-extended-icon-padding);--_m3e-extended-fab-font: var(--m3e-comp-fab-defaults-medium-extended-label-font);--_m3e-extended-fab-font-size: var(--m3e-comp-fab-defaults-medium-extended-label-size);--_m3e-extended-fab-font-weight: var(--m3e-comp-fab-defaults-medium-extended-label-weight);--_m3e-extended-fab-line-height: var(--m3e-comp-fab-defaults-medium-extended-label-line-height);--_m3e-extended-fab-tracking: var(--m3e-comp-fab-defaults-medium-extended-label-tracking)}.m3e-extended-fab--size-large{--_m3e-fab-height: var(--m3e-comp-extended-fab-large-container-height);--_m3e-fab-shape: var(--m3e-comp-extended-fab-large-container-shape);--_m3e-fab-icon-size: var(--m3e-comp-fab-defaults-large-icon-size);--_m3e-extended-fab-leading: var(--m3e-comp-extended-fab-large-leading-space);--_m3e-extended-fab-trailing: var(--m3e-comp-extended-fab-large-trailing-space);--_m3e-extended-fab-icon-space: var(--m3e-comp-fab-defaults-large-extended-icon-padding);--_m3e-extended-fab-font: var(--m3e-comp-fab-defaults-large-extended-label-font);--_m3e-extended-fab-font-size: var(--m3e-comp-fab-defaults-large-extended-label-size);--_m3e-extended-fab-font-weight: var(--m3e-comp-fab-defaults-large-extended-label-weight);--_m3e-extended-fab-line-height: var(--m3e-comp-fab-defaults-large-extended-label-line-height);--_m3e-extended-fab-tracking: var(--m3e-comp-fab-defaults-large-extended-label-tracking)}.m3e-extended-fab--collapsed:has(>.m3e-icon,>m3e-icon){--_m3e-extended-fab-label-track: 0fr;--_m3e-extended-fab-label-opacity: 0}.m3e-extended-fab[data-spring]{transition-property:box-shadow}.m3e-extended-fab[data-spring]>.m3e-extended-fab__label{transition:none}.m3e-fab--secondary-container,.m3e-extended-fab--secondary-container{--_m3e-fab-container: var(--m3e-comp-fab-secondary-container-container-color);--_m3e-fab-content: var(--m3e-comp-fab-secondary-container-icon-color)}.m3e-fab--tertiary-container,.m3e-extended-fab--tertiary-container{--_m3e-fab-container: var(--m3e-sys-color-tertiary-container);--_m3e-fab-content: var(--m3e-sys-color-on-tertiary-container)}.m3e-fab--primary,.m3e-extended-fab--primary{--_m3e-fab-container: var(--m3e-sys-color-primary);--_m3e-fab-content: var(--m3e-sys-color-on-primary)}.m3e-fab--secondary,.m3e-extended-fab--secondary{--_m3e-fab-container: var(--m3e-sys-color-secondary);--_m3e-fab-content: var(--m3e-sys-color-on-secondary)}.m3e-fab--tertiary,.m3e-extended-fab--tertiary{--_m3e-fab-container: var(--m3e-sys-color-tertiary);--_m3e-fab-content: var(--m3e-sys-color-on-tertiary)}@media(hover:hover){:is(.m3e-fab,.m3e-extended-fab):hover{--_m3e-fab-shadow-duration: var(--m3e-comp-elevation-incoming-duration);--_m3e-fab-shadow-easing: var(--m3e-comp-elevation-incoming-easing);box-shadow:var(--_m3e-fab-shadow-hovered)}}:is(.m3e-fab,.m3e-extended-fab):focus-visible{--_m3e-fab-shadow-duration: var(--m3e-comp-elevation-incoming-duration);--_m3e-fab-shadow-easing: var(--m3e-comp-elevation-incoming-easing);box-shadow:var(--_m3e-fab-shadow-focused)}:is(.m3e-fab,.m3e-extended-fab):is(:active,[data-pressed]){--_m3e-fab-shadow-duration: var(--m3e-comp-elevation-incoming-duration);--_m3e-fab-shadow-easing: var(--m3e-comp-elevation-incoming-easing);box-shadow:var(--_m3e-fab-shadow-pressed)}@media(forced-colors:active){.m3e-fab,.m3e-extended-fab{border:thin solid ButtonText}}}@layer m3e.components{.m3e-bottom-app-bar{display:flex;align-items:center;box-sizing:content-box;block-size:calc(var(--m3e-comp-bottom-app-bar-defaults-container-height) - var(--m3e-comp-bottom-app-bar-defaults-content-padding-top));padding-block:var(--m3e-comp-bottom-app-bar-defaults-content-padding-top) env(safe-area-inset-bottom);padding-inline:calc(var(--m3e-comp-bottom-app-bar-defaults-content-padding-horizontal) + env(safe-area-inset-left)) calc(var(--m3e-comp-bottom-app-bar-defaults-content-padding-horizontal) + env(safe-area-inset-right));border-radius:var(--m3e-comp-bottom-app-bar-container-shape);background-color:var(--m3e-comp-bottom-app-bar-container-color);box-shadow:var(--m3e-comp-bottom-app-bar-defaults-container-shadow);color:var(--m3e-comp-docked-toolbar-defaults-content-color)}.m3e-bottom-app-bar:dir(rtl){padding-inline:calc(var(--m3e-comp-bottom-app-bar-defaults-content-padding-horizontal) + env(safe-area-inset-right)) calc(var(--m3e-comp-bottom-app-bar-defaults-content-padding-horizontal) + env(safe-area-inset-left))}.m3e-bottom-app-bar__actions{display:flex;flex:1 1 0;align-items:center;justify-content:var(--m3e-comp-bottom-app-bar-defaults-horizontal-arrangement);min-inline-size:0}.m3e-bottom-app-bar__actions>.m3e-icon-button{flex:none;margin-inline:max(0%,calc((var(--m3e-comp-minimum-interactive-component-size) - var(--_m3e-icon-button-width)) / 2))}.m3e-bottom-app-bar__fab{display:flex;align-items:flex-start;align-self:stretch;padding-block-start:var(--m3e-comp-bottom-app-bar-defaults-fab-padding-top);padding-inline-end:var(--m3e-comp-bottom-app-bar-defaults-fab-padding-end)}.m3e-bottom-app-bar__fab>.m3e-fab{--_m3e-fab-container: var(--m3e-comp-bottom-app-bar-defaults-fab-container-color);--_m3e-fab-content: var(--m3e-comp-bottom-app-bar-defaults-fab-content-color);--_m3e-fab-shadow: var(--m3e-comp-bottom-app-bar-defaults-fab-shadow);--_m3e-fab-shadow-hovered: var(--m3e-comp-bottom-app-bar-defaults-fab-shadow);--_m3e-fab-shadow-focused: var(--m3e-comp-bottom-app-bar-defaults-fab-shadow);--_m3e-fab-shadow-pressed: var(--m3e-comp-bottom-app-bar-defaults-fab-shadow)}.m3e-bottom-app-bar[data-scroll-behavior]{translate:0 calc(-1 * var(--_m3e-bottom-app-bar-offset, 0%))}@media(forced-colors:active){.m3e-bottom-app-bar{border-block-start:thin solid CanvasText}}}

package/dist/circular-progress.css

@@ -0,0 +1 @@
+@import"@kyralabs/m3e-tokens/components/circular-progress-indicator.css";@import"@kyralabs/m3e-tokens/components/progress-indicator.css";@import"@kyralabs/m3e-tokens/components/progress-indicator-defaults.css";@property --m3e-comp-progress-indicator-value{syntax: "<number>"; inherits: true; initial-value: 0;}@property --_m3e-progress-rotation{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --_m3e-progress-additional-rotation{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --_m3e-progress-sweep{syntax: "<number>"; inherits: true; initial-value: 0;}@layer m3e.components{.m3e-circular-progress{--_m3e-progress-thickness: var(--m3e-comp-circular-progress-indicator-active-thickness);--_m3e-progress-track-thickness: var(--m3e-comp-circular-progress-indicator-track-thickness);--_m3e-progress-gap: var(--m3e-comp-circular-progress-indicator-track-active-space);--_m3e-progress-wavelength: var(--m3e-comp-circular-progress-indicator-active-wave-wavelength);--_m3e-cp-size: var(--m3e-comp-circular-progress-indicator-size);display:inline-block;flex:none;box-sizing:border-box;inline-size:var(--_m3e-cp-size);block-size:var(--_m3e-cp-size);container-type:inline-size;color:var(--m3e-comp-progress-indicator-active-indicator-color);vertical-align:middle}.m3e-circular-progress:not([data-driven]){transition:--m3e-comp-progress-indicator-value var(--m3e-comp-progress-indicator-defaults-progress-duration) var(--m3e-comp-progress-indicator-defaults-progress-easing)}.m3e-circular-progress--wavy{--_m3e-cp-size: var(--m3e-comp-circular-progress-indicator-wave-size)}.m3e-circular-progress--thick{--_m3e-progress-thickness: var(--m3e-comp-progress-indicator-defaults-thick-thickness);--_m3e-progress-track-thickness: var(--m3e-comp-progress-indicator-defaults-thick-thickness);--_m3e-cp-size: var(--m3e-comp-progress-indicator-defaults-circular-thick-size)}.m3e-circular-progress__svg{display:block;inline-size:100%;block-size:100%;overflow:visible;fill:none;stroke-linecap:round}.m3e-circular-progress__track{stroke:var(--m3e-comp-progress-indicator-track-color);stroke-width:var(--_m3e-progress-track-thickness)}.m3e-circular-progress__indicator{stroke:currentcolor;stroke-width:var(--_m3e-progress-thickness)}.m3e-circular-progress:not(.m3e-circular-progress--wavy){--_m3e-cp-c: calc(pi * (100cqi - var(--_m3e-progress-thickness)))}.m3e-circular-progress:not(.m3e-circular-progress--wavy) :is(circle){cx:50%;cy:50%;r:calc(50cqi - var(--_m3e-progress-thickness) / 2)}.m3e-circular-progress:not([aria-valuenow],.m3e-circular-progress--wavy){animation-name:m3e-progress-rotation,m3e-progress-additional-rotation,m3e-progress-sweep;animation-duration:var(--m3e-comp-progress-indicator-defaults-circular-indeterminate-duration);animation-timing-function:var(--m3e-sys-motion-easing-linear);animation-iteration-count:infinite}.m3e-circular-progress:not([aria-valuenow],.m3e-circular-progress--wavy)>.m3e-circular-progress__svg{rotate:calc(var(--_m3e-progress-rotation) + var(--_m3e-progress-additional-rotation))}.m3e-circular-progress:not([aria-valuenow],.m3e-circular-progress--wavy) .m3e-circular-progress__indicator{stroke-dasharray:calc(var(--_m3e-progress-sweep) * var(--_m3e-cp-c)) var(--_m3e-cp-c)}.m3e-circular-progress:not([aria-valuenow],.m3e-circular-progress--wavy) .m3e-circular-progress__track{stroke:var(--m3e-comp-progress-indicator-defaults-circular-indeterminate-track-color)}.m3e-circular-progress[aria-valuenow]:not(.m3e-circular-progress--wavy){--_p: clamp(0, var(--m3e-comp-progress-indicator-value), 1);--_m3e-cp-len: calc(var(--_p) * var(--_m3e-cp-c));--_m3e-cp-gap: calc( (var(--_m3e-progress-gap) + var(--_m3e-progress-thickness)) * tan(atan2(100cqi - var(--_m3e-progress-thickness), 100cqi)) );--_m3e-cp-m: min(var(--_m3e-cp-len), var(--_m3e-cp-gap));--_m3e-cp-track: calc( var(--_m3e-cp-c) - var(--_m3e-cp-len) - var(--_m3e-cp-m) - var(--_m3e-cp-m) )}.m3e-circular-progress[aria-valuenow]:not(.m3e-circular-progress--wavy)>.m3e-circular-progress__svg{rotate:-.25turn}.m3e-circular-progress[aria-valuenow]:not(.m3e-circular-progress--wavy) .m3e-circular-progress__indicator{opacity:max(0,sign(var(--_p)));stroke-dasharray:var(--_m3e-cp-len) var(--_m3e-cp-c)}.m3e-circular-progress[aria-valuenow]:not(.m3e-circular-progress--wavy) .m3e-circular-progress__track{stroke-dasharray:abs(var(--_m3e-cp-track)) var(--_m3e-cp-c);stroke-dashoffset:calc(-1 * (var(--_m3e-cp-len) + var(--_m3e-cp-m) + min(var(--_m3e-cp-track),0cqi)))}@media(forced-colors:active){.m3e-circular-progress{forced-color-adjust:none;color:CanvasText}.m3e-circular-progress--wavy .m3e-circular-progress__track,.m3e-circular-progress[aria-valuenow] .m3e-circular-progress__track{stroke:GrayText}}}@layer m3e.base{:where(m3e-circular-progress){display:contents}}

package/dist/docked-toolbar.css

@@ -0,0 +1 @@
+@import"@kyralabs/m3e-tokens/components/bottom-app-bar.css";@import"@kyralabs/m3e-tokens/components/docked-toolbar-defaults.css";@import"@kyralabs/m3e-tokens/components/button-defaults.css";@layer m3e.components{.m3e-docked-toolbar{--_m3e-docked-toolbar-container: var(--m3e-comp-docked-toolbar-defaults-container-color);--_m3e-docked-toolbar-content: var(--m3e-comp-docked-toolbar-defaults-content-color);--_m3e-docked-toolbar-padding-start: var( --m3e-comp-docked-toolbar-defaults-content-padding-start );--_m3e-docked-toolbar-padding-end: var(--m3e-comp-docked-toolbar-defaults-content-padding-end);display:flex;align-items:center;justify-content:var(--m3e-comp-docked-toolbar-defaults-horizontal-arrangement);box-sizing:content-box;block-size:var(--m3e-comp-docked-toolbar-defaults-container-height);padding-block:0 env(safe-area-inset-bottom);padding-inline:calc(var(--_m3e-docked-toolbar-padding-start) + env(safe-area-inset-left)) calc(var(--_m3e-docked-toolbar-padding-end) + env(safe-area-inset-right));border-radius:var(--m3e-comp-bottom-app-bar-container-shape);background-color:var(--_m3e-docked-toolbar-container);color:var(--_m3e-docked-toolbar-content)}.m3e-docked-toolbar:dir(rtl){padding-inline:calc(var(--_m3e-docked-toolbar-padding-start) + env(safe-area-inset-right)) calc(var(--_m3e-docked-toolbar-padding-end) + env(safe-area-inset-left))}.m3e-docked-toolbar--center{justify-content:var(--m3e-comp-docked-toolbar-defaults-fixed-horizontal-arrangement);gap:var(--m3e-comp-docked-toolbar-defaults-fixed-item-spacing)}.m3e-docked-toolbar--space-around,.m3e-docked-toolbar--space-evenly{--_m3e-docked-toolbar-padding-start: var( --m3e-comp-docked-toolbar-defaults-spaced-content-padding );--_m3e-docked-toolbar-padding-end: var( --m3e-comp-docked-toolbar-defaults-spaced-content-padding )}.m3e-docked-toolbar--space-around{justify-content:var(--m3e-comp-docked-toolbar-defaults-space-around-arrangement)}.m3e-docked-toolbar--space-evenly{justify-content:var(--m3e-comp-docked-toolbar-defaults-space-evenly-arrangement)}.m3e-docked-toolbar--vibrant{--_m3e-docked-toolbar-container: var( --m3e-comp-docked-toolbar-defaults-vibrant-container-color );--_m3e-docked-toolbar-content: var(--m3e-comp-docked-toolbar-defaults-vibrant-content-color)}.m3e-docked-toolbar>.m3e-icon-button{flex:none;margin-inline:max(0%,calc((var(--m3e-comp-minimum-interactive-component-size) - var(--_m3e-icon-button-width)) / 2))}.m3e-docked-toolbar[data-scroll-behavior]{translate:0 calc(-1 * var(--_m3e-docked-toolbar-offset, 0%))}@media(forced-colors:active){.m3e-docked-toolbar{border-block-start:thin solid CanvasText}}}@layer m3e.base{:where(m3e-docked-toolbar){display:contents}}

package/dist/floating-toolbar.css

@@ -0,0 +1 @@
+@import"@kyralabs/m3e-tokens/components/floating-toolbar.css";@import"@kyralabs/m3e-tokens/components/floating-toolbar-defaults.css";@import"@kyralabs/m3e-tokens/components/fab-small.css";@import"@kyralabs/m3e-tokens/components/fab-baseline.css";@import"@kyralabs/m3e-tokens/components/fab-medium.css";@import"@kyralabs/m3e-tokens/components/fab-large.css";@import"@kyralabs/m3e-tokens/components/extended-fab-small.css";@import"@kyralabs/m3e-tokens/components/extended-fab-medium.css";@import"@kyralabs/m3e-tokens/components/extended-fab-large.css";@import"@kyralabs/m3e-tokens/components/extended-fab-primary.css";@import"@kyralabs/m3e-tokens/components/fab-defaults.css";@import"@kyralabs/m3e-tokens/components/fab-primary-container.css";@import"@kyralabs/m3e-tokens/components/fab-secondary-container.css";@import"@kyralabs/m3e-tokens/components/elevation-motion.css";@import"@kyralabs/m3e-tokens/components/button-defaults.css";@layer m3e.components{.m3e-fab,.m3e-extended-fab{--_m3e-fab-height: var(--m3e-comp-fab-baseline-container-height);--_m3e-fab-width: var(--m3e-comp-fab-baseline-container-width);--_m3e-fab-shape: var(--m3e-comp-fab-baseline-container-shape);--_m3e-fab-icon-size: var(--m3e-comp-fab-baseline-icon-size);--_m3e-fab-container: var(--m3e-comp-fab-primary-container-container-color);--_m3e-fab-content: var(--m3e-comp-fab-primary-container-icon-color);--_m3e-fab-shadow: var(--m3e-comp-fab-primary-container-container-shadow);--_m3e-fab-shadow-hovered: var(--m3e-comp-fab-primary-container-container-shadow-hovered);--_m3e-fab-shadow-focused: var(--m3e-comp-fab-primary-container-container-shadow-focused);--_m3e-fab-shadow-pressed: var(--m3e-comp-fab-primary-container-container-shadow-pressed);--_m3e-fab-shadow-duration: var(--m3e-comp-elevation-outgoing-duration-hovered);--_m3e-fab-shadow-easing: var(--m3e-comp-elevation-outgoing-easing);--m3e-comp-state-layer-color: var(--_m3e-fab-content);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:var(--_m3e-fab-width);min-block-size:var(--_m3e-fab-height);margin:0;padding:0;border:none;border-radius:var(--_m3e-fab-shape);background-color:var(--_m3e-fab-container);box-shadow:var(--_m3e-fab-shadow);color:var(--_m3e-fab-content);font-family:var(--m3e-comp-extended-fab-primary-label-text-font);font-size:var(--m3e-comp-extended-fab-primary-label-text-size);font-weight:var(--m3e-comp-extended-fab-primary-label-text-weight);line-height:var(--m3e-comp-extended-fab-primary-label-text-line-height);letter-spacing:var(--m3e-comp-extended-fab-primary-label-text-tracking);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--_m3e-fab-shadow-duration) var(--_m3e-fab-shadow-easing)}:is(.m3e-fab,.m3e-extended-fab)>.m3e-icon{--m3e-comp-icon-size: var(--_m3e-fab-icon-size)}.m3e-fab:after{content:"";position:absolute;inset-block:min(0%,calc((var(--_m3e-fab-height) - var(--m3e-comp-minimum-interactive-component-size)) / 2));inset-inline:min(0%,calc((var(--_m3e-fab-width) - var(--m3e-comp-minimum-interactive-component-size)) / 2))}.m3e-fab--size-small{--_m3e-fab-height: var(--m3e-comp-fab-small-container-height);--_m3e-fab-width: var(--m3e-comp-fab-small-container-width);--_m3e-fab-shape: var(--m3e-comp-fab-small-container-shape);--_m3e-fab-icon-size: var(--m3e-comp-fab-small-icon-size)}.m3e-fab--size-medium{--_m3e-fab-height: var(--m3e-comp-fab-medium-container-height);--_m3e-fab-width: var(--m3e-comp-fab-medium-container-width);--_m3e-fab-shape: var(--m3e-comp-fab-defaults-medium-shape);--_m3e-fab-icon-size: var(--m3e-comp-fab-medium-icon-size)}.m3e-fab--size-large{--_m3e-fab-height: var(--m3e-comp-fab-large-container-height);--_m3e-fab-width: var(--m3e-comp-fab-large-container-width);--_m3e-fab-shape: var(--m3e-comp-fab-large-container-shape);--_m3e-fab-icon-size: var(--m3e-comp-fab-defaults-large-icon-size)}.m3e-extended-fab{--_m3e-fab-height: var(--m3e-comp-extended-fab-small-container-height);--_m3e-fab-width: var(--_m3e-fab-height);--_m3e-fab-shape: var(--m3e-comp-extended-fab-small-container-shape);--_m3e-fab-icon-size: var(--m3e-comp-extended-fab-small-icon-size);--_m3e-extended-fab-leading: var(--m3e-comp-extended-fab-small-leading-space);--_m3e-extended-fab-trailing: var(--m3e-comp-extended-fab-small-trailing-space);--_m3e-extended-fab-icon-space: var(--m3e-comp-extended-fab-small-icon-label-space);--_m3e-extended-fab-font: var(--m3e-comp-fab-defaults-small-extended-label-font);--_m3e-extended-fab-font-size: var(--m3e-comp-fab-defaults-small-extended-label-size);--_m3e-extended-fab-font-weight: var(--m3e-comp-fab-defaults-small-extended-label-weight);--_m3e-extended-fab-line-height: var(--m3e-comp-fab-defaults-small-extended-label-line-height);--_m3e-extended-fab-tracking: var(--m3e-comp-fab-defaults-small-extended-label-tracking);--_m3e-extended-fab-label-track: 1fr;--_m3e-extended-fab-label-opacity: 1;display:inline-grid;flex-shrink:0;grid-template-columns:auto var(--_m3e-extended-fab-label-track);grid-auto-flow:column;justify-content:start;padding-inline:var(--_m3e-extended-fab-leading) var(--_m3e-extended-fab-trailing);overflow:hidden;font-family:var(--_m3e-extended-fab-font);font-size:var(--_m3e-extended-fab-font-size);font-weight:var(--_m3e-extended-fab-font-weight);line-height:var(--_m3e-extended-fab-line-height);letter-spacing:var(--_m3e-extended-fab-tracking);white-space:nowrap;transition:box-shadow var(--_m3e-fab-shadow-duration) var(--_m3e-fab-shadow-easing),grid-template-columns var(--m3e-comp-fab-defaults-extended-width-duration) var(--m3e-comp-fab-defaults-extended-width-easing)}.m3e-extended-fab__label{min-inline-size:0;overflow:hidden;text-indent:var(--_m3e-extended-fab-icon-space);opacity:var(--_m3e-extended-fab-label-opacity);transition:opacity var(--m3e-comp-fab-defaults-extended-label-opacity-duration) var(--m3e-comp-fab-defaults-extended-label-opacity-easing)}.m3e-extended-fab__label:first-child{text-indent:0}.m3e-extended-fab--size-medium{--_m3e-fab-height: var(--m3e-comp-extended-fab-medium-container-height);--_m3e-fab-shape: var(--m3e-comp-fab-defaults-medium-extended-shape);--_m3e-fab-icon-size: var(--m3e-comp-extended-fab-medium-icon-size);--_m3e-extended-fab-leading: var(--m3e-comp-extended-fab-medium-leading-space);--_m3e-extended-fab-trailing: var(--m3e-comp-extended-fab-medium-trailing-space);--_m3e-extended-fab-icon-space: var(--m3e-comp-fab-defaults-medium-extended-icon-padding);--_m3e-extended-fab-font: var(--m3e-comp-fab-defaults-medium-extended-label-font);--_m3e-extended-fab-font-size: var(--m3e-comp-fab-defaults-medium-extended-label-size);--_m3e-extended-fab-font-weight: var(--m3e-comp-fab-defaults-medium-extended-label-weight);--_m3e-extended-fab-line-height: var(--m3e-comp-fab-defaults-medium-extended-label-line-height);--_m3e-extended-fab-tracking: var(--m3e-comp-fab-defaults-medium-extended-label-tracking)}.m3e-extended-fab--size-large{--_m3e-fab-height: var(--m3e-comp-extended-fab-large-container-height);--_m3e-fab-shape: var(--m3e-comp-extended-fab-large-container-shape);--_m3e-fab-icon-size: var(--m3e-comp-fab-defaults-large-icon-size);--_m3e-extended-fab-leading: var(--m3e-comp-extended-fab-large-leading-space);--_m3e-extended-fab-trailing: var(--m3e-comp-extended-fab-large-trailing-space);--_m3e-extended-fab-icon-space: var(--m3e-comp-fab-defaults-large-extended-icon-padding);--_m3e-extended-fab-font: var(--m3e-comp-fab-defaults-large-extended-label-font);--_m3e-extended-fab-font-size: var(--m3e-comp-fab-defaults-large-extended-label-size);--_m3e-extended-fab-font-weight: var(--m3e-comp-fab-defaults-large-extended-label-weight);--_m3e-extended-fab-line-height: var(--m3e-comp-fab-defaults-large-extended-label-line-height);--_m3e-extended-fab-tracking: var(--m3e-comp-fab-defaults-large-extended-label-tracking)}.m3e-extended-fab--collapsed:has(>.m3e-icon,>m3e-icon){--_m3e-extended-fab-label-track: 0fr;--_m3e-extended-fab-label-opacity: 0}.m3e-extended-fab[data-spring]{transition-property:box-shadow}.m3e-extended-fab[data-spring]>.m3e-extended-fab__label{transition:none}.m3e-fab--secondary-container,.m3e-extended-fab--secondary-container{--_m3e-fab-container: var(--m3e-comp-fab-secondary-container-container-color);--_m3e-fab-content: var(--m3e-comp-fab-secondary-container-icon-color)}.m3e-fab--tertiary-container,.m3e-extended-fab--tertiary-container{--_m3e-fab-container: var(--m3e-sys-color-tertiary-container);--_m3e-fab-content: var(--m3e-sys-color-on-tertiary-container)}.m3e-fab--primary,.m3e-extended-fab--primary{--_m3e-fab-container: var(--m3e-sys-color-primary);--_m3e-fab-content: var(--m3e-sys-color-on-primary)}.m3e-fab--secondary,.m3e-extended-fab--secondary{--_m3e-fab-container: var(--m3e-sys-color-secondary);--_m3e-fab-content: var(--m3e-sys-color-on-secondary)}.m3e-fab--tertiary,.m3e-extended-fab--tertiary{--_m3e-fab-container: var(--m3e-sys-color-tertiary);--_m3e-fab-content: var(--m3e-sys-color-on-tertiary)}@media(hover:hover){:is(.m3e-fab,.m3e-extended-fab):hover{--_m3e-fab-shadow-duration: var(--m3e-comp-elevation-incoming-duration);--_m3e-fab-shadow-easing: var(--m3e-comp-elevation-incoming-easing);box-shadow:var(--_m3e-fab-shadow-hovered)}}:is(.m3e-fab,.m3e-extended-fab):focus-visible{--_m3e-fab-shadow-duration: var(--m3e-comp-elevation-incoming-duration);--_m3e-fab-shadow-easing: var(--m3e-comp-elevation-incoming-easing);box-shadow:var(--_m3e-fab-shadow-focused)}:is(.m3e-fab,.m3e-extended-fab):is(:active,[data-pressed]){--_m3e-fab-shadow-duration: var(--m3e-comp-elevation-incoming-duration);--_m3e-fab-shadow-easing: var(--m3e-comp-elevation-incoming-easing);box-shadow:var(--_m3e-fab-shadow-pressed)}@media(forced-colors:active){.m3e-fab,.m3e-extended-fab{border:thin solid ButtonText}}}@property --_m3e-floating-toolbar-progress{syntax: "<number>"; inherits: true; initial-value: 1;}@layer m3e.components{.m3e-floating-toolbar{--_m3e-floating-toolbar-progress: 1;--_m3e-floating-toolbar-container: var( --m3e-comp-floating-toolbar-defaults-standard-container-color );--_m3e-floating-toolbar-content: var( --m3e-comp-floating-toolbar-defaults-standard-content-color );--_m3e-floating-toolbar-fab-container: var( --m3e-comp-floating-toolbar-defaults-standard-fab-container-color );--_m3e-floating-toolbar-fab-content: var( --m3e-comp-floating-toolbar-defaults-standard-fab-content-color );--_m3e-floating-toolbar-slot: var(--m3e-comp-minimum-interactive-component-size);display:inline-flex;align-items:center;vertical-align:middle;transition:--_m3e-floating-toolbar-progress var(--m3e-comp-floating-toolbar-defaults-animation-duration) var(--m3e-comp-floating-toolbar-defaults-animation-easing)}.m3e-floating-toolbar--collapsed{--_m3e-floating-toolbar-progress: 0}.m3e-floating-toolbar--vibrant{--_m3e-floating-toolbar-container: var( --m3e-comp-floating-toolbar-defaults-vibrant-container-color );--_m3e-floating-toolbar-content: var( --m3e-comp-floating-toolbar-defaults-vibrant-content-color );--_m3e-floating-toolbar-fab-container: var( --m3e-comp-floating-toolbar-defaults-vibrant-fab-container-color );--_m3e-floating-toolbar-fab-content: var( --m3e-comp-floating-toolbar-defaults-vibrant-fab-content-color )}.m3e-floating-toolbar__bar{display:flex;flex:none;align-items:center;justify-content:center;gap:var(--m3e-comp-floating-toolbar-defaults-item-spacing);box-sizing:border-box;min-block-size:var(--m3e-comp-floating-toolbar-defaults-container-size);padding-block:var(--m3e-comp-floating-toolbar-defaults-content-padding-top) var(--m3e-comp-floating-toolbar-defaults-content-padding-bottom);padding-inline:var(--m3e-comp-floating-toolbar-defaults-content-padding-start) var(--m3e-comp-floating-toolbar-defaults-content-padding-end);border-radius:var(--m3e-comp-floating-toolbar-container-shape);background-color:var(--_m3e-floating-toolbar-container);box-shadow:var(--m3e-comp-floating-toolbar-defaults-expanded-shadow);color:var(--_m3e-floating-toolbar-content)}.m3e-floating-toolbar--collapsed>.m3e-floating-toolbar__bar{box-shadow:var(--m3e-comp-floating-toolbar-defaults-collapsed-shadow)}.m3e-floating-toolbar__leading,.m3e-floating-toolbar__trailing{display:flex;flex:none;align-items:center;gap:var(--m3e-comp-floating-toolbar-defaults-item-spacing)}.m3e-floating-toolbar__leading{justify-content:flex-start}.m3e-floating-toolbar__trailing,.m3e-floating-toolbar--collapsed .m3e-floating-toolbar__leading{justify-content:flex-end}.m3e-floating-toolbar--collapsed .m3e-floating-toolbar__trailing{justify-content:flex-start}.m3e-floating-toolbar--collapsed:not([data-animating]) :is(.m3e-floating-toolbar__leading,.m3e-floating-toolbar__trailing){display:none}.m3e-floating-toolbar[data-animating] :is(.m3e-floating-toolbar__leading,.m3e-floating-toolbar__trailing){overflow:hidden}:is(.m3e-floating-toolbar__bar,.m3e-floating-toolbar__leading,.m3e-floating-toolbar__trailing)>.m3e-icon-button{flex:none;margin-inline:max(0%,calc((var(--_m3e-floating-toolbar-slot) - var(--_m3e-icon-button-width)) / 2))}.m3e-floating-toolbar--vertical,.m3e-floating-toolbar--vertical .m3e-floating-toolbar__bar,.m3e-floating-toolbar--vertical .m3e-floating-toolbar__leading,.m3e-floating-toolbar--vertical .m3e-floating-toolbar__trailing{flex-direction:column}.m3e-floating-toolbar--vertical .m3e-floating-toolbar__bar{min-block-size:0;min-inline-size:var(--m3e-comp-floating-toolbar-defaults-container-size)}.m3e-floating-toolbar--vertical .m3e-floating-toolbar__leading{justify-content:flex-end}.m3e-floating-toolbar--vertical .m3e-floating-toolbar__trailing{justify-content:flex-start}.m3e-floating-toolbar--vertical :is(.m3e-floating-toolbar__bar,.m3e-floating-toolbar__leading,.m3e-floating-toolbar__trailing)>.m3e-icon-button{margin-block:max(0%,calc((var(--_m3e-floating-toolbar-slot) - var(--_m3e-icon-button-height)) / 2));margin-inline:0}.m3e-floating-toolbar--vertical :is(.m3e-floating-toolbar__bar,.m3e-floating-toolbar__leading,.m3e-floating-toolbar__trailing)>.m3e-button{margin-block:max(0%,calc((var(--_m3e-floating-toolbar-slot) - var(--_m3e-button-height)) / 2))}.m3e-floating-toolbar--with-fab{--_m3e-floating-toolbar-clamped: clamp(0, var(--_m3e-floating-toolbar-progress), 1);--_m3e-floating-toolbar-fold: calc(1 - var(--_m3e-floating-toolbar-progress));--_m3e-floating-toolbar-fab-size: calc( var(--m3e-comp-floating-toolbar-defaults-fab-size-min) + ( var(--m3e-comp-floating-toolbar-defaults-fab-size-max) - var(--m3e-comp-floating-toolbar-defaults-fab-size-min) ) * var(--_m3e-floating-toolbar-fold) );display:inline-grid;grid-template:"bar gap fab" var(--m3e-comp-floating-toolbar-defaults-fab-size-max) / max-content var(--m3e-comp-floating-toolbar-defaults-toolbar-to-fab-gap) var(--m3e-comp-floating-toolbar-defaults-fab-size-min);align-items:center}.m3e-floating-toolbar--with-fab.m3e-floating-toolbar--fab-start{grid-template:"fab gap bar" var(--m3e-comp-floating-toolbar-defaults-fab-size-max) / var(--m3e-comp-floating-toolbar-defaults-fab-size-min) var(--m3e-comp-floating-toolbar-defaults-toolbar-to-fab-gap) max-content}.m3e-floating-toolbar--with-fab.m3e-floating-toolbar--vertical{grid-template:"bar" max-content "gap" var(--m3e-comp-floating-toolbar-defaults-toolbar-to-fab-gap) "fab" var(--m3e-comp-floating-toolbar-defaults-fab-size-min) / var(--m3e-comp-floating-toolbar-defaults-fab-size-max);justify-items:center}.m3e-floating-toolbar--with-fab.m3e-floating-toolbar--vertical.m3e-floating-toolbar--fab-start{grid-template:"fab" var(--m3e-comp-floating-toolbar-defaults-fab-size-min) "gap" var(--m3e-comp-floating-toolbar-defaults-toolbar-to-fab-gap) "bar" max-content / var(--m3e-comp-floating-toolbar-defaults-fab-size-max)}.m3e-floating-toolbar--with-fab:before,.m3e-floating-toolbar--with-fab:after{content:"";grid-area:bar;justify-self:end;inline-size:calc(100%*max(var(--_m3e-floating-toolbar-progress),0));block-size:var(--m3e-comp-floating-toolbar-defaults-container-size);border-radius:var(--m3e-comp-floating-toolbar-container-shape);pointer-events:none}.m3e-floating-toolbar--with-fab:before{box-shadow:var(--m3e-comp-floating-toolbar-defaults-expanded-shadow-with-fab);opacity:var(--_m3e-floating-toolbar-clamped)}.m3e-floating-toolbar--with-fab:after{background-color:var(--_m3e-floating-toolbar-container)}.m3e-floating-toolbar--with-fab.m3e-floating-toolbar--fab-start:before,.m3e-floating-toolbar--with-fab.m3e-floating-toolbar--fab-start:after{justify-self:start}.m3e-floating-toolbar--with-fab.m3e-floating-toolbar--vertical:before,.m3e-floating-toolbar--with-fab.m3e-floating-toolbar--vertical:after{place-self:end center;inline-size:var(--m3e-comp-floating-toolbar-defaults-container-size);block-size:calc(100%*max(var(--_m3e-floating-toolbar-progress),0))}.m3e-floating-toolbar--with-fab.m3e-floating-toolbar--vertical.m3e-floating-toolbar--fab-start:before,.m3e-floating-toolbar--with-fab.m3e-floating-toolbar--vertical.m3e-floating-toolbar--fab-start:after{align-self:start}.m3e-floating-toolbar--with-fab>.m3e-floating-toolbar__bar{z-index:1;grid-area:bar;background-color:transparent;box-shadow:none;clip-path:inset(0 calc(100%*max(var(--_m3e-floating-toolbar-fold),0)) 0 0);translate:calc(100% * var(--_m3e-floating-toolbar-fold)) 0;visibility:visible;transition:visibility var(--m3e-comp-floating-toolbar-defaults-animation-duration) var(--m3e-sys-motion-easing-linear)}.m3e-floating-toolbar[data-spring],.m3e-floating-toolbar[data-spring]>.m3e-floating-toolbar__bar{transition:none}.m3e-floating-toolbar--with-fab.m3e-floating-toolbar--collapsed>.m3e-floating-toolbar__bar{visibility:hidden}.m3e-floating-toolbar--with-fab[data-animating]>.m3e-floating-toolbar__bar{visibility:visible}.m3e-floating-toolbar--with-fab:dir(rtl)>.m3e-floating-toolbar__bar{clip-path:inset(0 0 0 calc(100%*max(var(--_m3e-floating-toolbar-fold),0)));translate:calc(-100% * var(--_m3e-floating-toolbar-fold)) 0}.m3e-floating-toolbar--with-fab.m3e-floating-toolbar--vertical>.m3e-floating-toolbar__bar{clip-path:inset(0 0 calc(100%*max(var(--_m3e-floating-toolbar-fold),0)) 0);translate:0 calc(100% * var(--_m3e-floating-toolbar-fold))}.m3e-floating-toolbar--with-fab.m3e-floating-toolbar--fab-start>.m3e-floating-toolbar__bar{translate:none}.m3e-floating-toolbar__fab{z-index:2;display:grid;grid-area:fab;justify-self:start;inline-size:var(--_m3e-floating-toolbar-fab-size);block-size:var(--_m3e-floating-toolbar-fab-size);margin-inline-start:calc(var(--m3e-comp-floating-toolbar-defaults-fab-size-min) - var(--_m3e-floating-toolbar-fab-size))}.m3e-floating-toolbar--fab-start>.m3e-floating-toolbar__fab{margin-inline:0 calc(var(--m3e-comp-floating-toolbar-defaults-fab-size-min) - var(--_m3e-floating-toolbar-fab-size))}.m3e-floating-toolbar--vertical>.m3e-floating-toolbar__fab{justify-self:center;margin-inline:0;margin-block:calc(var(--m3e-comp-floating-toolbar-defaults-fab-size-min) - var(--_m3e-floating-toolbar-fab-size)) 0}.m3e-floating-toolbar--vertical.m3e-floating-toolbar--fab-start>.m3e-floating-toolbar__fab{margin-block:0 calc(var(--m3e-comp-floating-toolbar-defaults-fab-size-min) - var(--_m3e-floating-toolbar-fab-size))}.m3e-floating-toolbar__fab>.m3e-fab{--_m3e-fab-width: 100%;--_m3e-fab-height: 100%;--_m3e-fab-shape: var(--m3e-comp-floating-toolbar-defaults-fab-shape);--_m3e-fab-icon-size: var(--m3e-comp-fab-baseline-icon-size);--_m3e-fab-container: var(--_m3e-floating-toolbar-fab-container);--_m3e-fab-content: var(--_m3e-floating-toolbar-fab-content);--_m3e-fab-shadow: var(--m3e-comp-floating-toolbar-defaults-fab-shadow);--_m3e-fab-shadow-hovered: var(--m3e-comp-floating-toolbar-defaults-fab-shadow-hovered);--_m3e-fab-shadow-focused: var(--m3e-comp-floating-toolbar-defaults-fab-shadow-focused);--_m3e-fab-shadow-pressed: var(--m3e-comp-floating-toolbar-defaults-fab-shadow-pressed);inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0}.m3e-floating-toolbar[data-exit-direction=bottom]{translate:0 calc(-1 * var(--_m3e-floating-toolbar-offset, 0%))}.m3e-floating-toolbar[data-exit-direction=top]{translate:0 var(--_m3e-floating-toolbar-offset, 0%)}.m3e-floating-toolbar[data-exit-direction=start]{translate:var(--_m3e-floating-toolbar-offset, 0%) 0}.m3e-floating-toolbar[data-exit-direction=end]{translate:calc(-1 * var(--_m3e-floating-toolbar-offset, 0%)) 0}.m3e-floating-toolbar[data-exit-direction=start]:dir(rtl){translate:calc(-1 * var(--_m3e-floating-toolbar-offset, 0%)) 0}.m3e-floating-toolbar[data-exit-direction=end]:dir(rtl){translate:var(--_m3e-floating-toolbar-offset, 0%) 0}@media(forced-colors:active){.m3e-floating-toolbar__bar,.m3e-floating-toolbar--with-fab:after{box-sizing:border-box;border:thin solid CanvasText}.m3e-floating-toolbar--with-fab>.m3e-floating-toolbar__bar{border-color:transparent}}}@layer m3e.base{:where(m3e-floating-toolbar){display:contents}}

package/dist/focus-ring.css

@@ -1 +1 @@
-@layer m3e.base{:where(.m3e-focus-ring,.m3e-button,.m3e-icon-button,.m3e-assist-chip,.m3e-fab,.m3e-extended-fab,.m3e-fab-menu__item):focus-visible{outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-card--interactive):has(.m3e-card__action:focus-visible){outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-navigation-item:focus-visible .m3e-navigation-item__state){outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-focus-ring--inward):focus-visible{outline-offset:var(--m3e-sys-state-focus-indicator-inner-offset)}:where(.m3e-menu__item):focus-visible{outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-inner-offset)}:where(.m3e-menu__item):focus:not(:focus-visible){outline:none}:where(.m3e-focus-ring,.m3e-button,.m3e-icon-button,.m3e-assist-chip,.m3e-fab,.m3e-extended-fab,.m3e-fab-menu__item):focus:not(:focus-visible){outline:none}@media(forced-colors:active){:where(.m3e-focus-ring,.m3e-button,.m3e-icon-button,.m3e-assist-chip,.m3e-fab,.m3e-extended-fab,.m3e-fab-menu__item):focus-visible,:where(.m3e-card--interactive):has(.m3e-card__action:focus-visible),:where(.m3e-navigation-item:focus-visible .m3e-navigation-item__state),:where(.m3e-menu__item):focus-visible{outline-color:Highlight}}}
+@layer m3e.base{:where(.m3e-focus-ring,.m3e-button,.m3e-icon-button,.m3e-assist-chip,.m3e-fab,.m3e-extended-fab,.m3e-fab-menu__item,.m3e-pane-scaffold__drag-handle):focus-visible{outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-card--interactive):has(.m3e-card__action:focus-visible){outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-navigation-item:focus-visible .m3e-navigation-item__state){outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-outer-offset)}:where(.m3e-focus-ring--inward):focus-visible{outline-offset:var(--m3e-sys-state-focus-indicator-inner-offset)}:where(.m3e-menu__item,.m3e-navigation-drawer-item,.m3e-tab,.m3e-tab-panel,.m3e-pane-scaffold__pane):focus-visible{outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-inner-offset)}:where(.m3e-menu__item,.m3e-navigation-drawer-item,.m3e-tab,.m3e-tab-panel,.m3e-pane-scaffold__pane):focus:not(:focus-visible){outline:none}:where(.m3e-search__field):has(.m3e-search__input:focus-visible),:where(.m3e-search__result)[data-focus-visible]{outline:var(--m3e-sys-state-focus-indicator-thickness) solid var(--m3e-sys-color-secondary);outline-offset:var(--m3e-sys-state-focus-indicator-inner-offset)}:where(.m3e-focus-ring,.m3e-button,.m3e-icon-button,.m3e-assist-chip,.m3e-fab,.m3e-extended-fab,.m3e-fab-menu__item,.m3e-pane-scaffold__drag-handle):focus:not(:focus-visible){outline:none}@media(forced-colors:active){:where(.m3e-focus-ring,.m3e-button,.m3e-icon-button,.m3e-assist-chip,.m3e-fab,.m3e-extended-fab,.m3e-fab-menu__item,.m3e-pane-scaffold__drag-handle):focus-visible,:where(.m3e-card--interactive):has(.m3e-card__action:focus-visible),:where(.m3e-navigation-item:focus-visible .m3e-navigation-item__state),:where(.m3e-menu__item,.m3e-navigation-drawer-item,.m3e-tab,.m3e-tab-panel,.m3e-pane-scaffold__pane):focus-visible,:where(.m3e-search__field):has(.m3e-search__input:focus-visible),:where(.m3e-search__result)[data-focus-visible]{outline-color:Highlight}}}