@mkbabb/glass-ui 4.1.0 → 4.2.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/dist/{CardAction-8whJrLWt.js → CardAction-DlVP2evz.js} +58 -54
- package/dist/{CommandShortcut-D3yxgHNn.js → CommandShortcut-By-VQcLO.js} +3 -3
- package/dist/{ConfiguratorRow-CaP7U3ZA.js → ConfiguratorRow-YMXdINHx.js} +3 -3
- package/dist/{ContextMenuContent-B3ZsheLV.js → ContextMenuContent-CMWn6huB.js} +1 -1
- package/dist/{ContextMenuSubContent-DDRID3qC.js → ContextMenuSubContent-DvwWCUc0.js} +1 -1
- package/dist/{DataTable-Bc9kUtu_.js → DataTable-C4tG3eIJ.js} +4 -4
- package/dist/DialogContent-D8U9ZfWS.js +121 -0
- package/dist/{DialogScrollContent-TTuovQst.js → DialogScrollContent-BMekN7gq.js} +1 -1
- package/dist/{FadingScroll-DLRbH5Xr.js → FadingScroll-P8B30rAD.js} +1 -1
- package/dist/{HoverCardContent-Bel1gdLZ.js → HoverCardContent-DAmGYglo.js} +1 -1
- package/dist/{HoverPopover-BcIxvyqZ.js → HoverPopover-DYpBOzzF.js} +1 -1
- package/dist/{IconChip-DhbdGdFQ.js → IconChip-CQa7XZYc.js} +7 -5
- package/dist/{IconTooltip-B0zimd2H.js → IconTooltip-_df8M3xm.js} +1 -1
- package/dist/{Input-Cg9DF62r.js → Input-CyU4_hIC.js} +2 -2
- package/dist/{MetricBadge-RHdBP72w.js → MetricBadge-DQt_dGah.js} +1 -1
- package/dist/{Notification-CphK7AAm.js → Notification-BlSPJhtZ.js} +1 -1
- package/dist/{NumberFieldContent-D8cXeyO4.js → NumberFieldContent-Z3VxGu_6.js} +3 -3
- package/dist/PagerDots-CYlqVFd4.js +196 -0
- package/dist/PaperBackdrop-DYWgrnh8.js +42 -0
- package/dist/{PopoverContent-DL7E6vJP.js → PopoverContent-BuKyHZSz.js} +2 -2
- package/dist/{Progress-CnqB7gLm.js → Progress-C9SsdwIZ.js} +1 -1
- package/dist/{ScrollingText-CTZbA_cG.js → ScrollingText-DY3W1Jfh.js} +2 -2
- package/dist/{SelectScrollDownButton-DAKCBEdW.js → SelectScrollDownButton-3mFHX_R-.js} +15 -12
- package/dist/{Switch-B8RscmRu.js → Switch-uf-UKPA2.js} +1 -1
- package/dist/{Toaster-D9qIHjBI.js → Toaster-ozrsR4mP.js} +1 -1
- package/dist/{ToggleGroupItem-BLtr3TJq.js → ToggleGroupItem-BpzaVzNm.js} +4 -4
- package/dist/{TooltipProvider-BJ_Y5EGX.js → TooltipProvider-QQVM_80r.js} +1 -1
- package/dist/animated-digit.js +2 -2
- package/dist/api/index.d.ts +1 -0
- package/dist/api/types-extra.d.ts +3 -1
- package/dist/api.js +2 -2
- package/dist/aurora.js +163 -131
- package/dist/badge-Bt14yURi.js +72 -0
- package/dist/badge.js +1 -1
- package/dist/border-progress.js +1 -1
- package/dist/button-D1W9PrzI.js +130 -0
- package/dist/button.js +1 -1
- package/dist/canvas.js +1 -1
- package/dist/card.js +1 -1
- package/dist/carousel.js +227 -98
- package/dist/chipVariants-BJQ0I2kB.js +18 -0
- package/dist/collapsible.js +1 -1
- package/dist/color.js +1 -1
- package/dist/command.js +1 -1
- package/dist/components/custom/aurora/composables/glSetup.d.ts +1 -1
- package/dist/components/custom/aurora/composables/uniformBridgeWGPU.d.ts +1 -1
- package/dist/components/custom/aurora/constants/presets.d.ts +29 -0
- package/dist/components/custom/aurora/constants/shaders/aurora.wgsl.d.ts +1 -1
- package/dist/components/custom/aurora/index.d.ts +1 -1
- package/dist/components/custom/concentric/Concentric.vue.d.ts +15 -12
- package/dist/components/custom/concentric/composables/concentricGLSetup.d.ts +8 -3
- package/dist/components/custom/concentric/composables/concentricWGPUSetup.d.ts +8 -4
- package/dist/components/custom/concentric/composables/levelField.d.ts +50 -0
- package/dist/components/custom/concentric/composables/uniformBridgeWGPU.d.ts +7 -4
- package/dist/components/custom/concentric/composables/useConcentric.d.ts +3 -3
- package/dist/components/custom/concentric/constants.d.ts +62 -41
- package/dist/components/custom/concentric/index.d.ts +2 -2
- package/dist/components/custom/concentric/shaders/concentric.glsl.d.ts +2 -2
- package/dist/components/custom/concentric/shaders/concentric.wgsl.d.ts +1 -1
- package/dist/components/custom/configurator/Configurator.vue.d.ts +23 -2
- package/dist/components/custom/configurator/index.d.ts +1 -1
- package/dist/components/custom/dock/DockDropdownTrigger.vue.d.ts +4 -3
- package/dist/components/custom/dock/DockIconButton.vue.d.ts +10 -0
- package/dist/components/custom/dock/DockPopoverTrigger.vue.d.ts +19 -0
- package/dist/components/custom/dock/DockStack.vue.d.ts +35 -22
- package/dist/components/custom/dock/GlassDock.vue.d.ts +19 -3
- package/dist/components/custom/dock/composables/dockMorphContext.d.ts +18 -32
- package/dist/components/custom/dock/composables/dockMorphMeasure.d.ts +76 -145
- package/dist/components/custom/dock/composables/index.d.ts +1 -0
- package/dist/components/custom/dock/composables/railProjection.d.ts +45 -0
- package/dist/components/custom/dock/composables/useDockContextSilhouette.d.ts +192 -0
- package/dist/components/custom/dock/composables/useDockFission.d.ts +158 -0
- package/dist/components/custom/dock/composables/useDockItemDrag.d.ts +18 -0
- package/dist/components/custom/dock/composables/useDockShellProps.d.ts +38 -0
- package/dist/components/custom/dock/constants.d.ts +14 -3
- package/dist/components/custom/dock/index.d.ts +3 -0
- package/dist/components/custom/dot-flow-field/composables/flowField.d.ts +21 -0
- package/dist/components/custom/dot-flow-field/composables/flowGLProgram.d.ts +8 -0
- package/dist/components/custom/dot-flow-field/composables/flowSetupGL.d.ts +9 -0
- package/dist/components/custom/dot-flow-field/composables/flowSetupGLFlow.d.ts +12 -0
- package/dist/components/custom/dot-flow-field/composables/flowSetupWGPU.d.ts +7 -0
- package/dist/components/custom/dot-flow-field/composables/uniformBridgeWGPU.d.ts +28 -2
- package/dist/components/custom/dot-flow-field/composables/useFlowParticles.d.ts +18 -17
- package/dist/components/custom/dot-flow-field/constants.d.ts +51 -0
- package/dist/components/custom/dot-flow-field/index.d.ts +1 -1
- package/dist/components/custom/dot-flow-field/shaders/flow-field.compute.wgsl.d.ts +1 -1
- package/dist/components/custom/dot-flow-field/shaders/flow-field.glsl.d.ts +29 -0
- package/dist/components/custom/dot-flow-field/shaders/flow-field.render.wgsl.d.ts +2 -1
- package/dist/components/custom/dot-matrix/composables/uniformBridgeWGPU.d.ts +10 -1
- package/dist/components/custom/dot-matrix/composables/useDotSphere.d.ts +7 -0
- package/dist/components/custom/dot-matrix/constants.d.ts +14 -0
- package/dist/components/custom/dot-matrix/index.d.ts +1 -1
- package/dist/components/custom/dot-matrix/shaders/dot-matrix.glsl.d.ts +2 -2
- package/dist/components/custom/dot-matrix/shaders/dot-matrix.wgsl.d.ts +1 -1
- package/dist/components/custom/fourier-field/FourierField.vue.d.ts +4 -0
- package/dist/components/custom/fourier-field/composables/fourierFieldGLSetup.d.ts +9 -0
- package/dist/components/custom/fourier-field/composables/fourierFieldWGPUSetup.d.ts +11 -0
- package/dist/components/custom/fourier-field/composables/uniformBridgeWGPU.d.ts +16 -1
- package/dist/components/custom/fourier-field/composables/useFourierField.d.ts +22 -1
- package/dist/components/custom/fourier-field/constants.d.ts +53 -0
- package/dist/components/custom/fourier-field/shaders/fourier-field.glsl.d.ts +1 -1
- package/dist/components/custom/fourier-field/shaders/fourier-field.render.wgsl.d.ts +1 -1
- package/dist/components/custom/goo-blob/composables/easing.d.ts +1 -0
- package/dist/components/custom/goo-blob/composables/useBlobSatellites.d.ts +1 -0
- package/dist/components/custom/goo-blob/constants.d.ts +26 -1
- package/dist/components/custom/goo-blob/shaders/metaball-uniforms.glsl.d.ts +1 -1
- package/dist/components/custom/goo-blob/shaders/metaball.wgsl.d.ts +1 -1
- package/dist/components/custom/goo-blob/types.d.ts +50 -1
- package/dist/components/custom/goo-dot-matrix/composables/gooDotSetup.d.ts +32 -3
- package/dist/components/custom/goo-dot-matrix/composables/uniformBridgeWGPU.d.ts +14 -4
- package/dist/components/custom/goo-dot-matrix/constants.d.ts +55 -16
- package/dist/components/custom/goo-dot-matrix/index.d.ts +1 -1
- package/dist/components/custom/goo-dot-matrix/shaders/goo-dot.frag.d.ts +2 -0
- package/dist/components/custom/goo-dot-matrix/shaders/goo-dot.wgsl.d.ts +1 -0
- package/dist/components/custom/goo-filter/GooFilter.vue.d.ts +22 -0
- package/dist/components/custom/goo-filter/index.d.ts +1 -0
- package/dist/components/custom/handmark/brush.d.ts +17 -17
- package/dist/components/custom/handmark/constants.d.ts +28 -8
- package/dist/components/custom/handmark/geometry.d.ts +34 -1
- package/dist/components/custom/handmark/index.d.ts +1 -1
- package/dist/components/custom/icon-chip/types.d.ts +10 -0
- package/dist/components/custom/paper-backdrop/PaperBackdrop.vue.d.ts +18 -0
- package/dist/components/custom/paper-grid/composables/paperGrid.d.ts +44 -29
- package/dist/components/custom/paper-grid/composables/paperGridGLSetup.d.ts +2 -0
- package/dist/components/custom/paper-grid/composables/paperGridWGPUSetup.d.ts +3 -1
- package/dist/components/custom/paper-grid/composables/uniformBridgeWGPU.d.ts +2 -2
- package/dist/components/custom/paper-grid/constants.d.ts +44 -6
- package/dist/components/custom/paper-grid/index.d.ts +2 -2
- package/dist/components/custom/paper-grid/shaders/paper-grid.glsl.d.ts +1 -1
- package/dist/components/custom/paper-grid/shaders/paper-grid.wgsl.d.ts +1 -1
- package/dist/components/custom/selectable-chip/chipVariants.d.ts +39 -0
- package/dist/components/custom/selectable-chip/selectableChipVariants.d.ts +12 -20
- package/dist/components/custom/tabs/constants.d.ts +16 -8
- package/dist/components/custom/timeline/ScrubberTimeline.vue.d.ts +16 -0
- package/dist/components/custom/timeline/geometry.d.ts +0 -8
- package/dist/components/custom/toggle-chip/index.d.ts +15 -4
- package/dist/components/custom/watercolor-dot/WatercolorDot.vue.d.ts +12 -10
- package/dist/components/ui/_shared/useSurfaceAxis.d.ts +17 -3
- package/dist/components/ui/badge/Badge.vue.d.ts +14 -0
- package/dist/components/ui/badge/index.d.ts +1 -0
- package/dist/components/ui/button/Button.vue.d.ts +1 -0
- package/dist/components/ui/card/Card.vue.d.ts +1 -1
- package/dist/components/ui/card/ScrollCard.vue.d.ts +1 -1
- package/dist/components/ui/carousel/CarouselContent.vue.d.ts +2 -4
- package/dist/components/ui/dialog/DialogContent.vue.d.ts +9 -0
- package/dist/components/ui/drawer/Drawer.vue.d.ts +33 -14
- package/dist/components/ui/drawer/constants.d.ts +8 -6
- package/dist/components/ui/drawer/index.d.ts +12 -2
- package/dist/components/ui/select/SelectContent.vue.d.ts +9 -0
- package/dist/components/ui/slider/Slider.vue.d.ts +9 -0
- package/dist/composables/dom/index.d.ts +1 -0
- package/dist/composables/dom/useDragVelocity.d.ts +46 -0
- package/dist/composables/glass/wave/index.d.ts +4 -0
- package/dist/composables/glass/wave/waveField.d.ts +115 -0
- package/dist/composables/glass/wave/waveField.glsl.d.ts +1 -0
- package/dist/composables/glass/wave/waveField.wgsl.d.ts +1 -0
- package/dist/composables/glass/webgl/createCanvasLifecycle.d.ts +95 -2
- package/dist/composables/glass/webgl/useWebGLCanvas.d.ts +40 -2
- package/dist/composables/glass/webgpu/index.d.ts +1 -0
- package/dist/composables/glass/webgpu/useGpuSubstrate.d.ts +37 -0
- package/dist/composables/glass/webgpu/useWebGPUCanvas.d.ts +49 -2
- package/dist/composables/glass/webgpu/webgpuDevice.d.ts +1 -1
- package/dist/composables/motion/core/index.d.ts +4 -0
- package/dist/composables/motion/core/useHaptic.d.ts +48 -0
- package/dist/composables/motion/core/writeVelocityWeight.d.ts +31 -0
- package/dist/composables/motion/index.d.ts +2 -0
- package/dist/composables/motion/springPresets.d.ts +16 -17
- package/dist/composables/motion/suite.d.ts +2 -2
- package/dist/composables/motion/useBloomUp.d.ts +97 -0
- package/dist/composables/motion/useCelebrationBurst.d.ts +50 -0
- package/dist/composables/motion/useDockCtaReceive.d.ts +10 -28
- package/dist/composables/motion/useGooMorph.d.ts +72 -0
- package/dist/composables/motion/useLiquidFlex.d.ts +18 -0
- package/dist/composables/motion/useLiquidMorph.d.ts +108 -0
- package/dist/composables/motion/useLiquidPress.d.ts +12 -0
- package/dist/composables/motion/useLiquidReveal.d.ts +7 -4
- package/dist/composables/motion/useMorphField.d.ts +157 -0
- package/dist/composables/motion/useScrollPin.d.ts +49 -0
- package/dist/composables/motion/useScrollScene.d.ts +67 -0
- package/dist/concentric.js +532 -563
- package/dist/configurator.js +2 -2
- package/dist/confirm-dialog.js +3 -3
- package/dist/constellation.js +4 -4
- package/dist/context-menu.js +2 -2
- package/dist/controls.js +2 -2
- package/dist/createCanvasLifecycle-CuCrGRfq.js +173 -0
- package/dist/dark.js +1 -1
- package/dist/data-table.js +1 -1
- package/dist/deck.js +1 -1
- package/dist/dialog.js +3 -3
- package/dist/dock.js +1163 -618
- package/dist/dockContext-gFVS2gMg.js +18 -0
- package/dist/dom.js +7 -6
- package/dist/dot-flow-field.js +1114 -523
- package/dist/dot-matrix.js +348 -204
- package/dist/drawer.js +106 -96
- package/dist/{dropdown-menu-aJmV5SqE.js → dropdown-menu-CCfcCQ68.js} +3 -3
- package/dist/dropdown-menu.js +1 -1
- package/dist/easing.js +3 -3
- package/dist/expandable-container.js +2 -2
- package/dist/fading-scroll.js +1 -1
- package/dist/forms.js +6 -6
- package/dist/fourier-field.js +441 -197
- package/dist/fourier-math.js +1 -1
- package/dist/glass-panel.js +2 -2
- package/dist/glass-ui.css +1 -1
- package/dist/glass-ui.js +139 -135
- package/dist/goo-blob.js +11 -9
- package/dist/goo-dot-matrix.js +418 -198
- package/dist/handmark.js +137 -94
- package/dist/header-ribbon.js +1 -1
- package/dist/hover-card.js +1 -1
- package/dist/hover-popover.js +1 -1
- package/dist/icon-chip.js +1 -1
- package/dist/icon-tooltip.js +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/instrument-chassis.js +1 -1
- package/dist/keyboard.js +1 -1
- package/dist/label.js +1 -1
- package/dist/labeled-field.js +7 -7
- package/dist/metric-badge.js +1 -1
- package/dist/metric-cell.js +1 -1
- package/dist/metric-stack.js +1 -1
- package/dist/motion-core.js +42 -39
- package/dist/motion-curves.js +20 -14
- package/dist/motion.js +226 -26
- package/dist/notification.js +1 -1
- package/dist/number-field.js +1 -1
- package/dist/pager-dots.js +1 -1
- package/dist/paper-backdrop.js +1 -1
- package/dist/paper-grid.js +315 -342
- package/dist/paperGrid-CXCSMbZ1.js +191 -0
- package/dist/popover.js +1 -1
- package/dist/{presets-CvOUqtdY.js → presets-QvYgnFIZ.js} +13 -12
- package/dist/progress.js +1 -1
- package/dist/pulse.js +1 -1
- package/dist/reactive.js +2 -2
- package/dist/{resolveCanvasColor-yPyIpJt9.js → resolveCanvasColor-DsSJk06I.js} +5 -5
- package/dist/scrolling-text.js +1 -1
- package/dist/search.js +7 -7
- package/dist/select.js +3 -3
- package/dist/selectable-chip.js +18 -35
- package/dist/separator.js +1 -1
- package/dist/{sheet-B2flBfLH.js → sheet-DUCIoOe0.js} +3 -3
- package/dist/sheet.js +1 -1
- package/dist/sidebar.js +1 -1
- package/dist/slider-CcICPe3u.js +149 -0
- package/dist/slider.js +1 -1
- package/dist/sortable-list.js +3 -3
- package/dist/{spectrum-walk-BVzA7Biz.js → spectrum-walk-cBNSx_zm.js} +1 -1
- package/dist/springPresets-DfoQ6XRY.js +64 -0
- package/dist/stacked-icons.js +54 -39
- package/dist/styles/cards.css +202 -2
- package/dist/styles/components.css +1 -3
- package/dist/styles/configurator.css +172 -7
- package/dist/styles/critical-partition.mjs +35 -2
- package/dist/styles/deferred.css +2 -0
- package/dist/styles/dock/adaptive-legibility.css +119 -0
- package/dist/styles/dock/density.css +18 -10
- package/dist/styles/dock/fission-bridge.css +552 -0
- package/dist/styles/dock/layers.css +88 -124
- package/dist/styles/dock/morph-bridge.css +15 -2
- package/dist/styles/dock/morph.css +45 -114
- package/dist/styles/dock/shape.css +137 -11
- package/dist/styles/dock/shell.css +1 -3
- package/dist/styles/dock/stack-rail.css +95 -7
- package/dist/styles/dock-controls/icon-button.css +34 -2
- package/dist/styles/dock-controls/triggers.css +23 -1
- package/dist/styles/dock-controls.css +18 -0
- package/dist/styles/dock.css +16 -1
- package/dist/styles/drawer.css +166 -0
- package/dist/styles/glass/glass-atom.css +244 -0
- package/dist/styles/glass/glass-capsule.css +143 -0
- package/dist/styles/glass/glass-chip.css +215 -0
- package/dist/styles/glass/liquid-enter.css +252 -0
- package/dist/styles/glass/liquid-morph.css +850 -0
- package/dist/styles/glass/material.css +70 -1
- package/dist/styles/glass/reveal.css +22 -2
- package/dist/styles/glass/rim.css +13 -1
- package/dist/styles/glass/surfaces.css +18 -8
- package/dist/styles/glass.css +11 -0
- package/dist/styles/icon-chip.css +45 -0
- package/dist/styles/index.css +11 -0
- package/dist/styles/jubilance.css +65 -0
- package/dist/styles/motion/morph-field.css +229 -0
- package/dist/styles/paper.css +230 -14
- package/dist/styles/scroll-choreography.css +135 -78
- package/dist/styles/segmented-tabs.css +85 -51
- package/dist/styles/select.css +151 -0
- package/dist/styles/tokens/color-radius.css +1 -1
- package/dist/styles/tokens/dark-arm.css +57 -8
- package/dist/styles/tokens/glass-deep.css +8 -4
- package/dist/styles/tokens/glass-fx.css +80 -2
- package/dist/styles/tokens/glass.css +140 -8
- package/dist/styles/tokens/light-dark.css +2 -2
- package/dist/styles/tokens/property-regs.css +144 -0
- package/dist/styles/tokens/scale-paper.css +20 -8
- package/dist/styles/tokens/scheme-motion.css +92 -157
- package/dist/styles/tokens/scheme-spring.css +239 -0
- package/dist/styles/tokens/scroll-tokens.css +15 -15
- package/dist/styles/tokens/shadow.css +73 -13
- package/dist/styles/tokens.css +9 -2
- package/dist/styles/utilities/btn.css +70 -0
- package/dist/switch.js +1 -1
- package/dist/tabs.js +198 -181
- package/dist/timeline.js +241 -206
- package/dist/toast.js +1 -1
- package/dist/toggle-chip.js +14 -41
- package/dist/toggle-group.js +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/{uniformBridgeWGPU-CtAKl45L.js → uniformBridgeWGPU-BCse1SHU.js} +191 -127
- package/dist/{useAnimatedNumber-CLrxicG9.js → useAnimatedNumber-BntskVdQ.js} +1 -1
- package/dist/{useConfiguratorState-4xblKfwd.js → useConfiguratorState-22BcULzF.js} +37 -35
- package/dist/useDockCtaReceive-DX7RDb6_.js +88 -0
- package/dist/{useDragMorph-BUgAC-zK.js → useDragMorph-DGLSewwB.js} +2 -2
- package/dist/useDragVelocity-CjcfX3dA.js +57 -0
- package/dist/useGooMorph-Cs13NgYL.js +104 -0
- package/dist/useGpuSubstrate-Ceet70xq.js +347 -0
- package/dist/{useViewTransition-CUI1nAgn.js → useHaptic-CPz5BT9I.js} +40 -1
- package/dist/{useLiquidFlex-UmA6LMZu.js → useLiquidFlex-Cc6PjVJD.js} +8 -3
- package/dist/useLiquidPress-CtOQ8Z0_.js +43 -0
- package/dist/useMorphField-ogBM7ubT.js +141 -0
- package/dist/{useScrollChrome-D66AVP7C.js → useScrollChrome-JuImi1DM.js} +2 -2
- package/dist/{useSpringMount-BWDnKIwh.js → useSpringMount-DFxtzmkR.js} +1 -1
- package/dist/{useSpringPress-B1-Czp-V.js → useSpringPress-VM9RgVq3.js} +1 -1
- package/dist/{useSurfaceAxis-g0NloYEF.js → useSurfaceAxis-Ci7Dnaw2.js} +1 -1
- package/dist/{useTouchGate-CBZTD4SD.js → useTouchGate-B1Lf9XqN.js} +1 -1
- package/dist/virtual.js +1 -1
- package/dist/watercolor-dot.js +16 -26
- package/dist/writeVelocityWeight-Bh83xZfs.js +19 -0
- package/package.json +14 -3
- package/src/styles/cards.css +202 -2
- package/src/styles/configurator.css +172 -7
- package/src/styles/critical-partition.mjs +35 -2
- package/src/styles/dock/adaptive-legibility.css +119 -0
- package/src/styles/dock/density.css +18 -10
- package/src/styles/dock/fission-bridge.css +552 -0
- package/src/styles/dock/layers.css +88 -124
- package/src/styles/dock/morph-bridge.css +15 -2
- package/src/styles/dock/morph.css +45 -114
- package/src/styles/dock/shape.css +137 -11
- package/src/styles/dock/shell.css +1 -3
- package/src/styles/dock/stack-rail.css +95 -7
- package/src/styles/dock-controls/icon-button.css +34 -2
- package/src/styles/dock-controls/triggers.css +23 -1
- package/src/styles/dock-controls.css +18 -0
- package/src/styles/dock.css +16 -1
- package/src/styles/drawer.css +164 -0
- package/src/styles/glass/glass-atom.css +244 -0
- package/src/styles/glass/glass-capsule.css +143 -0
- package/src/styles/glass/glass-chip.css +215 -0
- package/src/styles/glass/liquid-enter.css +252 -0
- package/src/styles/glass/liquid-morph.css +850 -0
- package/src/styles/glass/material.css +70 -1
- package/src/styles/glass/reveal.css +22 -2
- package/src/styles/glass/rim.css +13 -1
- package/src/styles/glass/surfaces.css +18 -8
- package/src/styles/glass.css +11 -0
- package/src/styles/icon-chip.css +45 -0
- package/src/styles/index.css +11 -0
- package/src/styles/jubilance.css +65 -0
- package/src/styles/motion/morph-field.css +229 -0
- package/src/styles/paper.css +230 -14
- package/src/styles/scroll-choreography.css +135 -78
- package/src/styles/segmented-tabs.css +85 -47
- package/src/styles/select.css +151 -0
- package/src/styles/tokens/color-radius.css +1 -1
- package/src/styles/tokens/dark-arm.css +57 -8
- package/src/styles/tokens/glass-deep.css +8 -4
- package/src/styles/tokens/glass-fx.css +80 -2
- package/src/styles/tokens/glass.css +140 -8
- package/src/styles/tokens/light-dark.css +2 -2
- package/src/styles/tokens/property-regs.css +144 -0
- package/src/styles/tokens/scale-paper.css +20 -8
- package/src/styles/tokens/scheme-motion.css +92 -157
- package/src/styles/tokens/scheme-spring.css +239 -0
- package/src/styles/tokens/scroll-tokens.css +15 -15
- package/src/styles/tokens/shadow.css +73 -13
- package/src/styles/tokens.css +9 -2
- package/src/styles/utilities/btn.css +70 -0
- package/dist/DialogContent-6JtTB5x2.js +0 -106
- package/dist/PagerDots-Cjx96la-.js +0 -98
- package/dist/PaperBackdrop-CqwjnfLv.js +0 -31
- package/dist/badge-D9XWW4GT.js +0 -53
- package/dist/button-5dY1Dvhd.js +0 -125
- package/dist/components/custom/concentric/composables/ringField.d.ts +0 -85
- package/dist/createCanvasLifecycle-Gh45Ce-p.js +0 -93
- package/dist/dockContext-BNfyPLe9.js +0 -17
- package/dist/slider-2A0rPn79.js +0 -142
- package/dist/springPresets-Ce7OYCm9.js +0 -46
- package/dist/useDockCtaReceive-DfFkmgL1.js +0 -82
- package/dist/useGpuSubstrate-4pTcp6mX.js +0 -294
- package/dist/useLiquidPress-BooG97RY.js +0 -39
- /package/dist/{CollapsibleContent-68dEXIAl.js → CollapsibleContent-D7UNsXQr.js} +0 -0
- /package/dist/{DialogFooter-9phqcRIS.js → DialogFooter-DoLy0ewI.js} +0 -0
- /package/dist/{InstrumentChassis-CxsHSyMj.js → InstrumentChassis-UUJX0-mW.js} +0 -0
- /package/dist/{Label-C2ejNWeC.js → Label-B_HPqi_q.js} +0 -0
- /package/dist/{ModalOverlay-D1VrWyoi.js → ModalOverlay-DfAf7o15.js} +0 -0
- /package/dist/{SelectGroup-BFiod7X2.js → SelectGroup-Dcczq44n.js} +0 -0
- /package/dist/{SelectSeparator-C2UGOkXF.js → SelectSeparator-CNRGG7Ew.js} +0 -0
- /package/dist/{Separator-DQcwC2TR.js → Separator-Cf9-JFgi.js} +0 -0
- /package/dist/{_plugin-vue_export-helper-C1je1s0u.js → _plugin-vue_export-helper-gLzyemvl.js} +0 -0
- /package/dist/{color-Cs0-oxYL.js → color-B9jZdhJX.js} +0 -0
- /package/dist/{compile-nZ1xVYTp.js → compile-INR_tPk_.js} +0 -0
- /package/dist/{constants--C2DkLW8.js → constants-BWj7DkMn.js} +0 -0
- /package/dist/{createContext-CpBNTRMI.js → createContext-Cd23P9j0.js} +0 -0
- /package/dist/{dotMatrixField-D_x9_1qq.js → dotMatrixField-CRO0ZFk4.js} +0 -0
- /package/dist/{flow.glsl-B2P7e0MT.js → flow.glsl-DqEGRpl4.js} +0 -0
- /package/dist/{math-Eb0w3LqU.js → math-5RcIgCB4.js} +0 -0
- /package/dist/{menuItemVariants-D8VNHq22.js → menuItemVariants-DAXquKja.js} +0 -0
- /package/dist/{prng-B-d9eYX8.js → prng-B5tIXTtj.js} +0 -0
- /package/dist/{procedural-color.wgsl-m7Zgv35j.js → procedural-color.wgsl-C1Y5PkM6.js} +0 -0
- /package/dist/{scrollReader-DI1NWxUw.js → scrollReader-rc3Ns_NM.js} +0 -0
- /package/dist/{useControlSize-SH1UmJCi.js → useControlSize-DAZ062x7.js} +0 -0
- /package/dist/{useFuzzySearch-DIhcYtcw.js → useFuzzySearch-0fTYOhS4.js} +0 -0
- /package/dist/{useGlobalDark-CmjB9E32.js → useGlobalDark-B4HO9LXG.js} +0 -0
- /package/dist/{useIntersectionPause-Dbozzjgm.js → useIntersectionPause-DO8Vl4gs.js} +0 -0
- /package/dist/{useInterval-CNdua40W.js → useInterval-BVUI-sez.js} +0 -0
- /package/dist/{useKeyboardShortcuts-BPRp33Im.js → useKeyboardShortcuts-BEut54Tk.js} +0 -0
- /package/dist/{usePointerVelocityField-QLsy3_kv.js → usePointerVelocityField-BrkqZFhj.js} +0 -0
- /package/dist/{useResizeObserver-Bpoi7tRE.js → useResizeObserver-DdEn3v2f.js} +0 -0
- /package/dist/{useResolveTokenColor-vAylyR0x.js → useResolveTokenColor-ChOnCckA.js} +0 -0
- /package/dist/{useScrollProgress-c3yxmH6a.js → useScrollProgress-A0M6qRl7.js} +0 -0
- /package/dist/{useSortable-BVqlJRBR.js → useSortable-DQV_UNDw.js} +0 -0
- /package/dist/{useTextHighlight-NmBM5V_4.js → useTextHighlight-Bma3UlKA.js} +0 -0
- /package/dist/{useTimer-BHJOKr35.js → useTimer-BBLGPXR8.js} +0 -0
- /package/dist/{useUserInvalidAria-y5namzeE.js → useUserInvalidAria-EmmwWPOl.js} +0 -0
- /package/dist/{useViewportReady-anbac3m6.js → useViewportReady-C9pYnn7K.js} +0 -0
- /package/dist/{vReveal-D9k0jADx.js → vReveal-CT1KtwZA.js} +0 -0
package/dist/motion-core.js
CHANGED
|
@@ -1,18 +1,21 @@
|
|
|
1
|
-
import { a as e, i as t, n, o as r, r as i,
|
|
2
|
-
import { n as
|
|
3
|
-
import { t as
|
|
4
|
-
import { t as
|
|
5
|
-
import { t as
|
|
6
|
-
import { t as
|
|
7
|
-
import { t as
|
|
8
|
-
import { t as
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
1
|
+
import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./useHaptic-CPz5BT9I.js";
|
|
2
|
+
import { n as s } from "./supportsCssTimeline-BWenxvHU.js";
|
|
3
|
+
import { t as c } from "./useLiquidFlex-Cc6PjVJD.js";
|
|
4
|
+
import { n as l, r as u, t as d } from "./writeVelocityWeight-Bh83xZfs.js";
|
|
5
|
+
import { t as f } from "./vReveal-CT1KtwZA.js";
|
|
6
|
+
import { t as p } from "./useTextHighlight-Bma3UlKA.js";
|
|
7
|
+
import { n as m, t as h } from "./useMorphField-ogBM7ubT.js";
|
|
8
|
+
import { t as g } from "./useGooMorph-Cs13NgYL.js";
|
|
9
|
+
import { t as _ } from "./usePointerVelocityField-BrkqZFhj.js";
|
|
10
|
+
import { t as v } from "./useIntersectionPause-DO8Vl4gs.js";
|
|
11
|
+
import { t as y } from "./useScrollProgress-A0M6qRl7.js";
|
|
12
|
+
import { n as b, t as x } from "./constants-BWj7DkMn.js";
|
|
13
|
+
import { a as S, i as C, n as w, r as T, t as E } from "./useScrollChrome-JuImi1DM.js";
|
|
14
|
+
import { onBeforeUnmount as D, onScopeDispose as O, reactive as k, ref as A } from "vue";
|
|
12
15
|
//#region src/composables/motion/useStaggerReveal.ts
|
|
13
|
-
var
|
|
14
|
-
function
|
|
15
|
-
let { staggerMs: t = 60, once: n = !0, rootMargin: r = "0px", threshold: i = .15 } = e, a =
|
|
16
|
+
var j = s();
|
|
17
|
+
function M(e = {}) {
|
|
18
|
+
let { staggerMs: t = 60, once: n = !0, rootMargin: r = "0px", threshold: i = .15 } = e, a = A([]), o = k({}), s = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Set(), l = j || typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
|
|
16
19
|
for (let r of e) {
|
|
17
20
|
let e = r.target, i = s.get(e);
|
|
18
21
|
if (i !== void 0) if (r.isIntersecting) {
|
|
@@ -29,9 +32,9 @@ function T(e = {}) {
|
|
|
29
32
|
function u(e, t) {
|
|
30
33
|
if (!e) return;
|
|
31
34
|
let n = t ?? a.value.length;
|
|
32
|
-
s.has(e) || (s.set(e, n), a.value.push(e), o[n] =
|
|
35
|
+
s.has(e) || (s.set(e, n), a.value.push(e), o[n] = j, l?.observe(e));
|
|
33
36
|
}
|
|
34
|
-
return
|
|
37
|
+
return D(() => {
|
|
35
38
|
l?.disconnect();
|
|
36
39
|
for (let e of c) clearTimeout(e);
|
|
37
40
|
c.clear();
|
|
@@ -41,7 +44,7 @@ function T(e = {}) {
|
|
|
41
44
|
revealed: o
|
|
42
45
|
};
|
|
43
46
|
}
|
|
44
|
-
var
|
|
47
|
+
var N = {
|
|
45
48
|
mounted(e) {
|
|
46
49
|
let t = Array.from(e.children);
|
|
47
50
|
if (typeof IntersectionObserver > "u") {
|
|
@@ -56,19 +59,19 @@ var E = {
|
|
|
56
59
|
}
|
|
57
60
|
}, { threshold: .15 });
|
|
58
61
|
for (let e of t) n.observe(e);
|
|
59
|
-
|
|
62
|
+
P.set(e, n);
|
|
60
63
|
},
|
|
61
64
|
unmounted(e) {
|
|
62
|
-
|
|
65
|
+
P.get(e)?.disconnect(), P.delete(e);
|
|
63
66
|
}
|
|
64
|
-
},
|
|
67
|
+
}, P = /* @__PURE__ */ new WeakMap();
|
|
65
68
|
//#endregion
|
|
66
69
|
//#region src/composables/motion/useStagger.ts
|
|
67
|
-
function
|
|
70
|
+
function F() {
|
|
68
71
|
return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
69
72
|
}
|
|
70
|
-
function
|
|
71
|
-
let t = Math.max(0, Math.floor(e.items)), n = e.delayMs ?? 80, r = e.initialDelayMs ?? 0, i = e.immediate !== !1, a = e.respectReducedMotion !== !1, o =
|
|
73
|
+
function I(e) {
|
|
74
|
+
let t = Math.max(0, Math.floor(e.items)), n = e.delayMs ?? 80, r = e.initialDelayMs ?? 0, i = e.immediate !== !1, a = e.respectReducedMotion !== !1, o = A(Array(t).fill(!1)), s = A(t === 0), c = /* @__PURE__ */ new Set();
|
|
72
75
|
function l() {
|
|
73
76
|
for (let e of c) clearTimeout(e);
|
|
74
77
|
c.clear();
|
|
@@ -84,7 +87,7 @@ function k(e) {
|
|
|
84
87
|
s.value = !0;
|
|
85
88
|
return;
|
|
86
89
|
}
|
|
87
|
-
if (a &&
|
|
90
|
+
if (a && F()) {
|
|
88
91
|
d();
|
|
89
92
|
return;
|
|
90
93
|
}
|
|
@@ -96,7 +99,7 @@ function k(e) {
|
|
|
96
99
|
c.add(a);
|
|
97
100
|
}
|
|
98
101
|
}
|
|
99
|
-
return i && f(),
|
|
102
|
+
return i && f(), O(l), {
|
|
100
103
|
revealed: o,
|
|
101
104
|
start: f,
|
|
102
105
|
reset: u,
|
|
@@ -105,16 +108,16 @@ function k(e) {
|
|
|
105
108
|
}
|
|
106
109
|
//#endregion
|
|
107
110
|
//#region src/composables/motion/usePrioritizedTask.ts
|
|
108
|
-
function
|
|
109
|
-
if (!
|
|
111
|
+
function L() {
|
|
112
|
+
if (!a()) return null;
|
|
110
113
|
let e = globalThis.scheduler;
|
|
111
114
|
return e?.postTask?.bind(e) ?? null;
|
|
112
115
|
}
|
|
113
|
-
function
|
|
116
|
+
function R() {
|
|
114
117
|
let e = /* @__PURE__ */ Error("The task was aborted.");
|
|
115
118
|
return e.name = "AbortError", e;
|
|
116
119
|
}
|
|
117
|
-
function
|
|
120
|
+
function z(e) {
|
|
118
121
|
let t = e.filter((e) => e != null);
|
|
119
122
|
if (t.length === 0) return;
|
|
120
123
|
if (t.length === 1) return t[0];
|
|
@@ -129,20 +132,20 @@ function M(e) {
|
|
|
129
132
|
}
|
|
130
133
|
return n.signal;
|
|
131
134
|
}
|
|
132
|
-
function
|
|
133
|
-
let { priority: n, signal: r, delay: i } = t, a =
|
|
135
|
+
function B(e, t = {}) {
|
|
136
|
+
let { priority: n, signal: r, delay: i } = t, a = L();
|
|
134
137
|
return a ? a(e, {
|
|
135
138
|
priority: n,
|
|
136
139
|
signal: r,
|
|
137
140
|
delay: i
|
|
138
141
|
}) : new Promise((t, n) => {
|
|
139
142
|
if (r?.aborted) {
|
|
140
|
-
n(
|
|
143
|
+
n(R());
|
|
141
144
|
return;
|
|
142
145
|
}
|
|
143
146
|
let a = () => {
|
|
144
147
|
if (r?.aborted) {
|
|
145
|
-
n(
|
|
148
|
+
n(R());
|
|
146
149
|
return;
|
|
147
150
|
}
|
|
148
151
|
try {
|
|
@@ -159,20 +162,20 @@ function N(e, t = {}) {
|
|
|
159
162
|
i && i > 0 ? setTimeout(o, i) : o();
|
|
160
163
|
});
|
|
161
164
|
}
|
|
162
|
-
function
|
|
165
|
+
function V(e) {
|
|
163
166
|
let t = globalThis.TaskController;
|
|
164
167
|
return typeof t == "function" ? new t(e ? { priority: e } : void 0) : null;
|
|
165
168
|
}
|
|
166
|
-
function
|
|
167
|
-
let t =
|
|
169
|
+
function H(e) {
|
|
170
|
+
let t = V(e);
|
|
168
171
|
return {
|
|
169
|
-
postTask: (n, r = {}) =>
|
|
172
|
+
postTask: (n, r = {}) => B(n, {
|
|
170
173
|
priority: e,
|
|
171
174
|
...r,
|
|
172
|
-
signal:
|
|
175
|
+
signal: z([t?.signal, r.signal])
|
|
173
176
|
}),
|
|
174
177
|
abort: (e) => t?.abort(e)
|
|
175
178
|
};
|
|
176
179
|
}
|
|
177
180
|
//#endregion
|
|
178
|
-
export {
|
|
181
|
+
export { x as DAMPING, h as MORPH_SIGNATURES, d as MOTION_WEIGHT_REST, b as SNAP_THRESHOLD, l as effectiveCap, n as navigate, B as postTaskSafe, i as startViewTransition, t as supportsRouteTransitions, e as supportsViewTransitions, r as useCharStagger, g as useGooMorph, o as useHaptic, v as useIntersectionPause, c as useLiquidFlex, m as useMorphField, _ as usePointerVelocityField, H as usePrioritizedTask, T as useRAFLoop, E as useScrollChrome, y as useScrollProgress, w as useScrollTrigger, I as useStagger, M as useStaggerReveal, p as useTextHighlight, C as useYieldToMain, f as vReveal, N as vScrollRevealOnce, u as writeVelocityWeight, S as yieldToMain };
|
package/dist/motion-curves.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { n as e, t } from "./springPresets-
|
|
1
|
+
import { n as e, t } from "./springPresets-DfoQ6XRY.js";
|
|
2
2
|
import { springTimingFunction as n } from "@mkbabb/keyframes.js";
|
|
3
3
|
import { CSSCubicBezier as r, CSSCubicBezier as i, easeInBounce as a, easeInCirc as o, easeInCubic as s, easeInExpo as c, easeInOutCirc as l, easeInOutCubic as u, easeInOutExpo as d, easeInOutQuad as f, easeInOutSine as p, easeInQuad as m, easeInSine as h, easeOutCirc as g, easeOutCubic as _, easeOutExpo as v, easeOutExpo as y, easeOutQuad as b, easeOutSine as x, linear as S } from "@mkbabb/value.js";
|
|
4
4
|
//#region src/composables/motion/curves.ts
|
|
5
|
-
var C = i(.4, 0, .2, 1), w = i(0, 0, .2, 1), T = i(.4, 0, 1, 1), E = y, D = i(.25, .1, .25, 1);
|
|
6
|
-
function
|
|
5
|
+
var C = i(.4, 0, .2, 1), w = i(0, 0, .2, 1), T = i(.4, 0, 1, 1), E = y, D = i(.25, .1, .25, 1), O = i(.5, -.2, .4, 1.2);
|
|
6
|
+
function k(t) {
|
|
7
7
|
let r = e(t);
|
|
8
8
|
return {
|
|
9
9
|
token: `--spring-${t}`,
|
|
@@ -15,8 +15,8 @@ function O(t) {
|
|
|
15
15
|
note: r.comment
|
|
16
16
|
};
|
|
17
17
|
}
|
|
18
|
-
var
|
|
19
|
-
...t.map((e) =>
|
|
18
|
+
var A = [
|
|
19
|
+
...t.map((e) => k(e.name)),
|
|
20
20
|
{
|
|
21
21
|
token: "--motion-ease-standard",
|
|
22
22
|
kind: "bezier",
|
|
@@ -46,14 +46,20 @@ var k = [
|
|
|
46
46
|
kind: "bezier",
|
|
47
47
|
js: D,
|
|
48
48
|
note: "Apple ambient — the Pulse aura register (NOT an interactive-transform authority)"
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
token: "--ease-cartoon-punch",
|
|
52
|
+
kind: "bezier",
|
|
53
|
+
js: O,
|
|
54
|
+
note: "cartoon punch — anticipation dip → +22% overshoot → settle (the loud one-shot; BD.W-CARTOON-PUNCH)"
|
|
49
55
|
}
|
|
50
56
|
];
|
|
51
|
-
function
|
|
52
|
-
let t =
|
|
57
|
+
function j(e) {
|
|
58
|
+
let t = A.find((t) => t.token === e);
|
|
53
59
|
if (!t) throw Error(`MOTION_CURVES alias targets a missing canonical row: ${e}`);
|
|
54
60
|
return t.js;
|
|
55
61
|
}
|
|
56
|
-
var
|
|
62
|
+
var M = [
|
|
57
63
|
{
|
|
58
64
|
token: "--ease-standard",
|
|
59
65
|
canonical: "--motion-ease-standard",
|
|
@@ -126,15 +132,15 @@ var j = [
|
|
|
126
132
|
}
|
|
127
133
|
].map(({ token: e, canonical: t, note: n }) => ({
|
|
128
134
|
token: e,
|
|
129
|
-
kind:
|
|
130
|
-
js:
|
|
135
|
+
kind: A.find((e) => e.token === t).kind,
|
|
136
|
+
js: j(t),
|
|
131
137
|
canonical: t,
|
|
132
138
|
note: n
|
|
133
|
-
})),
|
|
134
|
-
function
|
|
135
|
-
let t =
|
|
139
|
+
})), N = Object.freeze(Object.fromEntries([...A, ...M].map((e) => [e.token, e]))), P = A;
|
|
140
|
+
function F(e) {
|
|
141
|
+
let t = N[e];
|
|
136
142
|
if (!t) throw Error(`Unknown motion curve token: ${e}`);
|
|
137
143
|
return t;
|
|
138
144
|
}
|
|
139
145
|
//#endregion
|
|
140
|
-
export { r as CSSCubicBezier,
|
|
146
|
+
export { r as CSSCubicBezier, N as MOTION_CURVES, P as MOTION_CURVES_CANONICAL, t as SPRING_PRESETS, a as easeInBounce, o as easeInCirc, s as easeInCubic, c as easeInExpo, l as easeInOutCirc, u as easeInOutCubic, d as easeInOutExpo, f as easeInOutQuad, p as easeInOutSine, m as easeInQuad, h as easeInSine, g as easeOutCirc, _ as easeOutCubic, v as easeOutExpo, b as easeOutQuad, x as easeOutSine, S as linear, F as motionCurve, e as springPreset };
|
package/dist/motion.js
CHANGED
|
@@ -1,20 +1,26 @@
|
|
|
1
1
|
import { t as e } from "./useSpring-C0jyvEJB.js";
|
|
2
|
-
import { n as t, t as n } from "./springPresets-
|
|
3
|
-
import { t as r } from "./useSpringPress-
|
|
4
|
-
import { t as i } from "./useLiquidPress-
|
|
5
|
-
import { t as a } from "./useSpringMount-
|
|
6
|
-
import { n as o, t as s } from "./constants
|
|
7
|
-
import { t as c } from "./useDragMorph-
|
|
8
|
-
import { t as l } from "./useDockCtaReceive-
|
|
9
|
-
import { t as u } from "./useAnimatedNumber-
|
|
10
|
-
import { computed as d, onBeforeUnmount as f, onScopeDispose as p,
|
|
11
|
-
import { AnimationOptionError as
|
|
2
|
+
import { n as t, t as n } from "./springPresets-DfoQ6XRY.js";
|
|
3
|
+
import { t as r } from "./useSpringPress-VM9RgVq3.js";
|
|
4
|
+
import { t as i } from "./useLiquidPress-CtOQ8Z0_.js";
|
|
5
|
+
import { t as a } from "./useSpringMount-DFxtzmkR.js";
|
|
6
|
+
import { n as o, t as s } from "./constants-BWj7DkMn.js";
|
|
7
|
+
import { t as c } from "./useDragMorph-DGLSewwB.js";
|
|
8
|
+
import { t as l } from "./useDockCtaReceive-DX7RDb6_.js";
|
|
9
|
+
import { t as u } from "./useAnimatedNumber-BntskVdQ.js";
|
|
10
|
+
import { computed as d, onBeforeUnmount as f, onScopeDispose as p, readonly as m, ref as h, shallowRef as g, watch as _ } from "vue";
|
|
11
|
+
import { AnimationOptionError as v, Draggable as y, ElementMorph as b, ElementMorph as x, KeyframesScrollTimeline as S, ManualTimeline as C, NumericAnimation as w, NumericAnimation as T, Oscillator as E, RAFPlayback as D, Sequence as O, SmoothProgress as k, SpringProgress as A, Timeline as j, UnknownEasingError as ee, createNativeTimeline as te, decay as ne, decayRest as re, drag as M, drag2D as N, flip as P, flipShared as F, loadAnimationEngine as I, probeVelocity as L, reducedMotionScale as R, reseatToSpring as z, resolveEasing as B, springLinearStops as V, springTimingFunction as H, springTimingFunction as U, stagger as W, toEasing as G, warmEngine as K, waveformValue as q } from "@mkbabb/keyframes.js";
|
|
12
12
|
//#region src/composables/motion/useLiquidReveal.ts
|
|
13
|
-
function
|
|
13
|
+
function J(e) {
|
|
14
|
+
if (!e) return null;
|
|
15
|
+
if (e instanceof HTMLElement) return e;
|
|
16
|
+
let t = e.$el;
|
|
17
|
+
return t instanceof HTMLElement ? t : null;
|
|
18
|
+
}
|
|
19
|
+
function Y() {
|
|
14
20
|
return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
15
21
|
}
|
|
16
|
-
function
|
|
17
|
-
let r = n.respectReducedMotion !== !1, i = n.blur ?? 4, { response: a, dampingFraction: o } = t(n.preset ?? "snappy"), s =
|
|
22
|
+
function X(e, n = {}) {
|
|
23
|
+
let r = n.respectReducedMotion !== !1, i = n.blur ?? 4, { response: a, dampingFraction: o } = t(n.preset ?? "snappy"), s = U({
|
|
18
24
|
response: a,
|
|
19
25
|
dampingFraction: o
|
|
20
26
|
}), c = a * 4 * 1e3, l = null, u = 0, d = 0;
|
|
@@ -25,20 +31,20 @@ function W(e, n = {}) {
|
|
|
25
31
|
u && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(u), u = 0;
|
|
26
32
|
}
|
|
27
33
|
function h() {
|
|
28
|
-
let t = e.value;
|
|
34
|
+
let t = J(e.value);
|
|
29
35
|
if (!t) return;
|
|
30
36
|
m();
|
|
31
|
-
let a = t.getBoundingClientRect(), o = n.trigger?.value
|
|
37
|
+
let a = t.getBoundingClientRect(), o = J(n.trigger?.value), p = o ? o.getBoundingClientRect() : {
|
|
32
38
|
x: a.x + a.width * .04,
|
|
33
39
|
y: a.y + a.height * .04,
|
|
34
40
|
width: a.width * .92,
|
|
35
41
|
height: a.height * .92
|
|
36
42
|
}, h = `${p.x - a.x}px ${p.y - a.y}px`;
|
|
37
|
-
if (r &&
|
|
43
|
+
if (r && Y()) {
|
|
38
44
|
f(t), t.style.opacity = "1";
|
|
39
45
|
return;
|
|
40
46
|
}
|
|
41
|
-
l = new
|
|
47
|
+
l = new x({
|
|
42
48
|
x: a.x,
|
|
43
49
|
y: a.y,
|
|
44
50
|
width: a.width,
|
|
@@ -61,7 +67,7 @@ function W(e, n = {}) {
|
|
|
61
67
|
}
|
|
62
68
|
function g() {
|
|
63
69
|
m(), l = null;
|
|
64
|
-
let t = e.value;
|
|
70
|
+
let t = J(e.value);
|
|
65
71
|
t && f(t);
|
|
66
72
|
}
|
|
67
73
|
return p(() => {
|
|
@@ -72,9 +78,203 @@ function W(e, n = {}) {
|
|
|
72
78
|
};
|
|
73
79
|
}
|
|
74
80
|
//#endregion
|
|
81
|
+
//#region src/composables/motion/useBloomUp.ts
|
|
82
|
+
var Z = 8;
|
|
83
|
+
function ie() {
|
|
84
|
+
return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
85
|
+
}
|
|
86
|
+
function ae(e) {
|
|
87
|
+
let t = e ?? Z;
|
|
88
|
+
return Number.isFinite(t) ? Math.min(Z, Math.max(0, t)) : Z;
|
|
89
|
+
}
|
|
90
|
+
function oe(e, t) {
|
|
91
|
+
if (t?.value) return t.value;
|
|
92
|
+
let n = e.parentElement;
|
|
93
|
+
for (; n;) {
|
|
94
|
+
if (n.hasAttribute("data-glass-field")) return n;
|
|
95
|
+
n = n.parentElement;
|
|
96
|
+
}
|
|
97
|
+
return e.parentElement;
|
|
98
|
+
}
|
|
99
|
+
function se(e, t) {
|
|
100
|
+
if (t && t.trim() && t.trim() !== "transparent") return t.trim();
|
|
101
|
+
if (!e || typeof getComputedStyle != "function") return null;
|
|
102
|
+
let n = getComputedStyle(e).getPropertyValue("--glass-ambient-hue").trim();
|
|
103
|
+
return !n || n === "transparent" ? null : n;
|
|
104
|
+
}
|
|
105
|
+
function Q(e, n, r = {}) {
|
|
106
|
+
let i = r.respectReducedMotion !== !1, a = r.blur ?? 4, o = ae(r.fieldStrength), s = r.autoPrime !== !1, { response: c, dampingFraction: l } = t(r.preset ?? "snappy"), u = U({
|
|
107
|
+
response: c,
|
|
108
|
+
dampingFraction: l
|
|
109
|
+
}), d = c * 4 * 1e3, f = h(!1), g = null, v = 0, y = 0, b = null;
|
|
110
|
+
function S(e) {
|
|
111
|
+
e.style.transform = "", e.style.transformOrigin = "", e.style.opacity = "", e.style.filter = "";
|
|
112
|
+
}
|
|
113
|
+
function C() {
|
|
114
|
+
let t = n.value;
|
|
115
|
+
if (!t || v) return;
|
|
116
|
+
let r = t.getBoundingClientRect(), i = e.value, a = i ? i.getBoundingClientRect() : {
|
|
117
|
+
x: r.x + r.width * .04,
|
|
118
|
+
y: r.y + r.height * .04,
|
|
119
|
+
width: r.width * .92,
|
|
120
|
+
height: r.height * .92
|
|
121
|
+
};
|
|
122
|
+
if (t.style.opacity = "0", r.width > 0 && r.height > 0) {
|
|
123
|
+
let e = a.x - r.x, n = a.y - r.y;
|
|
124
|
+
new x({
|
|
125
|
+
x: r.x,
|
|
126
|
+
y: r.y,
|
|
127
|
+
width: r.width,
|
|
128
|
+
height: r.height
|
|
129
|
+
}, {
|
|
130
|
+
x: a.x,
|
|
131
|
+
y: a.y,
|
|
132
|
+
width: a.width,
|
|
133
|
+
height: a.height
|
|
134
|
+
}, { transformOrigin: `${e}px ${n}px` }).apply(t, 1);
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
function w(e, t) {
|
|
138
|
+
e.style.setProperty("--glass-ambient-hue", t);
|
|
139
|
+
}
|
|
140
|
+
function T(e, t) {
|
|
141
|
+
e.style.setProperty("--glass-ambient-strength", `${t.toFixed(3)}%`);
|
|
142
|
+
}
|
|
143
|
+
function E(e) {
|
|
144
|
+
e && (e.style.setProperty("--glass-ambient-strength", "0%"), e.style.removeProperty("--glass-ambient-hue"));
|
|
145
|
+
}
|
|
146
|
+
function D() {
|
|
147
|
+
v && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(v), v = 0;
|
|
148
|
+
}
|
|
149
|
+
function O() {
|
|
150
|
+
f.value = !1, r.onBloomed?.();
|
|
151
|
+
}
|
|
152
|
+
function k() {
|
|
153
|
+
let t = n.value;
|
|
154
|
+
if (!t) return;
|
|
155
|
+
D();
|
|
156
|
+
let s = t.getBoundingClientRect(), c = e.value, l = c ? c.getBoundingClientRect() : {
|
|
157
|
+
x: s.x + s.width * .04,
|
|
158
|
+
y: s.y + s.height * .04,
|
|
159
|
+
width: s.width * .92,
|
|
160
|
+
height: s.height * .92
|
|
161
|
+
};
|
|
162
|
+
b = oe(t, r.field);
|
|
163
|
+
let p = se(c, r.fieldHue);
|
|
164
|
+
b && p && w(b, p);
|
|
165
|
+
let m = `${l.x - s.x}px ${l.y - s.y}px`;
|
|
166
|
+
if (f.value = !0, i && ie()) {
|
|
167
|
+
S(t), t.style.opacity = "1", b && p && T(b, o), O();
|
|
168
|
+
return;
|
|
169
|
+
}
|
|
170
|
+
g = new x({
|
|
171
|
+
x: s.x,
|
|
172
|
+
y: s.y,
|
|
173
|
+
width: s.width,
|
|
174
|
+
height: s.height
|
|
175
|
+
}, {
|
|
176
|
+
x: l.x,
|
|
177
|
+
y: l.y,
|
|
178
|
+
width: l.width,
|
|
179
|
+
height: l.height
|
|
180
|
+
}, { transformOrigin: m }), y = 0;
|
|
181
|
+
let h = (e) => {
|
|
182
|
+
if (!g || !n.value) return;
|
|
183
|
+
y === 0 && (y = e);
|
|
184
|
+
let r = Math.min(1, (e - y) / d), i = u.fn(r), s = 1 - i;
|
|
185
|
+
g.apply(t, s), t.style.opacity = String(Math.min(1, Math.max(0, i)));
|
|
186
|
+
let c = a * s;
|
|
187
|
+
t.style.filter = `blur(${c.toFixed(2)}px)`, b && p && T(b, o * Math.min(1, Math.max(0, i))), r < 1 && typeof requestAnimationFrame == "function" ? v = requestAnimationFrame(h) : (S(t), t.style.opacity = "1", b && p && T(b, o), g = null, v = 0, O());
|
|
188
|
+
};
|
|
189
|
+
typeof requestAnimationFrame == "function" ? v = requestAnimationFrame(h) : (S(t), t.style.opacity = "1", b && p && T(b, o), O());
|
|
190
|
+
}
|
|
191
|
+
function A() {
|
|
192
|
+
D(), g = null, f.value = !1;
|
|
193
|
+
let e = n.value;
|
|
194
|
+
e && S(e), E(b), b = null;
|
|
195
|
+
}
|
|
196
|
+
return s && _(n, (e) => {
|
|
197
|
+
e && !v && !f.value && C();
|
|
198
|
+
}, { flush: "pre" }), p(() => {
|
|
199
|
+
D(), g = null, E(b), b = null;
|
|
200
|
+
}), {
|
|
201
|
+
bloom: k,
|
|
202
|
+
reset: A,
|
|
203
|
+
prime: C,
|
|
204
|
+
blooming: m(f)
|
|
205
|
+
};
|
|
206
|
+
}
|
|
207
|
+
//#endregion
|
|
208
|
+
//#region src/composables/motion/useCelebrationBurst.ts
|
|
209
|
+
function ce(e) {
|
|
210
|
+
let t = e >>> 0;
|
|
211
|
+
return () => {
|
|
212
|
+
t = t + 1831565813 >>> 0;
|
|
213
|
+
let e = t;
|
|
214
|
+
return e = Math.imul(e ^ e >>> 15, e | 1), e ^= e + Math.imul(e ^ e >>> 7, e | 61), ((e ^ e >>> 14) >>> 0) / 4294967296;
|
|
215
|
+
};
|
|
216
|
+
}
|
|
217
|
+
function le() {
|
|
218
|
+
return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
219
|
+
}
|
|
220
|
+
function $(e) {
|
|
221
|
+
e && e.querySelectorAll("[data-reveal]").forEach((e, t) => {
|
|
222
|
+
e.style.setProperty("--d", String(t));
|
|
223
|
+
});
|
|
224
|
+
}
|
|
225
|
+
function ue(e, n = {}) {
|
|
226
|
+
let r = n.respectReducedMotion !== !1, i = Math.max(1, Math.floor(n.count ?? 12)), a = n.radius ?? 64, { response: o, dampingFraction: s } = t(n.preset ?? "bouncy"), c = U({
|
|
227
|
+
response: o,
|
|
228
|
+
dampingFraction: s
|
|
229
|
+
}), l = o * 4 * 1e3, u = null, d = [], f = 0, m = 0;
|
|
230
|
+
function h() {
|
|
231
|
+
f && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(f), f = 0;
|
|
232
|
+
}
|
|
233
|
+
function g() {
|
|
234
|
+
h(), u && u.parentElement && u.parentElement.removeChild(u), u = null, d = [];
|
|
235
|
+
}
|
|
236
|
+
function _() {
|
|
237
|
+
let t = e.value;
|
|
238
|
+
if (!t) return;
|
|
239
|
+
if (g(), r && le()) {
|
|
240
|
+
$(n.destination?.value ?? null), n.onSettled?.();
|
|
241
|
+
return;
|
|
242
|
+
}
|
|
243
|
+
if (typeof requestAnimationFrame != "function") {
|
|
244
|
+
$(n.destination?.value ?? null), n.onSettled?.();
|
|
245
|
+
return;
|
|
246
|
+
}
|
|
247
|
+
let o = t.getBoundingClientRect(), s = t.offsetParent ?? t.parentElement ?? t, p = s.getBoundingClientRect(), h = o.left - p.left + o.width / 2, _ = o.top - p.top + o.height / 2;
|
|
248
|
+
u = document.createElement("div"), u.className = "glass-celebration-overlay", u.setAttribute("aria-hidden", "true"), u.style.position = "absolute", u.style.left = `${h}px`, u.style.top = `${_}px`, u.style.width = "0", u.style.height = "0", u.style.pointerEvents = "none", u.style.zIndex = "var(--celebration-z, 60)";
|
|
249
|
+
let v = ce(Math.round(o.left) * 73856093 ^ Math.round(o.top) * 19349663 ^ i), y = Math.PI * 2 / i, b = [];
|
|
250
|
+
for (let e = 0; e < i; e++) {
|
|
251
|
+
let t = document.createElement("div");
|
|
252
|
+
t.className = "glass-celebration-petal", n.tone && t.style.setProperty("--glass-accent", n.tone), t.style.position = "absolute", t.style.left = "0", t.style.top = "0", u.appendChild(t), d.push(t);
|
|
253
|
+
let r = (v() - .5) * y * .6, i = e * y + r, o = a * (.7 + v() * .3);
|
|
254
|
+
b.push({
|
|
255
|
+
dx: Math.cos(i) * o,
|
|
256
|
+
dy: Math.sin(i) * o
|
|
257
|
+
});
|
|
258
|
+
}
|
|
259
|
+
s.appendChild(u), m = 0;
|
|
260
|
+
let x = (e) => {
|
|
261
|
+
if (!u) return;
|
|
262
|
+
m === 0 && (m = e);
|
|
263
|
+
let t = Math.min(1, (e - m) / l), r = c.fn(t);
|
|
264
|
+
for (let e = 0; e < d.length; e++) {
|
|
265
|
+
let t = d[e], { dx: n, dy: i } = b[e], a = n * r, o = i * r, s = Math.max(0, 1 - .4 * r), c = 2 * r;
|
|
266
|
+
t.style.transform = `translate(${a.toFixed(2)}px, ${o.toFixed(2)}px) scale(${s.toFixed(3)})`, t.style.opacity = String(Math.max(0, 1 - r)), t.style.filter = `blur(${c.toFixed(2)}px)`;
|
|
267
|
+
}
|
|
268
|
+
t < 1 ? f = requestAnimationFrame(x) : (g(), $(n.destination?.value ?? null), n.onSettled?.());
|
|
269
|
+
};
|
|
270
|
+
f = requestAnimationFrame(x);
|
|
271
|
+
}
|
|
272
|
+
return p(g), { burst: _ };
|
|
273
|
+
}
|
|
274
|
+
//#endregion
|
|
75
275
|
//#region src/composables/motion/useNumericTransition.ts
|
|
76
|
-
function
|
|
77
|
-
let t =
|
|
276
|
+
function de(e) {
|
|
277
|
+
let t = h(0), n = h(!1), { from: r, to: i, duration: a, timingFunction: o, onFrame: s } = e, c = g(new T([r, i], {
|
|
78
278
|
duration: a,
|
|
79
279
|
timingFunction: o
|
|
80
280
|
}));
|
|
@@ -110,7 +310,7 @@ function G(e) {
|
|
|
110
310
|
}
|
|
111
311
|
//#endregion
|
|
112
312
|
//#region src/composables/motion/useAnimatedNumberMap.ts
|
|
113
|
-
function
|
|
313
|
+
function fe(e) {
|
|
114
314
|
let { keys: t, source: n, ...r } = e, i = {};
|
|
115
315
|
for (let e of t) {
|
|
116
316
|
let t = n(e), { current: a } = u(() => t.value, r);
|
|
@@ -120,10 +320,10 @@ function K(e) {
|
|
|
120
320
|
}
|
|
121
321
|
//#endregion
|
|
122
322
|
//#region src/composables/motion/useCountup.ts
|
|
123
|
-
function
|
|
323
|
+
function pe() {
|
|
124
324
|
return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
125
325
|
}
|
|
126
|
-
function
|
|
326
|
+
function me(e, t) {
|
|
127
327
|
let { easeFn: n, skip: r } = t, i = /* @__PURE__ */ new Map();
|
|
128
328
|
function a(e) {
|
|
129
329
|
let t = i.get(e);
|
|
@@ -132,12 +332,12 @@ function J(e, t) {
|
|
|
132
332
|
function o(e) {
|
|
133
333
|
e.querySelectorAll("[data-countup]").forEach((e) => {
|
|
134
334
|
let t = parseFloat(e.getAttribute("data-countup") ?? "0") || 0, r = parseFloat(e.getAttribute("data-countup-dur") ?? "1200"), o = parseFloat(e.getAttribute("data-countup-delay") ?? "0");
|
|
135
|
-
if (a(e),
|
|
335
|
+
if (a(e), pe()) {
|
|
136
336
|
e.textContent = String(t);
|
|
137
337
|
return;
|
|
138
338
|
}
|
|
139
339
|
e.textContent = "0";
|
|
140
|
-
let s = new
|
|
340
|
+
let s = new T([{ v: 0 }, { v: t }], {
|
|
141
341
|
duration: r,
|
|
142
342
|
timingFunction: n
|
|
143
343
|
});
|
|
@@ -177,4 +377,4 @@ function J(e, t) {
|
|
|
177
377
|
};
|
|
178
378
|
}
|
|
179
379
|
//#endregion
|
|
180
|
-
export {
|
|
380
|
+
export { v as AnimationOptionError, s as DAMPING, y as Draggable, b as ElementMorph, S as KeyframesScrollTimeline, C as ManualTimeline, w as NumericAnimation, E as Oscillator, D as RAFPlayback, o as SNAP_THRESHOLD, n as SPRING_PRESETS, O as Sequence, k as SmoothProgress, A as SpringProgress, j as Timeline, ee as UnknownEasingError, te as createNativeTimeline, ne as decay, re as decayRest, M as drag, N as drag2D, P as flip, F as flipShared, I as loadAnimationEngine, L as probeVelocity, R as reducedMotionScale, z as reseatToSpring, B as resolveEasing, V as springLinearStops, t as springPreset, H as springTimingFunction, W as stagger, G as toEasing, u as useAnimatedNumber, fe as useAnimatedNumberMap, Q as useBloomUp, ue as useCelebrationBurst, me as useCountup, l as useDockCtaReceive, c as useDragMorph, i as useLiquidPress, X as useLiquidReveal, de as useNumericTransition, e as useSpring, a as useSpringMount, r as useSpringPress, K as warmEngine, q as waveformValue };
|
package/dist/notification.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./Notification-
|
|
1
|
+
import { t as e } from "./Notification-BlSPJhtZ.js";
|
|
2
2
|
export { e as Notification };
|
package/dist/number-field.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, r, t as i } from "./NumberFieldContent-
|
|
1
|
+
import { a as e, i as t, n, r, t as i } from "./NumberFieldContent-Z3VxGu_6.js";
|
|
2
2
|
export { e as NumberField, i as NumberFieldContent, n as NumberFieldDecrement, r as NumberFieldIncrement, t as NumberFieldInput };
|
package/dist/pager-dots.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "./PagerDots-
|
|
1
|
+
import { n as e, t } from "./PagerDots-CYlqVFd4.js";
|
|
2
2
|
export { t as PagerDots, e as pagerWindow };
|
package/dist/paper-backdrop.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./PaperBackdrop-
|
|
1
|
+
import { t as e } from "./PaperBackdrop-DYWgrnh8.js";
|
|
2
2
|
export { e as PaperBackdrop };
|