@mkbabb/glass-ui 3.6.0 → 3.8.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-q2qHCJFG.js +157 -0
- package/dist/CollapsibleContent-CP9qF1v4.js +63 -0
- package/dist/{CommandShortcut-BiVyqipe.js → CommandShortcut-SzWRhROC.js} +4 -4
- package/dist/{ContextMenuContent-De01_83g.js → ContextMenuContent-DDa0v27s.js} +1 -1
- package/dist/{ContextMenuSubContent-DrWkXKQP.js → ContextMenuSubContent-Do977Cbf.js} +4 -4
- package/dist/{DataTable-BGVXx0Ww.js → DataTable-CvlWXz65.js} +14 -7
- package/dist/DeckProgress-AVgbIULY.js +23 -0
- package/dist/{DialogContent-IQ8_BRrC.js → DialogContent-DjZWT3lK.js} +24 -24
- package/dist/{DialogFooter-Er0wA3K6.js → DialogFooter-Gprw8H_A.js} +2 -2
- package/dist/{DiscoGlyph-BaZ8OawK.js → DiscoGlyph-CG0F410s.js} +1 -1
- package/dist/{GlyphFace-B_7vOmYn.js → GlyphFace-DRjDkB0s.js} +1 -1
- package/dist/{HoverCardContent-ICfIMZX1.js → HoverCardContent-B6CcQ8He.js} +1 -1
- package/dist/{HoverPopover-DTSYkJtw.js → HoverPopover-D56O6Ylp.js} +1 -1
- package/dist/{IconTooltip-DZlCkU-0.js → IconTooltip-D2T5nYOM.js} +1 -1
- package/dist/{Input-CRJ2owjN.js → Input-DVG_J0ne.js} +4 -1
- package/dist/{Label-CZk-3nTc.js → Label-zRfbQdCn.js} +1 -1
- package/dist/{MetricBadge-BlrdbOGN.js → MetricBadge-lTc002u2.js} +1 -1
- package/dist/{Notification-DP_ApJLo.js → Notification-BxK8LZMw.js} +5 -4
- package/dist/{NumberFieldContent-Bhhmk95p.js → NumberFieldContent-CLNVR1iY.js} +5 -5
- package/dist/{PopoverContent-B8WtJECb.js → PopoverContent-BId6ggf_.js} +2 -2
- package/dist/{Progress-DjM86vfb.js → Progress-iEuD9pxG.js} +7 -7
- package/dist/{ScrollingText-P9o_DuMn.js → ScrollingText-CVyqxvfv.js} +2 -2
- package/dist/{SelectScrollDownButton-BGn3rjs9.js → SelectScrollDownButton-C7TRe-ep.js} +8 -7
- package/dist/{Separator-C2XtAXRp.js → Separator-D7sD7RKj.js} +1 -1
- package/dist/{Switch-x8n6husW.js → Switch-LDKLmmgx.js} +8 -2
- package/dist/TabsList-qyHZ2lKY.js +101 -0
- package/dist/{Toaster-DdhMKfus.js → Toaster-CabYEEF_.js} +54 -60
- package/dist/{ToggleGroupItem-gyXj998A.js → ToggleGroupItem-CkXUcBlt.js} +13 -5
- package/dist/{TooltipProvider-D-JrSqDu.js → TooltipProvider-CmZzCuaG.js} +1 -1
- package/dist/{UnderlineTabs-CuIK16JI.js → UnderlineTabs-Uxn-R3MT.js} +2 -2
- package/dist/animated-digit.js +2 -2
- package/dist/api/index.d.ts +4 -2
- package/dist/api.js +1 -1
- package/dist/aurora.js +753 -359
- package/dist/{badge-Cl6JZ1B7.js → badge-DHQrc_GQ.js} +13 -9
- package/dist/badge.js +1 -1
- package/dist/{button-BcMzVrqs.js → button-CAywcrhO.js} +6 -3
- package/dist/button.js +1 -1
- package/dist/canvas.d.ts +1 -0
- package/dist/canvas.js +3 -0
- package/dist/card.js +2 -2
- package/dist/carousel.js +110 -109
- package/dist/{check-CdkxGxXJ.js → check-BBKKKSTf.js} +1 -1
- package/dist/{chevron-down-pBY8sYfV.js → chevron-down-BSkTP2aL.js} +1 -1
- package/dist/{chevron-right-BjeKC22V.js → chevron-right-sDM0Yvrf.js} +1 -1
- package/dist/{chevron-up-DBeNHUm1.js → chevron-up-CCOD_FTz.js} +1 -1
- package/dist/collapsible.js +1 -1
- package/dist/color-DMLTunJK.js +84 -0
- package/dist/color.js +2 -2
- package/dist/command.js +1 -1
- package/dist/compile-BBTRjvQS.js +158 -0
- package/dist/components/custom/aurora/Aurora.vue.d.ts +1 -0
- package/dist/components/custom/aurora/composables/atoms.d.ts +125 -0
- package/dist/components/custom/aurora/composables/color.d.ts +7 -25
- package/dist/components/custom/aurora/composables/cursorModel.d.ts +35 -2
- package/dist/components/custom/aurora/composables/glSetup.d.ts +1 -1
- package/dist/components/custom/aurora/composables/gpuRuntime.d.ts +16 -0
- package/dist/components/custom/aurora/composables/runtime.d.ts +18 -0
- package/dist/components/custom/aurora/composables/uniformBridge.d.ts +46 -12
- package/dist/components/custom/aurora/composables/useAurora.d.ts +6 -0
- package/dist/components/custom/aurora/composables/useCursorInteraction.d.ts +8 -0
- package/dist/components/custom/aurora/constants/presets.d.ts +60 -4
- package/dist/components/custom/aurora/constants/renderMode.d.ts +32 -0
- package/dist/components/custom/aurora/constants/shaders/aurora.wgsl.d.ts +7 -0
- package/dist/components/custom/aurora/constants/shaders/brush.glsl.d.ts +1 -1
- package/dist/components/custom/aurora/constants/shaders/composition.glsl.d.ts +1 -1
- package/dist/components/custom/aurora/constants/shaders/flow.glsl.d.ts +1 -1
- package/dist/components/custom/aurora/constants/shaders/mediums.glsl.d.ts +2 -2
- package/dist/components/custom/aurora/constants/shaders/painterly.wgsl.d.ts +7 -0
- package/dist/components/custom/aurora/constants/shaders/wake.wgsl.d.ts +4 -0
- package/dist/components/custom/aurora/index.d.ts +4 -3
- package/dist/components/custom/constellation/Constellation.vue.d.ts +40 -5
- package/dist/components/custom/constellation/constellationField.d.ts +110 -5
- package/dist/components/custom/constellation/index.d.ts +2 -2
- package/dist/components/custom/dock/GlassDock.vue.d.ts +12 -4
- package/dist/components/custom/dock/composables/dockMorphContext.d.ts +57 -0
- package/dist/components/custom/dock/composables/index.d.ts +3 -0
- package/dist/components/custom/dock/composables/useDockHold.d.ts +61 -0
- package/dist/components/custom/dock/composables/useLayerTransition.d.ts +13 -59
- package/dist/components/custom/dock/index.d.ts +2 -0
- package/dist/components/custom/fourier-field/FourierField.vue.d.ts +38 -0
- package/dist/components/custom/fourier-field/index.d.ts +2 -0
- package/dist/components/custom/fourier-field/math.d.ts +57 -0
- package/dist/components/custom/goo-blob/GooBlob.vue.d.ts +15 -0
- package/dist/components/custom/goo-blob/composables/useBlobMood.d.ts +18 -2
- package/dist/components/custom/goo-blob/composables/useBlobPointer.d.ts +47 -4
- package/dist/components/custom/goo-blob/composables/useBlobSatellites.d.ts +2 -0
- package/dist/components/custom/goo-blob/composables/useMetaballRenderer.d.ts +19 -4
- package/dist/components/custom/goo-blob/index.d.ts +1 -1
- package/dist/components/custom/goo-blob/shaders/sdf-body.glsl.d.ts +1 -1
- package/dist/components/custom/goo-blob/shaders/watercolor-edges.glsl.d.ts +2 -2
- package/dist/components/custom/goo-blob/types.d.ts +48 -0
- package/dist/components/custom/metric-cell/MetricCell.vue.d.ts +1 -1
- package/dist/components/custom/metric-stack/MetricStack.vue.d.ts +1 -1
- package/dist/components/ui/_shared/ModalOverlay.vue.d.ts +1 -1
- package/dist/components/ui/alert/index.d.ts +1 -1
- package/dist/components/ui/card/Card.vue.d.ts +26 -3
- package/dist/components/ui/card/CardAction.vue.d.ts +24 -0
- package/dist/components/ui/card/index.d.ts +2 -1
- package/dist/components/ui/collapsible/CollapsibleTrigger.vue.d.ts +5 -1
- package/dist/components/ui/progress/ProgressDefault.vue.d.ts +14 -4
- package/dist/components/ui/slider/Slider.vue.d.ts +3 -1
- package/dist/components/ui/tabs/TabsList.vue.d.ts +13 -3
- package/dist/components/ui/toast/Toast.vue.d.ts +5 -5
- package/dist/components/ui/toast/use-toast.d.ts +1 -1
- package/dist/composables/color/index.d.ts +69 -0
- package/dist/composables/dom/index.d.ts +1 -1
- package/dist/composables/dom/useResolveTokenColor.d.ts +27 -0
- package/dist/composables/glass/canvas2d/index.d.ts +2 -1
- package/dist/composables/glass/canvas2d/resolveCanvasColor.d.ts +20 -0
- package/dist/composables/glass/canvas2d/useCanvas2D.d.ts +15 -1
- package/dist/composables/glass/createGPUCanvas.d.ts +40 -0
- package/dist/composables/glass/index.d.ts +3 -1
- package/dist/composables/glass/useSpecularTracking.d.ts +33 -0
- package/dist/composables/glass/webgl/createCanvasLifecycle.d.ts +45 -0
- package/dist/composables/glass/webgl/shaders/procedural-color.glsl.d.ts +7 -0
- package/dist/composables/glass/webgl/useWebGLCanvas.d.ts +5 -5
- package/dist/composables/motion/core/index.d.ts +1 -0
- package/dist/configurator.js +1 -1
- package/dist/confirm-dialog.js +3 -3
- package/dist/constellation.js +144 -75
- package/dist/context-menu.js +2 -2
- package/dist/controls.js +2 -2
- package/dist/dark.js +1 -1
- package/dist/data-table.js +1 -1
- package/dist/deck-progress.d.ts +1 -0
- package/dist/deck-progress.js +2 -0
- package/dist/dialog.js +2 -2
- package/dist/disco-glyph.js +1 -1
- package/dist/dock.js +388 -287
- package/dist/{dockContext-spUj_-E5.js → dockContext-BKeIMmNk.js} +1 -1
- package/dist/dom.js +6 -6
- package/dist/{dropdown-menu-EFjl5iKo.js → dropdown-menu-B_4bWyyG.js} +5 -5
- package/dist/dropdown-menu.js +1 -1
- package/dist/expandable-container.js +2 -2
- package/dist/fonts/README.md +26 -18
- package/dist/forms.js +10 -7
- package/dist/fourier-field.d.ts +1 -0
- package/dist/fourier-field.js +166 -0
- package/dist/glass-carousel.js +12 -7
- package/dist/glass-panel.js +7 -7
- package/dist/glass-ui.css +1 -1
- package/dist/glass-ui.js +209 -206
- package/dist/glyph-face.js +2 -2
- package/dist/goo-blob.js +485 -300
- package/dist/header-ribbon.js +1 -1
- package/dist/hover-card.js +1 -1
- package/dist/hover-popover.js +1 -1
- package/dist/icon-tooltip.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/instrument-chassis.js +1 -1
- package/dist/instrument-rail.js +1 -1
- package/dist/keyboard.js +1 -1
- package/dist/{keys-BFoma9vm.js → keys-BsYjEFOW.js} +1 -1
- package/dist/label.js +1 -1
- package/dist/labeled-field.js +6 -6
- package/dist/metric-badge.js +1 -1
- package/dist/metric-stack.js +1 -1
- package/dist/{minimize-2-BP27-qBY.js → minimize-2-lcXOuc6V.js} +1 -1
- package/dist/motion-core.js +68 -98
- package/dist/motion.js +3 -3
- package/dist/notification.js +1 -1
- package/dist/number-field.js +1 -1
- package/dist/paper-backdrop.js +1 -1
- package/dist/popover.js +1 -1
- package/dist/progress.js +1 -1
- package/dist/pulse.js +1 -1
- package/dist/reactive.js +2 -2
- package/dist/resolveCanvasColor-BBiYfp8g.js +11 -0
- package/dist/responsive-tabs.js +2 -2
- package/dist/scrolling-text.js +1 -1
- package/dist/{search-DBG8qaRs.js → search-nbkvr2dC.js} +1 -1
- package/dist/search.js +12 -12
- package/dist/select.js +3 -3
- package/dist/separator.js +1 -1
- package/dist/{sheet-CQYYrkr9.js → sheet-VZEtNFvO.js} +4 -4
- package/dist/sheet.js +1 -1
- package/dist/slider-D9puf-Ko.js +142 -0
- package/dist/slider.js +1 -1
- package/dist/sortable-list.js +3 -3
- package/dist/styles/components.css +1 -1
- package/dist/styles/dock-controls.css +21 -18
- package/dist/styles/dock.css +415 -224
- package/dist/styles/fonts.css +0 -25
- package/dist/styles/glass.css +100 -41
- package/dist/styles/theme.css +58 -2
- package/dist/styles/tokens.css +139 -32
- package/dist/styles/typography.css +55 -72
- package/dist/styles/utilities.css +19 -14
- package/dist/styles/view-transition.css +12 -40
- package/dist/supportsCssTimeline-C5oe0lnD.js +12 -0
- package/dist/switch.js +1 -1
- package/dist/tabs.js +5 -5
- package/dist/timeline.js +3 -3
- package/dist/toast.js +1 -1
- package/dist/toggle-group.js +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/{useAnimatedNumber-DfVgP4te.js → useAnimatedNumber-C_3wZLx4.js} +1 -1
- package/dist/{useCanvas2D-BeNJqqIS.js → useCanvas2D-ClrQuZtp.js} +2 -1
- package/dist/{useConfiguratorState-DUtC1jxr.js → useConfiguratorState-CMff4GzH.js} +5 -5
- package/dist/useResolveTokenColor-r9pnNjqK.js +24 -0
- package/dist/useScrollProgress-C9ysDic5.js +35 -0
- package/dist/useSpecularTracking-BVRZsRHA.js +26 -0
- package/dist/{useTextHighlight-Dmtofpk2.js → useTextHighlight-9nMW23Qb.js} +1 -1
- package/dist/{useTouchGate-CS5Csc2h.js → useTouchGate-WFyJYsth.js} +1 -1
- package/dist/vReveal-CqaCz_mC.js +44 -0
- package/dist/watercolor-dot.js +2 -2
- package/dist/{x-C4pz9nbD.js → x-Dfsegz9Y.js} +1 -1
- package/package.json +64 -4
- package/src/fonts/README.md +26 -18
- package/src/styles/dock-controls.css +21 -18
- package/src/styles/dock.css +415 -224
- package/src/styles/fonts.css +0 -25
- package/src/styles/glass.css +100 -41
- package/src/styles/theme.css +58 -2
- package/src/styles/tokens.css +139 -32
- package/src/styles/typography.css +55 -72
- package/src/styles/utilities.css +19 -14
- package/src/styles/view-transition.css +12 -40
- package/dist/CardFooter-C390imy7.js +0 -129
- package/dist/CollapsibleContent-cauTbZEM.js +0 -52
- package/dist/TabsIndicator-DA0x9gPr.js +0 -97
- package/dist/color-DS-iLRVM.js +0 -33
- package/dist/compile-C62K_FpC.js +0 -106
- package/dist/fonts/fraunces/fraunces-latin.woff2 +0 -0
- package/dist/slider-CgNzRSh6.js +0 -129
- package/dist/useViewTransition-DI0Rs2rV.js +0 -21
- package/dist/vReveal-u2wSG2El.js +0 -35
- package/src/fonts/fraunces/fraunces-latin.woff2 +0 -0
- /package/dist/{InstrumentChassis-DaHIZCqy.js → InstrumentChassis-C2f6cBaQ.js} +0 -0
- /package/dist/{InstrumentRail-B0qqLFN0.js → InstrumentRail-CUJ05YVG.js} +0 -0
- /package/dist/{ModalOverlay-B_CBtqcE.js → ModalOverlay-B1GkAjNb.js} +0 -0
- /package/dist/{PaperBackdrop-D_YZW47j.js → PaperBackdrop-CqwjnfLv.js} +0 -0
- /package/dist/{SelectGroup-CMdoCjRE.js → SelectGroup-BFiod7X2.js} +0 -0
- /package/dist/{SelectSeparator-CaJnPF3_.js → SelectSeparator-L8pPEn4L.js} +0 -0
- /package/dist/{_plugin-vue_export-helper-C1je1s0u.js → _plugin-vue_export-helper-ok8pgSl5.js} +0 -0
- /package/dist/composables/{dom → motion}/useTextHighlight.d.ts +0 -0
- /package/dist/{constants-C8NMonuo.js → constants-BPOqYJAm.js} +0 -0
- /package/dist/{createContext-DBMGRlx4.js → createContext-B44Sah_H.js} +0 -0
- /package/dist/{createLucideIcon-DuDoe_ra.js → createLucideIcon-B6uNAU9G.js} +0 -0
- /package/dist/{menuItemVariants-C2QlXqT3.js → menuItemVariants-DKM85SNE.js} +0 -0
- /package/dist/{presets-Dyv9Zl7W.js → presets-D1XPuTj-.js} +0 -0
- /package/dist/{prng-CjVgzjQT.js → prng-COGhh02-.js} +0 -0
- /package/dist/{useGlassRenderer-Dn3WpfG-.js → useGlassRenderer-5I0YkI4t.js} +0 -0
- /package/dist/{useGlobalDark-D7R9OypB.js → useGlobalDark-D3EBWzXK.js} +0 -0
- /package/dist/{useIntersectionPause-DsQYGc8V.js → useIntersectionPause-Bj4sPkMh.js} +0 -0
- /package/dist/{useInterval-CHVYFpXV.js → useInterval-CcLfq2WU.js} +0 -0
- /package/dist/{useKeyboardShortcuts-i8tHd5WO.js → useKeyboardShortcuts-BXWXOZ-9.js} +0 -0
- /package/dist/{useResizeObserver-DX-STszm.js → useResizeObserver-CWCbk5Px.js} +0 -0
- /package/dist/{useSortable-muI29agz.js → useSortable-MGAbCGVJ.js} +0 -0
- /package/dist/{useSpringMount-CnizvZGm.js → useSpringMount-BJSHcLl3.js} +0 -0
- /package/dist/{useTimer-DGgoxTXL.js → useTimer-3xqf_54b.js} +0 -0
- /package/dist/{useUserInvalidAria-DmvZ_6Dx.js → useUserInvalidAria-DoJKMZ3s.js} +0 -0
- /package/dist/{useViewportReady-Dcvf0c4p.js → useViewportReady-RIr5Wgkh.js} +0 -0
|
@@ -1,22 +1,25 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* typography.css —
|
|
3
|
-
* (
|
|
2
|
+
* typography.css — Plus Jakarta Sans (text + display) + Fira Code (mono)
|
|
3
|
+
* (both OFL faces self-hosted via fonts.css)
|
|
4
4
|
*
|
|
5
|
-
* Golden-ratio scale (√φ ≈ 1.272).
|
|
6
|
-
* body, headings, prose, and math — and
|
|
7
|
-
*
|
|
5
|
+
* Golden-ratio scale (√φ ≈ 1.272). ONE brand register: Plus Jakarta Sans
|
|
6
|
+
* carries the text register — body, headings, prose, display, and math — and
|
|
7
|
+
* Fira Code carries mono. The library DEFAULT is the register every live
|
|
8
|
+
* surface paints (the demo + speedtest render Plus Jakarta everywhere). There
|
|
9
|
+
* is no display-serif voice and no preset opt-out: the default IS the register.
|
|
8
10
|
*
|
|
9
11
|
* Semantic type classes expose both Tailwind-friendly utility names
|
|
10
12
|
* (`.text-display-*`, `.text-body`, `.text-admin-label`) and feature
|
|
11
13
|
* utilities (`.cm-serif`, `.fira-code`, `.fourier-f`).
|
|
12
14
|
*
|
|
13
15
|
* Self-host font subsystem — glass-ui ships two OFL-1.1 face families as
|
|
14
|
-
* bundled woff2 assets: Plus Jakarta Sans (brand display
|
|
16
|
+
* bundled woff2 assets: Plus Jakarta Sans (brand text + display, font-display:
|
|
15
17
|
* optional) + Fira Code (canonical mono, font-display: swap). Both ship with
|
|
16
18
|
* Capsize-calibrated size-adjust / ascent-override / descent-override on the
|
|
17
|
-
* matching fallback faces so the swap is geometry-neutral (zero CLS).
|
|
18
|
-
*
|
|
19
|
-
*
|
|
19
|
+
* matching fallback faces so the swap is geometry-neutral (zero CLS). The
|
|
20
|
+
* register lives in tokens.css §0 (--font-stack-text/-display/-mono), bridged
|
|
21
|
+
* to --font-text/-display/-mono in theme.css; consumers override --font-text
|
|
22
|
+
* once to rebrand, no third-party CDN dependency on the LCP-critical path.
|
|
20
23
|
*/
|
|
21
24
|
|
|
22
25
|
/* ═══════════════════════════════════════════════
|
|
@@ -82,21 +85,15 @@
|
|
|
82
85
|
}
|
|
83
86
|
|
|
84
87
|
:root {
|
|
85
|
-
/* Font family tokens. `--font-
|
|
86
|
-
are NOT declared here — their source-of-truth lives in
|
|
87
|
-
(`--font-stack-*`), bridged to Tailwind via theme.css's
|
|
88
|
-
declaring `:root` literals here would shadow consumer
|
|
89
|
-
(un-layered `:root` wins over `@layer theme`). The
|
|
90
|
-
above expose `"Plus Jakarta Sans"` + `"Fira Code"`,
|
|
91
|
-
calibrated `"... Fallback"`.
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
default) then the fallback chain. */
|
|
95
|
-
/* Independent brand/system sans stack; consumers override once for uniform sans. */
|
|
96
|
-
--font-brand-sans: "Helvetica Neue", "Arial Nova", Arial, system-ui, sans-serif;
|
|
97
|
-
--font-sans: var(--font-brand-sans);
|
|
98
|
-
--font-display-variation-settings: "WONK" 1, "SOFT" 0;
|
|
99
|
-
--font-display-weight: 400;
|
|
88
|
+
/* Font family tokens. `--font-text` / `--font-display` / `--font-serif` /
|
|
89
|
+
`--font-mono` are NOT declared here — their source-of-truth lives in
|
|
90
|
+
tokens.css §0 (`--font-stack-*`), bridged to Tailwind via theme.css's
|
|
91
|
+
`@theme` block; declaring `:root` literals here would shadow consumer
|
|
92
|
+
`@theme` overrides (un-layered `:root` wins over `@layer theme`). The
|
|
93
|
+
self-hosted faces above expose `"Plus Jakarta Sans"` + `"Fira Code"`,
|
|
94
|
+
each pairing with a calibrated `"... Fallback"`. The brand text register
|
|
95
|
+
(Plus Jakarta Sans) engages by default for every consumer; --font-mono
|
|
96
|
+
references `"Fira Code"` first then the fallback chain. */
|
|
100
97
|
|
|
101
98
|
/* Scale tokens */
|
|
102
99
|
--type-admin-label: 0.625rem; /* 10px */
|
|
@@ -116,8 +113,7 @@
|
|
|
116
113
|
/* Audacious display tier (v1.0.3). Extends the φ-ladder three rungs
|
|
117
114
|
beyond display-5 for poster-type consumers (speedtest hero,
|
|
118
115
|
dashboard pane titles when the consumer wants the number to win).
|
|
119
|
-
Same vw-axis as display-1..5 — consumer-agnostic.
|
|
120
|
-
sans preset still overrides via the existing :root override. */
|
|
116
|
+
Same vw-axis as display-1..5 — consumer-agnostic. */
|
|
121
117
|
--type-display-mega: clamp(5.382rem, 4rem + 9vw, 11.089rem); /* φ^(9/2) — peak 177px */
|
|
122
118
|
--type-display-hero: clamp(6.854rem, 4.5rem + 12vw, 17.942rem); /* φ^5 — peak 287px */
|
|
123
119
|
--type-display-audacious: clamp(8.728rem, 5rem + 16vw, 22rem); /* φ^(11/2) — peak 352px (fast.com peg) */
|
|
@@ -129,25 +125,18 @@
|
|
|
129
125
|
were retired in v0.8.6 (audit U.W0.C-c §1.1 / Union 2). */
|
|
130
126
|
}
|
|
131
127
|
|
|
132
|
-
:root[data-typography-preset="brand-uniform-sans"] {
|
|
133
|
-
--font-serif: var(--font-brand-sans);
|
|
134
|
-
--font-display: var(--font-brand-sans);
|
|
135
|
-
--font-display-variation-settings: normal;
|
|
136
|
-
--font-display-weight: 600;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
128
|
/* ═══════════════════════════════════════════════
|
|
140
|
-
BODY CASCADE —
|
|
129
|
+
BODY CASCADE — the brand text register inherits globally
|
|
141
130
|
═══════════════════════════════════════════════ */
|
|
142
131
|
body {
|
|
143
|
-
font-family: var(--font-
|
|
132
|
+
font-family: var(--font-text);
|
|
144
133
|
color: var(--foreground);
|
|
145
134
|
font-size: var(--type-body);
|
|
146
135
|
line-height: var(--type-leading-body);
|
|
147
136
|
}
|
|
148
137
|
|
|
149
138
|
/* ═══════════════════════════════════════════════
|
|
150
|
-
DISPLAY —
|
|
139
|
+
DISPLAY — Plus Jakarta Sans display, tracking-tight
|
|
151
140
|
═══════════════════════════════════════════════ */
|
|
152
141
|
@utility text-display-audacious {
|
|
153
142
|
font-family: var(--font-display);
|
|
@@ -155,8 +144,7 @@ body {
|
|
|
155
144
|
line-height: var(--type-leading-display);
|
|
156
145
|
letter-spacing: var(--type-tracking-tight);
|
|
157
146
|
font-optical-sizing: auto;
|
|
158
|
-
font-
|
|
159
|
-
font-weight: var(--font-display-weight);
|
|
147
|
+
font-weight: 600;
|
|
160
148
|
/* AQ.W3 §W3.3 — balance multi-line display headlines. Text-only (no box) so
|
|
161
149
|
balance is safe; degrades to unbalanced wrapping with zero break. */
|
|
162
150
|
text-wrap: balance;
|
|
@@ -177,7 +165,6 @@ body {
|
|
|
177
165
|
font-feature-settings: "ss01", "tnum", "lnum";
|
|
178
166
|
font-variant-numeric: tabular-nums lining-nums;
|
|
179
167
|
font-optical-sizing: auto;
|
|
180
|
-
font-variation-settings: var(--font-display-variation-settings);
|
|
181
168
|
display: inline-block;
|
|
182
169
|
max-inline-size: 100%;
|
|
183
170
|
/* AQ.W3 §W3.3 — `text-wrap: nowrap` (modern) sits AFTER `white-space:
|
|
@@ -193,8 +180,7 @@ body {
|
|
|
193
180
|
line-height: var(--type-leading-display);
|
|
194
181
|
letter-spacing: var(--type-tracking-tight);
|
|
195
182
|
font-optical-sizing: auto;
|
|
196
|
-
font-
|
|
197
|
-
font-weight: var(--font-display-weight);
|
|
183
|
+
font-weight: 600;
|
|
198
184
|
text-wrap: balance; /* AQ.W3 §W3.3 */
|
|
199
185
|
}
|
|
200
186
|
|
|
@@ -204,8 +190,7 @@ body {
|
|
|
204
190
|
line-height: var(--type-leading-display);
|
|
205
191
|
letter-spacing: var(--type-tracking-tight);
|
|
206
192
|
font-optical-sizing: auto;
|
|
207
|
-
font-
|
|
208
|
-
font-weight: var(--font-display-weight);
|
|
193
|
+
font-weight: 600;
|
|
209
194
|
text-wrap: balance; /* AQ.W3 §W3.3 */
|
|
210
195
|
}
|
|
211
196
|
|
|
@@ -215,8 +200,7 @@ body {
|
|
|
215
200
|
line-height: var(--type-leading-display);
|
|
216
201
|
letter-spacing: var(--type-tracking-tight);
|
|
217
202
|
font-optical-sizing: auto;
|
|
218
|
-
font-
|
|
219
|
-
font-weight: var(--font-display-weight);
|
|
203
|
+
font-weight: 600;
|
|
220
204
|
text-wrap: balance; /* AQ.W3 §W3.3 */
|
|
221
205
|
}
|
|
222
206
|
|
|
@@ -226,8 +210,7 @@ body {
|
|
|
226
210
|
line-height: var(--type-leading-display);
|
|
227
211
|
letter-spacing: var(--type-tracking-tight);
|
|
228
212
|
font-optical-sizing: auto;
|
|
229
|
-
font-
|
|
230
|
-
font-weight: var(--font-display-weight);
|
|
213
|
+
font-weight: 600;
|
|
231
214
|
text-wrap: balance; /* AQ.W3 §W3.3 */
|
|
232
215
|
}
|
|
233
216
|
|
|
@@ -237,8 +220,7 @@ body {
|
|
|
237
220
|
line-height: var(--type-leading-display);
|
|
238
221
|
letter-spacing: var(--type-tracking-tight);
|
|
239
222
|
font-optical-sizing: auto;
|
|
240
|
-
font-
|
|
241
|
-
font-weight: var(--font-display-weight);
|
|
223
|
+
font-weight: 600;
|
|
242
224
|
text-wrap: balance; /* AQ.W3 §W3.3 */
|
|
243
225
|
}
|
|
244
226
|
|
|
@@ -248,8 +230,7 @@ body {
|
|
|
248
230
|
line-height: var(--type-leading-display);
|
|
249
231
|
letter-spacing: var(--type-tracking-tight);
|
|
250
232
|
font-optical-sizing: auto;
|
|
251
|
-
font-
|
|
252
|
-
font-weight: var(--font-display-weight);
|
|
233
|
+
font-weight: 600;
|
|
253
234
|
text-wrap: balance; /* AQ.W3 §W3.3 */
|
|
254
235
|
}
|
|
255
236
|
|
|
@@ -259,16 +240,15 @@ body {
|
|
|
259
240
|
line-height: var(--type-leading-display);
|
|
260
241
|
letter-spacing: var(--type-tracking-tight);
|
|
261
242
|
font-optical-sizing: auto;
|
|
262
|
-
font-
|
|
263
|
-
font-weight: var(--font-display-weight);
|
|
243
|
+
font-weight: 600;
|
|
264
244
|
text-wrap: balance; /* AQ.W3 §W3.3 */
|
|
265
245
|
}
|
|
266
246
|
|
|
267
247
|
/* ═══════════════════════════════════════════════
|
|
268
|
-
HEADINGS / BODY —
|
|
248
|
+
HEADINGS / BODY — Plus Jakarta Sans text register
|
|
269
249
|
═══════════════════════════════════════════════ */
|
|
270
250
|
@utility text-title {
|
|
271
|
-
font-family: var(--font-
|
|
251
|
+
font-family: var(--font-text);
|
|
272
252
|
font-size: var(--type-title);
|
|
273
253
|
line-height: var(--type-leading-heading);
|
|
274
254
|
letter-spacing: var(--type-tracking-tight);
|
|
@@ -277,7 +257,7 @@ body {
|
|
|
277
257
|
}
|
|
278
258
|
|
|
279
259
|
@utility text-heading {
|
|
280
|
-
font-family: var(--font-
|
|
260
|
+
font-family: var(--font-text);
|
|
281
261
|
font-size: var(--type-heading);
|
|
282
262
|
line-height: var(--type-leading-heading);
|
|
283
263
|
font-weight: 700;
|
|
@@ -285,7 +265,7 @@ body {
|
|
|
285
265
|
}
|
|
286
266
|
|
|
287
267
|
@utility text-subheading {
|
|
288
|
-
font-family: var(--font-
|
|
268
|
+
font-family: var(--font-text);
|
|
289
269
|
font-size: var(--type-subheading);
|
|
290
270
|
line-height: var(--type-leading-body);
|
|
291
271
|
font-weight: 600;
|
|
@@ -300,7 +280,7 @@ body {
|
|
|
300
280
|
reads heavier than its numeric weight at pill size, so regular is the
|
|
301
281
|
not-bold register. */
|
|
302
282
|
@utility dock-label {
|
|
303
|
-
font-family: var(--font-
|
|
283
|
+
font-family: var(--font-text);
|
|
304
284
|
font-size: var(--dock-label-size, var(--type-subheading));
|
|
305
285
|
line-height: var(--type-leading-body);
|
|
306
286
|
font-weight: 400;
|
|
@@ -308,7 +288,7 @@ body {
|
|
|
308
288
|
}
|
|
309
289
|
|
|
310
290
|
@utility text-prose {
|
|
311
|
-
font-family: var(--font-
|
|
291
|
+
font-family: var(--font-text);
|
|
312
292
|
font-size: var(--type-prose);
|
|
313
293
|
line-height: var(--type-leading-prose);
|
|
314
294
|
font-weight: 400;
|
|
@@ -318,7 +298,7 @@ body {
|
|
|
318
298
|
}
|
|
319
299
|
|
|
320
300
|
@utility text-body {
|
|
321
|
-
font-family: var(--font-
|
|
301
|
+
font-family: var(--font-text);
|
|
322
302
|
font-size: var(--type-body);
|
|
323
303
|
line-height: var(--type-leading-body);
|
|
324
304
|
font-weight: 400;
|
|
@@ -326,14 +306,14 @@ body {
|
|
|
326
306
|
}
|
|
327
307
|
|
|
328
308
|
@utility text-small {
|
|
329
|
-
font-family: var(--font-
|
|
309
|
+
font-family: var(--font-text);
|
|
330
310
|
font-size: var(--type-small);
|
|
331
311
|
line-height: var(--type-leading-small);
|
|
332
312
|
font-weight: 400;
|
|
333
313
|
}
|
|
334
314
|
|
|
335
315
|
@utility text-caption {
|
|
336
|
-
font-family: var(--font-
|
|
316
|
+
font-family: var(--font-text);
|
|
337
317
|
font-size: var(--type-caption);
|
|
338
318
|
line-height: var(--type-leading-caption);
|
|
339
319
|
font-style: italic;
|
|
@@ -358,15 +338,15 @@ body {
|
|
|
358
338
|
}
|
|
359
339
|
|
|
360
340
|
/* ═══════════════════════════════════════════════
|
|
361
|
-
MATH —
|
|
341
|
+
MATH — Plus Jakarta Sans italic
|
|
362
342
|
═══════════════════════════════════════════════ */
|
|
363
343
|
@utility text-math {
|
|
364
|
-
font-family: var(--font-
|
|
344
|
+
font-family: var(--font-text);
|
|
365
345
|
font-style: italic;
|
|
366
346
|
}
|
|
367
347
|
|
|
368
348
|
@utility text-math-body {
|
|
369
|
-
font-family: var(--font-
|
|
349
|
+
font-family: var(--font-text);
|
|
370
350
|
font-size: var(--type-prose);
|
|
371
351
|
line-height: var(--type-leading-prose);
|
|
372
352
|
font-style: italic;
|
|
@@ -406,8 +386,13 @@ body {
|
|
|
406
386
|
/* ═══════════════════════════════════════════════
|
|
407
387
|
FONT FAMILY UTILITIES
|
|
408
388
|
═══════════════════════════════════════════════ */
|
|
389
|
+
/* .cm-serif — the Computer-Modern math/serif voice. A DISTINCT face from the
|
|
390
|
+
brand text register: it resolves to the consumer-supplied serif (system
|
|
391
|
+
serif by default; a math consumer maps Computer Modern / KaTeX over it). It
|
|
392
|
+
is NOT the Plus Jakarta text register — the one serif survivor of the
|
|
393
|
+
register reconciliation. */
|
|
409
394
|
@utility cm-serif {
|
|
410
|
-
font-family: var(--font-serif);
|
|
395
|
+
font-family: var(--font-serif-math, serif);
|
|
411
396
|
}
|
|
412
397
|
|
|
413
398
|
@utility fira-code {
|
|
@@ -426,7 +411,6 @@ body {
|
|
|
426
411
|
vertical-align: -0.05em;
|
|
427
412
|
font-weight: 700;
|
|
428
413
|
display: inline-block;
|
|
429
|
-
font-variation-settings: var(--font-display-variation-settings);
|
|
430
414
|
}
|
|
431
415
|
|
|
432
416
|
/* ═══════════════════════════════════════════════
|
|
@@ -439,9 +423,8 @@ body {
|
|
|
439
423
|
font-size: clamp(2.4rem, 1.8rem + 2vw, 3.33rem);
|
|
440
424
|
line-height: var(--type-leading-display);
|
|
441
425
|
letter-spacing: var(--type-tracking-tight);
|
|
442
|
-
font-weight:
|
|
426
|
+
font-weight: 600;
|
|
443
427
|
font-optical-sizing: auto;
|
|
444
|
-
font-variation-settings: var(--font-display-variation-settings);
|
|
445
428
|
}
|
|
446
429
|
|
|
447
430
|
/* AV.W16 TW3 — the pane title scales off its PANE's box, not the viewport.
|
|
@@ -486,8 +469,8 @@ body {
|
|
|
486
469
|
surface read as a fade, not as engraving. */
|
|
487
470
|
.text-engraved {
|
|
488
471
|
color: var(--muted-foreground);
|
|
489
|
-
text-shadow
|
|
490
|
-
|
|
491
|
-
|
|
472
|
+
/* AW.W26 — composes the `--text-shadow-engraved` @theme identity token
|
|
473
|
+
(the two-stop emboss) instead of a hand-rolled literal (gate 4). */
|
|
474
|
+
text-shadow: var(--text-shadow-engraved);
|
|
492
475
|
}
|
|
493
476
|
}
|
package/src/styles/utilities.css
CHANGED
|
@@ -173,7 +173,12 @@
|
|
|
173
173
|
box-shadow: var(--focus-ring-shadow);
|
|
174
174
|
}
|
|
175
175
|
.interactive-item:active {
|
|
176
|
-
scale
|
|
176
|
+
/* AW.W31.a — fold the residual literal press scale onto the canonical
|
|
177
|
+
`--scale-press*` cohort (the prior `0.98` was the sole per-atom press
|
|
178
|
+
literal surviving the W2/W3/W25 sweeps). `--scale-press-sm` (0.97) is
|
|
179
|
+
the soft press rung the button + slider recipes consume — ONE press
|
|
180
|
+
vocabulary, no per-atom literal. The 0.98→0.97 delta is sub-perceptual. */
|
|
181
|
+
scale: var(--scale-press-sm);
|
|
177
182
|
}
|
|
178
183
|
.interactive-item:disabled,
|
|
179
184
|
.interactive-item[data-disabled] {
|
|
@@ -227,22 +232,16 @@
|
|
|
227
232
|
background var(--duration-fast) var(--ease-standard),
|
|
228
233
|
box-shadow var(--duration-fast) var(--ease-standard);
|
|
229
234
|
}
|
|
230
|
-
/* ── Depth text (layered
|
|
235
|
+
/* ── Depth text (layered offset stamp) ──
|
|
236
|
+
AW.W26 — composes the `--text-shadow-depth` @theme identity token (the
|
|
237
|
+
hard offset stack + soft ambient tail) instead of a hand-rolled multi-stop
|
|
238
|
+
literal. The token holds the stack inside the `@theme` defs (gate 4) and
|
|
239
|
+
re-tints under `.dark` via `--shadow`/`--shadow-color` BY CONSTRUCTION. */
|
|
231
240
|
.depth-text {
|
|
232
241
|
--depth-color-primary: var(--primary);
|
|
233
|
-
--depth-color-shadow: var(--shadow);
|
|
234
242
|
|
|
235
243
|
color: var(--depth-color-primary);
|
|
236
|
-
text-shadow:
|
|
237
|
-
1px 1px 0 var(--depth-color-shadow),
|
|
238
|
-
2px 2px 0 var(--depth-color-shadow),
|
|
239
|
-
3px 3px 0 var(--depth-color-shadow),
|
|
240
|
-
4px 4px 0 var(--depth-color-shadow),
|
|
241
|
-
5px 5px 0 var(--depth-color-shadow),
|
|
242
|
-
5px 5px 1px color-mix(in srgb, var(--shadow-color) 10%, transparent),
|
|
243
|
-
2px 2px 2px color-mix(in srgb, var(--shadow-color) 20%, transparent),
|
|
244
|
-
4px 4px 5px color-mix(in srgb, var(--shadow-color) 25%, transparent),
|
|
245
|
-
6px 6px 10px color-mix(in srgb, var(--shadow-color) 15%, transparent);
|
|
244
|
+
text-shadow: var(--text-shadow-depth);
|
|
246
245
|
}
|
|
247
246
|
|
|
248
247
|
/* ── 3D preserve ── */
|
|
@@ -397,6 +396,11 @@
|
|
|
397
396
|
|
|
398
397
|
.metric-badge > span {
|
|
399
398
|
line-height: 1;
|
|
399
|
+
/* AW.W26 — `wrap-anywhere` (overflow-wrap: anywhere) on the value slot:
|
|
400
|
+
a long metric value breaks WITHIN the badge rather than being clipped
|
|
401
|
+
by the host `overflow: hidden`. v4.1 `wrap-anywhere` / mwg css §7.
|
|
402
|
+
Scoped to the value span, NOT a universal selector (mwg perf caveat). */
|
|
403
|
+
overflow-wrap: anywhere;
|
|
400
404
|
}
|
|
401
405
|
|
|
402
406
|
.metric-badge:hover {
|
|
@@ -978,7 +982,8 @@
|
|
|
978
982
|
|
|
979
983
|
/* ── Text-highlight paint (CSS Custom Highlight API) ─────────────────────
|
|
980
984
|
The default `::highlight()` paint for the `useTextHighlight` composable
|
|
981
|
-
(composables/
|
|
985
|
+
(composables/motion; the `/motion-core` subpath, AX.W37). A named `Highlight`
|
|
986
|
+
registered in `CSS.highlights`
|
|
982
987
|
under one of these keys paints its `Range` set without a `<mark>` wrapper.
|
|
983
988
|
Token-bridged: the search mark reads the canonical pastel-yellow rainbow
|
|
984
989
|
token at a soft alpha; the equation/variable mark reads `--primary`. Both
|
|
@@ -44,46 +44,18 @@
|
|
|
44
44
|
::view-transition-new(.gl-list-item):only-child { animation-name: gl-vt-slide-in; }
|
|
45
45
|
::view-transition-old(.gl-list-item):only-child { animation-name: gl-vt-slide-out; }
|
|
46
46
|
|
|
47
|
-
/*
|
|
48
|
-
*
|
|
49
|
-
*
|
|
50
|
-
*
|
|
51
|
-
*
|
|
52
|
-
*
|
|
53
|
-
*
|
|
54
|
-
*
|
|
55
|
-
*
|
|
56
|
-
*
|
|
57
|
-
*
|
|
58
|
-
*
|
|
59
|
-
::view-transition-group(.gl-dock-layer) {
|
|
60
|
-
animation-duration: var(--vt-duration, var(--duration-normal));
|
|
61
|
-
animation-timing-function: var(--dock-resize-spring, var(--spring-dock));
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
/* AW.W3 — typed directional dock curves. The swap tags the active transition
|
|
65
|
-
* `dock-expand` / `dock-collapse` (the outer collapsed↔expanded pair) and
|
|
66
|
-
* `layer-forward` / `layer-back` (the inner DockLayerGroup pane swap) via the
|
|
67
|
-
* `types` argument to `startViewTransition` (Chrome 140+; feature-detected, the
|
|
68
|
-
* untyped fallback is the symmetric `.gl-dock-layer` curve above). iOS-feel
|
|
69
|
-
* motion is ASYMMETRIC — a snappier exit, a softer entry-overshoot. EXPAND
|
|
70
|
-
* (and forward) lead with the overshooting `--spring-dock`; COLLAPSE (and back)
|
|
71
|
-
* exit on the non-overshooting `--spring-snappy` (a quicker settle, no bounce on
|
|
72
|
-
* the way out). The shorter `--duration-fast` on the exit reads as the crisp
|
|
73
|
-
* dismiss. A non-typed engine never matches these — it runs the symmetric curve,
|
|
74
|
-
* which is the acceptable contract. PRM zeroes the animation (the `@media` at
|
|
75
|
-
* the top of this file). */
|
|
76
|
-
:active-view-transition-type(dock-expand) ::view-transition-group(.gl-dock-layer),
|
|
77
|
-
:active-view-transition-type(layer-forward) ::view-transition-group(.gl-dock-layer) {
|
|
78
|
-
animation-duration: var(--vt-duration, var(--duration-normal));
|
|
79
|
-
animation-timing-function: var(--dock-resize-spring, var(--spring-dock));
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
:active-view-transition-type(dock-collapse) ::view-transition-group(.gl-dock-layer),
|
|
83
|
-
:active-view-transition-type(layer-back) ::view-transition-group(.gl-dock-layer) {
|
|
84
|
-
animation-duration: var(--vt-duration-exit, var(--duration-fast));
|
|
85
|
-
animation-timing-function: var(--spring-snappy);
|
|
86
|
-
}
|
|
47
|
+
/* AX.W01 — the dock COLLAPSE View-Transitions recipe is RETIRED. The
|
|
48
|
+
* `::view-transition-group(.gl-dock-layer)` group + its `:active-view-transition-type
|
|
49
|
+
* (dock-expand|dock-collapse|layer-forward|layer-back)` asymmetric curve fork are
|
|
50
|
+
* DELETED: VT crossfades RASTERIZED snapshots — the wrong primitive for a layout
|
|
51
|
+
* morph (the "taffy"-stretch + text-blur + uncaptured-animating-ancestor desync +
|
|
52
|
+
* the co-mounted-docks snapshot-DROP). The dock collapse↔expand (and inner
|
|
53
|
+
* pane-swap) now morphs off the ONE `--dock-morph-t` spring scalar
|
|
54
|
+
* (`useLayerTransition` + `dock.css`), one clock on every engine. The SEPARABLE
|
|
55
|
+
* per-instance `view-transition-name` ROUTE-morph seam on the dock root stays
|
|
56
|
+
* (GlassDock.vue `rootVtStyle`) for the consumer's page/route geometry-morph — it
|
|
57
|
+
* is no longer the dock's own collapse mechanism. The `.gl-list-item` group recipe
|
|
58
|
+
* (non-dock) is UNTOUCHED above. */
|
|
87
59
|
|
|
88
60
|
@keyframes gl-vt-slide-in { from { opacity: 0; translate: 0 var(--vt-rise, 8px); } }
|
|
89
61
|
@keyframes gl-vt-slide-out { to { opacity: 0; translate: 0 var(--vt-rise, 8px); } }
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./cn-DJXf4yaB.js";
|
|
2
|
-
import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
|
|
3
|
-
import { createBlock as n, createElementBlock as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
|
|
4
|
-
import { Primitive as u } from "reka-ui";
|
|
5
|
-
var d = /* @__PURE__ */ i({
|
|
6
|
-
__name: "Card",
|
|
7
|
-
props: {
|
|
8
|
-
tier: { default: "resting" },
|
|
9
|
-
surface: { default: "glass" },
|
|
10
|
-
shadow: {
|
|
11
|
-
type: Boolean,
|
|
12
|
-
default: !0
|
|
13
|
-
},
|
|
14
|
-
grain: {
|
|
15
|
-
type: Boolean,
|
|
16
|
-
default: !0
|
|
17
|
-
},
|
|
18
|
-
class: { type: [
|
|
19
|
-
Boolean,
|
|
20
|
-
null,
|
|
21
|
-
String,
|
|
22
|
-
Object,
|
|
23
|
-
Array
|
|
24
|
-
] },
|
|
25
|
-
asChild: { type: Boolean },
|
|
26
|
-
as: { default: "div" }
|
|
27
|
-
},
|
|
28
|
-
setup(t) {
|
|
29
|
-
let r = t;
|
|
30
|
-
return (i, d) => (o(), n(c(u), {
|
|
31
|
-
"data-slot": "card",
|
|
32
|
-
"data-tier": t.tier,
|
|
33
|
-
"data-surface": t.surface,
|
|
34
|
-
"data-grain": t.grain,
|
|
35
|
-
as: t.as,
|
|
36
|
-
"as-child": t.asChild,
|
|
37
|
-
class: a(c(e)("rounded-card text-card-foreground scrollbar-hidden", `glass-${t.tier}`, t.surface === "glass" && "glass-specular-track", t.surface === "cartoon" && "cartoon-surface", t.shadow && t.surface === "glass" && "shadow-card", !t.grain && "[&::after]:hidden", r.class))
|
|
38
|
-
}, {
|
|
39
|
-
default: l(() => [s(i.$slots, "default")]),
|
|
40
|
-
_: 3
|
|
41
|
-
}, 8, [
|
|
42
|
-
"data-tier",
|
|
43
|
-
"data-surface",
|
|
44
|
-
"data-grain",
|
|
45
|
-
"as",
|
|
46
|
-
"as-child",
|
|
47
|
-
"class"
|
|
48
|
-
]));
|
|
49
|
-
}
|
|
50
|
-
}), f = /* @__PURE__ */ t(/* @__PURE__ */ i({
|
|
51
|
-
__name: "CardHeader",
|
|
52
|
-
props: {
|
|
53
|
-
shrink: { type: Boolean },
|
|
54
|
-
class: { type: [
|
|
55
|
-
Boolean,
|
|
56
|
-
null,
|
|
57
|
-
String,
|
|
58
|
-
Object,
|
|
59
|
-
Array
|
|
60
|
-
] }
|
|
61
|
-
},
|
|
62
|
-
setup(t) {
|
|
63
|
-
let n = t;
|
|
64
|
-
return (i, l) => (o(), r("div", {
|
|
65
|
-
"data-slot": "card-header",
|
|
66
|
-
class: a(c(e)("flex flex-col gap-y-1.5 p-6", t.shrink && "card-header--shrink", n.class))
|
|
67
|
-
}, [s(i.$slots, "default", {}, void 0, !0)], 2));
|
|
68
|
-
}
|
|
69
|
-
}), [["__scopeId", "data-v-522d190a"]]), p = /* @__PURE__ */ i({
|
|
70
|
-
__name: "CardTitle",
|
|
71
|
-
props: { class: { type: [
|
|
72
|
-
Boolean,
|
|
73
|
-
null,
|
|
74
|
-
String,
|
|
75
|
-
Object,
|
|
76
|
-
Array
|
|
77
|
-
] } },
|
|
78
|
-
setup(t) {
|
|
79
|
-
let n = t;
|
|
80
|
-
return (t, i) => (o(), r("h3", {
|
|
81
|
-
"data-slot": "card-title",
|
|
82
|
-
class: a(c(e)("text-heading leading-none tracking-tight", n.class))
|
|
83
|
-
}, [s(t.$slots, "default")], 2));
|
|
84
|
-
}
|
|
85
|
-
}), m = /* @__PURE__ */ i({
|
|
86
|
-
__name: "CardDescription",
|
|
87
|
-
props: { class: { type: [
|
|
88
|
-
Boolean,
|
|
89
|
-
null,
|
|
90
|
-
String,
|
|
91
|
-
Object,
|
|
92
|
-
Array
|
|
93
|
-
] } },
|
|
94
|
-
setup(t) {
|
|
95
|
-
let n = t;
|
|
96
|
-
return (t, i) => (o(), r("p", {
|
|
97
|
-
"data-slot": "card-description",
|
|
98
|
-
class: a(c(e)("text-sm text-muted-foreground-strong", n.class))
|
|
99
|
-
}, [s(t.$slots, "default")], 2));
|
|
100
|
-
}
|
|
101
|
-
}), h = /* @__PURE__ */ i({
|
|
102
|
-
__name: "CardContent",
|
|
103
|
-
props: { class: { type: [
|
|
104
|
-
Boolean,
|
|
105
|
-
null,
|
|
106
|
-
String,
|
|
107
|
-
Object,
|
|
108
|
-
Array
|
|
109
|
-
] } },
|
|
110
|
-
setup(t) {
|
|
111
|
-
let n = t;
|
|
112
|
-
return (t, i) => (o(), r("div", { class: a(c(e)("p-6", n.class)) }, [s(t.$slots, "default")], 2));
|
|
113
|
-
}
|
|
114
|
-
}), g = /* @__PURE__ */ i({
|
|
115
|
-
__name: "CardFooter",
|
|
116
|
-
props: { class: { type: [
|
|
117
|
-
Boolean,
|
|
118
|
-
null,
|
|
119
|
-
String,
|
|
120
|
-
Object,
|
|
121
|
-
Array
|
|
122
|
-
] } },
|
|
123
|
-
setup(t) {
|
|
124
|
-
let n = t;
|
|
125
|
-
return (t, i) => (o(), r("div", { class: a(c(e)("flex items-center p-6 pt-0", n.class)) }, [s(t.$slots, "default")], 2));
|
|
126
|
-
}
|
|
127
|
-
});
|
|
128
|
-
//#endregion
|
|
129
|
-
export { f as a, p as i, h as n, d as o, m as r, g as t };
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { createBlock as e, defineComponent as t, guardReactiveProps as n, mergeProps as r, normalizeProps as i, openBlock as a, renderSlot as o, unref as s, withCtx as c } from "vue";
|
|
2
|
-
import { CollapsibleContent as l, CollapsibleRoot as u, CollapsibleTrigger as d, useForwardPropsEmits as f } from "reka-ui";
|
|
3
|
-
//#endregion
|
|
4
|
-
//#region src/components/ui/collapsible/Collapsible.vue
|
|
5
|
-
var p = /* @__PURE__ */ t({
|
|
6
|
-
__name: "Collapsible",
|
|
7
|
-
props: {
|
|
8
|
-
defaultOpen: { type: Boolean },
|
|
9
|
-
open: { type: Boolean },
|
|
10
|
-
disabled: { type: Boolean },
|
|
11
|
-
unmountOnHide: { type: Boolean },
|
|
12
|
-
asChild: { type: Boolean },
|
|
13
|
-
as: {}
|
|
14
|
-
},
|
|
15
|
-
emits: ["update:open"],
|
|
16
|
-
setup(t, { emit: r }) {
|
|
17
|
-
let l = f(t, r);
|
|
18
|
-
return (t, r) => (a(), e(s(u), i(n(s(l))), {
|
|
19
|
-
default: c(({ open: e }) => [o(t.$slots, "default", { open: e })]),
|
|
20
|
-
_: 3
|
|
21
|
-
}, 16));
|
|
22
|
-
}
|
|
23
|
-
}), m = /* @__PURE__ */ t({
|
|
24
|
-
__name: "CollapsibleTrigger",
|
|
25
|
-
props: {
|
|
26
|
-
asChild: { type: Boolean },
|
|
27
|
-
as: {}
|
|
28
|
-
},
|
|
29
|
-
setup(t) {
|
|
30
|
-
let r = t;
|
|
31
|
-
return (t, l) => (a(), e(s(d), i(n(r)), {
|
|
32
|
-
default: c(() => [o(t.$slots, "default")]),
|
|
33
|
-
_: 3
|
|
34
|
-
}, 16));
|
|
35
|
-
}
|
|
36
|
-
}), h = /* @__PURE__ */ t({
|
|
37
|
-
__name: "CollapsibleContent",
|
|
38
|
-
props: {
|
|
39
|
-
forceMount: { type: Boolean },
|
|
40
|
-
asChild: { type: Boolean },
|
|
41
|
-
as: {}
|
|
42
|
-
},
|
|
43
|
-
setup(t) {
|
|
44
|
-
let n = t;
|
|
45
|
-
return (t, i) => (a(), e(s(l), r(n, { class: "overflow-hidden transition-collapse data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down" }), {
|
|
46
|
-
default: c(() => [o(t.$slots, "default")]),
|
|
47
|
-
_: 3
|
|
48
|
-
}, 16));
|
|
49
|
-
}
|
|
50
|
-
});
|
|
51
|
-
//#endregion
|
|
52
|
-
export { m as n, p as r, h as t };
|