@mkbabb/glass-ui 9.0.0 → 10.0.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/MIGRATION.md +4768 -0
- package/README.md +57 -13
- package/dist/DialogContent-CwIBvou_.js +157 -0
- package/dist/{DropdownMenuTrigger-8UZsBtZ8.js → DropdownMenuTrigger-CKRnhDSQ.js} +1 -1
- package/dist/{Surface-i1tWC-Ga.js → Surface-1nPoabc3.js} +1 -1
- package/dist/{accent-tone-solve-Cw7WkRD9.js → accent-tone-solve-5H6FY2QO.js} +1 -1
- package/dist/aurora.js +22 -13
- package/dist/{badge-owUOaaba.js → badge-BO6BC4G5.js} +1 -1
- package/dist/badge.js +1 -1
- package/dist/blob.js +2 -2
- package/dist/{button-yvGPb0Bx.js → button-BOFTUPyU.js} +1 -1
- package/dist/button.js +1 -1
- package/dist/{card-3HFFpC7_.js → card-ByyqRBvK.js} +2 -2
- package/dist/card.js +1 -1
- package/dist/carousel.js +3 -3
- package/dist/chip.js +8 -3
- package/dist/{class-names-q-UGOkHH.js → class-names-FlXcvRRT.js} +65 -18
- package/dist/{collapsible-B7O6m-Ch.js → collapsible-DFzK29Oh.js} +5 -2
- package/dist/collapsible.js +1 -1
- package/dist/color.js +11 -11
- package/dist/{command-tEzAaVY_.js → command-C-5xSEJ2.js} +8 -8
- package/dist/command.js +1 -1
- package/dist/component-styles.css +1 -0
- package/dist/components/_shared/class-names.d.ts +10 -1
- package/dist/components/_shared/menu/menu.css +1 -1
- package/dist/components/_shared/overlay/index.d.ts +1 -0
- package/dist/components/_shared/overlay/shortcuts.d.ts +12 -0
- package/dist/components/aurora/composables/atoms.d.ts +22 -6
- package/dist/components/aurora/composables/runtime.d.ts +6 -4
- package/dist/components/aurora/constants/presets.d.ts +19 -1
- package/dist/components/blob/Blob.vue.d.ts +3 -3
- package/dist/components/card/Card.vue.d.ts +8 -2
- package/dist/components/chip/Chip.vue.d.ts +1 -7
- package/dist/components/chip/chipVariants.d.ts +1 -0
- package/dist/components/collapsible/Collapsible.vue.d.ts +1 -0
- package/dist/components/command/CommandDialog.vue.d.ts +1 -1
- package/dist/components/configurator/styles.css +1 -1
- package/dist/components/dark-mode-toggle/dark-mode-toggle.css +1 -1
- package/dist/components/deck/styles/capture.css +1 -1
- package/dist/components/dialog/styles.css +1 -1
- package/dist/components/dock/composables/dockCrossfadeContext.d.ts +0 -2
- package/dist/components/dock/composables/index.d.ts +1 -1
- package/dist/components/dock/composables/useDockHold.d.ts +16 -12
- package/dist/components/dock/styles/layers.css +1 -1
- package/dist/components/fourier-field/FourierField.vue.d.ts +1 -1
- package/dist/components/fourier-field/constants.d.ts +8 -7
- package/dist/components/fourier-field/index.d.ts +2 -2
- package/dist/components/labeled-field/LabeledSwitch.vue.d.ts +3 -1
- package/dist/components/labeled-field/types.d.ts +1 -1
- package/dist/components/menu/DropdownMenu.vue.d.ts +1 -1
- package/dist/components/metric/coalesce-metric.d.ts +6 -1
- package/dist/components/metric/styles.css +1 -1
- package/dist/components/popover/Popover.vue.d.ts +1 -1
- package/dist/components/scroll-progress-rim/styles.css +1 -1
- package/dist/components/sheet/styles.css +1 -1
- package/dist/components/slider/styles.css +1 -1
- package/dist/components/tabs/SegmentedTabs.vue.d.ts +25 -112
- package/dist/components/tabs/composables/useTabDragMorph.d.ts +1 -1
- package/dist/components/tabs/composables/useTabResponsive.d.ts +11 -11
- package/dist/components/tabs/index.d.ts +1 -1
- package/dist/components/tabs/styles/drag.css +1 -1
- package/dist/components/tabs/styles/segmented.css +1 -1
- package/dist/components/tabs/types.d.ts +85 -0
- package/dist/components/timeline/index.d.ts +2 -0
- package/dist/components/toast/Toast.vue.d.ts +2 -2
- package/dist/composables/color/index.d.ts +0 -15
- package/dist/composables/dark/darkModeSyncScript.d.ts +24 -1
- package/dist/composables/dom/useResolveTokenColor.d.ts +1 -1
- package/dist/composables/glass/index.d.ts +2 -0
- package/dist/composables/keyboard/useKeyboardShortcuts.d.ts +47 -1
- package/dist/composables/sidebar/types.d.ts +5 -1
- package/dist/{configurator-BHJymdrF.js → configurator-DiwVN573.js} +16 -16
- package/dist/configurator.js +1 -1
- package/dist/constellation.js +3 -3
- package/dist/{content-CWO-XL7o.js → content-So3j6SOe.js} +1 -1
- package/dist/dark-mode-toggle.js +2 -2
- package/dist/{dark-CLlmo7dD.js → dark-pONY3x93.js} +2 -2
- package/dist/dark.js +1 -1
- package/dist/{data-table-_RrOEdiw.js → data-table-Ba_uTfPc.js} +3 -3
- package/dist/data-table.js +1 -1
- package/dist/{deck-Ci6YjB5e.js → deck-Cm_VmyNL.js} +1 -1
- package/dist/deck.js +1 -1
- package/dist/{dialog-CbRnTRtg.js → dialog-BZoFG0j8.js} +1 -1
- package/dist/dialog.js +2 -2
- package/dist/dock.js +9 -13
- package/dist/easing.js +4 -4
- package/dist/{expandable-container-BY1hQXi4.js → expandable-container-CZUj9BzY.js} +9 -9
- package/dist/expandable-container.js +1 -1
- package/dist/fourier-field.js +53 -58
- package/dist/glass-ui.css +1 -1
- package/dist/glass-ui.js +27 -27
- package/dist/handmark.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/infinite-scroll.js +16 -17
- package/dist/{input-Bls2A4Tt.js → input-eLZ_AU7l.js} +1 -1
- package/dist/input.js +1 -1
- package/dist/keyboard.js +64 -21
- package/dist/{label-BQEZhnK_.js → label-CE03H1KL.js} +2 -2
- package/dist/label.js +1 -1
- package/dist/labeled-field.js +8 -5
- package/dist/{menu-TDMNtZjG.js → menu-BnmCOa3y.js} +92 -89
- package/dist/menu.js +2 -2
- package/dist/metric.js +12 -7
- package/dist/{motion-D4uYE0UM.js → motion-BvV1_24p.js} +1 -1
- package/dist/motion-core.js +1 -1
- package/dist/{number-field-NFAwQ0HK.js → number-field-RP89046a.js} +2 -2
- package/dist/number-field.js +1 -1
- package/dist/pager-dots.js +3 -3
- package/dist/popover-DA87hFBx.js +184 -0
- package/dist/popover.js +1 -1
- package/dist/{progress-DF8dWZIX.js → progress-eVa-mc7J.js} +1 -1
- package/dist/progress.js +1 -1
- package/dist/{radio-group-BNV7PN1O.js → radio-group-B58Bz16F.js} +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/{select-COox45Kv.js → select-fy3vtArm.js} +13 -13
- package/dist/select.js +1 -1
- package/dist/{separator-CN11t406.js → separator-D4EZM10u.js} +2 -2
- package/dist/separator.js +1 -1
- package/dist/{sheet-BEFvnO_u.js → sheet-BQJyER59.js} +120 -115
- package/dist/sheet.js +2 -2
- package/dist/shortcuts-DGGWNRNe.js +13 -0
- package/dist/sidebar.js +4 -4
- package/dist/{status-dot-BpnqOP5N.js → status-dot-W4LFiJps.js} +2 -2
- package/dist/status-dot.js +1 -1
- package/dist/styles/accessibility.css +1 -1
- package/dist/styles/animations.css +1 -1
- package/dist/styles/components.css +1 -1
- package/dist/styles/glass/a11y-fallback.css +1 -1
- package/dist/styles/glass/dissolve.css +1 -1
- package/dist/styles/glass/focus-veil.css +1 -1
- package/dist/styles/glass/ladder.css +1 -1
- package/dist/styles/glass/overlay-plate.css +1 -1
- package/dist/styles/glass/reveal.css +1 -1
- package/dist/styles/glass-specular-track.css +1 -1
- package/dist/styles/paper.css +1 -1
- package/dist/styles/scroll-choreography.css +1 -1
- package/dist/styles/scroll-chrome.css +1 -1
- package/dist/styles/scroll-driven.css +1 -1
- package/dist/styles/theme/literals.css +1 -1
- package/dist/styles/tokens/color-radius.css +1 -1
- package/dist/styles/tokens/dark-arm-glass.css +1 -1
- package/dist/styles/tokens/light-dark.css +1 -1
- package/dist/styles/tokens/offsets.css +1 -1
- package/dist/styles/tokens/scheme-motion.css +1 -1
- package/dist/styles/tokens/sizing.css +1 -1
- package/dist/styles/typography/semantic.css +1 -1
- package/dist/styles/typography/utilities.css +1 -1
- package/dist/styles/utilities/a11y-overrides.css +1 -1
- package/dist/styles/utilities/responsive.css +1 -1
- package/dist/styles/view-transition.css +1 -1
- package/dist/styles/viz-reveal.css +1 -1
- package/dist/surface.js +1 -1
- package/dist/{switch-lLkbREB-.js → switch-BYUZ6g9G.js} +1 -1
- package/dist/switch.js +1 -1
- package/dist/{tabs-DSJMd1Et.js → tabs-rdRXKXxd.js} +4 -3
- package/dist/tabs.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.js +44 -42
- package/dist/{toast-9c6Kp58L.js → toast-DVOwo6GB.js} +1 -1
- package/dist/toast.js +1 -1
- package/dist/{toggle-group-DUcmKnDw.js → toggle-group-CC5b3o1R.js} +1 -1
- package/dist/toggle-group.js +1 -1
- package/dist/{tooltip-BKk2qVDn.js → tooltip-DhTHhtJN.js} +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/{useAccentTone-DFAh1osB.js → useAccentTone-DitmKfGL.js} +1 -1
- package/dist/{usePointerVelocityField-DsIf7yyq.js → usePointerVelocityField-Lx26_Yap.js} +1 -1
- package/package.json +4 -2
- package/dist/DialogContent-4hzLiaCQ.js +0 -152
- package/dist/popover-C04Rrdcz.js +0 -181
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.glass-vaporize{--vap-clock: var(--exit-overlay-duration);--vap-curve: var(--exit-curve);--vap-rest-blur: calc(var(--glass-blur-floating-radius) * var(--glass-level));--vap-rest-saturate: var(--glass-saturate);--vap-blur: var(--vap-rest-blur);--vap-saturate: var(--vap-rest-saturate);--vap-height: 1lh;--vap-ink-blur: calc(0.5 * var(--vap-height));--vap-ink-floor: 0.3;}.glass-vaporize[data-state="closed"]{-webkit-backdrop-filter: blur(var(--vap-blur)) saturate(var(--vap-saturate));backdrop-filter: blur(var(--vap-blur)) saturate(var(--vap-saturate));animation: glass-vaporize-saturate var(--vap-clock) var(--vap-curve) both,glass-vaporize-panel var(--vap-clock) var(--vap-curve) both,glass-vaporize-blur var(--vap-clock) var(--vap-curve) both;}.glass-vaporize[data-state="closed"],.glass-vaporize[data-state="closed"][data-side="top"],.glass-vaporize[data-state="closed"][data-side="bottom"],.glass-vaporize[data-state="closed"][data-side="left"],.glass-vaporize[data-state="closed"][data-side="right"]{opacity: 1;scale: none;translate: none;filter: none;}.glass-vaporize[data-state="closed"] > *{animation: glass-vaporize-ink var(--vap-clock) var(--vap-curve) both;}.glass-corner-host{--corner-affordance-size: var(--icon-xl);--corner-affordance-host-border: 0px;--corner-affordance-offset: calc( (0.065 - 0.5) * var(--corner-affordance-size) - var(--corner-affordance-host-border) );position: relative;overflow: visible;}.glass-corner-host[data-corner="top-left"]{transform-origin: left top;}.glass-corner-host[data-corner="top-right"]{transform-origin: right top;}.glass-corner-host[data-corner="bottom-left"]{transform-origin: left bottom;}.glass-corner-host[data-corner="bottom-right"]{transform-origin: right bottom;}.glass-corner-affordance{position: absolute;z-index: 1;display: grid;place-items: center;inline-size: var(--corner-affordance-size);block-size: var(--corner-affordance-size);border-radius: 50%;border: 0;box-shadow: none;-webkit-backdrop-filter: none;backdrop-filter: none;background-color: var(--corner-affordance-fill,var(--foreground));color: var(--corner-affordance-ink,var(--background));}.glass-corner-host[data-corner="top-left"] > .glass-corner-affordance{inset-block-start: var(--corner-affordance-offset);inset-inline-start: var(--corner-affordance-offset);}.glass-corner-host[data-corner="top-right"] > .glass-corner-affordance{inset-block-start: var(--corner-affordance-offset);inset-inline-end: var(--corner-affordance-offset);}.glass-corner-host[data-corner="bottom-left"] > .glass-corner-affordance{inset-block-end: var(--corner-affordance-offset);inset-inline-start: var(--corner-affordance-offset);}.glass-corner-host[data-corner="bottom-right"] > .glass-corner-affordance{inset-block-end: var(--corner-affordance-offset);inset-inline-end: var(--corner-affordance-offset);}}@media (pointer: coarse){.glass-corner-affordance::after{content: "";position: absolute;inset: calc((var(--corner-affordance-size) - var(--touch-target)) / 2);}}@layer components{@media (prefers-reduced-motion: reduce){.glass-vaporize[data-state="closed"]{animation-name: glass-vaporize-saturate,glass-vaporize-panel,glass-vaporize-blur !important;animation-duration: var(--vap-clock) !important;}.glass-vaporize[data-state="closed"] > *{animation-name: glass-vaporize-ink-reduced !important;animation-duration: var(--vap-clock) !important;}}}
|
|
1
|
+
@layer components{.glass-vaporize{--vap-clock: var(--exit-overlay-duration);--vap-curve: var(--exit-curve);--vap-rest-blur: calc(var(--glass-blur-floating-radius) * var(--glass-level));--vap-rest-saturate: var(--glass-saturate);--vap-blur: var(--vap-rest-blur);--vap-saturate: var(--vap-rest-saturate);--vap-height: 1lh;--vap-ink-blur: calc(0.5 * var(--vap-height));--vap-ink-floor: 0.3;}.glass-vaporize[data-state="closed"]{-webkit-backdrop-filter: blur(var(--vap-blur)) saturate(var(--vap-saturate));backdrop-filter: blur(var(--vap-blur)) saturate(var(--vap-saturate));animation: glass-vaporize-saturate var(--vap-clock) var(--vap-curve) both,glass-vaporize-panel var(--vap-clock) var(--vap-curve) both,glass-vaporize-blur var(--vap-clock) var(--vap-curve) both;}.glass-vaporize[data-state="closed"],.glass-vaporize[data-state="closed"][data-side="top"],.glass-vaporize[data-state="closed"][data-side="bottom"],.glass-vaporize[data-state="closed"][data-side="left"],.glass-vaporize[data-state="closed"][data-side="right"]{opacity: 1;scale: none;translate: none;filter: none;}.glass-vaporize[data-state="closed"] > *{animation: glass-vaporize-ink var(--vap-clock) var(--vap-curve) both;}.glass-corner-host{--corner-affordance-size: var(--icon-xl);--corner-affordance-host-border: 0px;--corner-affordance-offset: calc( (0.065 - 0.5) * var(--corner-affordance-size) - var(--corner-affordance-host-border) );position: relative;overflow: visible;}.glass-corner-host[data-corner="top-left"]{transform-origin: left top;}.glass-corner-host[data-corner="top-right"]{transform-origin: right top;}.glass-corner-host[data-corner="bottom-left"]{transform-origin: left bottom;}.glass-corner-host[data-corner="bottom-right"]{transform-origin: right bottom;}.glass-corner-affordance{position: absolute;z-index: 1;display: grid;place-items: center;inline-size: var(--corner-affordance-size);block-size: var(--corner-affordance-size);border-radius: 50%;border: 0;box-shadow: none;-webkit-backdrop-filter: none;backdrop-filter: none;background-color: var(--corner-affordance-fill,var(--foreground));color: var(--corner-affordance-ink,var(--background));}.glass-corner-host[data-corner="top-left"] > .glass-corner-affordance{inset-block-start: var(--corner-affordance-offset);inset-inline-start: var(--corner-affordance-offset);}.glass-corner-host[data-corner="top-right"] > .glass-corner-affordance{inset-block-start: var(--corner-affordance-offset);inset-inline-end: var(--corner-affordance-offset);}.glass-corner-host[data-corner="bottom-left"] > .glass-corner-affordance{inset-block-end: var(--corner-affordance-offset);inset-inline-start: var(--corner-affordance-offset);}.glass-corner-host[data-corner="bottom-right"] > .glass-corner-affordance{inset-block-end: var(--corner-affordance-offset);inset-inline-end: var(--corner-affordance-offset);}}@layer components{@media (pointer: coarse){.glass-corner-affordance::after{content: "";position: absolute;inset: calc((var(--corner-affordance-size) - var(--touch-target)) / 2);}}}@layer components{@media (prefers-reduced-motion: reduce){.glass-vaporize[data-state="closed"]{animation-name: glass-vaporize-saturate,glass-vaporize-panel,glass-vaporize-blur !important;animation-duration: var(--vap-clock) !important;}.glass-vaporize[data-state="closed"] > *{animation-name: glass-vaporize-ink-reduced !important;animation-duration: var(--vap-clock) !important;}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.glass-focus-veil{position: fixed;inset: 0;z-index: calc(var(--z-overlay) - 1);pointer-events: none;-webkit-backdrop-filter: blur(var(--glass-focus-veil-blur)) saturate(var(--glass-saturate));backdrop-filter: blur(var(--glass-focus-veil-blur)) saturate(var(--glass-saturate));background: var(--glass-focus-veil-dim);-webkit-mask-image: linear-gradient( to right,transparent calc( var(--veil-x) - var(--glass-focus-veil-core-x) - var(--glass-focus-veil-bloom) ),black calc(var(--veil-x) - var(--glass-focus-veil-core-x)),black calc(var(--veil-x) + var(--glass-focus-veil-core-x)),transparent calc( var(--veil-x) + var(--glass-focus-veil-core-x) + var(--glass-focus-veil-bloom) ) ),linear-gradient( to bottom,transparent calc( var(--veil-y) - var(--glass-focus-veil-core-y) - var(--glass-focus-veil-bloom) ),black calc(var(--veil-y) - var(--glass-focus-veil-core-y)),black calc(var(--veil-y) + var(--glass-focus-veil-core-y)),transparent calc( var(--veil-y) + var(--glass-focus-veil-core-y) + var(--glass-focus-veil-bloom) ) );-webkit-mask-composite: source-in;mask-image: linear-gradient( to right,transparent calc( var(--veil-x) - var(--glass-focus-veil-core-x) - var(--glass-focus-veil-bloom) ),black calc(var(--veil-x) - var(--glass-focus-veil-core-x)),black calc(var(--veil-x) + var(--glass-focus-veil-core-x)),transparent calc( var(--veil-x) + var(--glass-focus-veil-core-x) + var(--glass-focus-veil-bloom) ) ),linear-gradient( to bottom,transparent calc( var(--veil-y) - var(--glass-focus-veil-core-y) - var(--glass-focus-veil-bloom) ),black calc(var(--veil-y) - var(--glass-focus-veil-core-y)),black calc(var(--veil-y) + var(--glass-focus-veil-core-y)),transparent calc( var(--veil-y) + var(--glass-focus-veil-core-y) + var(--glass-focus-veil-bloom) ) );mask-composite: intersect;opacity: 0;transition: opacity var(--duration-fast) var(--ease-standard);}.glass-focus-veil[data-engaged]{opacity: 1;transition: opacity var(--duration-normal) var(--ease-standard) var(--duration-instant);}@starting-style{.glass-focus-veil[data-engaged]{opacity: 0;}}}@media (prefers-reduced-transparency: reduce),(forced-colors: active){.glass-focus-veil{display: none;}}
|
|
1
|
+
@layer components{.glass-focus-veil{position: fixed;inset: 0;z-index: calc(var(--z-overlay) - 1);pointer-events: none;-webkit-backdrop-filter: blur(var(--glass-focus-veil-blur)) saturate(var(--glass-saturate));backdrop-filter: blur(var(--glass-focus-veil-blur)) saturate(var(--glass-saturate));background: var(--glass-focus-veil-dim);-webkit-mask-image: linear-gradient( to right,transparent calc( var(--veil-x) - var(--glass-focus-veil-core-x) - var(--glass-focus-veil-bloom) ),black calc(var(--veil-x) - var(--glass-focus-veil-core-x)),black calc(var(--veil-x) + var(--glass-focus-veil-core-x)),transparent calc( var(--veil-x) + var(--glass-focus-veil-core-x) + var(--glass-focus-veil-bloom) ) ),linear-gradient( to bottom,transparent calc( var(--veil-y) - var(--glass-focus-veil-core-y) - var(--glass-focus-veil-bloom) ),black calc(var(--veil-y) - var(--glass-focus-veil-core-y)),black calc(var(--veil-y) + var(--glass-focus-veil-core-y)),transparent calc( var(--veil-y) + var(--glass-focus-veil-core-y) + var(--glass-focus-veil-bloom) ) );-webkit-mask-composite: source-in;mask-image: linear-gradient( to right,transparent calc( var(--veil-x) - var(--glass-focus-veil-core-x) - var(--glass-focus-veil-bloom) ),black calc(var(--veil-x) - var(--glass-focus-veil-core-x)),black calc(var(--veil-x) + var(--glass-focus-veil-core-x)),transparent calc( var(--veil-x) + var(--glass-focus-veil-core-x) + var(--glass-focus-veil-bloom) ) ),linear-gradient( to bottom,transparent calc( var(--veil-y) - var(--glass-focus-veil-core-y) - var(--glass-focus-veil-bloom) ),black calc(var(--veil-y) - var(--glass-focus-veil-core-y)),black calc(var(--veil-y) + var(--glass-focus-veil-core-y)),transparent calc( var(--veil-y) + var(--glass-focus-veil-core-y) + var(--glass-focus-veil-bloom) ) );mask-composite: intersect;opacity: 0;transition: opacity var(--duration-fast) var(--ease-standard);}.glass-focus-veil[data-engaged]{opacity: 1;transition: opacity var(--duration-normal) var(--ease-standard) var(--duration-instant);}@starting-style{.glass-focus-veil[data-engaged]{opacity: 0;}}}@layer components{@media (prefers-reduced-transparency: reduce),(forced-colors: active){.glass-focus-veil{display: none;}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.glass-wash{position: relative;@apply glass-plate;border-radius: var(--radius-ctx);transition: background-color var(--spring-press-duration) var(--spring-press),box-shadow var(--spring-press-duration) var(--spring-press);-webkit-backdrop-filter: var(--glass-blur-wash);backdrop-filter: var(--glass-blur-wash);--glass-border-rung: var(--glass-border-wash);border: 1px solid var(--glass-border-accent);box-shadow: var(--glass-material-rim),var(--glass-shadow-wash);}.glass-quiet{position: relative;@apply glass-plate;border-radius: var(--radius-ctx);transition: background-color var(--spring-press-duration) var(--spring-press),box-shadow var(--spring-press-duration) var(--spring-press);-webkit-backdrop-filter: var(--glass-blur-quiet);backdrop-filter: var(--glass-blur-quiet);--glass-border-rung: var(--glass-border-quiet);border: 1px solid var(--glass-border-accent);box-shadow: var(--glass-material-rim),var(--glass-under-shadow-quiet),var(--glass-shadow-quiet);}.glass-resting{position: relative;@apply glass-plate;border-radius: var(--radius-ctx);transition: background-color var(--spring-press-duration) var(--spring-press),box-shadow var(--spring-press-duration) var(--spring-press);-webkit-backdrop-filter: var(--glass-blur-resting);backdrop-filter: var(--glass-blur-resting);--glass-border-rung: var(--glass-border-resting);border: 1px solid var(--glass-border-accent);box-shadow: var(--glass-material-rim),var(--glass-under-shadow-default),var(--glass-shadow-resting);}.glass-floating{--glass-backdrop: light;position: relative;@apply glass-plate;border-radius: var(--radius-ctx);transition: background-color var(--spring-press-duration) var(--spring-press),box-shadow var(--spring-press-duration) var(--spring-press);-webkit-backdrop-filter: var(--glass-blur-floating);backdrop-filter: var(--glass-blur-floating);--glass-border-rung: var(--glass-border-floating);border: 1px solid var(--glass-border-accent);box-shadow: var(--glass-material-rim),var(--glass-under-shadow-vivid),var(--glass-shadow-floating);}.glass-overlay{--glass-backdrop: light;position: relative;@apply glass-plate;border-radius: var(--radius-ctx);transition: background-color var(--spring-press-duration) var(--spring-press),box-shadow var(--spring-press-duration) var(--spring-press);-webkit-backdrop-filter: var(--glass-blur-overlay);backdrop-filter: var(--glass-blur-overlay);--glass-border-rung: var(--glass-border-overlay);border: 1px solid var(--glass-border-accent);box-shadow: var(--glass-material-rim),var(--glass-shadow-overlay);}@container style(--glass-backdrop: light){.glass-wash,.glass-quiet,.glass-resting,.glass-floating,.glass-overlay,.glass-card{--muted-foreground: var(--foreground);}}:where( .glass-card,.glass-resting,.glass-quiet,.glass-wash,.glass-floating,.glass-overlay ){--muted-foreground: var(--on-glass-muted);--muted-foreground-strong: var(--on-glass-muted-strong);}:where(.feedback-tone,.glass-capsule){--muted-foreground: var(--on-glass-muted-strong);--muted-foreground-strong: var(--on-glass-muted-strong);}@supports (color: contrast-color(white)){@container style(--glass-backdrop: light){.glass-wash,.glass-quiet,.glass-resting,.glass-floating,.glass-overlay,.glass-card{color: contrast-color(var(--card));--foreground: contrast-color(var(--card));--muted-foreground: contrast-color(var(--card));}}}}
|
|
1
|
+
@layer components{.glass-wash{position: relative;@apply glass-plate;border-radius: var(--radius-ctx);transition: background-color var(--spring-press-duration) var(--spring-press),box-shadow var(--spring-press-duration) var(--spring-press);-webkit-backdrop-filter: var(--glass-blur-wash);backdrop-filter: var(--glass-blur-wash);--glass-border-rung: var(--glass-border-wash);border: 1px solid var(--glass-border-accent);box-shadow: var(--glass-material-rim),var(--glass-shadow-wash);}.glass-quiet{position: relative;@apply glass-plate;border-radius: var(--radius-ctx);transition: background-color var(--spring-press-duration) var(--spring-press),box-shadow var(--spring-press-duration) var(--spring-press);-webkit-backdrop-filter: var(--glass-blur-quiet);backdrop-filter: var(--glass-blur-quiet);--glass-border-rung: var(--glass-border-quiet);border: 1px solid var(--glass-border-accent);box-shadow: var(--glass-material-rim),var(--glass-under-shadow-quiet),var(--glass-shadow-quiet);}.glass-resting{position: relative;@apply glass-plate;border-radius: var(--radius-ctx);transition: background-color var(--spring-press-duration) var(--spring-press),box-shadow var(--spring-press-duration) var(--spring-press);-webkit-backdrop-filter: var(--glass-blur-resting);backdrop-filter: var(--glass-blur-resting);--glass-border-rung: var(--glass-border-resting);border: 1px solid var(--glass-border-accent);box-shadow: var(--glass-material-rim),var(--glass-under-shadow-default),var(--glass-shadow-resting);}.glass-floating{--glass-backdrop: light;position: relative;@apply glass-plate;border-radius: var(--radius-ctx);transition: background-color var(--spring-press-duration) var(--spring-press),box-shadow var(--spring-press-duration) var(--spring-press);-webkit-backdrop-filter: var(--glass-blur-floating);backdrop-filter: var(--glass-blur-floating);--glass-border-rung: var(--glass-border-floating);border: 1px solid var(--glass-border-accent);box-shadow: var(--glass-material-rim),var(--glass-under-shadow-vivid),var(--glass-shadow-floating);}.glass-overlay{--glass-backdrop: light;position: relative;@apply glass-plate;border-radius: var(--radius-ctx);transition: background-color var(--spring-press-duration) var(--spring-press),box-shadow var(--spring-press-duration) var(--spring-press);-webkit-backdrop-filter: var(--glass-blur-overlay);backdrop-filter: var(--glass-blur-overlay);--glass-border-rung: var(--glass-border-overlay);border: 1px solid var(--glass-border-accent);box-shadow: var(--glass-material-rim),var(--glass-shadow-overlay);}@container style(--glass-backdrop: light){.glass-wash,.glass-quiet,.glass-resting,.glass-floating,.glass-overlay,.glass-card{--muted-foreground: var(--foreground);}}:where( .glass-card,.glass-resting,.glass-quiet,.glass-wash,.glass-floating,.glass-overlay ){--muted-foreground: var(--on-glass-muted);--muted-foreground-strong: var(--on-glass-muted-strong);}:where(.feedback-tone,.glass-capsule,.glass-capsule-track){--muted-foreground: var(--on-glass-muted-strong);--muted-foreground-strong: var(--on-glass-muted-strong);}@supports (color: contrast-color(white)){@container style(--glass-backdrop: light){.glass-wash,.glass-quiet,.glass-resting,.glass-floating,.glass-overlay,.glass-card{color: contrast-color(var(--card));--foreground: contrast-color(var(--card));--muted-foreground: contrast-color(var(--card));}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.glass-overlay-plate{--radius-ctx: var(--radius-card);--radius-inset: var(--overlay-pad);padding: var(--overlay-pad);color: var(--popover-foreground);overflow: hidden;}.glass-overlay-plate[data-reveal="menu"]{min-inline-size: var(--overlay-min-width);max-block-size: min( var(--overlay-max-block),var(--reka-popper-available-height,var(--overlay-max-block)) );overflow-y: auto;}.glass-overlay-plate[data-reveal="overlay"]{inline-size: min(21rem,calc(100dvw - 2 * var(--overlay-pad)));}.glass-overlay-plate[data-reveal="tooltip"]{--radius-ctx: var(--radius-panel);--radius-inset: var(--overlay-pad-hint);padding: var(--overlay-pad-hint);font-size: var(--tooltip-text);}.menu__trigger:focus-visible{outline: var(--focus-ring-width) solid color-mix( in oklab,var(--foreground) calc(var(--ink-perimeter) * 100%),transparent );outline-offset: var(--focus-ring-width);border-radius: var(--radius-control);}.menu__item,.menu__sub-trigger{position: relative;display: flex;width: 100%;align-items: center;padding-block: 0.375rem;padding-inline: 0.5rem;cursor: default;outline: none;color: inherit;font-size: var(--dropdown-text);user-select: none;}.menu__item[data-inset],.menu__item[data-indicator="wide"]{padding-inline-start: 2rem;}.menu__item[data-indicator="start"]{padding-inline-start: 1.75rem;}.menu__item[data-disabled],.menu__sub-trigger[data-disabled]{pointer-events: none;cursor: not-allowed;opacity: var(--opacity-disabled);}.menu__indicator{position: absolute;inset-inline-start: 0.5rem;display: inline-flex;width: 0.875rem;height: 0.875rem;align-items: center;justify-content: center;}.menu__indicator > svg{width: 1rem;height: 1rem;}.menu__radio-dot{display: inline-block;width: 0.5rem;height: 0.5rem;border-radius: var(--radius-pill);background: currentColor;}.menu__label{padding: 0.375rem 0.5rem;color: var(--muted-foreground);font-size: var(--dropdown-text-secondary);font-weight: 600;}.menu__label[data-inset]{padding-inline-start: 2rem;}.menu__shortcut{margin-inline-start: auto;font-size: var(--dropdown-text-secondary);letter-spacing: var(--type-tracking-caps);opacity: 0.6;}.menu__sub-chevron{width: 1rem;height: 1rem;margin-inline-start: auto;}[data-slot="select-content"]{--glass-veil-tier: var(--glass-veil-overlay);--overlay-viewport-inset: 4px;--overlay-option-radius: calc( var(--radius-card) - var(--overlay-viewport-inset) );background-image: linear-gradient( color-mix( in oklab,oklch(0.9 0.05 75 / 0),var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ),color-mix( in oklab,oklch(0.9 0.05 75 / 0),var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ) );border: 1px solid color-mix( in oklab,var(--foreground) calc(var(--ink-edge) * 100%),transparent );box-shadow: var(--glass-material-rim),var(--glass-under-shadow-vivid),var(--glass-shadow-floating),var(--shadow-cartoon-lg);max-height: min( var(--overlay-max-block),var(--reka-popper-available-height,var(--overlay-max-block)) );overflow: hidden;transform-origin: var(--reka-select-content-transform-origin);}[data-slot="select-viewport"]{padding: var(--overlay-viewport-inset);}[data-slot="select-viewport"] [role="option"]{border-radius: var(--overlay-option-radius);}.glass-field-portal{position: relative;}.glass-field-portal::before{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;border-radius: inherit;background: radial-gradient( 70% 60% at 24% 22%,oklch(0.92 0.08 var(--field-h,48) / 0.55),transparent 72% ),radial-gradient( 64% 58% at 82% 80%,oklch(0.88 0.07 calc(var(--field-h,48) + 18) / 0.5),transparent 70% ),radial-gradient( 60% 62% at 60% 40%,oklch(0.9 0.06 calc(var(--field-h,48) - 14) / 0.48),transparent 74% );}.dark .glass-field-portal::before{background: radial-gradient( 70% 60% at 24% 22%,oklch(0.3 0.1 var(--field-h,48) / 0.55),transparent 72% ),radial-gradient( 64% 58% at 82% 80%,oklch(0.26 0.09 calc(var(--field-h,48) + 18) / 0.5),transparent 70% ),radial-gradient( 60% 62% at 60% 40%,oklch(0.28 0.08 calc(var(--field-h,48) - 14) / 0.48),transparent 74% );}@supports not (color: oklch(0.9 0.08 48)){.glass-field-portal::before{background: radial-gradient( 70% 60% at 24% 22%,hsl(var(--field-h,48) 60% 88% / 0.5),transparent 72% );}.dark .glass-field-portal::before{background: radial-gradient( 70% 60% at 24% 22%,hsl(var(--field-h,48) 45% 26% / 0.55),transparent 72% );}}}
|
|
1
|
+
@layer components{.glass-overlay-plate{--radius-ctx: var(--radius-card);--radius-inset: var(--overlay-pad);padding: var(--overlay-pad);color: var(--popover-foreground);overflow: hidden;}.glass-overlay-plate[data-reveal="menu"]{min-inline-size: var(--overlay-min-width);max-block-size: min( var(--overlay-max-block),var(--reka-popper-available-height,var(--overlay-max-block)) );overflow-y: auto;}.glass-overlay-plate[data-reveal="overlay"]{inline-size: min(21rem,calc(100dvw - 2 * var(--overlay-pad)));}.glass-overlay-plate[data-reveal="tooltip"]{--radius-ctx: var(--radius-panel);--radius-inset: var(--overlay-pad-hint);padding: var(--overlay-pad-hint);font-size: var(--tooltip-text);line-height: var(--type-leading-caption);max-block-size: min( var(--overlay-max-block),var(--reka-popper-available-height,var(--overlay-max-block)) );overflow-y: auto;}.menu__trigger:focus-visible{outline: var(--focus-ring-width) solid color-mix( in oklab,var(--foreground) calc(var(--ink-perimeter) * 100%),transparent );outline-offset: var(--focus-ring-width);border-radius: var(--radius-control);}.menu__item,.menu__sub-trigger{position: relative;display: flex;width: 100%;align-items: center;padding-block: 0.375rem;padding-inline: 0.5rem;cursor: default;outline: none;color: inherit;font-size: var(--dropdown-text);user-select: none;}.menu__item[data-inset],.menu__item[data-indicator="wide"]{padding-inline-start: 2rem;}.menu__item[data-indicator="start"]{padding-inline-start: 1.75rem;}.menu__item[data-disabled],.menu__sub-trigger[data-disabled]{pointer-events: none;cursor: not-allowed;opacity: var(--opacity-disabled);}.menu__indicator{position: absolute;inset-inline-start: 0.5rem;display: inline-flex;width: 0.875rem;height: 0.875rem;align-items: center;justify-content: center;}.menu__indicator > svg{width: 1rem;height: 1rem;}.menu__radio-dot{display: inline-block;width: 0.5rem;height: 0.5rem;border-radius: var(--radius-pill);background: currentColor;}.menu__label{padding: 0.375rem 0.5rem;color: var(--muted-foreground);font-size: var(--dropdown-text-secondary);font-weight: 600;}.menu__label[data-inset]{padding-inline-start: 2rem;}.menu__shortcut{margin-inline-start: auto;font-size: var(--dropdown-text-secondary);letter-spacing: var(--type-tracking-caps);opacity: 0.6;}.menu__sub-chevron{width: 1rem;height: 1rem;margin-inline-start: auto;}[data-slot="select-content"]{--glass-veil-tier: var(--glass-veil-overlay);--overlay-viewport-inset: 4px;--overlay-option-radius: calc( var(--radius-card) - var(--overlay-viewport-inset) );background-image: linear-gradient( color-mix( in oklab,oklch(0.9 0.05 75 / 0),var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ),color-mix( in oklab,oklch(0.9 0.05 75 / 0),var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ) );border: 1px solid color-mix( in oklab,var(--foreground) calc(var(--ink-edge) * 100%),transparent );box-shadow: var(--glass-material-rim),var(--glass-under-shadow-vivid),var(--glass-shadow-floating),var(--shadow-cartoon-lg);max-height: min( var(--overlay-max-block),var(--reka-popper-available-height,var(--overlay-max-block)) );overflow: hidden;transform-origin: var(--reka-select-content-transform-origin);}[data-slot="select-viewport"]{padding: var(--overlay-viewport-inset);}[data-slot="select-viewport"] [role="option"]{border-radius: var(--overlay-option-radius);}.glass-field-portal{position: relative;}.glass-field-portal::before{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;border-radius: inherit;background: radial-gradient( 70% 60% at 24% 22%,oklch(0.92 0.08 var(--field-h,48) / 0.55),transparent 72% ),radial-gradient( 64% 58% at 82% 80%,oklch(0.88 0.07 calc(var(--field-h,48) + 18) / 0.5),transparent 70% ),radial-gradient( 60% 62% at 60% 40%,oklch(0.9 0.06 calc(var(--field-h,48) - 14) / 0.48),transparent 74% );}.dark .glass-field-portal::before{background: radial-gradient( 70% 60% at 24% 22%,oklch(0.3 0.1 var(--field-h,48) / 0.55),transparent 72% ),radial-gradient( 64% 58% at 82% 80%,oklch(0.26 0.09 calc(var(--field-h,48) + 18) / 0.5),transparent 70% ),radial-gradient( 60% 62% at 60% 40%,oklch(0.28 0.08 calc(var(--field-h,48) - 14) / 0.48),transparent 74% );}@supports not (color: oklch(0.9 0.08 48)){.glass-field-portal::before{background: radial-gradient( 70% 60% at 24% 22%,hsl(var(--field-h,48) 60% 88% / 0.5),transparent 72% );}.dark .glass-field-portal::before{background: radial-gradient( 70% 60% at 24% 22%,hsl(var(--field-h,48) 45% 26% / 0.55),transparent 72% );}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.glass-reveal{--reveal-spring: var(--enter-overlay-spring);--reveal-clock: var(--enter-overlay-clock);--reveal-exit-clock: var(--exit-overlay-duration);--reveal-exit-curve: var(--exit-curve);--glass-reveal-enter-scale: var(--enter-overlay-scale);--glass-reveal-blur: var(--enter-overlay-blur);--glass-reveal-slide: var(--enter-overlay-slide);--lq-stretch-x: 1.06;--lq-stretch-y: 0.945;transform-origin: var(--reka-popper-transform-origin,center);transition-property: scale,translate,opacity,filter,display,overlay;transition-duration: var(--reveal-clock),var(--reveal-clock),var(--reveal-clock),var(--reveal-clock),var(--reveal-clock),var(--reveal-clock);transition-timing-function: var(--reveal-spring),var(--reveal-spring),var(--ease-out),var(--ease-out),linear,linear;transition-behavior: allow-discrete;}.glass-reveal[data-reveal="overlay"]{--reveal-spring: var(--enter-overlay-spring);--reveal-clock: var(--enter-overlay-clock);--reveal-exit-clock: var(--exit-overlay-duration);--glass-reveal-enter-scale: var(--enter-overlay-scale);--glass-reveal-blur: var(--enter-overlay-blur);--glass-reveal-slide: var(--enter-overlay-slide);}.glass-reveal[data-reveal="menu"]{--reveal-spring: var(--enter-menu-spring);--reveal-clock: var(--enter-menu-clock);--reveal-exit-clock: var(--spring-present-exit-duration);--glass-reveal-enter-scale: var(--enter-menu-scale);--glass-reveal-blur: var(--enter-menu-blur);--glass-reveal-slide: var(--enter-menu-slide);}.glass-reveal[data-reveal="tooltip"]{--reveal-spring: var(--enter-tooltip-spring);--reveal-clock: var(--enter-tooltip-clock);--reveal-exit-clock: var(--spring-present-exit-duration);--glass-reveal-enter-scale: var(--enter-tooltip-scale);--glass-reveal-blur: var(--enter-tooltip-blur);--glass-reveal-slide: var(--enter-tooltip-slide);}.glass-reveal[data-state="open"]{scale: 1 1;opacity: 1;filter: blur(0);@starting-style{scale: calc(var(--glass-reveal-enter-scale,0.94) * var(--lq-stretch-x,1.06)) calc(var(--glass-reveal-enter-scale,0.94) * var(--lq-stretch-y,0.945));opacity: 0;filter: blur(var(--glass-reveal-blur));}}.glass-reveal[data-state="closed"]{scale: calc(var(--glass-reveal-enter-scale,0.94) * var(--lq-stretch-x,1.06)) calc(var(--glass-reveal-enter-scale,0.94) * var(--lq-stretch-y,0.945));opacity: 0;filter: blur(var(--glass-reveal-blur));animation: glass-reveal-out var(--reveal-exit-clock) var(--reveal-exit-curve) both;transition-property: translate,display,overlay;transition-timing-function: var(--reveal-exit-curve);transition-duration: var(--reveal-exit-clock);}.glass-reveal[data-side="top"][data-state="open"]{translate: 0 0;@starting-style{translate: 0 var(--glass-reveal-slide);}}.glass-reveal[data-side="bottom"][data-state="open"]{translate: 0 0;@starting-style{translate: 0 calc(-1 * var(--glass-reveal-slide));}}.glass-reveal[data-side="left"][data-state="open"]{translate: 0 0;@starting-style{translate: var(--glass-reveal-slide) 0;}}.glass-reveal[data-side="right"][data-state="open"]{translate: 0 0;@starting-style{translate: calc(-1 * var(--glass-reveal-slide)) 0;}}.glass-reveal[data-state="closed"][data-side="top"]{translate: 0 var(--glass-reveal-slide);}.glass-reveal[data-state="closed"][data-side="bottom"]{translate: 0 calc(-1 * var(--glass-reveal-slide));}.glass-reveal[data-state="closed"][data-side="left"]{translate: var(--glass-reveal-slide) 0;}.glass-reveal[data-state="closed"][data-side="right"]{translate: calc(-1 * var(--glass-reveal-slide)) 0;}.glass-reveal[data-motion="reduced"]{--glass-reveal-enter-scale: 0.97;--glass-reveal-blur: 0px;}.glass-reveal[data-motion="off"]{scale: none;translate: none;filter: blur(0);transition-property: opacity,display,overlay;transition-duration: var(--reveal-exit-clock);transition-timing-function: var(--reveal-exit-curve);}.glass-reveal[data-motion="off"][data-state="closed"]{scale: none;translate: none;filter: blur(0);animation-name: glass-reveal-out-reduced;}}@media (prefers-reduced-motion: reduce){.glass-reveal{scale: none;translate: none;filter: blur(0);transition-property: opacity,display,overlay;transition-duration: var(--duration-fast);transition-timing-function: var(--ease-out);}.glass-reveal[data-state="closed"]{scale: none;translate: none;filter: blur(0);animation-name: glass-reveal-out-reduced;}}
|
|
1
|
+
@layer components{.glass-reveal{--reveal-spring: var(--enter-overlay-spring);--reveal-clock: var(--enter-overlay-clock);--reveal-exit-clock: var(--exit-overlay-duration);--reveal-exit-curve: var(--exit-curve);--glass-reveal-enter-scale: var(--enter-overlay-scale);--glass-reveal-blur: var(--enter-overlay-blur);--glass-reveal-slide: var(--enter-overlay-slide);--lq-stretch-x: 1.06;--lq-stretch-y: 0.945;transform-origin: var(--reka-popper-transform-origin,center);transition-property: scale,translate,opacity,filter,display,overlay;transition-duration: var(--reveal-clock),var(--reveal-clock),var(--reveal-clock),var(--reveal-clock),var(--reveal-clock),var(--reveal-clock);transition-timing-function: var(--reveal-spring),var(--reveal-spring),var(--ease-out),var(--ease-out),linear,linear;transition-behavior: allow-discrete;}.glass-reveal[data-reveal="overlay"]{--reveal-spring: var(--enter-overlay-spring);--reveal-clock: var(--enter-overlay-clock);--reveal-exit-clock: var(--exit-overlay-duration);--glass-reveal-enter-scale: var(--enter-overlay-scale);--glass-reveal-blur: var(--enter-overlay-blur);--glass-reveal-slide: var(--enter-overlay-slide);}.glass-reveal[data-reveal="menu"]{--reveal-spring: var(--enter-menu-spring);--reveal-clock: var(--enter-menu-clock);--reveal-exit-clock: var(--spring-present-exit-duration);--glass-reveal-enter-scale: var(--enter-menu-scale);--glass-reveal-blur: var(--enter-menu-blur);--glass-reveal-slide: var(--enter-menu-slide);}.glass-reveal[data-reveal="tooltip"]{--reveal-spring: var(--enter-tooltip-spring);--reveal-clock: var(--enter-tooltip-clock);--reveal-exit-clock: var(--spring-present-exit-duration);--glass-reveal-enter-scale: var(--enter-tooltip-scale);--glass-reveal-blur: var(--enter-tooltip-blur);--glass-reveal-slide: var(--enter-tooltip-slide);}.glass-reveal[data-state="open"]{scale: 1 1;opacity: 1;filter: blur(0);@starting-style{scale: calc(var(--glass-reveal-enter-scale,0.94) * var(--lq-stretch-x,1.06)) calc(var(--glass-reveal-enter-scale,0.94) * var(--lq-stretch-y,0.945));opacity: 0;filter: blur(var(--glass-reveal-blur));}}.glass-reveal[data-state="closed"]{scale: calc(var(--glass-reveal-enter-scale,0.94) * var(--lq-stretch-x,1.06)) calc(var(--glass-reveal-enter-scale,0.94) * var(--lq-stretch-y,0.945));opacity: 0;filter: blur(var(--glass-reveal-blur));animation: glass-reveal-out var(--reveal-exit-clock) var(--reveal-exit-curve) both;transition-property: translate,display,overlay;transition-timing-function: var(--reveal-exit-curve);transition-duration: var(--reveal-exit-clock);}.glass-reveal[data-side="top"][data-state="open"]{translate: 0 0;@starting-style{translate: 0 var(--glass-reveal-slide);}}.glass-reveal[data-side="bottom"][data-state="open"]{translate: 0 0;@starting-style{translate: 0 calc(-1 * var(--glass-reveal-slide));}}.glass-reveal[data-side="left"][data-state="open"]{translate: 0 0;@starting-style{translate: var(--glass-reveal-slide) 0;}}.glass-reveal[data-side="right"][data-state="open"]{translate: 0 0;@starting-style{translate: calc(-1 * var(--glass-reveal-slide)) 0;}}.glass-reveal[data-state="closed"][data-side="top"]{translate: 0 var(--glass-reveal-slide);}.glass-reveal[data-state="closed"][data-side="bottom"]{translate: 0 calc(-1 * var(--glass-reveal-slide));}.glass-reveal[data-state="closed"][data-side="left"]{translate: var(--glass-reveal-slide) 0;}.glass-reveal[data-state="closed"][data-side="right"]{translate: calc(-1 * var(--glass-reveal-slide)) 0;}.glass-reveal[data-motion="reduced"]{--glass-reveal-enter-scale: 0.97;--glass-reveal-blur: 0px;}.glass-reveal[data-motion="off"]{scale: none;translate: none;filter: blur(0);transition-property: opacity,display,overlay;transition-duration: var(--reveal-exit-clock);transition-timing-function: var(--reveal-exit-curve);}.glass-reveal[data-motion="off"][data-state="closed"]{scale: none;translate: none;filter: blur(0);animation-name: glass-reveal-out-reduced;}}@layer components{@media (prefers-reduced-motion: reduce){.glass-reveal{scale: none;translate: none;filter: blur(0);transition-property: opacity,display,overlay;transition-duration: var(--duration-fast);transition-timing-function: var(--ease-out);}.glass-reveal[data-state="closed"]{scale: none;translate: none;filter: blur(0);animation-name: glass-reveal-out-reduced;}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (prefers-reduced-motion: reduce){.glass-wash::before,.glass-quiet::before,.glass-resting::before,.glass-floating::before,.glass-overlay::before,.glass-card::before,.dock-icon-button::before,.dock-tab-button::before,.dock-select-trigger::before,.dock-dropdown-trigger::before,.glass-specular-track::before{--specular-x: 50%;--specular-y: 50%;transition: none;}}@media (prefers-reduced-transparency: reduce){.glass-wash::before,.glass-quiet::before,.glass-resting::before,.glass-floating::before,.glass-overlay::before,.glass-card::before,.dock-icon-button::before,.dock-tab-button::before,.dock-select-trigger::before,.dock-dropdown-trigger::before,.glass-specular-track::before{display: none;}}
|
|
1
|
+
@layer components{@media (prefers-reduced-motion: reduce){.glass-wash::before,.glass-quiet::before,.glass-resting::before,.glass-floating::before,.glass-overlay::before,.glass-card::before,.dock-icon-button::before,.dock-tab-button::before,.dock-select-trigger::before,.dock-dropdown-trigger::before,.glass-specular-track::before{--specular-x: 50%;--specular-y: 50%;transition: none;}}@media (prefers-reduced-transparency: reduce){.glass-wash::before,.glass-quiet::before,.glass-resting::before,.glass-floating::before,.glass-overlay::before,.glass-card::before,.dock-icon-button::before,.dock-tab-button::before,.dock-select-trigger::before,.dock-dropdown-trigger::before,.glass-specular-track::before{display: none;}}}
|
package/dist/styles/paper.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--paper-grain-tooth: repeating-linear-gradient( 28deg,oklch(0.9 0.045 84 / 0.5) 0,oklch(0.62 0.052 60 / 0.5) 1.4px,oklch(0.9 0.045 84 / 0.5) 2.8px ),repeating-linear-gradient( -64deg,oklch(0.88 0.04 82 / 0.38) 0,oklch(0.6 0.05 58 / 0.38) 1.75px,oklch(0.88 0.04 82 / 0.38) 3.5px ),repeating-linear-gradient( 10deg,oklch(0.85 0.05 78 / 0.28) 0,oklch(0.7 0.055 66 / 0.28) 3.5px,oklch(0.85 0.05 78 / 0.28) 7px );--paper-grain-tile: 140px;--paper-grain-relief: none;}:root{--paper-grain-relief: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='r' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='table' tableValues='0.31 0.96'/%3E%3CfeFuncG type='table' tableValues='0.25 0.9'/%3E%3CfeFuncB type='table' tableValues='0.15 0.78'/%3E%3CfeFuncA type='linear' slope='0.42' intercept='0.12'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23r)'/%3E%3C/svg%3E");}@utility paper-underpaint{position: fixed;inset: 0;z-index: -1;pointer-events: none;background-image: var(--paper-grain-relief),var(--paper-grain-tooth);background-repeat: repeat;background-size: var(--paper-grain-tile) var(--paper-grain-tile);opacity: var(--paper-grain-opacity,var(--glass-grain-opacity));mix-blend-mode: multiply
|
|
1
|
+
:root{--paper-grain-tooth: repeating-linear-gradient( 28deg,oklch(0.9 0.045 84 / 0.5) 0,oklch(0.62 0.052 60 / 0.5) 1.4px,oklch(0.9 0.045 84 / 0.5) 2.8px ),repeating-linear-gradient( -64deg,oklch(0.88 0.04 82 / 0.38) 0,oklch(0.6 0.05 58 / 0.38) 1.75px,oklch(0.88 0.04 82 / 0.38) 3.5px ),repeating-linear-gradient( 10deg,oklch(0.85 0.05 78 / 0.28) 0,oklch(0.7 0.055 66 / 0.28) 3.5px,oklch(0.85 0.05 78 / 0.28) 7px );--paper-grain-tile: 140px;--paper-grain-relief: none;}:root{--paper-grain-relief: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='r' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='table' tableValues='0.31 0.96'/%3E%3CfeFuncG type='table' tableValues='0.25 0.9'/%3E%3CfeFuncB type='table' tableValues='0.15 0.78'/%3E%3CfeFuncA type='linear' slope='0.42' intercept='0.12'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23r)'/%3E%3C/svg%3E");}@utility paper-underpaint{position: fixed;inset: 0;z-index: -1;pointer-events: none;background-image: var(--paper-grain-relief),var(--paper-grain-tooth);background-repeat: repeat;background-size: var(--paper-grain-tile) var(--paper-grain-tile);opacity: var(--paper-grain-opacity,var(--glass-grain-opacity));mix-blend-mode: multiply;:where(.dark) &{mix-blend-mode: screen;}@media (prefers-reduced-transparency: reduce){opacity: 0;}@media (prefers-reduced-motion: reduce){animation: none !important;}@media print{display: none;}}@utility paper-grain-overlay{position: relative;isolation: isolate;&::after{content: "";position: absolute;inset: 0;border-radius: inherit;pointer-events: none;background-image: var(--paper-grain-relief),var(--paper-grain-tooth);background-repeat: repeat;background-size: var(--paper-grain-tile) var(--paper-grain-tile);opacity: var(--paper-grain-opacity,var(--glass-grain-opacity));mix-blend-mode: multiply;}:where(.dark) &::after{mix-blend-mode: screen;}@media (prefers-reduced-transparency: reduce){&::after{opacity: 0;}}@media print{&::after{display: none;}}}@layer components{.paper-grid{background-image: var(--paper-grid-texture);background-repeat: repeat;background-size: calc(var(--paper-grid-texture-size) * 4) calc(var(--paper-grid-texture-size) * 4),calc(var(--paper-grid-texture-size) * 4) calc(var(--paper-grid-texture-size) * 4),var(--paper-grid-texture-size) var(--paper-grid-texture-size),var(--paper-grid-texture-size) var(--paper-grid-texture-size);background-blend-mode: multiply;}.dark .paper-grid{background-blend-mode: screen;}@media (prefers-reduced-transparency: reduce){.paper-grid{background-image: none;}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--ease-scroll-spring: var(--spring-world);}@media (prefers-reduced-motion: no-preference){@supports ((animation-timeline: view()) and (animation-range: entry)){@keyframes gl-cascade-build{from{opacity: 0;transform: translateY(var(--scroll-cascade-rise,1.25rem));}to{opacity: 1;transform: translateY(0);}}.scroll-cascade > *{animation: gl-cascade-build auto var(--ease-scroll-spring,linear) both;animation-timeline: view(block);animation-range: entry 0% entry var(--scroll-cascade-range-end,45%);}.scroll-cascade.scroll-cascade--inline > *{animation-timeline: view(inline);}@keyframes gl-cascade-build-col-even{from{opacity: 0;transform: translateY(calc(-1 * var(--scroll-cascade-rise,1.25rem)));}to{opacity: 1;transform: translateY(0);}}.scroll-cascade.scroll-cascade--columns > *{animation-range: entry 0% entry calc( var(--scroll-cascade-range-end,45%) + var(--scroll-cascade-column-stagger,6%) * var(--col,0) );}.scroll-cascade.scroll-cascade--columns > *:nth-child(even){animation-name: gl-cascade-build-col-even;}}}@media (prefers-reduced-motion: no-preference){.smooth-scroll{scroll-behavior: smooth;}}
|
|
1
|
+
:root{--ease-scroll-spring: var(--spring-world);}@media (prefers-reduced-motion: no-preference){@supports ((animation-timeline: view()) and (animation-range: entry)){@keyframes gl-cascade-build{from{opacity: 0;transform: translateY(var(--scroll-cascade-rise,1.25rem));}to{opacity: 1;transform: translateY(0);}}@layer components{.scroll-cascade > *{animation: gl-cascade-build auto var(--ease-scroll-spring,linear) both;animation-timeline: view(block);animation-range: entry 0% entry var(--scroll-cascade-range-end,45%);}.scroll-cascade.scroll-cascade--inline > *{animation-timeline: view(inline);}}@keyframes gl-cascade-build-col-even{from{opacity: 0;transform: translateY(calc(-1 * var(--scroll-cascade-rise,1.25rem)));}to{opacity: 1;transform: translateY(0);}}@layer components{.scroll-cascade.scroll-cascade--columns > *{animation-range: entry 0% entry calc( var(--scroll-cascade-range-end,45%) + var(--scroll-cascade-column-stagger,6%) * var(--col,0) );}.scroll-cascade.scroll-cascade--columns > *:nth-child(even){animation-name: gl-cascade-build-col-even;}}}}@layer components{@media (prefers-reduced-motion: no-preference){.smooth-scroll{scroll-behavior: smooth;}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--chrome-shrink-depth: 0.12;--chrome-rise-px: 6px;--chrome-fade-depth: 0.28;--chrome-shadow-lift: 18%;}@media (prefers-reduced-motion: no-preference){.scroll-chrome{transform: scale(calc(1 - var(--chrome-collapse-t) * var(--chrome-shrink-depth))) translateY(calc(var(--chrome-collapse-t) * var(--chrome-rise-px) * -1));transform-origin: top center;opacity: calc(1 - var(--chrome-collapse-t) * var(--chrome-fade-depth));will-change: transform,opacity;}}.scroll-chrome{box-shadow: 0 calc(2px + var(--chrome-collapse-t) * 6px) calc(8px + var(--chrome-collapse-t) * 12px) color-mix( in srgb,var(--shadow-color) calc(6% + var(--chrome-collapse-t) * var(--chrome-shadow-lift)),transparent );}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: scroll()){@keyframes gl-chrome-collapse{from{--chrome-collapse-t: 0;}to{--chrome-collapse-t: 1;}}.scroll-chrome--native{animation: gl-chrome-collapse auto linear both;animation-timeline: scroll(self block);}}}
|
|
1
|
+
:root{--chrome-shrink-depth: 0.12;--chrome-rise-px: 6px;--chrome-fade-depth: 0.28;--chrome-shadow-lift: 18%;}@layer components{@media (prefers-reduced-motion: no-preference){.scroll-chrome{transform: scale(calc(1 - var(--chrome-collapse-t) * var(--chrome-shrink-depth))) translateY(calc(var(--chrome-collapse-t) * var(--chrome-rise-px) * -1));transform-origin: top center;opacity: calc(1 - var(--chrome-collapse-t) * var(--chrome-fade-depth));will-change: transform,opacity;}}.scroll-chrome{box-shadow: 0 calc(2px + var(--chrome-collapse-t) * 6px) calc(8px + var(--chrome-collapse-t) * 12px) color-mix( in srgb,var(--shadow-color) calc(6% + var(--chrome-collapse-t) * var(--chrome-shadow-lift)),transparent );}}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: scroll()){@keyframes gl-chrome-collapse{from{--chrome-collapse-t: 0;}to{--chrome-collapse-t: 1;}}@layer components{.scroll-chrome--native{animation: gl-chrome-collapse auto linear both;animation-timeline: scroll(self block);}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.scroll-progress{transform-origin: 0 50%;transform: scaleX(0);}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: scroll()){@keyframes gl-scroll-grow{from{transform: scaleX(0);}to{transform: scaleX(1);}}.scroll-progress{animation: gl-scroll-grow auto linear;animation-timeline: var(--scroll-progress-timeline,scroll(nearest block));}}}@media (prefers-reduced-motion: no-preference){@supports ((animation-timeline: view()) and (animation-range: entry)){@keyframes gl-reveal-in{from{opacity: 0;transform: translateY(var(--scroll-reveal-rise,6px));}}[data-scroll-reveal] > *{animation: gl-reveal-in auto linear both;animation-timeline: view(block);animation-range: entry 0% entry var(--scroll-reveal-range-end,60%);}[data-scroll-reveal].scroll-reveal--inline > *{animation-timeline: view(inline);}}}
|
|
1
|
+
@layer components{.scroll-progress{transform-origin: 0 50%;transform: scaleX(0);}}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: scroll()){@keyframes gl-scroll-grow{from{transform: scaleX(0);}to{transform: scaleX(1);}}@layer components{.scroll-progress{animation: gl-scroll-grow auto linear;animation-timeline: var(--scroll-progress-timeline,scroll(nearest block));}}}}@media (prefers-reduced-motion: no-preference){@supports ((animation-timeline: view()) and (animation-range: entry)){@keyframes gl-reveal-in{from{opacity: 0;transform: translateY(var(--scroll-reveal-rise,6px));}}@layer components{[data-scroll-reveal] > *{animation: gl-reveal-in auto linear both;animation-timeline: view(block);animation-range: entry 0% entry var(--scroll-reveal-range-end,60%);}[data-scroll-reveal].scroll-reveal--inline > *{animation-timeline: view(inline);}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@theme{--animate-tooltip-in: tooltip-in var(--duration-fast) var(--ease-out);--animate-fade-in: fade-in var(--spring-present-duration) var(--spring-present);--animate-scale-in: scale-in var(--spring-present-duration) var(--spring-present);--animate-slide-up: slide-up var(--spring-present-duration) var(--spring-present);--animate-dock-in: dock-in var(--spring-dock-duration) var(--spring-dock) both;--animate-shimmer: shimmer var(--duration-shimmer-fast) linear infinite;--animate-shimmer-sweep: shimmer-sweep var(--duration-shimmer) ease-in-out infinite;--animate-gold-shimmer: metal-shimmer-sweep var(--duration-shimmer) linear infinite;--animate-metal: metal-shimmer-sweep var(--duration-metal) linear infinite;--animate-shake: shake 0.5s ease-in-out;--opacity-disabled: 0.5;--opacity-icon-muted: 0.8;--text-shadow-2xs: 0 1px 0 color-mix(in srgb,var(--shadow-color) 12%,transparent);--text-shadow-xs: 0 1px 1px color-mix(in srgb,var(--shadow-color) 16%,transparent);--text-shadow-sm: 0 1px 0 color-mix(in srgb,var(--shadow-color) 14%,transparent),0 2px 3px color-mix(in srgb,var(--shadow-color) 18%,transparent);--text-shadow-md: 0 1px 0 color-mix(in srgb,var(--shadow-color) 16%,transparent),0 2px 4px color-mix(in srgb,var(--shadow-color) 20%,transparent),0 4px 8px color-mix(in srgb,var(--shadow-color) 14%,transparent);--text-shadow-lg: 0 1px 0 color-mix(in srgb,var(--shadow-color) 18%,transparent),0 2px 4px color-mix(in srgb,var(--shadow-color) 22%,transparent),0 6px 12px color-mix(in srgb,var(--shadow-color) 18%,transparent);--text-shadow-depth: 1px 1px 0 var(--shadow),2px 2px 0 var(--shadow),3px 3px 0 var(--shadow),4px 4px 0 var(--shadow),5px 5px 0 var(--shadow),5px 5px 1px color-mix(in srgb,var(--shadow-color) 10%,transparent),2px 2px 2px color-mix(in srgb,var(--shadow-color) 20%,transparent),4px 4px 5px color-mix(in srgb,var(--shadow-color) 25%,transparent),6px 6px 10px color-mix(in srgb,var(--shadow-color) 15%,transparent);--text-shadow-engraved: 0 1px 0 color-mix(in srgb,var(--background) 30%,transparent),0 -1px 0 var(--surface-tint-8);}
|
|
1
|
+
@theme{--animate-tooltip-in: tooltip-in var(--duration-fast) var(--ease-out);--animate-fade-in: fade-in var(--spring-present-duration) var(--spring-present);--animate-scale-in: scale-in var(--spring-present-duration) var(--spring-present);--animate-slide-up: slide-up var(--spring-present-duration) var(--spring-present);--animate-dock-in: dock-in var(--spring-dock-duration) var(--spring-dock) both;--animate-shimmer: shimmer var(--duration-shimmer-fast) linear infinite;--animate-shimmer-sweep: shimmer-sweep var(--duration-shimmer) ease-in-out infinite;--animate-gold-shimmer: metal-shimmer-sweep var(--duration-shimmer) linear infinite;--animate-metal: metal-shimmer-sweep var(--duration-metal) linear infinite;--animate-shake: shake 0.5s ease-in-out;--opacity-disabled: 0.5;--opacity-icon-muted: 0.8;--text-shadow-2xs: 0 1px 0 color-mix(in srgb,var(--shadow-color) 12%,transparent);--text-shadow-xs: 0 1px 1px color-mix(in srgb,var(--shadow-color) 16%,transparent);--text-shadow-sm: 0 1px 0 color-mix(in srgb,var(--shadow-color) 14%,transparent),0 2px 3px color-mix(in srgb,var(--shadow-color) 18%,transparent);--text-shadow-md: 0 1px 0 color-mix(in srgb,var(--shadow-color) 16%,transparent),0 2px 4px color-mix(in srgb,var(--shadow-color) 20%,transparent),0 4px 8px color-mix(in srgb,var(--shadow-color) 14%,transparent);--text-shadow-lg: 0 1px 0 color-mix(in srgb,var(--shadow-color) 18%,transparent),0 2px 4px color-mix(in srgb,var(--shadow-color) 22%,transparent),0 6px 12px color-mix(in srgb,var(--shadow-color) 18%,transparent);--text-shadow-depth: 1px 1px 0 var(--shadow),2px 2px 0 var(--shadow),3px 3px 0 var(--shadow),4px 4px 0 var(--shadow),5px 5px 0 var(--shadow),5px 5px 1px color-mix(in srgb,var(--shadow-color) 10%,transparent),2px 2px 2px color-mix(in srgb,var(--shadow-color) 20%,transparent),4px 4px 5px color-mix(in srgb,var(--shadow-color) 25%,transparent),6px 6px 10px color-mix(in srgb,var(--shadow-color) 15%,transparent);--text-shadow-engraved: 0 1px 0 color-mix(in srgb,var(--background) 30%,transparent),0 -1px 0 var(--surface-tint-8);--font-serif-math: serif;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--neutral-0: hsl(40 30% 98%);--neutral-1: hsl(38 26% 95%);--neutral-2: hsl(34 28% 90%);--neutral-3: hsl(33 30% 82%);--neutral-4: hsl(32 26% 70%);--neutral-5: hsl(30 22% 40%);--neutral-6: hsl(28 24% 30%);--background: var(--neutral-0);--foreground: hsl(24 10% 10%);--card: hsl(30 85% 96%);--card-foreground: var(--foreground);--popover: var(--card);--popover-foreground: var(--foreground);--surface-public-data-panel: hsl(44 16% 96%);--muted: var(--neutral-1);--muted-foreground: var(--neutral-5);--muted-foreground-strong: var(--neutral-6);--secondary: var(--neutral-2);--secondary-foreground: var(--foreground);--accent: var(--neutral-3);--accent-foreground: var(--foreground);--border: var(--neutral-4);--input: var(--neutral-4);--ink-seam: 0.08;--ink-edge: 0.16;--ink-perimeter: 0.48;--fill-hover: 0.05;--fill-selected: 0.12;--primary: hsl(24 10% 10%);--primary-foreground: var(--neutral-0);--destructive: hsl(0 72% 50%);--destructive-foreground: var(--neutral-0);--focus-ring-color: hsl(24 10% 10%);--shadow: hsl(24 10% 10%);--shadow-color: var(--foreground);--accent-color: var(--primary);--border-soft: color-mix(in srgb,var(--border) 45%,transparent);--scrollbar-thumb: color-mix(in srgb,var(--muted-foreground) 25%,transparent);--scrollbar-track: transparent;--surface-tint-4: color-mix(in srgb,var(--foreground) 4%,transparent);--surface-tint-6: color-mix(in srgb,var(--foreground) 6%,transparent);--surface-tint-8: color-mix(in srgb,var(--foreground) 8%,transparent);--surface-tint-10: color-mix(in srgb,var(--foreground) 10%,transparent);--surface-tint-12: color-mix(in srgb,var(--foreground) 12%,transparent);--surface-tint-15: color-mix(in srgb,var(--foreground) 15%,transparent);--surface-tint-18: color-mix(in srgb,var(--foreground) 18%,transparent);--surface-tint-22: color-mix(in srgb,var(--foreground) 22%,transparent);--surface-tint-25: color-mix(in srgb,var(--foreground) 25%,transparent);--surface-tint-40: color-mix(in srgb,var(--foreground) 40%,transparent);--surface-tint-70: color-mix(in srgb,var(--foreground) 70%,transparent);--muted-soft: color-mix(in srgb,var(--muted) 30%,transparent);--muted-medium: color-mix(in srgb,var(--muted) 50%,transparent);--constellation-node: hsl(36 8% 46%);--constellation-node-dim: hsl(36 8% 60%);--constellation-line: hsl(24 14% 14%);--constellation-accent: hsl(18 58% 46%);--constellation-edge-alpha: 0.22;--constellation-edge-focus-alpha: 0.34;--constellation-alpha: 0.80;--constellation-edge-floor: 0;--constellation-edge-accent-alpha: 0.30;--constellation-warp-response: 0.55;--constellation-warp-zeta: 1.0;--constellation-well-gain: 19000;--constellation-well-reach: 340;--constellation-well-ramp: 8.0;--constellation-well-max-speed: 4.0;--constellation-well-hold-ms: 140;--constellation-wander-idle: 8000;--constellation-wander-jitter: 8000;--section-color-0: oklch(0.552 0.192 359.8);--section-color-1: oklch(0.502 0.165 305.9);--section-color-2: oklch(0.484 0.163 265.5);--section-color-3: oklch(0.542 0.089 222.8);--section-color-4: oklch(0.
|
|
1
|
+
:root{--neutral-0: hsl(40 30% 98%);--neutral-1: hsl(38 26% 95%);--neutral-2: hsl(34 28% 90%);--neutral-3: hsl(33 30% 82%);--neutral-4: hsl(32 26% 70%);--neutral-5: hsl(30 22% 40%);--neutral-6: hsl(28 24% 30%);--background: var(--neutral-0);--foreground: hsl(24 10% 10%);--card: hsl(30 85% 96%);--card-foreground: var(--foreground);--popover: var(--card);--popover-foreground: var(--foreground);--surface-public-data-panel: hsl(44 16% 96%);--muted: var(--neutral-1);--muted-foreground: var(--neutral-5);--muted-foreground-strong: var(--neutral-6);--secondary: var(--neutral-2);--secondary-foreground: var(--foreground);--accent: var(--neutral-3);--accent-foreground: var(--foreground);--border: var(--neutral-4);--input: var(--neutral-4);--ink-seam: 0.08;--ink-edge: 0.16;--ink-perimeter: 0.48;--fill-hover: 0.05;--fill-selected: 0.12;--primary: hsl(24 10% 10%);--primary-foreground: var(--neutral-0);--destructive: hsl(0 72% 50%);--destructive-foreground: var(--neutral-0);--focus-ring-color: hsl(24 10% 10%);--shadow: hsl(24 10% 10%);--shadow-color: var(--foreground);--accent-color: var(--primary);--border-soft: color-mix(in srgb,var(--border) 45%,transparent);--scrollbar-thumb: color-mix(in srgb,var(--muted-foreground) 25%,transparent);--scrollbar-track: transparent;--surface-tint-4: color-mix(in srgb,var(--foreground) 4%,transparent);--surface-tint-6: color-mix(in srgb,var(--foreground) 6%,transparent);--surface-tint-8: color-mix(in srgb,var(--foreground) 8%,transparent);--surface-tint-10: color-mix(in srgb,var(--foreground) 10%,transparent);--surface-tint-12: color-mix(in srgb,var(--foreground) 12%,transparent);--surface-tint-15: color-mix(in srgb,var(--foreground) 15%,transparent);--surface-tint-18: color-mix(in srgb,var(--foreground) 18%,transparent);--surface-tint-22: color-mix(in srgb,var(--foreground) 22%,transparent);--surface-tint-25: color-mix(in srgb,var(--foreground) 25%,transparent);--surface-tint-40: color-mix(in srgb,var(--foreground) 40%,transparent);--surface-tint-70: color-mix(in srgb,var(--foreground) 70%,transparent);--muted-soft: color-mix(in srgb,var(--muted) 30%,transparent);--muted-medium: color-mix(in srgb,var(--muted) 50%,transparent);--constellation-node: hsl(36 8% 46%);--constellation-node-dim: hsl(36 8% 60%);--constellation-line: hsl(24 14% 14%);--constellation-accent: hsl(18 58% 46%);--constellation-edge-alpha: 0.22;--constellation-edge-focus-alpha: 0.34;--constellation-alpha: 0.80;--constellation-edge-floor: 0;--constellation-edge-accent-alpha: 0.30;--constellation-warp-response: 0.55;--constellation-warp-zeta: 1.0;--constellation-well-gain: 19000;--constellation-well-reach: 340;--constellation-well-ramp: 8.0;--constellation-well-max-speed: 4.0;--constellation-well-hold-ms: 140;--constellation-wander-idle: 8000;--constellation-wander-jitter: 8000;--section-color-0: oklch(0.552 0.192 359.8);--section-color-1: oklch(0.502 0.165 305.9);--section-color-2: oklch(0.484 0.163 265.5);--section-color-3: oklch(0.542 0.089 222.8);--section-color-4: oklch(0.521 0.088 171.1);--section-color-5: oklch(0.530 0.124 69.6);--section-color-6: oklch(0.549 0.201 30.4);--section-color-7: oklch(0.532 0.180 317.5);--section-color-8: oklch(0.520 0.176 8.4);--section-color-9: oklch(0.492 0.038 239.6);--section-color-10: oklch(0.526 0.103 128.8);--section-color-11: oklch(0.511 0.092 208.0);--section-color-12: oklch(0.513 0.163 291.9);--accent-pink: oklch(0.613 0.197 353.8);--section-heading: oklch(0.545 0.189 352.8);--accent-red: oklch(0.574 0.216 27.5);--viz-fourier: oklch(0.579 0.201 30.4);--viz-chebyshev: oklch(0.484 0.163 265.5);--viz-legendre: oklch(0.532 0.180 317.5);--viz-amber: var(--section-color-5);--viz-green: var(--section-color-4);--tier-featured: oklch(0.841 0.173 84.2);--tier-saved: oklch(0.676 0.176 252.3);--like: oklch(0.633 0.200 24.9);--success: oklch(0.600 0.192 149.5);--warning: oklch(0.635 0.165 70.6);--info: oklch(0.626 0.186 259.6);--delete: oklch(0.597 0.198 25.5);--success-foreground: hsl(24 10% 10%);--warning-foreground: hsl(24 10% 10%);--info-foreground: hsl(24 10% 10%);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dark .glass-deep{--glass-blur-deep: blur(var(--glass-blur-deep-active-radius)) saturate(var(--glass-saturate-deep));}
|
|
1
|
+
@layer components{.dark .glass-deep{--glass-blur-deep: blur(var(--glass-blur-deep-active-radius)) saturate(var(--glass-saturate-deep));}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (pointer: coarse){:root{--ui-scale: var(--ui-coarse-scale,1.5);--control-floor: var(--touch-target,2.75rem);}}@supports (color: light-dark(white,black)){:root{--neutral-0: light-dark(hsl(40 30% 98%),hsl(24 9% 4%));--neutral-1: light-dark(hsl(38 26% 95%),hsl(28 12% 11%));--neutral-2: light-dark(hsl(34 28% 90%),hsl(28 14% 16%));--neutral-3: light-dark(hsl(33 30% 82%),hsl(30 18% 22%));--neutral-4: light-dark(hsl(32 26% 70%),hsl(30 16% 34%));--neutral-5: light-dark(hsl(30 22% 40%),hsl(34 14% 62%));--neutral-6: light-dark(hsl(28 24% 30%),hsl(36 14% 72%));--foreground: light-dark(hsl(24 10% 10%),hsl(30 14% 90%));--card: light-dark(hsl(30 85% 96%),hsl(26 22% 17%));--popover: light-dark(hsl(30 85% 96%),hsl(26 22% 17%));--surface-public-data-panel: light-dark(hsl(44 16% 96%),hsl(36 9% 18%));--primary: light-dark(hsl(24 10% 10%),oklch(0.739 0.134 318.1));--primary-foreground: light-dark(var(--neutral-0),hsl(24 10% 10%));--destructive: light-dark(hsl(0 72% 50%),oklch(0.702 0.184 27.5));--destructive-foreground: light-dark(var(--neutral-0),hsl(24 10% 10%));--focus-ring-color: light-dark(hsl(24 10% 10%),hsl(48 10% 70%));--shadow: light-dark(hsl(24 10% 10%),hsl(0 0% 5%));--accent-color: light-dark(var(--primary),var(--focus-ring-color));--section-color-0: light-dark(oklch(0.552 0.192 359.8),oklch(0.721 0.145 354.0));--section-color-1: light-dark(oklch(0.502 0.165 305.9),oklch(0.733 0.113 308.2));--section-color-2: light-dark(oklch(0.484 0.163 265.5),oklch(0.718 0.107 268.4));--section-color-3: light-dark(oklch(0.542 0.089 222.8),oklch(0.767 0.091 219.9));--section-color-4: light-dark(oklch(0.
|
|
1
|
+
@media (pointer: coarse){:root{--ui-scale: var(--ui-coarse-scale,1.5);--control-floor: var(--touch-target,2.75rem);}}@supports (color: light-dark(white,black)){:root{--neutral-0: light-dark(hsl(40 30% 98%),hsl(24 9% 4%));--neutral-1: light-dark(hsl(38 26% 95%),hsl(28 12% 11%));--neutral-2: light-dark(hsl(34 28% 90%),hsl(28 14% 16%));--neutral-3: light-dark(hsl(33 30% 82%),hsl(30 18% 22%));--neutral-4: light-dark(hsl(32 26% 70%),hsl(30 16% 34%));--neutral-5: light-dark(hsl(30 22% 40%),hsl(34 14% 62%));--neutral-6: light-dark(hsl(28 24% 30%),hsl(36 14% 72%));--foreground: light-dark(hsl(24 10% 10%),hsl(30 14% 90%));--card: light-dark(hsl(30 85% 96%),hsl(26 22% 17%));--popover: light-dark(hsl(30 85% 96%),hsl(26 22% 17%));--surface-public-data-panel: light-dark(hsl(44 16% 96%),hsl(36 9% 18%));--primary: light-dark(hsl(24 10% 10%),oklch(0.739 0.134 318.1));--primary-foreground: light-dark(var(--neutral-0),hsl(24 10% 10%));--destructive: light-dark(hsl(0 72% 50%),oklch(0.702 0.184 27.5));--destructive-foreground: light-dark(var(--neutral-0),hsl(24 10% 10%));--focus-ring-color: light-dark(hsl(24 10% 10%),hsl(48 10% 70%));--shadow: light-dark(hsl(24 10% 10%),hsl(0 0% 5%));--accent-color: light-dark(var(--primary),var(--focus-ring-color));--section-color-0: light-dark(oklch(0.552 0.192 359.8),oklch(0.721 0.145 354.0));--section-color-1: light-dark(oklch(0.502 0.165 305.9),oklch(0.733 0.113 308.2));--section-color-2: light-dark(oklch(0.484 0.163 265.5),oklch(0.718 0.107 268.4));--section-color-3: light-dark(oklch(0.542 0.089 222.8),oklch(0.767 0.091 219.9));--section-color-4: light-dark(oklch(0.521 0.088 171.1),oklch(0.776 0.105 172.6));--section-color-5: light-dark(oklch(0.530 0.124 69.6),oklch(0.813 0.109 78.2));--section-color-6: light-dark(oklch(0.549 0.201 30.4),oklch(0.693 0.151 28.1));--section-color-7: light-dark(oklch(0.532 0.180 317.5),oklch(0.739 0.134 318.1));--section-color-8: light-dark(oklch(0.520 0.176 8.4),oklch(0.709 0.142 2.3));--section-color-9: light-dark(oklch(0.492 0.038 239.6),oklch(0.763 0.032 239.0));--section-color-10: light-dark(oklch(0.526 0.103 128.8),oklch(0.794 0.116 127.9));--section-color-11: light-dark(oklch(0.511 0.092 208.0),oklch(0.805 0.095 206.7));--section-color-12: light-dark(oklch(0.513 0.163 291.9),oklch(0.719 0.115 295.6));--accent-pink: light-dark(oklch(0.613 0.197 353.8),oklch(0.683 0.131 354.7));--section-heading: light-dark(oklch(0.545 0.189 352.8),oklch(0.711 0.123 349.3));--accent-red: light-dark(oklch(0.574 0.216 27.5),oklch(0.644 0.165 22.9));--viz-fourier: light-dark(oklch(0.579 0.201 30.4),oklch(0.693 0.151 28.1));--viz-chebyshev: light-dark(oklch(0.484 0.163 265.5),oklch(0.718 0.107 268.4));--viz-legendre: light-dark(oklch(0.532 0.180 317.5),oklch(0.739 0.134 318.1));--tier-featured: light-dark(oklch(0.841 0.173 84.2),oklch(0.867 0.165 88.7));--tier-saved: light-dark(oklch(0.676 0.176 252.3),oklch(0.748 0.135 250.1));--like: light-dark(oklch(0.633 0.200 24.9),oklch(0.690 0.162 22.2));--success: light-dark(oklch(0.600 0.192 149.5),oklch(0.805 0.186 151.6));--warning: light-dark(oklch(0.635 0.165 70.6),oklch(0.809 0.150 76.6));--info: light-dark(oklch(0.626 0.186 259.6),oklch(0.713 0.138 259.5));--delete: light-dark(oklch(0.597 0.198 25.5),oklch(0.644 0.170 23.1));--gold: light-dark(oklch(0.751 0.147 84.2),oklch(0.784 0.143 86.0));--gold-light: light-dark(oklch(0.890 0.183 96.1),oklch(0.898 0.182 97.4));--gold-dark: light-dark(oklch(0.599 0.132 64.2),oklch(0.678 0.150 63.8));--silver: light-dark(oklch(0.760 0.012 255),oklch(0.792 0.012 255));--silver-light: light-dark(oklch(0.902 0.010 255),oklch(0.912 0.010 255));--silver-dark: light-dark(oklch(0.582 0.014 255),oklch(0.648 0.014 255));--bronze: light-dark(oklch(0.620 0.092 54.0),oklch(0.650 0.090 54.0));--bronze-light: light-dark(oklch(0.760 0.112 60.0),oklch(0.790 0.110 60.0));--bronze-dark: light-dark(oklch(0.500 0.082 50.0),oklch(0.560 0.085 50.0));}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--lift-sm: -1px;--lift-md: -2px;--lift-lg: -4px;--fade-scroll-width: 1rem;--dock-max-
|
|
1
|
+
:root{--lift-sm: -1px;--lift-md: -2px;--lift-lg: -4px;--fade-scroll-width: 1rem;--dock-max-block-size: min(80vh,48rem);--max-width-input: 24rem;--input-min-width-sm: 5rem;--popover-width: 200px;--overlay-min-width: 8rem;--overlay-max-block: min(24rem,60dvh);--overlay-pad: 12px;--overlay-pad-hint: 8px;--tooltip-text: var(--type-caption);--select-chevron-opacity: 0.5;--chart-height-compact: 15rem;--chart-height-default: 22.5rem;--chart-height-large: 25rem;--chart-margin: 1.25rem;--paper-texture-size: 200px 200px;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{color-scheme: light dark;accent-color: var(--accent-color);--font-stack-text: "Plus Jakarta Sans","Plus Jakarta Sans Fallback",system-ui,sans-serif;--font-stack-display: var(--font-stack-text);--font-stack-sans: var(--font-stack-text);--font-stack-mono: "Fira Code","Fira Code Fallback","Fira Mono",monospace;--type-leading-micro: 1.2;--type-leading-caption: 1.3;--type-leading-small: 1.4;--type-leading-body: 1.5;--type-leading-prose: 1.618;--type-leading-heading: 1.2;--type-leading-display: 1.05;--type-tracking-tight: -0.025em;--type-tracking-display: -0.015em;--type-tracking-snug: -0.01em;--type-tracking-normal: 0;--type-tracking-wide: 0.025em;--type-tracking-wider: 0.05em;--type-tracking-caps: 0.1em;--duration-instant: 0.1s;--duration-control: 0.12s;--duration-fast: 0.2s;--duration-normal: 0.3s;--duration-slow: 0.45s;--duration-panel: 0.55s;--duration-xl: 1s;--duration-xxl: 1.5s;--duration-shimmer-fast: 3s;--duration-shimmer: 5s;--duration-metal: 6s;--motion-stagger-default: 80ms;--motion-weight: 0.618;--ease-cartoon-punch: linear( 0,-0.012,-0.038 12%,-0.018 18%,0.18 34%,0.62 46%,0.98 56%,1.14 64%,1.22 70%,1.16 78%,1.06 86%,1.012 92%,1 );--substrate-reveal-duration: 1100ms;--z-behind: -10;--z-background: 0;--z-content: 10;--z-controls: 20;--z-bar: 30;--z-header: 35;--z-dock: 40;--z-panel: 45;--z-overlay: 50;--z-tooltip: 120;--z-popover: 130;--z-modal: 140;--z-fullscreen: 150;--z-toast: 160;--z-toggle: 999;--z-max: 9999;}.liquid-stage{--motion-weight: 1;}:where([data-reorder],[data-autoplay]){--motion-weight: 0;}:where(.liquid-stage){--motion-tempo: 1;}.motion-calm{--transition-liquid-spatial: var(--ease-standard);}@media (prefers-reduced-motion: reduce){:root{--motion-weight: 0;--ease-cartoon-punch: var(--ease-standard);}}
|
|
1
|
+
:root{color-scheme: light dark;accent-color: var(--accent-color);--font-stack-text: "Plus Jakarta Sans","Plus Jakarta Sans Fallback",system-ui,sans-serif;--font-stack-display: var(--font-stack-text);--font-stack-sans: var(--font-stack-text);--font-stack-mono: "Fira Code","Fira Code Fallback","Fira Mono",monospace;--type-leading-micro: 1.2;--type-leading-caption: 1.3;--type-leading-small: 1.4;--type-leading-body: 1.5;--type-leading-prose: 1.618;--type-leading-heading: 1.2;--type-leading-display: 1.05;--type-tracking-tight: -0.025em;--type-tracking-display: -0.015em;--type-tracking-snug: -0.01em;--type-tracking-normal: 0;--type-tracking-wide: 0.025em;--type-tracking-wider: 0.05em;--type-tracking-caps: 0.1em;--duration-instant: 0.1s;--duration-control: 0.12s;--duration-fast: 0.2s;--duration-normal: 0.3s;--duration-slow: 0.45s;--duration-panel: 0.55s;--duration-xl: 1s;--duration-xxl: 1.5s;--duration-shimmer-fast: 3s;--duration-shimmer: 5s;--duration-metal: 6s;--motion-stagger-default: 80ms;--motion-weight: 0.618;--ease-cartoon-punch: linear( 0,-0.012,-0.038 12%,-0.018 18%,0.18 34%,0.62 46%,0.98 56%,1.14 64%,1.22 70%,1.16 78%,1.06 86%,1.012 92%,1 );--substrate-reveal-duration: 1100ms;--z-behind: -10;--z-background: 0;--z-content: 10;--z-controls: 20;--z-bar: 30;--z-header: 35;--z-dock: 40;--z-panel: 45;--z-overlay: 50;--z-tooltip: 120;--z-popover: 130;--z-modal: 140;--z-fullscreen: 150;--z-toast: 160;--z-toggle: 999;--z-max: 9999;}@layer components{.liquid-stage{--motion-weight: 1;}:where([data-reorder],[data-autoplay]){--motion-weight: 0;}:where(.liquid-stage){--motion-tempo: 1;}.motion-calm{--transition-liquid-spatial: var(--ease-standard);}}@media (prefers-reduced-motion: reduce){:root{--motion-weight: 0;--ease-cartoon-punch: var(--ease-standard);}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--ui-scale: 1;--ui-coarse-scale: 1.5;--control-floor: 0px;--control-h-xs: max(calc(1.75rem * var(--ui-scale)),var(--control-floor));--control-h-sm: max(calc(2.25rem * var(--ui-scale)),var(--control-floor));--control-h-md: max(calc(2.5rem * var(--ui-scale)),var(--control-floor));--control-h-lg: max(calc(2.75rem * var(--ui-scale)),var(--control-floor));--control-text: calc(var(--type-small) * var(--ui-scale));--control-text-sm: calc(var(--type-caption) * var(--ui-scale));--control-label: calc(var(--control-text) * 0.886653);--ui-glyph: calc(1rem * var(--ui-scale));--ui-glyph-sm: calc(0.875rem * var(--ui-scale));--textarea-content-max: 12lh;--dropdown-text: var(--control-text);--dropdown-text-secondary: var(--control-text-sm);--dropdown-input-height: var(--control-h-md);--search-icon-size: var(--ui-glyph-sm);--search-button-size: var(--control-h-xs);--search-result-text: var(--control-text);--search-result-text-secondary: var(--control-text-sm);--size-icon-btn: 2.5rem;--icon-xs: 0.75rem;--icon-sm: 0.875rem;--icon-md: 1rem;--icon-lg: 1.25rem;--icon-xl: 1.5rem;--icon-2xl: 2rem;--icon-3xl: var(--size-icon-btn);--icon-hero: 3.5rem;--space-residue: 0.25rem;--space-atom: 0.5rem;--space-body: 0.75rem;--space-family: 1.25rem;--space-section: 2rem;--space-page: 3.25rem;--space-phi-5: 2.618rem;--space-phi-6: 4.236rem;--dock-h: calc(var(--size-icon-btn) + 0.75rem + 3px);--dock-scale: calc(var(--ui-scale) * var(--dock-local-scale,1));--dock-local-scale: 1;--dock-mobile-scale: initial;--dock-coarse-scale: 0.78;--dock-icon-glyph-ratio: 0.5;--dock-icon-glyph-floor: 1rem;--dock-icon-glyph: max( calc(var(--dock-layer-height,calc(2.5rem * var(--dock-scale))) * var(--dock-icon-glyph-ratio)),var(--dock-icon-glyph-floor) );--dock-control-glyph-size: var(--dock-icon-glyph);--dock-collapsed-summary-min-size: calc(var(--dock-layer-height,2.5rem) * 0.85);--dock-collapsed-padding: calc(0.25rem * var(--dock-scale));--dock-scroll-safe-inset: calc(var(--focus-ring-width,2px) + 1px);--dock-scroll-gutter: var(--dock-scroll-safe-inset);--dock-control-hover-bg: var(--glass-plate-resting);--dock-control-active-bg: var(--glass-plate-floating);--dock-control-specular-size: 22%;--dock-layer-switcher-bg: transparent;--dock-hairline: var(--surface-tint-15);--dock-layer-switcher-hover: color-mix(in srgb,var(--accent) 30%,transparent);--dock-layer-switcher-active: var(--glass-plate-floating);--dock-layer-tab-size: calc(1.75rem * var(--dock-scale));--dock-active-bg: var(--dock-control-active-bg);--dock-active-color: var(--foreground);--dock-active-scale: 1;--dock-active-border: none;--dock-active-shadow: none;--dock-selected-accent: color-mix(in oklab,var(--foreground) 14%,transparent);--dock-ring: var(--focus-ring-shadow);--dock-control-press-bg: color-mix( in oklab,var(--glass-plate-resting),var(--foreground) 7% );--dock-touch-target: 2.75rem;--dock-label-ratio: 0.5088;--touch-target: 2.75rem;--slider-touch-target: 1.5rem;}@media (max-width: 768px){:root{--space-page: 2rem;--space-section: 1.25rem;--space-family: 0.75rem;--space-body: 0.5rem;--space-atom: 0.25rem;--space-residue: 0.25rem;}}
|
|
1
|
+
:root{--ui-scale: 1;--ui-coarse-scale: 1.5;--control-floor: 0px;--control-h-xs: max(calc(1.75rem * var(--ui-scale)),var(--control-floor));--control-h-sm: max(calc(2.25rem * var(--ui-scale)),var(--control-floor));--control-h-md: max(calc(2.5rem * var(--ui-scale)),var(--control-floor));--control-h-lg: max(calc(2.75rem * var(--ui-scale)),var(--control-floor));--control-text: calc(var(--type-small) * var(--ui-scale));--control-text-sm: calc(var(--type-caption) * var(--ui-scale));--control-label: calc(var(--control-text) * 0.886653);--ui-glyph: calc(1rem * var(--ui-scale));--ui-glyph-sm: calc(0.875rem * var(--ui-scale));--textarea-content-max: 12lh;--dropdown-text: var(--control-text);--dropdown-text-secondary: var(--control-text-sm);--dropdown-input-height: var(--control-h-md);--search-icon-size: var(--ui-glyph-sm);--search-button-size: var(--control-h-xs);--search-result-text: var(--control-text);--search-result-text-secondary: var(--control-text-sm);--size-icon-btn: 2.5rem;--icon-xs: 0.75rem;--icon-sm: 0.875rem;--icon-md: 1rem;--icon-lg: 1.25rem;--icon-xl: 1.5rem;--icon-2xl: 2rem;--icon-3xl: var(--size-icon-btn);--icon-hero: 3.5rem;--space-residue: 0.25rem;--space-atom: 0.5rem;--space-body: 0.75rem;--space-family: 1.25rem;--space-section: 2rem;--space-page: 3.25rem;--space-phi-5: 2.618rem;--space-phi-6: 4.236rem;--dock-h: calc(var(--size-icon-btn) + 0.75rem + 3px);--dock-scale: calc(var(--ui-scale) * var(--dock-local-scale,1));--dock-local-scale: 1;--dock-mobile-scale: initial;--dock-coarse-scale: 0.78;--dock-icon-glyph-ratio: 0.5;--dock-icon-glyph-floor: 1rem;--dock-icon-glyph: max( calc(var(--dock-layer-height,calc(2.5rem * var(--dock-scale))) * var(--dock-icon-glyph-ratio)),var(--dock-icon-glyph-floor) );--dock-control-glyph-size: var(--dock-icon-glyph);--dock-collapsed-summary-min-size: calc(var(--dock-layer-height,2.5rem) * 0.85);--dock-collapsed-padding: calc(0.25rem * var(--dock-scale));--dock-scroll-safe-inset: calc(var(--focus-ring-width,2px) + 1px);--dock-scroll-gutter: var(--dock-scroll-safe-inset);--dock-control-hover-bg: var(--glass-plate-resting);--dock-control-active-bg: var(--glass-plate-floating);--dock-control-specular-size: 22%;--dock-layer-switcher-bg: transparent;--dock-hairline: var(--surface-tint-15);--dock-layer-switcher-hover: color-mix(in srgb,var(--accent) 30%,transparent);--dock-layer-switcher-active: var(--glass-plate-floating);--dock-layer-tab-size: calc(1.75rem * var(--dock-scale));--dock-active-bg: var(--dock-control-active-bg);--dock-active-color: var(--foreground);--dock-active-scale: 1;--dock-active-border: none;--dock-active-shadow: none;--dock-selected-accent: color-mix(in oklab,var(--foreground) 14%,transparent);--dock-ring: var(--focus-ring-shadow);--dock-control-press-bg: color-mix( in oklab,var(--glass-plate-resting),var(--foreground) 7% );--dock-touch-target: 2.75rem;--dock-label-ratio: 0.5088;--touch-target: 2.75rem;--slider-touch-target: 1.5rem;--slider-track-height-sm: 0.75rem;--slider-thumb-size-sm: 0.5rem;--slider-track-height-md: 1.25rem;--slider-thumb-size-md: 1rem;--slider-track-height-lg: 1.75rem;--slider-thumb-size-lg: 1.5rem;}@media (max-width: 768px){:root{--space-page: 2rem;--space-section: 1.25rem;--space-family: 0.75rem;--space-body: 0.5rem;--space-atom: 0.25rem;--space-residue: 0.25rem;}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
body{font-family: var(--font-text);color: var(--foreground);font-size: var(--type-body);line-height: var(--type-leading-body);}@utility text-proportional-headline{font-size: var(--type-proportional-headline-size);line-height: var(--type-proportional-leading);}@utility text-proportional-kicker{font-size: var(--type-proportional-kicker-size);line-height: var(--type-proportional-leading);}@utility text-display-audacious{font-family: var(--font-display);font-size: var(--type-display-audacious);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-hero{font-family: var(--font-display);font-size: var(--text-hero-size,var(--type-display-audacious));line-height: var(--text-hero-leading,0.84);letter-spacing: var(--text-hero-tracking,-0.03em);font-weight: 300;font-feature-settings: "ss01","tnum","lnum";font-variant-numeric: tabular-nums lining-nums;font-optical-sizing: auto;display: inline-block;max-inline-size: 100%;white-space: nowrap;text-wrap: nowrap;}@utility text-display-hero{font-family: var(--font-display);font-size: var(--type-display-hero);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display-mega{font-family: var(--font-display);font-size: var(--type-display-mega);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display-5{font-family: var(--font-display);font-size: var(--type-display-5);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display-4{font-family: var(--font-display);font-size: var(--type-display-4);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display-3{font-family: var(--font-display);font-size: var(--type-display-3);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display-2{font-family: var(--font-display);font-size: var(--type-display-2);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display{font-family: var(--font-display);font-size: var(--type-display-1);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-title{font-family: var(--font-text);font-size: var(--type-title);line-height: var(--type-leading-heading);letter-spacing: var(--type-tracking-tight);font-weight: var(--type-weight-title);text-wrap: balance;}@utility text-heading{font-family: var(--font-text);font-size: var(--type-heading);line-height: var(--type-leading-heading);font-weight: var(--type-weight-heading);text-wrap: balance;}@utility text-subheading{font-family: var(--font-text);font-size: var(--type-subheading);line-height: var(--type-leading-body);font-weight: 600;text-wrap: balance;}@utility dock-label{font-family: var(--font-text);font-size: var( --dock-label-size,calc(var(--dock-control-size,2.5rem) * var(--dock-label-ratio)) );line-height: var(--type-leading-body);font-weight: 400;letter-spacing: var(--type-tracking-normal);}@utility text-prose{font-family: var(--font-text);font-size: var(--type-prose);line-height: var(--type-leading-prose);font-weight: 400;text-wrap: pretty;}@utility text-body{font-family: var(--font-text);font-size: var(--type-body);line-height: var(--type-leading-body);font-weight: 400;text-wrap: pretty;}@utility text-small{font-family: var(--font-text);font-size: var(--type-small);line-height: var(--type-leading-small);font-weight: 400;}@utility text-caption{font-family: var(--font-text);font-size: var(--type-caption);line-height: var(--type-leading-caption);font-
|
|
1
|
+
@layer components{body{font-family: var(--font-text);color: var(--foreground);font-size: var(--type-body);line-height: var(--type-leading-body);}}@utility text-proportional-headline{font-size: var(--type-proportional-headline-size);line-height: var(--type-proportional-leading);}@utility text-proportional-kicker{font-size: var(--type-proportional-kicker-size);line-height: var(--type-proportional-leading);}@utility text-display-audacious{font-family: var(--font-display);font-size: var(--type-display-audacious);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-hero{font-family: var(--font-display);font-size: var(--text-hero-size,var(--type-display-audacious));line-height: var(--text-hero-leading,0.84);letter-spacing: var(--text-hero-tracking,-0.03em);font-weight: 300;font-feature-settings: "ss01","tnum","lnum";font-variant-numeric: tabular-nums lining-nums;font-optical-sizing: auto;display: inline-block;max-inline-size: 100%;white-space: nowrap;text-wrap: nowrap;}@utility text-display-hero{font-family: var(--font-display);font-size: var(--type-display-hero);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display-mega{font-family: var(--font-display);font-size: var(--type-display-mega);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display-5{font-family: var(--font-display);font-size: var(--type-display-5);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display-4{font-family: var(--font-display);font-size: var(--type-display-4);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display-3{font-family: var(--font-display);font-size: var(--type-display-3);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display-2{font-family: var(--font-display);font-size: var(--type-display-2);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-display{font-family: var(--font-display);font-size: var(--type-display-1);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-optical-sizing: auto;font-weight: var(--type-weight-display);text-wrap: balance;}@utility text-title{font-family: var(--font-text);font-size: var(--type-title);line-height: var(--type-leading-heading);letter-spacing: var(--type-tracking-tight);font-weight: var(--type-weight-title);text-wrap: balance;}@utility text-heading{font-family: var(--font-text);font-size: var(--type-heading);line-height: var(--type-leading-heading);font-weight: var(--type-weight-heading);text-wrap: balance;}@utility text-subheading{font-family: var(--font-text);font-size: var(--type-subheading);line-height: var(--type-leading-body);font-weight: 600;text-wrap: balance;}@utility dock-label{font-family: var(--font-text);font-size: var( --dock-label-size,calc(var(--dock-control-size,2.5rem) * var(--dock-label-ratio)) );line-height: var(--type-leading-body);font-weight: 400;letter-spacing: var(--type-tracking-normal);}@utility text-prose{font-family: var(--font-text);font-size: var(--type-prose);line-height: var(--type-leading-prose);font-weight: 400;text-wrap: pretty;}@utility text-body{font-family: var(--font-text);font-size: var(--type-body);line-height: var(--type-leading-body);font-weight: 400;text-wrap: pretty;}@utility text-small{font-family: var(--font-text);font-size: var(--type-small);line-height: var(--type-leading-small);font-weight: 400;}@utility text-caption{font-family: var(--font-text);font-size: var(--type-caption);line-height: var(--type-leading-caption);font-weight: 400;}@utility text-micro{font-size: var(--type-micro);line-height: 1.25;}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@utility text-math{font-family: var(--font-text);font-style: italic;}@utility text-math-body{font-family: var(--font-text);font-size: var(--type-prose);line-height: var(--type-leading-prose);font-style: italic;}@utility text-mono-caption{font-family: var(--font-mono);font-size: var(--type-caption);letter-spacing: var(--type-tracking-caps);text-transform: uppercase;}@utility text-mono-small{font-family: var(--font-mono);font-size: var(--type-small);line-height: var(--type-leading-small);}@utility text-mono-prose{font-family: var(--font-mono);font-size: var(--type-prose);line-height: var(--type-leading-prose);letter-spacing: 0.02em;}@utility text-mono-micro{font-family: var(--font-mono);font-size: var(--type-micro);line-height: 1.25;letter-spacing: 0.025em;}@utility
|
|
1
|
+
@utility text-math{font-family: var(--font-text);font-style: italic;}@utility text-math-body{font-family: var(--font-text);font-size: var(--type-prose);line-height: var(--type-leading-prose);font-style: italic;}@utility text-mono-caption{font-family: var(--font-mono);font-size: var(--type-caption);letter-spacing: var(--type-tracking-caps);text-transform: uppercase;}@utility text-mono-small{font-family: var(--font-mono);font-size: var(--type-small);line-height: var(--type-leading-small);}@utility text-mono-prose{font-family: var(--font-mono);font-size: var(--type-prose);line-height: var(--type-leading-prose);letter-spacing: 0.02em;}@utility text-mono-micro{font-family: var(--font-mono);font-size: var(--type-micro);line-height: 1.25;letter-spacing: 0.025em;}@utility fira-code{font-family: var(--font-mono);font-feature-settings: "liga","calt";}@utility fourier-f{font-family: var(--font-display);font-style: italic;font-size: 1.35em;line-height: 1;vertical-align: -0.05em;font-weight: 700;display: inline-block;}@layer components{.text-pane-title{font-family: var(--font-display);font-size: var(--type-display-2);line-height: var(--type-leading-display);letter-spacing: var(--type-tracking-display);font-weight: var(--type-weight-display);font-optical-sizing: auto;}@container (min-width: 40rem){.text-pane-title{font-size: var(--type-display-3);}}.section-label{@apply text-mono-caption;color: var(--muted-foreground);}.section-label--tinted{color: var(--section-label-accent,var(--section-color-7));}:root:not(.dark) [data-paper-field] .section-label:not(.section-label--tinted){color: color-mix(in oklab,var(--neutral-5),var(--foreground) 22%);}.tabular-nums{font-variant-numeric: tabular-nums lining-nums;}.text-engraved{color: var(--muted-foreground);text-shadow: var(--text-shadow-engraved);}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0s !important;}}html.no-transition,html.no-transition *:not([data-allow-motion]),html.no-transition *:not([data-allow-motion])::before,html.no-transition *:not([data-allow-motion])::after{transition-duration: 0s !important;}@media (forced-colors: active){.focus-ring:focus-visible,.interactive-item:focus-visible,.dock-icon-button:focus-visible,.dock-tab-button:focus-visible,.dock-select-trigger:focus-visible,.dock-dropdown-trigger:focus-visible,.menu__trigger:focus-visible,.dark-mode-toggle-button:focus-visible,.field-control:focus-visible,.input-pill:focus,.input-pill:focus-visible{outline: 2px solid Highlight;outline-offset: 2px;}.hairline-accent,.glass-dock{border: 1px solid CanvasText;}}
|
|
1
|
+
@layer components{@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0s !important;}}html.no-transition,html.no-transition *:not([data-allow-motion]),html.no-transition *:not([data-allow-motion])::before,html.no-transition *:not([data-allow-motion])::after{transition-duration: 0s !important;}@media (forced-colors: active){.focus-ring:focus-visible,.interactive-item:focus-visible,.dock-icon-button:focus-visible,.dock-tab-button:focus-visible,.dock-select-trigger:focus-visible,.dock-dropdown-trigger:focus-visible,.menu__trigger:focus-visible,.dark-mode-toggle-button:focus-visible,.field-control:focus-visible,.input-pill:focus,.input-pill:focus-visible{outline: 2px solid Highlight;outline-offset: 2px;}.hairline-accent,.glass-dock{border: 1px solid CanvasText;}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (pointer: coarse){[data-control-target]{min-block-size: var(--touch-target,2.75rem);min-inline-size: var(--touch-target,2.75rem);}}
|
|
1
|
+
@layer components{@media (pointer: coarse){[data-control-target]{min-block-size: var(--touch-target,2.75rem);min-inline-size: var(--touch-target,2.75rem);}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation: none !important;}}::view-transition-group(.gl-list-item){animation-duration: var(--vt-duration,var(--spring-present-duration));animation-timing-function: var(--vt-ease,var(--spring-present));}::view-transition-old(root),::view-transition-new(root){block-size: 100%;}html:active-view-transition-type(route,zoom,lateral,collapse)::view-transition-old(root),html:active-view-transition-type(route,zoom,lateral,collapse)::view-transition-new(root){animation-timing-function: linear;}html:active-view-transition-type(route,zoom,lateral,collapse)::view-transition-old(root){animation-name: gl-vt-route-out;}html:active-view-transition-type(route,zoom,lateral,collapse)::view-transition-new(root){animation-name: gl-vt-route-in;}html:active-view-transition-type(route)::view-transition-old(root),html:active-view-transition-type(route)::view-transition-new(root){animation-duration: var(--route-route-clock);}html:active-view-transition-type(zoom,lateral)::view-transition-old(root),html:active-view-transition-type(zoom,lateral)::view-transition-new(root){animation-duration: var(--route-world-clock);}html:active-view-transition-type(collapse)::view-transition-old(root),html:active-view-transition-type(collapse)::view-transition-new(root){animation-duration: var(--route-world-exit-clock);}html:active-view-transition-type(zoom)::view-transition-old(root){animation-name: gl-vt-route-out,gl-route-recede;animation-duration: var(--route-world-clock),var(--route-world-clock);animation-timing-function: linear,var(--route-world-spring);animation-fill-mode: both,both;}html:active-view-transition-type(collapse)::view-transition-new(root){animation-name: gl-vt-route-in,gl-route-recover;animation-duration: var(--route-world-exit-clock),var(--route-world-exit-clock);animation-delay: 0s,var(--route-collapse-clock);animation-timing-function: linear,var(--ease-out);animation-fill-mode: both,backwards;}html:active-view-transition-type(lateral)::view-transition-old(root){animation-name: gl-vt-route-out,gl-route-world-push-out;animation-duration: var(--route-world-clock),var(--route-world-clock);animation-timing-function: linear,var(--route-world-spring);animation-fill-mode: both,both;}html:active-view-transition-type(lateral)::view-transition-new(root){animation-name: gl-vt-route-in,gl-route-world-push-in;animation-duration: var(--route-world-clock),var(--route-world-clock);animation-timing-function: linear,var(--route-world-spring);animation-fill-mode: both,both;}::view-transition-group(gl-route-window){overflow: clip;}html:active-view-transition-type(zoom)::view-transition-group(gl-route-window){animation-duration: var(--route-zoom-clock);animation-timing-function: var(--route-zoom-spring);}html:active-view-transition-type(lateral)::view-transition-group(gl-route-window){animation-duration: var(--route-lateral-clock);animation-timing-function: var(--route-lateral-spring);}html:active-view-transition-type(collapse)::view-transition-group(gl-route-window){animation-duration: var(--route-collapse-clock);animation-timing-function: var(--route-collapse-spring);}html:active-view-transition-type(zoom,lateral)::view-transition-old(gl-route-window),html:active-view-transition-type(zoom,lateral)::view-transition-new(gl-route-window){animation-timing-function: linear;}html:active-view-transition-type(zoom)::view-transition-old(gl-route-window),html:active-view-transition-type(zoom)::view-transition-new(gl-route-window){animation-duration: var(--route-inhale-clock);}html:active-view-transition-type(lateral)::view-transition-old(gl-route-window),html:active-view-transition-type(lateral)::view-transition-new(gl-route-window){animation-duration: var(--route-lateral-clock);}html:active-view-transition-type(zoom)::view-transition-new(gl-route-window){animation-name: gl-vt-route-in;}html:active-view-transition-type(lateral)::view-transition-new(gl-route-window){animation-name: gl-vt-route-in,gl-route-slide-in;animation-duration: var(--route-lateral-clock),var(--route-lateral-clock);animation-timing-function: linear,var(--route-lateral-spring);animation-fill-mode: both,both;}html:active-view-transition-type(zoom)::view-transition-old(gl-route-window){animation-name: gl-vt-route-out,gl-route-inhale;animation-duration: var(--route-inhale-clock),var(--route-inhale-clock);animation-timing-function: linear,var(--ease-out);animation-fill-mode: both,forwards;}html:active-view-transition-type(lateral)::view-transition-old(gl-route-window){animation-name: gl-vt-route-out,gl-route-slide-out;animation-duration: var(--route-lateral-clock),var(--route-lateral-clock);animation-timing-function: linear,var(--route-lateral-spring);animation-fill-mode: both,both;}html:active-view-transition-type(collapse)::view-transition-old(gl-route-window){animation-name: gl-route-cut;animation-duration: var(--route-collapse-clock);animation-timing-function: var(--route-collapse-spring);animation-fill-mode: both;}html:active-view-transition-type(collapse)::view-transition-new(gl-route-window){animation-name: gl-route-cut-in;animation-duration: var(--route-collapse-clock);animation-timing-function: var(--route-collapse-spring);animation-fill-mode: both;}html:active-view-transition-type(zoom,lateral)::view-transition-old(gl-route-window):only-child{animation-name: gl-vt-route-out;animation-duration: var(--route-world-clock);animation-timing-function: linear;animation-fill-mode: both;}html:active-view-transition-type(zoom,lateral)::view-transition-new(gl-route-window):only-child{animation-name: gl-vt-route-in;animation-duration: var(--route-world-clock);animation-timing-function: linear;animation-fill-mode: both;}html:active-view-transition-type(collapse)::view-transition-old(gl-route-window):only-child{animation-name: gl-vt-route-out;animation-duration: var(--route-world-exit-clock);animation-timing-function: linear;animation-fill-mode: both;}html:active-view-transition-type(collapse)::view-transition-new(gl-route-window):only-child{animation-name: gl-vt-route-in;animation-duration: var(--route-world-exit-clock);animation-timing-function: linear;animation-fill-mode: both;}::view-transition-group(.gl-route-chrome),::view-transition-old(.gl-route-chrome),::view-transition-new(.gl-route-chrome){animation-duration: var(--route-inhale-clock);animation-timing-function: linear;}html:active-view-transition-type(zoom,lateral,collapse)::view-transition-old(gl-route-label){animation-name: gl-vt-route-out;animation-duration: var(--route-inhale-clock);animation-timing-function: linear;}html:active-view-transition-type(zoom,lateral,collapse)::view-transition-new(gl-route-label){animation-name: gl-vt-route-in;animation-duration: var(--route-inhale-clock);animation-timing-function: linear;}::view-transition-new(.gl-list-item):only-child{animation-name: gl-vt-slide-in;}::view-transition-old(.gl-list-item):only-child{animation-name: gl-vt-slide-out;}@keyframes gl-vt-slide-in{from{opacity: 0;translate: 0 var(--vt-rise,8px);}}@keyframes gl-vt-slide-out{to{opacity: 0;translate: 0 var(--vt-rise,8px);}}@keyframes gl-vt-route-in{from{opacity: 0;}}@keyframes gl-vt-route-out{to{opacity: 0;}}@keyframes gl-route-recede{from{filter: blur(0) brightness(1);translate: 0 0;}to{filter: blur(var(--route-world-blur)) brightness(var(--route-world-dim));translate: 0 calc(-1 * var(--route-world-travel));}}@keyframes gl-route-recover{from{filter: blur(var(--route-world-blur)) brightness(var(--route-world-dim));translate: 0 calc(-1 * var(--route-world-travel));}to{filter: blur(0) brightness(1);translate: 0 0;}}@keyframes gl-route-world-push-out{to{translate: calc(var(--route-direction,0) * -1 * var(--route-world-slide)) 0;}}@keyframes gl-route-world-push-in{from{translate: calc(var(--route-direction,0) * var(--route-world-slide)) 0;}}@keyframes gl-route-slide-out{to{translate: calc(var(--route-direction,0) * -1 * var(--route-slide)) 0;}}@keyframes gl-route-slide-in{from{translate: calc(var(--route-direction,0) * var(--route-slide)) 0;}}@keyframes gl-route-inhale{to{scale: var(--route-inhale-scale);}}@keyframes gl-route-cut{0%,90%{opacity: 1;}100%{opacity: 0;}}@keyframes gl-route-cut-in{0%,90%{opacity: 0;}100%{opacity: 1;}}::view-transition{pointer-events: none;}
|
|
1
|
+
@layer components{@media (prefers-reduced-motion: reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation: none !important;}}::view-transition-group(.gl-list-item){animation-duration: var(--vt-duration,var(--spring-present-duration));animation-timing-function: var(--vt-ease,var(--spring-present));}::view-transition-old(root),::view-transition-new(root){block-size: 100%;}html:active-view-transition-type(route,zoom,lateral,collapse)::view-transition-old(root),html:active-view-transition-type(route,zoom,lateral,collapse)::view-transition-new(root){animation-timing-function: linear;}html:active-view-transition-type(route,zoom,lateral,collapse)::view-transition-old(root){animation-name: gl-vt-route-out;}html:active-view-transition-type(route,zoom,lateral,collapse)::view-transition-new(root){animation-name: gl-vt-route-in;}html:active-view-transition-type(route)::view-transition-old(root),html:active-view-transition-type(route)::view-transition-new(root){animation-duration: var(--route-route-clock);}html:active-view-transition-type(zoom,lateral)::view-transition-old(root),html:active-view-transition-type(zoom,lateral)::view-transition-new(root){animation-duration: var(--route-world-clock);}html:active-view-transition-type(collapse)::view-transition-old(root),html:active-view-transition-type(collapse)::view-transition-new(root){animation-duration: var(--route-world-exit-clock);}html:active-view-transition-type(zoom)::view-transition-old(root){animation-name: gl-vt-route-out,gl-route-recede;animation-duration: var(--route-world-clock),var(--route-world-clock);animation-timing-function: linear,var(--route-world-spring);animation-fill-mode: both,both;}html:active-view-transition-type(collapse)::view-transition-new(root){animation-name: gl-vt-route-in,gl-route-recover;animation-duration: var(--route-world-exit-clock),var(--route-world-exit-clock);animation-delay: 0s,var(--route-collapse-clock);animation-timing-function: linear,var(--ease-out);animation-fill-mode: both,backwards;}html:active-view-transition-type(lateral)::view-transition-old(root){animation-name: gl-vt-route-out,gl-route-world-push-out;animation-duration: var(--route-world-clock),var(--route-world-clock);animation-timing-function: linear,var(--route-world-spring);animation-fill-mode: both,both;}html:active-view-transition-type(lateral)::view-transition-new(root){animation-name: gl-vt-route-in,gl-route-world-push-in;animation-duration: var(--route-world-clock),var(--route-world-clock);animation-timing-function: linear,var(--route-world-spring);animation-fill-mode: both,both;}::view-transition-group(gl-route-window){overflow: clip;}html:active-view-transition-type(zoom)::view-transition-group(gl-route-window){animation-duration: var(--route-zoom-clock);animation-timing-function: var(--route-zoom-spring);}html:active-view-transition-type(lateral)::view-transition-group(gl-route-window){animation-duration: var(--route-lateral-clock);animation-timing-function: var(--route-lateral-spring);}html:active-view-transition-type(collapse)::view-transition-group(gl-route-window){animation-duration: var(--route-collapse-clock);animation-timing-function: var(--route-collapse-spring);}html:active-view-transition-type(zoom,lateral)::view-transition-old(gl-route-window),html:active-view-transition-type(zoom,lateral)::view-transition-new(gl-route-window){animation-timing-function: linear;}html:active-view-transition-type(zoom)::view-transition-old(gl-route-window),html:active-view-transition-type(zoom)::view-transition-new(gl-route-window){animation-duration: var(--route-inhale-clock);}html:active-view-transition-type(lateral)::view-transition-old(gl-route-window),html:active-view-transition-type(lateral)::view-transition-new(gl-route-window){animation-duration: var(--route-lateral-clock);}html:active-view-transition-type(zoom)::view-transition-new(gl-route-window){animation-name: gl-vt-route-in;}html:active-view-transition-type(lateral)::view-transition-new(gl-route-window){animation-name: gl-vt-route-in,gl-route-slide-in;animation-duration: var(--route-lateral-clock),var(--route-lateral-clock);animation-timing-function: linear,var(--route-lateral-spring);animation-fill-mode: both,both;}html:active-view-transition-type(zoom)::view-transition-old(gl-route-window){animation-name: gl-vt-route-out,gl-route-inhale;animation-duration: var(--route-inhale-clock),var(--route-inhale-clock);animation-timing-function: linear,var(--ease-out);animation-fill-mode: both,forwards;}html:active-view-transition-type(lateral)::view-transition-old(gl-route-window){animation-name: gl-vt-route-out,gl-route-slide-out;animation-duration: var(--route-lateral-clock),var(--route-lateral-clock);animation-timing-function: linear,var(--route-lateral-spring);animation-fill-mode: both,both;}html:active-view-transition-type(collapse)::view-transition-old(gl-route-window){animation-name: gl-route-cut;animation-duration: var(--route-collapse-clock);animation-timing-function: var(--route-collapse-spring);animation-fill-mode: both;}html:active-view-transition-type(collapse)::view-transition-new(gl-route-window){animation-name: gl-route-cut-in;animation-duration: var(--route-collapse-clock);animation-timing-function: var(--route-collapse-spring);animation-fill-mode: both;}html:active-view-transition-type(zoom,lateral)::view-transition-old(gl-route-window):only-child{animation-name: gl-vt-route-out;animation-duration: var(--route-world-clock);animation-timing-function: linear;animation-fill-mode: both;}html:active-view-transition-type(zoom,lateral)::view-transition-new(gl-route-window):only-child{animation-name: gl-vt-route-in;animation-duration: var(--route-world-clock);animation-timing-function: linear;animation-fill-mode: both;}html:active-view-transition-type(collapse)::view-transition-old(gl-route-window):only-child{animation-name: gl-vt-route-out;animation-duration: var(--route-world-exit-clock);animation-timing-function: linear;animation-fill-mode: both;}html:active-view-transition-type(collapse)::view-transition-new(gl-route-window):only-child{animation-name: gl-vt-route-in;animation-duration: var(--route-world-exit-clock);animation-timing-function: linear;animation-fill-mode: both;}::view-transition-group(.gl-route-chrome),::view-transition-old(.gl-route-chrome),::view-transition-new(.gl-route-chrome){animation-duration: var(--route-inhale-clock);animation-timing-function: linear;}html:active-view-transition-type(zoom,lateral,collapse)::view-transition-old(gl-route-label){animation-name: gl-vt-route-out;animation-duration: var(--route-inhale-clock);animation-timing-function: linear;}html:active-view-transition-type(zoom,lateral,collapse)::view-transition-new(gl-route-label){animation-name: gl-vt-route-in;animation-duration: var(--route-inhale-clock);animation-timing-function: linear;}::view-transition-new(.gl-list-item):only-child{animation-name: gl-vt-slide-in;}::view-transition-old(.gl-list-item):only-child{animation-name: gl-vt-slide-out;}}@keyframes gl-vt-slide-in{from{opacity: 0;translate: 0 var(--vt-rise,8px);}}@keyframes gl-vt-slide-out{to{opacity: 0;translate: 0 var(--vt-rise,8px);}}@keyframes gl-vt-route-in{from{opacity: 0;}}@keyframes gl-vt-route-out{to{opacity: 0;}}@keyframes gl-route-recede{from{filter: blur(0) brightness(1);translate: 0 0;}to{filter: blur(var(--route-world-blur)) brightness(var(--route-world-dim));translate: 0 calc(-1 * var(--route-world-travel));}}@keyframes gl-route-recover{from{filter: blur(var(--route-world-blur)) brightness(var(--route-world-dim));translate: 0 calc(-1 * var(--route-world-travel));}to{filter: blur(0) brightness(1);translate: 0 0;}}@keyframes gl-route-world-push-out{to{translate: calc(var(--route-direction,0) * -1 * var(--route-world-slide)) 0;}}@keyframes gl-route-world-push-in{from{translate: calc(var(--route-direction,0) * var(--route-world-slide)) 0;}}@keyframes gl-route-slide-out{to{translate: calc(var(--route-direction,0) * -1 * var(--route-slide)) 0;}}@keyframes gl-route-slide-in{from{translate: calc(var(--route-direction,0) * var(--route-slide)) 0;}}@keyframes gl-route-inhale{to{scale: var(--route-inhale-scale);}}@keyframes gl-route-cut{0%,90%{opacity: 1;}100%{opacity: 0;}}@keyframes gl-route-cut-in{0%,90%{opacity: 0;}100%{opacity: 1;}}@layer components{::view-transition{pointer-events: none;}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes substrate-reveal-bloom{from{opacity: 0;filter: brightness(1) saturate(1);}55%{filter: brightness(1.08) saturate(1.05);}to{opacity: 1;filter: brightness(1) saturate(1);}}@media (prefers-reduced-motion: no-preference){canvas[data-substrate-reveal]{animation: substrate-reveal-bloom var(--substrate-reveal-duration) var(--ease-out);}}
|
|
1
|
+
@keyframes substrate-reveal-bloom{from{opacity: 0;filter: brightness(1) saturate(1);}55%{filter: brightness(1.08) saturate(1.05);}to{opacity: 1;filter: brightness(1) saturate(1);}}@layer components{@media (prefers-reduced-motion: no-preference){canvas[data-substrate-reveal]{animation: substrate-reveal-bloom var(--substrate-reveal-duration) var(--ease-out);}}}
|
package/dist/surface.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./Surface-
|
|
1
|
+
import { t as e } from "./Surface-1nPoabc3.js";
|
|
2
2
|
export { e as Surface };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./class-names-
|
|
1
|
+
import { t as e } from "./class-names-FlXcvRRT.js";
|
|
2
2
|
import { t } from "./control-DJp15L4U.js";
|
|
3
3
|
import { computed as n, createBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeProps as s, openBlock as c, unref as l, withCtx as u } from "vue";
|
|
4
4
|
import { SwitchRoot as d, SwitchThumb as f, useForwardPropsEmits as p } from "reka-ui";
|
package/dist/switch.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./switch-
|
|
1
|
+
import { t as e } from "./switch-BYUZ6g9G.js";
|
|
2
2
|
export { e as Switch };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { t as e } from "./class-names-
|
|
1
|
+
import { t as e } from "./class-names-FlXcvRRT.js";
|
|
2
2
|
import { n as t, r as n } from "./writeVelocityWeight-DoGOCW3e.js";
|
|
3
3
|
import { t as r } from "./useMotionAxis-D-rtIhca.js";
|
|
4
|
-
import { a as i, c as a, l as o, r as s, s as c } from "./select-
|
|
4
|
+
import { a as i, c as a, l as o, r as s, s as c } from "./select-fy3vtArm.js";
|
|
5
5
|
import { n as l, t as u } from "./useSelectionGroup-zsEwitF6.js";
|
|
6
6
|
import { t as d } from "./useDragMorph-B363RUbF.js";
|
|
7
7
|
import { Fragment as f, computed as p, createBlock as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, mergeModels as b, mergeProps as x, nextTick as S, normalizeClass as C, normalizeStyle as w, onBeforeUnmount as T, onBeforeUpdate as E, onMounted as D, openBlock as O, ref as k, renderList as A, renderSlot as j, toDisplayString as M, unref as N, useModel as P, watch as F, withCtx as I } from "vue";
|
|
@@ -187,7 +187,8 @@ var z = [
|
|
|
187
187
|
});
|
|
188
188
|
}
|
|
189
189
|
function re(e) {
|
|
190
|
-
|
|
190
|
+
let t = l.options.find((t) => t.value === e);
|
|
191
|
+
t && (y.value = t.value);
|
|
191
192
|
}
|
|
192
193
|
return (n, r) => N(q) ? (O(), h("div", {
|
|
193
194
|
key: 0,
|
package/dist/tabs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./tabs-
|
|
1
|
+
import { t as e } from "./tabs-rdRXKXxd.js";
|
|
2
2
|
export { e as SegmentedTabs };
|
package/dist/textarea.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./class-names-
|
|
1
|
+
import { t as e } from "./class-names-FlXcvRRT.js";
|
|
2
2
|
import { n as t } from "./control.css_vue_type_style_index_0_src_true_lang-BIdufaDG.js";
|
|
3
3
|
import { computed as n, createElementBlock as r, defineComponent as i, mergeModels as a, mergeProps as o, openBlock as s, unref as c, useAttrs as l, useModel as u, vModelText as d, withDirectives as f } from "vue";
|
|
4
4
|
//#region src/components/textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
|