@clderystd/m3-ui 0.0.0-stage → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +92 -2
- package/dist/components/M3Avatar.vue.d.ts +20 -0
- package/dist/components/M3Button.vue.d.ts +57 -0
- package/dist/components/M3Card.vue.d.ts +37 -0
- package/dist/components/M3Chip.vue.d.ts +25 -0
- package/dist/components/M3Dialog.vue.d.ts +41 -0
- package/dist/components/M3Divider.vue.d.ts +10 -0
- package/dist/components/M3Fab.vue.d.ts +31 -0
- package/dist/components/M3Icon.vue.d.ts +30 -0
- package/dist/components/M3IconButton.vue.d.ts +33 -0
- package/dist/components/M3List.vue.d.ts +22 -0
- package/dist/components/M3ListItem.vue.d.ts +52 -0
- package/dist/components/M3Menu.vue.d.ts +61 -0
- package/dist/components/M3MenuItem.vue.d.ts +39 -0
- package/dist/components/M3SegmentedButton.vue.d.ts +23 -0
- package/dist/components/M3Sheet.vue.d.ts +44 -0
- package/dist/components/M3Switch.vue.d.ts +30 -0
- package/dist/components/M3Tooltip.vue.d.ts +24 -0
- package/dist/components/M3TopAppBar.vue.d.ts +41 -0
- package/dist/components/index.d.ts +30 -0
- package/dist/composables/useModal.d.ts +16 -0
- package/dist/directives/reveal.d.ts +15 -0
- package/dist/directives/ripple.d.ts +6 -0
- package/dist/icons/index.d.ts +9 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1011 -0
- package/dist/m3-ui.css +2 -0
- package/dist/types.d.ts +11 -0
- package/package.json +45 -3
package/dist/m3-ui.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
:root{--md-ref-typeface-brand:"Roboto Flex Variable", "Roboto Flex", "Roboto", system-ui, sans-serif;--md-ref-typeface-plain:"Roboto Flex Variable", "Roboto Flex", "Roboto", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif;--md-ref-typeface-mono:"Fira Code", ui-monospace, "SFMono-Regular", Consolas, monospace;--md-ref-typeface-weight-regular:400;--md-ref-typeface-weight-medium:500;--md-ref-typeface-weight-bold:700;--md-sys-shape-corner-none:0;--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-large-increased:20px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-extra-large-increased:32px;--md-sys-shape-corner-extra-extra-large:48px;--md-sys-shape-corner-full:9999px;--md-sys-elevation-level0:none;--md-sys-elevation-level1:0 1px 2px 0 #0000004d, 0 1px 3px 1px #00000026;--md-sys-elevation-level2:0 1px 2px 0 #0000004d, 0 2px 6px 2px #00000026;--md-sys-elevation-level3:0 1px 3px 0 #0000004d, 0 4px 8px 3px #00000026;--md-sys-elevation-level4:0 2px 3px 0 #0000004d, 0 6px 10px 4px #00000026;--md-sys-elevation-level5:0 4px 4px 0 #0000004d, 0 8px 12px 6px #00000026;--md-sys-motion-easing-linear:cubic-bezier(0, 0, 1, 1);--md-sys-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-standard-accelerate:cubic-bezier(.3, 0, 1, 1);--md-sys-motion-easing-standard-decelerate:cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-emphasized:cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized-accelerate:cubic-bezier(.3, 0, .8, .15);--md-sys-motion-easing-emphasized-decelerate:cubic-bezier(.05, .7, .1, 1);--md-sys-motion-duration-short1:50ms;--md-sys-motion-duration-short2:.1s;--md-sys-motion-duration-short3:.15s;--md-sys-motion-duration-short4:.2s;--md-sys-motion-duration-medium1:.25s;--md-sys-motion-duration-medium2:.3s;--md-sys-motion-duration-medium3:.35s;--md-sys-motion-duration-medium4:.4s;--md-sys-motion-duration-long1:.45s;--md-sys-motion-duration-long2:.5s;--md-sys-motion-duration-long3:.55s;--md-sys-motion-duration-long4:.6s;--md-sys-motion-duration-extra-long1:.7s;--md-sys-motion-duration-extra-long2:.8s;--md-sys-motion-duration-extra-long4:1s;--md-sys-state-hover-state-layer-opacity:.08;--md-sys-state-focus-state-layer-opacity:.1;--md-sys-state-pressed-state-layer-opacity:.1;--md-sys-state-dragged-state-layer-opacity:.16;--md-sys-state-focus-indicator-thickness:3px;--md-sys-state-focus-indicator-outer-offset:2px;--md-sys-state-disabled-content-opacity:.38;--md-sys-state-disabled-container-opacity:.12;--md-sys-breakpoint-compact:600px;--md-sys-breakpoint-medium:840px;--md-sys-breakpoint-expanded:1200px;--md-sys-page-max-width:1200px;--md-sys-page-gutter:16px;--md-sys-top-app-bar-height:64px}@media (width>=840px){:root{--md-sys-page-gutter:24px}}:root{--md-sys-typescale-display-large-size:57px;--md-sys-typescale-display-large-line-height:64px;--md-sys-typescale-display-large-tracking:-.25px;--md-sys-typescale-display-large-weight:400;--md-sys-typescale-display-medium-size:45px;--md-sys-typescale-display-medium-line-height:52px;--md-sys-typescale-display-medium-tracking:0px;--md-sys-typescale-display-medium-weight:400;--md-sys-typescale-display-small-size:36px;--md-sys-typescale-display-small-line-height:44px;--md-sys-typescale-display-small-tracking:0px;--md-sys-typescale-display-small-weight:400;--md-sys-typescale-headline-large-size:32px;--md-sys-typescale-headline-large-line-height:40px;--md-sys-typescale-headline-large-tracking:0px;--md-sys-typescale-headline-large-weight:400;--md-sys-typescale-headline-medium-size:28px;--md-sys-typescale-headline-medium-line-height:36px;--md-sys-typescale-headline-medium-tracking:0px;--md-sys-typescale-headline-medium-weight:400;--md-sys-typescale-headline-small-size:24px;--md-sys-typescale-headline-small-line-height:32px;--md-sys-typescale-headline-small-tracking:0px;--md-sys-typescale-headline-small-weight:400;--md-sys-typescale-title-large-size:22px;--md-sys-typescale-title-large-line-height:28px;--md-sys-typescale-title-large-tracking:0px;--md-sys-typescale-title-large-weight:400;--md-sys-typescale-title-medium-size:16px;--md-sys-typescale-title-medium-line-height:24px;--md-sys-typescale-title-medium-tracking:.15px;--md-sys-typescale-title-medium-weight:500;--md-sys-typescale-title-small-size:14px;--md-sys-typescale-title-small-line-height:20px;--md-sys-typescale-title-small-tracking:.1px;--md-sys-typescale-title-small-weight:500;--md-sys-typescale-body-large-size:16px;--md-sys-typescale-body-large-line-height:24px;--md-sys-typescale-body-large-tracking:.5px;--md-sys-typescale-body-large-weight:400;--md-sys-typescale-body-medium-size:14px;--md-sys-typescale-body-medium-line-height:20px;--md-sys-typescale-body-medium-tracking:.25px;--md-sys-typescale-body-medium-weight:400;--md-sys-typescale-body-small-size:12px;--md-sys-typescale-body-small-line-height:16px;--md-sys-typescale-body-small-tracking:.4px;--md-sys-typescale-body-small-weight:400;--md-sys-typescale-label-large-size:14px;--md-sys-typescale-label-large-line-height:20px;--md-sys-typescale-label-large-tracking:.1px;--md-sys-typescale-label-large-weight:500;--md-sys-typescale-label-large-weight-prominent:700;--md-sys-typescale-label-medium-size:12px;--md-sys-typescale-label-medium-line-height:16px;--md-sys-typescale-label-medium-tracking:.5px;--md-sys-typescale-label-medium-weight:500;--md-sys-typescale-label-small-size:11px;--md-sys-typescale-label-small-line-height:16px;--md-sys-typescale-label-small-tracking:.5px;--md-sys-typescale-label-small-weight:500}[class^=md-typescale-],[class*=\ md-typescale-]{font-family:var(--md-ref-typeface-plain);font-weight:var(--md-type-weight,var(--md-ref-typeface-weight-regular));font-size:var(--md-type-size);line-height:var(--md-type-line-height);letter-spacing:var(--md-type-tracking);margin:0}.md-typescale-display-large{--md-type-size:var(--md-sys-typescale-display-large-size);--md-type-line-height:var(--md-sys-typescale-display-large-line-height);--md-type-tracking:var(--md-sys-typescale-display-large-tracking);--md-type-weight:var(--md-sys-typescale-display-large-weight);font-family:var(--md-ref-typeface-brand)}.md-typescale-display-medium{--md-type-size:var(--md-sys-typescale-display-medium-size);--md-type-line-height:var(--md-sys-typescale-display-medium-line-height);--md-type-tracking:var(--md-sys-typescale-display-medium-tracking);--md-type-weight:var(--md-sys-typescale-display-medium-weight);font-family:var(--md-ref-typeface-brand)}.md-typescale-display-small{--md-type-size:var(--md-sys-typescale-display-small-size);--md-type-line-height:var(--md-sys-typescale-display-small-line-height);--md-type-tracking:var(--md-sys-typescale-display-small-tracking);--md-type-weight:var(--md-sys-typescale-display-small-weight);font-family:var(--md-ref-typeface-brand)}.md-typescale-headline-large{--md-type-size:var(--md-sys-typescale-headline-large-size);--md-type-line-height:var(--md-sys-typescale-headline-large-line-height);--md-type-tracking:var(--md-sys-typescale-headline-large-tracking);--md-type-weight:var(--md-sys-typescale-headline-large-weight);font-family:var(--md-ref-typeface-brand)}.md-typescale-headline-medium{--md-type-size:var(--md-sys-typescale-headline-medium-size);--md-type-line-height:var(--md-sys-typescale-headline-medium-line-height);--md-type-tracking:var(--md-sys-typescale-headline-medium-tracking);--md-type-weight:var(--md-sys-typescale-headline-medium-weight);font-family:var(--md-ref-typeface-brand)}.md-typescale-headline-small{--md-type-size:var(--md-sys-typescale-headline-small-size);--md-type-line-height:var(--md-sys-typescale-headline-small-line-height);--md-type-tracking:var(--md-sys-typescale-headline-small-tracking);--md-type-weight:var(--md-sys-typescale-headline-small-weight);font-family:var(--md-ref-typeface-brand)}.md-typescale-title-large{--md-type-size:var(--md-sys-typescale-title-large-size);--md-type-line-height:var(--md-sys-typescale-title-large-line-height);--md-type-tracking:var(--md-sys-typescale-title-large-tracking);--md-type-weight:var(--md-sys-typescale-title-large-weight)}.md-typescale-title-medium{--md-type-size:var(--md-sys-typescale-title-medium-size);--md-type-line-height:var(--md-sys-typescale-title-medium-line-height);--md-type-tracking:var(--md-sys-typescale-title-medium-tracking);--md-type-weight:var(--md-sys-typescale-title-medium-weight)}.md-typescale-title-small{--md-type-size:var(--md-sys-typescale-title-small-size);--md-type-line-height:var(--md-sys-typescale-title-small-line-height);--md-type-tracking:var(--md-sys-typescale-title-small-tracking);--md-type-weight:var(--md-sys-typescale-title-small-weight)}.md-typescale-body-large{--md-type-size:var(--md-sys-typescale-body-large-size);--md-type-line-height:var(--md-sys-typescale-body-large-line-height);--md-type-tracking:var(--md-sys-typescale-body-large-tracking);--md-type-weight:var(--md-sys-typescale-body-large-weight)}.md-typescale-body-medium{--md-type-size:var(--md-sys-typescale-body-medium-size);--md-type-line-height:var(--md-sys-typescale-body-medium-line-height);--md-type-tracking:var(--md-sys-typescale-body-medium-tracking);--md-type-weight:var(--md-sys-typescale-body-medium-weight)}.md-typescale-body-small{--md-type-size:var(--md-sys-typescale-body-small-size);--md-type-line-height:var(--md-sys-typescale-body-small-line-height);--md-type-tracking:var(--md-sys-typescale-body-small-tracking);--md-type-weight:var(--md-sys-typescale-body-small-weight)}.md-typescale-label-large{--md-type-size:var(--md-sys-typescale-label-large-size);--md-type-line-height:var(--md-sys-typescale-label-large-line-height);--md-type-tracking:var(--md-sys-typescale-label-large-tracking);--md-type-weight:var(--md-sys-typescale-label-large-weight)}.md-typescale-label-medium{--md-type-size:var(--md-sys-typescale-label-medium-size);--md-type-line-height:var(--md-sys-typescale-label-medium-line-height);--md-type-tracking:var(--md-sys-typescale-label-medium-tracking);--md-type-weight:var(--md-sys-typescale-label-medium-weight)}.md-typescale-label-small{--md-type-size:var(--md-sys-typescale-label-small-size);--md-type-line-height:var(--md-sys-typescale-label-small-line-height);--md-type-tracking:var(--md-sys-typescale-label-small-tracking);--md-type-weight:var(--md-sys-typescale-label-small-weight)}.md-elevation-0{box-shadow:var(--md-sys-elevation-level0)}.md-elevation-1{box-shadow:var(--md-sys-elevation-level1)}.md-elevation-2{box-shadow:var(--md-sys-elevation-level2)}.md-elevation-3{box-shadow:var(--md-sys-elevation-level3)}.md-elevation-4{box-shadow:var(--md-sys-elevation-level4)}.md-elevation-5{box-shadow:var(--md-sys-elevation-level5)}.md-motion-emphasized{transition-timing-function:var(--md-sys-motion-easing-emphasized)}@media (prefers-reduced-motion:reduce){:root{--md-sys-motion-duration-long3:.3s;--md-sys-motion-duration-long4:.3s;--md-sys-motion-duration-extra-long1:.3s;--md-sys-motion-duration-extra-long2:.3s;--md-sys-motion-duration-extra-long4:.3s}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100dvh;font-family:var(--md-ref-typeface-plain);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard), color var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}:root{--site-surface-raised:var(--md-sys-color-surface-container-lowest)}.dark{--site-surface-raised:var(--md-sys-color-surface-container-low)}img,svg,video,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{background:0 0;border:none;padding:0}a{color:var(--md-sys-color-primary);text-decoration:none}ul,ol{padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit;line-height:inherit}::selection{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}*{scrollbar-width:thin;scrollbar-color:var(--md-sys-color-outline-variant) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--md-sys-color-outline)}:focus{outline:none}:focus-visible{outline:var(--md-sys-state-focus-indicator-thickness) solid var(--md-sys-color-secondary);outline-offset:var(--md-sys-state-focus-indicator-outer-offset);border-radius:var(--md-sys-shape-corner-extra-small)}.md-container{width:100%;max-width:var(--md-sys-page-max-width);padding-inline:var(--md-sys-page-gutter);margin-inline:auto}.md-stack{flex-direction:column;display:flex}.md-state-layer{isolation:isolate;position:relative}.md-state-layer:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);z-index:1;background-color:currentColor;position:absolute;inset:0}@media (hover:hover){.md-state-layer:hover:after{opacity:var(--md-sys-state-hover-state-layer-opacity)}}.md-state-layer:focus-visible:after{opacity:var(--md-sys-state-focus-state-layer-opacity)}.md-state-layer:active:after{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md-ripple-host{-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.md-ripple{border-radius:var(--md-sys-shape-corner-full);opacity:.12;animation:md-ripple-in var(--md-sys-motion-duration-long2) var(--md-sys-motion-easing-standard-decelerate) forwards;pointer-events:none;z-index:2;background-color:currentColor;position:absolute;transform:scale(0)}@keyframes md-ripple-in{to{opacity:0;transform:scale(1)}}.md-divider{background-color:var(--md-sys-color-outline-variant);border:0;flex-shrink:0;height:1px}.md-tag{border-radius:var(--md-sys-shape-corner-small);background-color:var(--md-sys-color-secondary-container);height:26px;color:var(--md-sys-color-on-secondary-container);font-size:var(--md-sys-typescale-label-small-size);font-weight:var(--md-sys-typescale-label-small-weight);letter-spacing:var(--md-sys-typescale-label-small-tracking);white-space:nowrap;align-items:center;gap:4px;padding-inline:10px;display:inline-flex}.md-tag--outlined{color:var(--md-sys-color-on-surface-variant);box-shadow:inset 0 0 0 1px var(--md-sys-color-outline-variant);background-color:#0000}.md-reveal{opacity:0;transform:translate3d(0, var(--md-reveal-y,40px), 0) scale(var(--md-reveal-scale,.98));transition:opacity var(--md-sys-motion-duration-extra-long1) var(--md-sys-motion-easing-emphasized-decelerate), transform var(--md-sys-motion-duration-extra-long1) var(--md-sys-motion-easing-emphasized-decelerate);will-change:opacity, transform}.md-reveal--blur{filter:blur(12px);transition:opacity var(--md-sys-motion-duration-extra-long2) var(--md-sys-motion-easing-emphasized-decelerate), transform var(--md-sys-motion-duration-extra-long2) var(--md-sys-motion-easing-emphasized-decelerate), filter var(--md-sys-motion-duration-extra-long1) var(--md-sys-motion-easing-emphasized-decelerate)}.md-reveal.is-revealed{opacity:1;filter:blur();will-change:auto;transform:none}@media (prefers-reduced-motion:reduce){.md-reveal{transform:translate3d(0, var(--md-reveal-y,16px), 0)}.md-reveal--blur{filter:blur(6px)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.md-skip-link{z-index:2000;border-radius:var(--md-sys-shape-corner-full);background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);padding:12px 20px;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.md-skip-link:focus-visible{transform:translateY(0)}:target{scroll-margin-top:calc(var(--md-sys-top-app-bar-height) + 24px)}.md-scrim{z-index:200;background-color:color-mix(in srgb, var(--md-sys-color-scrim) 32%, transparent);position:fixed;inset:0}.md-scrim-enter-active,.md-scrim-leave-active{transition:opacity var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard)}.md-scrim-enter-from,.md-scrim-leave-to{opacity:0}html{scroll-behavior:smooth}html.md-theme-transition,html.md-theme-transition *,html.md-theme-transition :before,html.md-theme-transition :after{transition:background-color var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard), color var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard), border-color var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard), fill var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard), stroke var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)!important}@keyframes md-fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes md-fade-in{0%{opacity:0}to{opacity:1}}@keyframes md-sheen{0%{background-position:-120% 0}to{background-position:220% 0}}@keyframes md-gradient-pan{0%{background-position:0%}to{background-position:200%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[class*=md-]{animation-iteration-count:1}}.md-avatar[data-v-11c06ce9]{border-radius:var(--md-sys-shape-corner-full);background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font-weight:var(--md-sys-typescale-title-medium-weight);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative;overflow:hidden}.md-avatar__img[data-v-11c06ce9]{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--md-sys-motion-duration-medium4) var(--md-sys-motion-easing-standard)}.md-avatar__img.is-loaded[data-v-11c06ce9]{opacity:1}.md-avatar--ring[data-v-11c06ce9]{box-shadow:0 0 0 2px var(--md-sys-color-surface), 0 0 0 4px var(--md-sys-color-primary-container)}.md-icon[data-v-d4d0e18f]{color:inherit;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.md-icon[data-v-d4d0e18f] svg{fill:currentColor;width:1em;height:1em}.md-btn[data-v-99ea0895]{border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-primary);font-family:var(--md-ref-typeface-plain);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);line-height:var(--md-sys-typescale-label-large-line-height);letter-spacing:var(--md-sys-typescale-label-large-tracking);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;height:40px;transition:box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard), background-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard), height var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized), padding-inline var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized);background-color:#0000;border:none;justify-content:center;align-items:center;gap:8px;padding-inline:24px;text-decoration:none;display:inline-flex;position:relative}.md-btn[data-v-99ea0895]:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background-color:currentColor;position:absolute;inset:0}@media (hover:hover){.md-btn[data-v-99ea0895]:hover:after{opacity:var(--md-sys-state-hover-state-layer-opacity)}}.md-btn[data-v-99ea0895]:focus-visible:after{opacity:var(--md-sys-state-focus-state-layer-opacity)}.md-btn[data-v-99ea0895]:active:after{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md-btn__icon[data-v-99ea0895],.md-btn__label[data-v-99ea0895],.md-btn__spinner[data-v-99ea0895]{z-index:3;position:relative}.md-btn__spinner[data-v-99ea0895]{border-radius:var(--md-sys-shape-corner-full);border:2px solid;border-right-color:#0000;width:16px;height:16px;animation:.64s linear infinite md-btn-spin-99ea0895;display:inline-block}@keyframes md-btn-spin-99ea0895{to{transform:rotate(360deg)}}.md-btn--filled[data-v-99ea0895]{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md-btn--tonal[data-v-99ea0895]{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md-btn--elevated[data-v-99ea0895]{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-level1)}.md-btn--outlined[data-v-99ea0895]{color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-outline)}.md-btn--text[data-v-99ea0895]{color:var(--md-sys-color-primary);padding-inline:12px}@media (hover:hover){.md-btn--filled[data-v-99ea0895]:hover,.md-btn--tonal[data-v-99ea0895]:hover{box-shadow:var(--md-sys-elevation-level1)}.md-btn--elevated[data-v-99ea0895]:hover{box-shadow:var(--md-sys-elevation-level2)}}.md-btn--sm[data-v-99ea0895]{height:32px;padding-inline:16px}.md-btn--sm.md-btn--text[data-v-99ea0895]{padding-inline:8px}.md-btn--lg[data-v-99ea0895]{height:56px;padding-inline:32px}.md-btn--block[data-v-99ea0895]{width:100%;display:flex}.is-disabled[data-v-99ea0895]{pointer-events:none;box-shadow:none;color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.md-btn--filled.is-disabled[data-v-99ea0895],.md-btn--tonal.is-disabled[data-v-99ea0895],.md-btn--elevated.is-disabled[data-v-99ea0895]{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.md-btn--outlined.is-disabled[data-v-99ea0895]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent)}.is-loading[data-v-99ea0895]{pointer-events:none}.md-btn--filled.is-loading[data-v-99ea0895]{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md-btn--tonal.is-loading[data-v-99ea0895]{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}@media (prefers-reduced-motion:reduce){.md-btn__spinner[data-v-99ea0895]{animation-duration:1.5s}}.md-card[data-v-330a5bd2]{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);transition:box-shadow var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard), background-color var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard), transform var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.md-card--shape-medium[data-v-330a5bd2]{border-radius:var(--md-sys-shape-corner-medium)}.md-card--shape-large[data-v-330a5bd2]{border-radius:var(--md-sys-shape-corner-large)}.md-card--shape-extra-large[data-v-330a5bd2]{border-radius:var(--md-sys-shape-corner-extra-large)}.md-card--elevated[data-v-330a5bd2]{background-color:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-level1)}.md-card--filled[data-v-330a5bd2]{background-color:var(--md-sys-color-surface-container-highest);box-shadow:none}.md-card--outlined[data-v-330a5bd2]{background-color:var(--md-sys-color-surface);box-shadow:inset 0 0 0 1px var(--md-sys-color-outline-variant)}.md-card--interactive[data-v-330a5bd2]{cursor:pointer}@media (hover:hover){.md-card--interactive.md-card--elevated[data-v-330a5bd2]:hover{box-shadow:var(--md-sys-elevation-level2)}.md-card--interactive.md-card--filled[data-v-330a5bd2]:hover,.md-card--interactive.md-card--outlined[data-v-330a5bd2]:hover{box-shadow:var(--md-sys-elevation-level1)}.md-card--interactive[data-v-330a5bd2]:hover{transform:translateY(-4px)}}.md-card__media[data-v-330a5bd2]{flex-shrink:0;display:block}.md-card__content[data-v-330a5bd2]{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.md-card:not(:has(.md-card__media)) .md-card__content[data-v-330a5bd2]{padding-block-start:16px}.md-card__actions[data-v-330a5bd2]{align-items:center;gap:8px;padding:0 16px 16px;display:flex}.md-chip[data-v-d96f2b0a]{border-radius:var(--md-sys-shape-corner-small);height:32px;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);line-height:var(--md-sys-typescale-label-large-line-height);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px var(--md-sys-color-outline);transition:background-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background-color:#0000;border:none;align-items:center;gap:8px;padding-inline:12px;display:inline-flex;position:relative}.md-chip[data-v-d96f2b0a]:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background-color:currentColor;position:absolute;inset:0}@media (hover:hover){.md-chip[data-v-d96f2b0a]:hover:after{opacity:var(--md-sys-state-hover-state-layer-opacity)}}.md-chip[data-v-d96f2b0a]:focus-visible:after{opacity:var(--md-sys-state-focus-state-layer-opacity)}.md-chip[data-v-d96f2b0a]:active:after{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md-chip__label[data-v-d96f2b0a],.md-chip__icon[data-v-d96f2b0a],.md-chip__trailing[data-v-d96f2b0a]{z-index:3;align-items:center;display:inline-flex;position:relative}.md-chip.is-selected[data-v-d96f2b0a]{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);box-shadow:none}.md-chip__icon--check[data-v-d96f2b0a]{margin-inline-start:-4px}.md-chip__trailing[data-v-d96f2b0a]{cursor:pointer;margin-inline-end:-4px}.md-chip.is-disabled[data-v-d96f2b0a]{pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.md-chip.is-disabled.is-selected[data-v-d96f2b0a]{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.md-dialog[data-v-a4a34fd3]{z-index:240;border-radius:var(--md-sys-shape-corner-extra-large);background-color:var(--md-sys-color-surface-container-high);width:min(560px,100vw - 48px);min-width:min(280px,100vw - 48px);max-height:calc(100dvh - 48px);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);flex-direction:column;gap:16px;padding:24px;display:flex;position:fixed;inset-block-start:50%;inset-inline-start:50%;overflow:hidden;translate:-50% -50%}.md-dialog__icon[data-v-a4a34fd3]{color:var(--md-sys-color-secondary);justify-content:center;align-items:center;display:flex}.md-dialog__headline[data-v-a4a34fd3]{text-align:center;margin:0}.md-dialog__icon+.md-dialog__headline[data-v-a4a34fd3]{margin-block-start:-8px}.md-dialog__body[data-v-a4a34fd3]{color:var(--md-sys-color-on-surface-variant);overscroll-behavior:contain;overflow-y:auto}.md-dialog__actions[data-v-a4a34fd3]{justify-content:flex-end;align-items:center;gap:8px;margin:8px -8px -8px 0;display:flex}.md-dialog-pop-enter-active[data-v-a4a34fd3],.md-dialog-pop-leave-active[data-v-a4a34fd3]{transition:opacity var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized-decelerate), translate var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized-decelerate)}.md-dialog-pop-enter-from[data-v-a4a34fd3],.md-dialog-pop-leave-to[data-v-a4a34fd3]{opacity:0;translate:-50% calc(16px - 50%)}.md-hr[data-v-cad24e3a]{border:0;border-block-start:1px solid var(--md-sys-color-outline-variant);background:0 0;flex-shrink:0;width:100%}.md-hr--inset[data-v-cad24e3a]{width:calc(100% - 16px);margin-inline-start:16px}.md-hr--middle[data-v-cad24e3a]{width:calc(100% - 32px);margin-inline:16px}.md-hr--vertical[data-v-cad24e3a]{border-block-start:0;border-inline-start:1px solid var(--md-sys-color-outline-variant);align-self:stretch;width:0;height:100%}.md-fab[data-v-aeda7579]{border-radius:var(--md-sys-shape-corner-large);background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:var(--md-sys-elevation-level3);cursor:pointer;-webkit-user-select:none;user-select:none;transition:box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard), transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);border:none;justify-content:center;align-items:center;gap:12px;padding:0;text-decoration:none;display:inline-flex;position:relative}.md-fab[data-v-aeda7579]:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background-color:currentColor;position:absolute;inset:0}@media (hover:hover){.md-fab[data-v-aeda7579]:hover{box-shadow:var(--md-sys-elevation-level4)}.md-fab[data-v-aeda7579]:hover:after{opacity:var(--md-sys-state-hover-state-layer-opacity)}}.md-fab[data-v-aeda7579]:active:after{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md-fab__icon[data-v-aeda7579],.md-fab__label[data-v-aeda7579]{z-index:3;position:relative}.md-fab--sm[data-v-aeda7579]{border-radius:var(--md-sys-shape-corner-medium);width:40px;height:40px}.md-fab--md[data-v-aeda7579]{width:56px;height:56px}.md-fab--lg[data-v-aeda7579]{border-radius:var(--md-sys-shape-corner-extra-large);width:96px;height:96px}.md-fab--extended[data-v-aeda7579]{border-radius:var(--md-sys-shape-corner-large);width:auto;height:56px;padding-inline:20px}.md-fab__label[data-v-aeda7579]{font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);white-space:nowrap}.md-fab--surface[data-v-aeda7579]{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-primary)}.md-fab--primary[data-v-aeda7579]{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md-fab--secondary[data-v-aeda7579]{background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.md-fab--tertiary[data-v-aeda7579]{background-color:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.md-fab--secondary-container[data-v-aeda7579]{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md-fab--tertiary-container[data-v-aeda7579]{background-color:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.md-fab--flat[data-v-aeda7579]{box-shadow:none}.md-fab--fixed[data-v-aeda7579]{z-index:60;position:fixed;inset-block-end:24px;inset-inline-end:24px}.md-icon-btn[data-v-04092efa]{width:40px;height:40px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard), height var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized), width var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized);background-color:#0000;border:none;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.md-icon-btn--shape-full[data-v-04092efa]{border-radius:var(--md-sys-shape-corner-full)}.md-icon-btn--shape-small[data-v-04092efa]{border-radius:var(--md-sys-shape-corner-small)}.md-icon-btn--shape-medium[data-v-04092efa]{border-radius:var(--md-sys-shape-corner-medium)}.md-icon-btn[data-v-04092efa]:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background-color:currentColor;position:absolute;inset:0}@media (hover:hover){.md-icon-btn[data-v-04092efa]:hover:after{opacity:var(--md-sys-state-hover-state-layer-opacity)}}.md-icon-btn[data-v-04092efa]:focus-visible:after{opacity:var(--md-sys-state-focus-state-layer-opacity)}.md-icon-btn[data-v-04092efa]:active:after{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md-icon-btn[data-v-04092efa]>*{z-index:3;position:relative}.md-icon-btn--standard[data-v-04092efa]{color:var(--md-sys-color-on-surface-variant)}.md-icon-btn--standard.is-selected[data-v-04092efa]{color:var(--md-sys-color-primary)}.md-icon-btn--filled[data-v-04092efa]{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md-icon-btn--tonal[data-v-04092efa]{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md-icon-btn--outlined[data-v-04092efa]{color:var(--md-sys-color-on-surface-variant);box-shadow:inset 0 0 0 1px var(--md-sys-color-outline)}.md-icon-btn--outlined.is-selected[data-v-04092efa]{background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);box-shadow:none}.md-icon-btn--sm[data-v-04092efa]{width:32px;height:32px}.md-icon-btn--lg[data-v-04092efa]{width:48px;height:48px}.is-disabled[data-v-04092efa]{pointer-events:none;color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.md-icon-btn--filled.is-disabled[data-v-04092efa],.md-icon-btn--tonal.is-disabled[data-v-04092efa]{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.md-list[data-v-8bd5e4fe]{flex-direction:column;margin:0;padding-block:8px;list-style:none;display:flex}.md-list--dense[data-v-8bd5e4fe]{padding-block:4px}.md-list-item__wrap[data-v-aa124957]{margin:0;display:block}.md-list-item[data-v-aa124957]{width:100%;color:var(--md-sys-color-on-surface);text-align:start;cursor:pointer;transition:background-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background-color:#0000;border:none;align-items:center;gap:16px;padding-inline:16px;text-decoration:none;display:flex;position:relative}.md-list-item--lines-1[data-v-aa124957]{min-height:56px}.md-list-item--lines-2[data-v-aa124957]{align-items:flex-start;min-height:72px;padding-block:12px}.md-list-item--lines-3[data-v-aa124957]{align-items:flex-start;min-height:88px;padding-block:12px}.md-list-item[data-v-aa124957]:after{content:"";opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background-color:currentColor;position:absolute;inset:0}@media (hover:hover){.md-list-item[data-v-aa124957]:hover:after{opacity:var(--md-sys-state-hover-state-layer-opacity)}}.md-list-item[data-v-aa124957]:focus-visible:after{opacity:var(--md-sys-state-focus-state-layer-opacity)}.md-list-item[data-v-aa124957]:active:after{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md-list-item__leading[data-v-aa124957],.md-list-item__text[data-v-aa124957],.md-list-item__trailing[data-v-aa124957]{z-index:3;position:relative}.md-list-item__leading[data-v-aa124957]{color:var(--md-sys-color-on-surface-variant);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.md-list-item--lines-2 .md-list-item__leading[data-v-aa124957],.md-list-item--lines-3 .md-list-item__leading[data-v-aa124957]{margin-block-start:4px}.md-list-item__text[data-v-aa124957]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.md-list-item__headline[data-v-aa124957]{text-overflow:ellipsis;overflow:hidden}.md-list-item__supporting[data-v-aa124957]{color:var(--md-sys-color-on-surface-variant)}.md-list-item__trailing[data-v-aa124957]{color:var(--md-sys-color-on-surface-variant);flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.md-list-item.is-selected[data-v-aa124957]{color:var(--md-sys-color-primary);background-color:var(--md-sys-color-secondary-container)}.md-list-item-padded[data-v-aa124957]{padding-inline:24px}.md-list-item.is-disabled[data-v-aa124957]{pointer-events:none;color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.md-menu-anchor[data-v-6d1a0bfc]{align-items:center;display:inline-flex}.md-menu[data-v-6d1a0bfc]{z-index:300;background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border-radius:var(--md-sys-shape-corner-extra-small);box-shadow:var(--md-sys-elevation-level2);overscroll-behavior:contain;max-height:calc(100vh - 96px);position:fixed;overflow:hidden auto}.md-menu--padded[data-v-6d1a0bfc]{padding-block:8px}.md-menu-pop-enter-active[data-v-6d1a0bfc],.md-menu-pop-leave-active[data-v-6d1a0bfc]{transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-decelerate), transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized-decelerate);transform-origin:top}.md-menu-pop-enter-from[data-v-6d1a0bfc],.md-menu-pop-leave-to[data-v-6d1a0bfc]{opacity:0;transform:scaleY(.85)translateY(-4px)}.md-menu-item[data-v-ac2d7164]{width:100%;min-height:48px;color:var(--md-sys-color-on-surface);text-align:start;cursor:pointer;border-radius:var(--md-sys-shape-corner-extra-small);background:0 0;border:none;align-items:center;gap:12px;padding-inline:12px;text-decoration:none;display:flex;position:relative}.md-menu-item--two-line[data-v-ac2d7164]{border-radius:var(--md-sys-shape-corner-small);align-items:flex-start;min-height:64px;padding-block:8px}.md-menu-item[data-v-ac2d7164]:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background-color:currentColor;position:absolute;inset:0}@media (hover:hover){.md-menu-item[data-v-ac2d7164]:hover:after{opacity:var(--md-sys-state-hover-state-layer-opacity)}}.md-menu-item[data-v-ac2d7164]:focus-visible:after{opacity:var(--md-sys-state-focus-state-layer-opacity)}.md-menu-item__icon[data-v-ac2d7164],.md-menu-item__text[data-v-ac2d7164],.md-menu-item__trailing[data-v-ac2d7164]{z-index:3;position:relative}.md-menu-item__icon[data-v-ac2d7164]{color:var(--md-sys-color-on-surface-variant);flex-shrink:0}.md-menu-item--two-line .md-menu-item__icon[data-v-ac2d7164]{margin-block-start:4px}.md-menu-item__text[data-v-ac2d7164]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.md-menu-item__supporting[data-v-ac2d7164],.md-menu-item__trailing[data-v-ac2d7164]{color:var(--md-sys-color-on-surface-variant)}.md-menu-item.is-disabled[data-v-ac2d7164]{pointer-events:none;color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.md-segmented[data-v-aefd896c]{border-radius:var(--md-sys-shape-corner-full);box-shadow:inset 0 0 0 1px var(--md-sys-color-outline);align-items:stretch;height:40px;display:inline-flex;overflow:hidden}.md-segmented--block[data-v-aefd896c]{width:100%;display:flex}.md-segmented__item[data-v-aefd896c]{color:var(--md-sys-color-on-surface);font-size:var(--md-sys-typescale-label-large-size);font-weight:var(--md-sys-typescale-label-large-weight);letter-spacing:var(--md-sys-typescale-label-large-tracking);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background-color:#0000;border:none;flex:0 auto;justify-content:center;align-items:center;gap:8px;padding-inline:16px;display:inline-flex;position:relative}.md-segmented--block .md-segmented__item[data-v-aefd896c]{flex:1 1 0}.md-segmented__item+.md-segmented__item[data-v-aefd896c]{box-shadow:inset 1px 0 0 0 var(--md-sys-color-outline)}.md-segmented__item[data-v-aefd896c]:after{content:"";opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background-color:currentColor;position:absolute;inset:0}@media (hover:hover){.md-segmented__item[data-v-aefd896c]:hover:after{opacity:var(--md-sys-state-hover-state-layer-opacity)}}.md-segmented__item[data-v-aefd896c]:focus-visible:after{opacity:var(--md-sys-state-focus-state-layer-opacity)}.md-segmented__item[data-v-aefd896c]:active:after{opacity:var(--md-sys-state-pressed-state-layer-opacity)}.md-segmented__check[data-v-aefd896c],.md-segmented__label[data-v-aefd896c]{z-index:3;position:relative}.md-segmented__check[data-v-aefd896c]{flex-shrink:0}.md-segmented__label[data-v-aefd896c]{text-overflow:ellipsis;min-width:0;overflow:hidden}.md-segmented__item.is-selected[data-v-aefd896c]{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md-segmented__item.is-selected+.md-segmented__item[data-v-aefd896c],.md-segmented__item.is-selected[data-v-aefd896c]{box-shadow:inset 1px 0 0 0 var(--md-sys-color-outline)}.md-sheet[data-v-22b2ddea]{z-index:220;background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level1);flex-direction:column;display:flex;position:fixed;overflow:hidden}.md-sheet--start[data-v-22b2ddea]{border-start-end-radius:var(--md-sys-shape-corner-large);border-end-end-radius:var(--md-sys-shape-corner-large);inset-block:0;inset-inline-start:0}.md-sheet--end[data-v-22b2ddea]{border-start-start-radius:var(--md-sys-shape-corner-large);border-end-start-radius:var(--md-sys-shape-corner-large);inset-block:0;inset-inline-end:0}.md-sheet--bottom[data-v-22b2ddea]{border-start-start-radius:var(--md-sys-shape-corner-extra-large);border-start-end-radius:var(--md-sys-shape-corner-extra-large);inset-block-end:0;inset-inline:0}.md-sheet__header[data-v-22b2ddea]{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding-block:8px;padding-inline:16px;display:flex}.md-sheet__title[data-v-22b2ddea]{margin:0}.md-sheet__body[data-v-22b2ddea]{overscroll-behavior:contain;flex:1;overflow-y:auto}.md-sheet__footer[data-v-22b2ddea]{flex-shrink:0;align-items:center;gap:8px;padding:16px;display:flex}.md-sheet-start-enter-active[data-v-22b2ddea],.md-sheet-start-leave-active[data-v-22b2ddea],.md-sheet-end-enter-active[data-v-22b2ddea],.md-sheet-end-leave-active[data-v-22b2ddea],.md-sheet-bottom-enter-active[data-v-22b2ddea],.md-sheet-bottom-leave-active[data-v-22b2ddea]{transition:transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate)}.md-sheet-start-enter-from[data-v-22b2ddea],.md-sheet-start-leave-to[data-v-22b2ddea]{transform:translate(-100%)}.md-sheet-end-enter-from[data-v-22b2ddea],.md-sheet-end-leave-to[data-v-22b2ddea]{transform:translate(100%)}.md-sheet-bottom-enter-from[data-v-22b2ddea],.md-sheet-bottom-leave-to[data-v-22b2ddea]{transform:translateY(100%)}.md-switch[data-v-ff3f9765]{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:32px;padding:0;display:inline-flex;position:relative}.md-switch__track[data-v-ff3f9765]{border-radius:var(--md-sys-shape-corner-full);background-color:var(--md-sys-color-surface-container-highest);width:52px;height:32px;box-shadow:inset 0 0 0 2px var(--md-sys-color-outline);transition:background-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);display:block;position:relative}.md-switch__state[data-v-ff3f9765]{border-radius:inherit;color:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard), inset var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized);background-color:currentColor;position:absolute;inset:0}@media (hover:hover){.md-switch:hover .md-switch__state[data-v-ff3f9765]{opacity:var(--md-sys-state-hover-state-layer-opacity)}}.md-switch:focus-visible .md-switch__state[data-v-ff3f9765]{opacity:var(--md-sys-state-focus-state-layer-opacity)}.md-switch:active .md-switch__state[data-v-ff3f9765]{opacity:var(--md-sys-state-pressed-state-layer-opacity);inset:-4px}.md-switch__thumb[data-v-ff3f9765]{border-radius:var(--md-sys-shape-corner-full);background-color:var(--md-sys-color-outline);width:16px;height:16px;color:var(--md-sys-color-on-primary-container);transition:inset-inline-start var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized), width var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized), height var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized), background-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:50%;inset-inline-start:6px;translate:0 -50%}.md-switch__thumb-icon[data-v-ff3f9765]{font-size:16px;display:flex}.md-switch.is-checked .md-switch__track[data-v-ff3f9765]{background-color:var(--md-sys-color-primary);box-shadow:none}.md-switch.is-checked .md-switch__state[data-v-ff3f9765]{color:var(--md-sys-color-primary)}.md-switch.is-checked .md-switch__thumb[data-v-ff3f9765]{background-color:var(--md-sys-color-on-primary);width:24px;height:24px;inset-inline-start:24px}.md-switch.is-disabled[data-v-ff3f9765]{pointer-events:none;opacity:var(--md-sys-state-disabled-content-opacity)}.md-tooltip[data-v-3da4dbf8]{align-items:center;display:inline-flex;position:relative}.md-tooltip__bubble[data-v-3da4dbf8]{z-index:120;border-radius:var(--md-sys-shape-corner-extra-small);background-color:var(--md-sys-color-inverse-surface);max-width:min(220px,100vw - 24px);color:var(--md-sys-color-inverse-on-surface);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);letter-spacing:var(--md-sys-typescale-body-small-tracking);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard), display var(--md-sys-motion-duration-short4) allow-discrete;padding:4px 8px;display:none;position:absolute;inset-inline-start:50%;translate:-50%}.md-tooltip--top .md-tooltip__bubble[data-v-3da4dbf8]{inset-block-end:calc(100% + 8px)}.md-tooltip--bottom .md-tooltip__bubble[data-v-3da4dbf8]{inset-block-start:calc(100% + 8px)}.md-tooltip:hover .md-tooltip__bubble[data-v-3da4dbf8],.md-tooltip:focus-within .md-tooltip__bubble[data-v-3da4dbf8]{opacity:1;transition-delay:.3s,.3s;display:inline-block}@starting-style{.md-tooltip:hover .md-tooltip__bubble[data-v-3da4dbf8],.md-tooltip:focus-within .md-tooltip__bubble[data-v-3da4dbf8]{opacity:0}}.md-top-bar[data-v-9d6607f8]{z-index:50;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);transition:background-color var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard);position:relative}.md-top-bar--sticky[data-v-9d6607f8]{position:sticky;inset-block-start:0}.md-top-bar.is-scrolled[data-v-9d6607f8]{background-color:var(--md-sys-color-surface-container);box-shadow:var(--md-sys-elevation-level2)}.md-top-bar--overlay[data-v-9d6607f8],.md-top-bar--overlay.is-scrolled[data-v-9d6607f8]{box-shadow:none;background-color:#0000}.md-top-bar__background[data-v-9d6607f8]{z-index:0;pointer-events:none;position:absolute;inset:0}.md-top-bar__inner[data-v-9d6607f8]{z-index:1;min-height:var(--md-sys-top-app-bar-height);align-items:center;gap:8px;display:flex;position:relative}.md-top-bar--medium .md-top-bar__inner[data-v-9d6607f8]{align-items:flex-end;min-height:112px;padding-block-end:20px}.md-top-bar--large .md-top-bar__inner[data-v-9d6607f8]{flex-direction:column;justify-content:flex-end;align-items:stretch;gap:0;min-height:152px;padding-block-end:28px}.md-top-bar--large .md-top-bar__title[data-v-9d6607f8]{order:3;margin-block-start:8px}.md-top-bar--large .md-top-bar__actions[data-v-9d6607f8]{order:2;align-self:flex-end}.md-top-bar__leading[data-v-9d6607f8],.md-top-bar__actions[data-v-9d6607f8]{flex-shrink:0;align-items:center;gap:4px;display:flex}.md-top-bar__title[data-v-9d6607f8]{min-width:0;font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight);letter-spacing:var(--md-sys-typescale-title-large-tracking);flex:1}.md-top-bar--large .md-top-bar__title[data-v-9d6607f8]{font-size:var(--md-sys-typescale-headline-medium-size);line-height:var(--md-sys-typescale-headline-medium-line-height)}.md-top-bar--centered .md-top-bar__title[data-v-9d6607f8]{text-align:center}
|
|
2
|
+
/*$vite$:1*/
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* 图标组件的形状。
|
|
4
|
+
*
|
|
5
|
+
* 只要求「是一个 Vue 组件并渲染出 <svg>」,不绑定任何图标库:
|
|
6
|
+
* unplugin-icons 生成的函数式组件、手写的 SFC、nuxt-icon 之类都满足。
|
|
7
|
+
*
|
|
8
|
+
* 早先把它写成构造函数签名,结果 unplugin-icons 产出的
|
|
9
|
+
* FunctionalComponent 一个都过不了类型检查 —— 这里直接用 Vue 自己的 Component。
|
|
10
|
+
*/
|
|
11
|
+
export type IconComponent = Component;
|
package/package.json
CHANGED
|
@@ -1,6 +1,48 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@clderystd/m3-ui",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"
|
|
5
|
-
"
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "云术工作室 Material Design 3 组件库:官方 M3 令牌实现,配色由使用方注入",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.css"
|
|
8
|
+
],
|
|
9
|
+
"files": [
|
|
10
|
+
"dist"
|
|
11
|
+
],
|
|
12
|
+
"main": "./dist/index.js",
|
|
13
|
+
"module": "./dist/index.js",
|
|
14
|
+
"types": "./dist/index.d.ts",
|
|
15
|
+
"exports": {
|
|
16
|
+
".": {
|
|
17
|
+
"types": "./dist/index.d.ts",
|
|
18
|
+
"import": "./dist/index.js"
|
|
19
|
+
},
|
|
20
|
+
"./styles/*": "./dist/styles/*",
|
|
21
|
+
"./style.css": "./dist/m3-ui.css"
|
|
22
|
+
},
|
|
23
|
+
"scripts": {
|
|
24
|
+
"build": "vite build && node scripts/flatten-dts.mjs",
|
|
25
|
+
"typecheck": "vue-tsc -b",
|
|
26
|
+
"prepublishOnly": "pnpm build"
|
|
27
|
+
},
|
|
28
|
+
"peerDependencies": {
|
|
29
|
+
"vue": "^3.5.0"
|
|
30
|
+
},
|
|
31
|
+
"devDependencies": {
|
|
32
|
+
"@vitejs/plugin-vue": "^6.0.8",
|
|
33
|
+
"@vue/tsconfig": "^0.9.1",
|
|
34
|
+
"typescript": "~6.0.2",
|
|
35
|
+
"vite": "^8.3.0",
|
|
36
|
+
"vite-plugin-dts": "4.5.0",
|
|
37
|
+
"vue": "^3.5.42",
|
|
38
|
+
"vue-tsc": "^3.3.11"
|
|
39
|
+
},
|
|
40
|
+
"publishConfig": {
|
|
41
|
+
"access": "public"
|
|
42
|
+
},
|
|
43
|
+
"repository": {
|
|
44
|
+
"type": "git",
|
|
45
|
+
"url": "git+https://github.com/ClouderyStudio/m3-ui.git"
|
|
46
|
+
},
|
|
47
|
+
"license": "UNLICENSED"
|
|
6
48
|
}
|