@mkbabb/glass-ui 3.13.0 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/CardAction-XH4YBVEK.js +158 -0
- package/dist/{CommandShortcut-RowNEO6i.js → CommandShortcut-DdtWXxOK.js} +57 -52
- package/dist/{ContextMenuSubContent-BQmxTAdw.js → ContextMenuSubContent-B0Vs6atR.js} +1 -1
- package/dist/{DataTable-BCddn3T3.js → DataTable-C464Zbqd.js} +99 -97
- package/dist/DialogContent-DDE6pQBU.js +103 -0
- package/dist/{DialogFooter-Blu4t7tJ.js → DialogFooter-8eZbdmPc.js} +1 -1
- package/dist/FadingScroll-DwNnvKMs.js +76 -0
- package/dist/{HoverPopover-CISOJQuZ.js → HoverPopover-Dpzwvc4t.js} +1 -1
- package/dist/IconChip-BDw1j5mu.js +54 -0
- package/dist/{MetricBadge-C9QMz1KT.js → MetricBadge-BpC0R_Ec.js} +1 -1
- package/dist/{Notification-DdwNxIrI.js → Notification-DKjKsQq8.js} +8 -8
- package/dist/{NumberFieldContent-CqaN-SvN.js → NumberFieldContent-1VtwDSgf.js} +1 -1
- package/dist/PopoverContent-BTorlp--.js +127 -0
- package/dist/{Progress-DwlUKGbr.js → Progress-hAT4gqGH.js} +97 -77
- package/dist/{ScrollingText-DfFrwSph.js → ScrollingText-CUVFTWk2.js} +2 -2
- package/dist/{SelectScrollDownButton-CiDUxfEj.js → SelectScrollDownButton-C1jb3b3K.js} +22 -6
- package/dist/{Switch-CsIuYP_e.js → Switch-Dr--uLGH.js} +1 -1
- package/dist/{Toaster-D6q4HtXu.js → Toaster-Bm_HQSpc.js} +6 -6
- package/dist/{ToggleGroupItem-D_AHlRw9.js → ToggleGroupItem-Dzk9hWsF.js} +1 -1
- package/dist/animated-digit.js +2 -2
- package/dist/api/index.d.ts +8 -5
- package/dist/api.js +2 -2
- package/dist/aurora.js +132 -117
- package/dist/{button-ChXMfsud.js → button-BNDWhAZb.js} +2 -2
- package/dist/button.js +1 -1
- package/dist/card.js +1 -1
- package/dist/carousel.d.ts +1 -1
- package/dist/carousel.js +97 -141
- package/dist/collapsible.js +1 -1
- package/dist/color-swatch.d.ts +1 -0
- package/dist/color-swatch.js +47 -0
- package/dist/color.js +1 -1
- package/dist/command.js +1 -1
- package/dist/components/custom/aurora/constants/presets.d.ts +28 -0
- package/dist/components/custom/aurora/constants/renderMode.d.ts +2 -0
- package/dist/components/custom/aurora/index.d.ts +1 -1
- package/dist/components/custom/color-swatch/ColorSwatch.vue.d.ts +22 -0
- package/dist/components/custom/color-swatch/index.d.ts +1 -0
- package/dist/components/custom/configurator/Configurator.vue.d.ts +19 -8
- package/dist/components/custom/constellation/Constellation.vue.d.ts +18 -206
- package/dist/components/custom/constellation/composables/useConstellation.d.ts +26 -0
- package/dist/components/custom/constellation/constellationField.d.ts +2 -369
- package/dist/components/custom/constellation/constellationTypes.d.ts +369 -0
- package/dist/components/custom/constellation/index.d.ts +1 -1
- package/dist/components/custom/dock/DockRail.vue.d.ts +17 -16
- package/dist/components/custom/dock/DockSection.vue.d.ts +69 -0
- package/dist/components/custom/dock/DockSeparator.vue.d.ts +49 -1
- package/dist/components/custom/dock/DockTabButton.vue.d.ts +5 -5
- package/dist/components/custom/dock/constants.d.ts +35 -0
- package/dist/components/custom/dock/index.d.ts +2 -0
- package/dist/components/custom/expandable-container/ExpandableContainer.vue.d.ts +10 -0
- package/dist/components/custom/fading-scroll/FadingScroll.vue.d.ts +25 -0
- package/dist/components/custom/fading-scroll/composables/useFadingScroll.d.ts +31 -0
- package/dist/components/custom/fading-scroll/constants.d.ts +19 -0
- package/dist/components/custom/fading-scroll/index.d.ts +2 -0
- package/dist/components/custom/fourier-field/FourierField.vue.d.ts +7 -0
- package/dist/components/custom/fourier-field/index.d.ts +1 -1
- package/dist/components/custom/fourier-field/math.d.ts +17 -0
- package/dist/components/custom/glass-panel/GlassPanel.vue.d.ts +8 -0
- package/dist/components/custom/goo-blob/composables/useMetaballRenderer.d.ts +11 -1
- package/dist/components/custom/goo-blob/constants.d.ts +6 -1
- package/dist/components/custom/handmark/HandMark.vue.d.ts +29 -0
- package/dist/components/custom/handmark/brush.d.ts +269 -0
- package/dist/components/custom/handmark/composables/useHandMark.d.ts +89 -0
- package/dist/components/custom/handmark/constants.d.ts +39 -0
- package/dist/components/custom/handmark/freehand.d.ts +69 -0
- package/dist/components/custom/handmark/geometry.d.ts +52 -0
- package/dist/components/custom/handmark/index.d.ts +27 -0
- package/dist/components/custom/handmark/ink.d.ts +11 -0
- package/dist/components/custom/handmark/texture.d.ts +39 -0
- package/dist/components/custom/handmark/types.d.ts +62 -0
- package/dist/components/custom/icon-chip/IconChip.vue.d.ts +4 -0
- package/dist/components/custom/icon-chip/index.d.ts +2 -0
- package/dist/components/custom/icon-chip/types.d.ts +72 -0
- package/dist/components/custom/instrument-chassis/InstrumentChassis.vue.d.ts +15 -2
- package/dist/components/custom/pager-dots/PagerDots.vue.d.ts +39 -0
- package/dist/components/custom/pager-dots/index.d.ts +2 -0
- package/dist/components/custom/tabs/SegmentedTabs.vue.d.ts +20 -25
- package/dist/components/custom/tabs/composables/useTabIndicator.d.ts +30 -21
- package/dist/components/custom/tabs/constants.d.ts +9 -3
- package/dist/components/custom/tabs/index.d.ts +1 -1
- package/dist/components/custom/watercolor-dot/WatercolorDot.vue.d.ts +14 -0
- package/dist/components/ui/_shared/index.d.ts +2 -0
- package/dist/components/ui/_shared/menuItemVariants.d.ts +19 -0
- package/dist/components/ui/_shared/useSurfaceAxis.d.ts +41 -0
- package/dist/components/ui/card/Card.vue.d.ts +1 -1
- package/dist/components/ui/carousel/index.d.ts +0 -1
- package/dist/components/ui/command/Command.vue.d.ts +3 -0
- package/dist/components/ui/dialog/DialogContent.vue.d.ts +8 -3
- package/dist/components/ui/drawer/DrawerContent.vue.d.ts +5 -0
- package/dist/components/ui/index.d.ts +0 -1
- package/dist/components/ui/popover/PopoverContent.vue.d.ts +3 -0
- package/dist/components/ui/progress/ProgressSectioned.vue.d.ts +14 -3
- package/dist/components/ui/select/SelectTrigger.vue.d.ts +27 -4
- package/dist/components/ui/sheet/SheetContent.vue.d.ts +6 -0
- package/dist/components/ui/skeleton/Skeleton.vue.d.ts +3 -0
- package/dist/composables/dark/index.d.ts +1 -1
- package/dist/composables/dark/useGlobalDark.d.ts +23 -1
- package/dist/composables/motion/useViewTransition.d.ts +36 -1
- package/dist/configurator.js +1 -1
- package/dist/confirm-dialog.js +2 -2
- package/dist/constellation.js +92 -94
- package/dist/context-menu.js +2 -2
- package/dist/controls.js +10 -4
- package/dist/dark.d.ts +1 -1
- package/dist/dark.js +1 -1
- package/dist/data-table.js +1 -1
- package/dist/dialog.js +2 -2
- package/dist/dock.js +510 -321
- package/dist/{dockContext-BegmJVmx.js → dockContext-Bu1Avy-a.js} +1 -1
- package/dist/dom.js +5 -5
- package/dist/{dropdown-menu-DzkkyBwX.js → dropdown-menu-BJ7E9js_.js} +2 -2
- package/dist/dropdown-menu.js +1 -1
- package/dist/expandable-container.js +42 -38
- package/dist/fading-scroll.d.ts +1 -0
- package/dist/fading-scroll.js +2 -0
- package/dist/forms.js +3 -3
- package/dist/fourier-field.js +38 -37
- package/dist/fourier-math.js +2 -2
- package/dist/glass-panel.js +39 -36
- package/dist/glass-ui.css +1 -1
- package/dist/glass-ui.js +129 -145
- package/dist/goo-blob.js +86 -81
- package/dist/handmark.d.ts +1 -0
- package/dist/handmark.js +707 -0
- 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.d.ts +1 -0
- package/dist/icon-chip.js +2 -0
- package/dist/icon-tooltip.js +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/keyboard.js +1 -1
- package/dist/label.js +1 -1
- package/dist/labeled-field.js +6 -6
- package/dist/{math-U6-RrLmV.js → math-DeuJwLFx.js} +11 -3
- package/dist/{menuItemVariants-DPiEarb0.js → menuItemVariants-DWRQXBxJ.js} +10 -4
- package/dist/metric-badge.js +1 -1
- package/dist/metric-cell.js +25 -22
- package/dist/metric-stack.js +1 -1
- package/dist/motion-core.js +33 -32
- package/dist/motion-curves.js +1 -1
- package/dist/motion.js +4 -4
- package/dist/notification.js +1 -1
- package/dist/number-field.js +1 -1
- package/dist/pager-dots.d.ts +1 -0
- package/dist/pager-dots.js +91 -0
- package/dist/paper-backdrop.js +1 -1
- package/dist/popover.js +1 -1
- package/dist/{presets-BKVyQfbt.js → presets-BW2b-fr1.js} +14 -1
- package/dist/progress.js +1 -1
- package/dist/pulse.js +1 -1
- package/dist/reactive.js +2 -2
- package/dist/scrolling-text.js +1 -1
- package/dist/search.js +5 -5
- package/dist/select.js +3 -3
- package/dist/separator.js +1 -1
- package/dist/{sheet-1fChZjtw.js → sheet-CquRYOAw.js} +59 -55
- package/dist/sheet.js +1 -1
- package/dist/{slider-B-JP2JlI.js → slider-DQ95MET2.js} +7 -7
- package/dist/slider.js +1 -1
- package/dist/sortable-list.js +3 -3
- package/dist/styles/animations.css +11 -26
- package/dist/styles/components.css +1 -1
- package/dist/styles/configurator.css +35 -0
- package/dist/styles/dock/density.css +19 -0
- package/dist/styles/dock/overflow.css +15 -0
- package/dist/styles/dock/rail-extend.css +168 -71
- package/dist/styles/dock/section.css +59 -0
- package/dist/styles/dock/shell.css +34 -5
- package/dist/styles/dock-controls/icon-button.css +11 -1
- package/dist/styles/dock-controls/tab-button.css +24 -83
- package/dist/styles/dock-controls/triggers.css +7 -0
- package/dist/styles/dock.css +6 -3
- package/dist/styles/drawer.css +46 -0
- package/dist/styles/feedback-tone.css +104 -0
- package/dist/styles/glass/ladder.css +68 -22
- package/dist/styles/glass/surface-axis.css +113 -0
- package/dist/styles/glass/surfaces.css +88 -12
- package/dist/styles/glass.css +5 -2
- package/dist/styles/icon-chip.css +149 -0
- package/dist/styles/index.css +67 -5
- package/dist/styles/instrument-chassis.css +42 -0
- package/dist/styles/menu.css +127 -0
- package/dist/styles/segmented-tabs.css +160 -89
- package/dist/styles/select.css +50 -0
- package/dist/styles/theme/bridges.css +11 -1
- package/dist/styles/tokens/color-radius.css +40 -13
- package/dist/styles/tokens/dark-arm.css +124 -16
- package/dist/styles/tokens/glass.css +83 -23
- package/dist/styles/tokens/light-dark.css +48 -19
- package/dist/styles/tokens/offsets-sizing.css +62 -0
- package/dist/styles/tokens/property-regs.css +3 -10
- package/dist/styles/tokens/scale-paper.css +45 -2
- package/dist/styles/tokens/scheme-motion.css +32 -14
- package/dist/styles/transitions.css +7 -7
- package/dist/styles/typography/scale.css +153 -0
- package/dist/styles/typography/semantic.css +220 -0
- package/dist/styles/typography/utilities.css +159 -0
- package/dist/styles/typography.css +23 -507
- package/dist/styles/utilities/a11y-overrides.css +33 -4
- package/dist/styles/utilities/base.css +177 -1
- package/dist/styles/utilities/btn.css +18 -201
- package/dist/styles/view-transition.css +4 -1
- package/dist/switch.js +1 -1
- package/dist/tabs.js +154 -183
- package/dist/timeline.js +2 -2
- package/dist/toast.js +1 -1
- package/dist/toggle-chip.js +3 -1
- package/dist/toggle-group.js +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/{useAnimatedNumber-C5I3wWd8.js → useAnimatedNumber-C_3wZLx4.js} +1 -1
- package/dist/useConfiguratorState-kiIlun8I.js +303 -0
- package/dist/{useGlobalDark-yhL4Wp-s.js → useGlobalDark-C28t0VWJ.js} +22 -3
- package/dist/{useRAFLoop-Bxv0o6L5.js → useRAFLoop-CdwJ7284.js} +1 -1
- package/dist/{useSpringMount-CI2jOstM.js → useSpringMount-CvopqiFr.js} +1 -1
- package/dist/useSurfaceAxis-CMnF2zHb.js +7 -0
- package/dist/{useTouchGate-Dg7MQI1G.js → useTouchGate-28Tk2-t2.js} +1 -1
- package/dist/{vReveal-CqaCz_mC.js → useViewTransition-COsPjQVZ.js} +15 -12
- package/dist/vReveal-D9k0jADx.js +10 -0
- package/dist/watercolor-dot.js +12 -5
- package/package.json +71 -7
- package/src/styles/animations.css +11 -26
- package/src/styles/configurator.css +35 -0
- package/src/styles/dock/density.css +19 -0
- package/src/styles/dock/overflow.css +15 -0
- package/src/styles/dock/rail-extend.css +168 -71
- package/src/styles/dock/section.css +59 -0
- package/src/styles/dock/shell.css +34 -5
- package/src/styles/dock-controls/icon-button.css +11 -1
- package/src/styles/dock-controls/tab-button.css +24 -83
- package/src/styles/dock-controls/triggers.css +7 -0
- package/src/styles/dock.css +6 -3
- package/src/styles/drawer.css +42 -0
- package/src/styles/feedback-tone.css +104 -0
- package/src/styles/glass/ladder.css +68 -22
- package/src/styles/glass/surface-axis.css +113 -0
- package/src/styles/glass/surfaces.css +88 -12
- package/src/styles/glass.css +5 -2
- package/src/styles/icon-chip.css +149 -0
- package/src/styles/index.css +66 -4
- package/src/styles/instrument-chassis.css +42 -0
- package/src/styles/menu.css +127 -0
- package/src/styles/segmented-tabs.css +156 -87
- package/src/styles/select.css +50 -0
- package/src/styles/theme/bridges.css +11 -1
- package/src/styles/tokens/color-radius.css +40 -13
- package/src/styles/tokens/dark-arm.css +124 -16
- package/src/styles/tokens/glass.css +83 -23
- package/src/styles/tokens/light-dark.css +48 -19
- package/src/styles/tokens/offsets-sizing.css +62 -0
- package/src/styles/tokens/property-regs.css +3 -10
- package/src/styles/tokens/scale-paper.css +45 -2
- package/src/styles/tokens/scheme-motion.css +32 -14
- package/src/styles/transitions.css +7 -7
- package/src/styles/typography/scale.css +153 -0
- package/src/styles/typography/semantic.css +220 -0
- package/src/styles/typography/utilities.css +159 -0
- package/src/styles/typography.css +23 -507
- package/src/styles/utilities/a11y-overrides.css +33 -4
- package/src/styles/utilities/base.css +177 -1
- package/src/styles/utilities/btn.css +18 -201
- package/src/styles/view-transition.css +4 -1
- package/dist/CardAction-Cj2eycQ2.js +0 -157
- package/dist/DialogContent-Dl9WkAoS.js +0 -100
- package/dist/PopoverContent-BYwt2-4x.js +0 -121
- package/dist/TabsList-Dttss653.js +0 -105
- package/dist/components/custom/underline/GlassUnderline.vue.d.ts +0 -84
- package/dist/components/custom/underline/index.d.ts +0 -2
- package/dist/components/custom/underline/types.d.ts +0 -56
- package/dist/components/ui/carousel/CarouselDots.vue.d.ts +0 -4
- package/dist/underline.d.ts +0 -1
- package/dist/underline.js +0 -85
- package/dist/useConfiguratorState-DAoeHVue.js +0 -287
- /package/dist/{CollapsibleContent-CP9qF1v4.js → CollapsibleContent-C_s6fG7r.js} +0 -0
- /package/dist/{ContextMenuContent-CT3AS1WX.js → ContextMenuContent-ON3x7cuk.js} +0 -0
- /package/dist/{HoverCardContent-Csywg3YF.js → HoverCardContent-DkMaQzH5.js} +0 -0
- /package/dist/{IconTooltip-DPzE09X9.js → IconTooltip-DSjasZIt.js} +0 -0
- /package/dist/{Input-DWQQIOC4.js → Input-DVG_J0ne.js} +0 -0
- /package/dist/{Label-r3WzWrsj.js → Label-Ck9SWEKM.js} +0 -0
- /package/dist/{ModalOverlay-DVLI2VRr.js → ModalOverlay-CkPRRgl_.js} +0 -0
- /package/dist/{PaperBackdrop-DIXTtVq6.js → PaperBackdrop-nBKe0vkB.js} +0 -0
- /package/dist/{SelectGroup-aumMgWLs.js → SelectGroup-Dcczq44n.js} +0 -0
- /package/dist/{SelectSeparator-BQ_1Fcbp.js → SelectSeparator-DK2y1Bun.js} +0 -0
- /package/dist/{Separator-0JE6LtNu.js → Separator-BArl4OaB.js} +0 -0
- /package/dist/{_plugin-vue_export-helper-ok8pgSl5.js → _plugin-vue_export-helper-CBt_VvXa.js} +0 -0
- /package/dist/{color-CUYeFbgd.js → color-DweYl7pE.js} +0 -0
- /package/dist/{compile-B7NGOBcP.js → compile-EXXzEr1q.js} +0 -0
- /package/dist/{constants-CS75AWHG.js → constants-BPOqYJAm.js} +0 -0
- /package/dist/{createContext-BM46COQ-.js → createContext-B2RaZ-b8.js} +0 -0
- /package/dist/{prng-D27-B3tK.js → prng-Cg22zv8g.js} +0 -0
- /package/dist/{springPresets--YdWTHtm.js → springPresets-WXaLbu8u.js} +0 -0
- /package/dist/{useIntersectionPause-Cc-H9ees.js → useIntersectionPause-Bj4sPkMh.js} +0 -0
- /package/dist/{useInterval-iHludrxk.js → useInterval-CNdua40W.js} +0 -0
- /package/dist/{useKeyboardShortcuts-Be3w_Rwk.js → useKeyboardShortcuts-BXWXOZ-9.js} +0 -0
- /package/dist/{useLiquidFlex-BL0lLLN2.js → useLiquidFlex-C12hXwOZ.js} +0 -0
- /package/dist/{useResizeObserver-BhgdhOIj.js → useResizeObserver-V6nq5gJb.js} +0 -0
- /package/dist/{useResolveTokenColor-Dvn2RZJW.js → useResolveTokenColor-NUG2zYAW.js} +0 -0
- /package/dist/{useScrollProgress-Dlvx-L3v.js → useScrollProgress-D7bYU2RK.js} +0 -0
- /package/dist/{useSortable-muI29agz.js → useSortable-BVqlJRBR.js} +0 -0
- /package/dist/{useTextHighlight-DmRYkOBx.js → useTextHighlight-NmBM5V_4.js} +0 -0
- /package/dist/{useTimer-Dzarvzuk.js → useTimer-B_PAasDL.js} +0 -0
- /package/dist/{useUserInvalidAria-B2h6jAM_.js → useUserInvalidAria-CDfJuakL.js} +0 -0
- /package/dist/{useViewportReady-B40FK4Pa.js → useViewportReady-CvBcCYDf.js} +0 -0
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./cn-DJXf4yaB.js";
|
|
2
|
-
import { t } from "./x-BUwTKe50.js";
|
|
3
|
-
import { t as n } from "./useSpringMount-CI2jOstM.js";
|
|
4
|
-
import { t as r } from "./ModalOverlay-DVLI2VRr.js";
|
|
5
|
-
import { computed as i, createBlock as a, createCommentVNode as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, openBlock as d, renderSlot as f, unref as p, withCtx as m } from "vue";
|
|
6
|
-
import { DialogClose as h, DialogContent as g, DialogPortal as _, DialogRoot as v, injectDialogRootContext as y, useForwardPropsEmits as b } from "reka-ui";
|
|
7
|
-
//#endregion
|
|
8
|
-
//#region src/components/ui/dialog/Dialog.vue
|
|
9
|
-
var x = /* @__PURE__ */ l({
|
|
10
|
-
__name: "Dialog",
|
|
11
|
-
props: {
|
|
12
|
-
open: { type: Boolean },
|
|
13
|
-
defaultOpen: { type: Boolean },
|
|
14
|
-
modal: { type: Boolean }
|
|
15
|
-
},
|
|
16
|
-
emits: ["update:open"],
|
|
17
|
-
setup(e, { emit: t }) {
|
|
18
|
-
let n = b(e, t);
|
|
19
|
-
return (e, t) => (d(), a(p(v), u({ "data-slot": "dialog" }, p(n)), {
|
|
20
|
-
default: m(() => [f(e.$slots, "default")]),
|
|
21
|
-
_: 3
|
|
22
|
-
}, 16));
|
|
23
|
-
}
|
|
24
|
-
}), S = "fixed left-1/2 top-1/2 z-modal grid w-full max-w-lg gap-4 p-6", C = "-translate-x-1/2 -translate-y-1/2 duration-normal popover-animate", w = /* @__PURE__ */ l({
|
|
25
|
-
__name: "DialogContent",
|
|
26
|
-
props: {
|
|
27
|
-
forceMount: { type: Boolean },
|
|
28
|
-
disableOutsidePointerEvents: { type: Boolean },
|
|
29
|
-
asChild: { type: Boolean },
|
|
30
|
-
as: {},
|
|
31
|
-
class: { type: [
|
|
32
|
-
Boolean,
|
|
33
|
-
null,
|
|
34
|
-
String,
|
|
35
|
-
Object,
|
|
36
|
-
Array
|
|
37
|
-
] },
|
|
38
|
-
variant: { default: "glass" },
|
|
39
|
-
scrimAnimation: {},
|
|
40
|
-
spring: { type: [Boolean, String] },
|
|
41
|
-
showClose: {
|
|
42
|
-
type: Boolean,
|
|
43
|
-
default: !0
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
emits: [
|
|
47
|
-
"escapeKeyDown",
|
|
48
|
-
"pointerDownOutside",
|
|
49
|
-
"focusOutside",
|
|
50
|
-
"interactOutside",
|
|
51
|
-
"openAutoFocus",
|
|
52
|
-
"closeAutoFocus"
|
|
53
|
-
],
|
|
54
|
-
setup(l, { emit: v }) {
|
|
55
|
-
let x = l, w = v, T = b(i(() => {
|
|
56
|
-
let { class: e, variant: t, scrimAnimation: n, spring: r, showClose: i, ...a } = x;
|
|
57
|
-
return a;
|
|
58
|
-
}), w), E = i(() => x.variant === "opaque" ? "glass-floating rounded-dialog glass-opaque" : "glass-floating rounded-dialog"), D = x.spring ? y() : null, O = x.spring && D ? n({
|
|
59
|
-
open: D.open,
|
|
60
|
-
preset: typeof x.spring == "string" ? x.spring : "smooth"
|
|
61
|
-
}) : null, k = i(() => {
|
|
62
|
-
if (!O) return;
|
|
63
|
-
let e = O.position.value;
|
|
64
|
-
return {
|
|
65
|
-
transform: `translate(-50%, -50%) scale(${1 - .05 * e})`,
|
|
66
|
-
opacity: String(1 - e),
|
|
67
|
-
animation: "none",
|
|
68
|
-
transition: "none"
|
|
69
|
-
};
|
|
70
|
-
});
|
|
71
|
-
return (n, i) => (d(), a(p(_), null, {
|
|
72
|
-
default: m(() => [c(r, {
|
|
73
|
-
scrim: "glass",
|
|
74
|
-
animate: "fade",
|
|
75
|
-
layout: "centered",
|
|
76
|
-
"scrim-animation": x.scrimAnimation
|
|
77
|
-
}, null, 8, ["scrim-animation"]), c(p(g), u(p(T), {
|
|
78
|
-
class: p(e)(S, x.spring ? "" : C, E.value, x.class),
|
|
79
|
-
style: k.value,
|
|
80
|
-
"data-spring": x.spring ? typeof x.spring == "string" ? x.spring : "smooth" : void 0
|
|
81
|
-
}), {
|
|
82
|
-
default: m(() => [f(n.$slots, "default"), x.showClose ? (d(), a(p(h), {
|
|
83
|
-
key: 0,
|
|
84
|
-
class: "focus-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
|
|
85
|
-
}, {
|
|
86
|
-
default: m(() => [c(p(t), { class: "w-4 h-4" }), i[0] ||= s("span", { class: "sr-only" }, "Close", -1)]),
|
|
87
|
-
_: 1
|
|
88
|
-
})) : o("", !0)]),
|
|
89
|
-
_: 3
|
|
90
|
-
}, 16, [
|
|
91
|
-
"class",
|
|
92
|
-
"style",
|
|
93
|
-
"data-spring"
|
|
94
|
-
])]),
|
|
95
|
-
_: 3
|
|
96
|
-
}));
|
|
97
|
-
}
|
|
98
|
-
});
|
|
99
|
-
//#endregion
|
|
100
|
-
export { x as n, w as t };
|
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./cn-DJXf4yaB.js";
|
|
2
|
-
import { i as t } from "./dockContext-BegmJVmx.js";
|
|
3
|
-
import { computed as n, createBlock as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
|
|
4
|
-
import { PopoverContent as p, PopoverPortal as m, PopoverRoot as h, PopoverTrigger as g, useForwardPropsEmits as _ } from "reka-ui";
|
|
5
|
-
//#endregion
|
|
6
|
-
//#region src/components/ui/popover/Popover.vue
|
|
7
|
-
var v = /* @__PURE__ */ a({
|
|
8
|
-
__name: "Popover",
|
|
9
|
-
props: {
|
|
10
|
-
defaultOpen: { type: Boolean },
|
|
11
|
-
open: { type: Boolean },
|
|
12
|
-
modal: { type: Boolean }
|
|
13
|
-
},
|
|
14
|
-
emits: ["update:open"],
|
|
15
|
-
setup(e, { emit: t }) {
|
|
16
|
-
let n = _(e, t);
|
|
17
|
-
return (e, t) => (l(), r(d(h), s({ "data-slot": "popover" }, d(n)), {
|
|
18
|
-
default: f(() => [u(e.$slots, "default")]),
|
|
19
|
-
_: 3
|
|
20
|
-
}, 16));
|
|
21
|
-
}
|
|
22
|
-
}), y = /* @__PURE__ */ a({
|
|
23
|
-
__name: "PopoverTrigger",
|
|
24
|
-
props: {
|
|
25
|
-
asChild: { type: Boolean },
|
|
26
|
-
as: {}
|
|
27
|
-
},
|
|
28
|
-
setup(e) {
|
|
29
|
-
let t = e;
|
|
30
|
-
return (e, n) => (l(), r(d(g), c(o(t)), {
|
|
31
|
-
default: f(() => [u(e.$slots, "default")]),
|
|
32
|
-
_: 3
|
|
33
|
-
}, 16));
|
|
34
|
-
}
|
|
35
|
-
}), b = /* @__PURE__ */ a({
|
|
36
|
-
inheritAttrs: !1,
|
|
37
|
-
__name: "PopoverContent",
|
|
38
|
-
props: {
|
|
39
|
-
forceMount: { type: Boolean },
|
|
40
|
-
side: {},
|
|
41
|
-
sideOffset: { default: 4 },
|
|
42
|
-
sideFlip: { type: Boolean },
|
|
43
|
-
align: { default: "center" },
|
|
44
|
-
alignOffset: {},
|
|
45
|
-
alignFlip: { type: Boolean },
|
|
46
|
-
avoidCollisions: { type: Boolean },
|
|
47
|
-
collisionBoundary: {},
|
|
48
|
-
collisionPadding: {},
|
|
49
|
-
arrowPadding: {},
|
|
50
|
-
hideShiftedArrow: { type: Boolean },
|
|
51
|
-
sticky: {},
|
|
52
|
-
hideWhenDetached: { type: Boolean },
|
|
53
|
-
positionStrategy: {},
|
|
54
|
-
updatePositionStrategy: {},
|
|
55
|
-
disableUpdateOnLayoutShift: { type: Boolean },
|
|
56
|
-
prioritizePosition: { type: Boolean },
|
|
57
|
-
reference: {},
|
|
58
|
-
asChild: { type: Boolean },
|
|
59
|
-
as: {},
|
|
60
|
-
disableOutsidePointerEvents: { type: Boolean },
|
|
61
|
-
class: { type: [
|
|
62
|
-
Boolean,
|
|
63
|
-
null,
|
|
64
|
-
String,
|
|
65
|
-
Object,
|
|
66
|
-
Array
|
|
67
|
-
] },
|
|
68
|
-
portal: {
|
|
69
|
-
type: Boolean,
|
|
70
|
-
default: !0
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
emits: [
|
|
74
|
-
"escapeKeyDown",
|
|
75
|
-
"pointerDownOutside",
|
|
76
|
-
"focusOutside",
|
|
77
|
-
"interactOutside",
|
|
78
|
-
"openAutoFocus",
|
|
79
|
-
"closeAutoFocus"
|
|
80
|
-
],
|
|
81
|
-
setup(a, { emit: o }) {
|
|
82
|
-
let c = a, h = o, g = _(n(() => {
|
|
83
|
-
let { class: e, portal: t, ...n } = c;
|
|
84
|
-
return n;
|
|
85
|
-
}), h), v = t();
|
|
86
|
-
return (t, n) => a.portal ? (l(), r(d(m), { key: 0 }, {
|
|
87
|
-
default: f(() => [i(d(p), s({
|
|
88
|
-
...d(g),
|
|
89
|
-
...t.$attrs
|
|
90
|
-
}, {
|
|
91
|
-
"data-glass-dock-portal": d(v)?.id ? "" : void 0,
|
|
92
|
-
"data-glass-dock-owner": d(v)?.id,
|
|
93
|
-
class: d(e)("popover-content z-popover w-72 glass-floating p-4 popover-animate slide-in-from-side", c.class)
|
|
94
|
-
}), {
|
|
95
|
-
default: f(() => [u(t.$slots, "default")]),
|
|
96
|
-
_: 3
|
|
97
|
-
}, 16, [
|
|
98
|
-
"data-glass-dock-portal",
|
|
99
|
-
"data-glass-dock-owner",
|
|
100
|
-
"class"
|
|
101
|
-
])]),
|
|
102
|
-
_: 3
|
|
103
|
-
})) : (l(), r(d(p), s({ key: 1 }, {
|
|
104
|
-
...d(g),
|
|
105
|
-
...t.$attrs
|
|
106
|
-
}, {
|
|
107
|
-
"data-glass-dock-portal": d(v)?.id ? "" : void 0,
|
|
108
|
-
"data-glass-dock-owner": d(v)?.id,
|
|
109
|
-
class: d(e)("popover-content z-popover w-72 glass-floating p-4 popover-animate slide-in-from-side", c.class)
|
|
110
|
-
}), {
|
|
111
|
-
default: f(() => [u(t.$slots, "default")]),
|
|
112
|
-
_: 3
|
|
113
|
-
}, 16, [
|
|
114
|
-
"data-glass-dock-portal",
|
|
115
|
-
"data-glass-dock-owner",
|
|
116
|
-
"class"
|
|
117
|
-
]));
|
|
118
|
-
}
|
|
119
|
-
});
|
|
120
|
-
//#endregion
|
|
121
|
-
export { y as n, v as r, b as t };
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./cn-DJXf4yaB.js";
|
|
2
|
-
import { computed as t, createBlock as n, createCommentVNode as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
|
|
3
|
-
import { TabsIndicator as u, TabsList as d, TabsRoot as f, TabsTrigger as p, useForwardProps as m, useForwardPropsEmits as h } from "reka-ui";
|
|
4
|
-
//#endregion
|
|
5
|
-
//#region src/components/ui/tabs/Tabs.vue
|
|
6
|
-
var g = /* @__PURE__ */ i({
|
|
7
|
-
__name: "Tabs",
|
|
8
|
-
props: {
|
|
9
|
-
defaultValue: {},
|
|
10
|
-
orientation: {},
|
|
11
|
-
dir: {},
|
|
12
|
-
activationMode: {},
|
|
13
|
-
modelValue: {},
|
|
14
|
-
unmountOnHide: { type: Boolean },
|
|
15
|
-
asChild: { type: Boolean },
|
|
16
|
-
as: {}
|
|
17
|
-
},
|
|
18
|
-
emits: ["update:modelValue"],
|
|
19
|
-
setup(e, { emit: t }) {
|
|
20
|
-
let r = h(e, t);
|
|
21
|
-
return (e, t) => (o(), n(c(f), a({ "data-slot": "tabs" }, c(r)), {
|
|
22
|
-
default: l(() => [s(e.$slots, "default")]),
|
|
23
|
-
_: 3
|
|
24
|
-
}, 16));
|
|
25
|
-
}
|
|
26
|
-
}), _ = /* @__PURE__ */ i({
|
|
27
|
-
__name: "TabsTrigger",
|
|
28
|
-
props: {
|
|
29
|
-
value: {},
|
|
30
|
-
disabled: { type: Boolean },
|
|
31
|
-
asChild: { type: Boolean },
|
|
32
|
-
as: {},
|
|
33
|
-
class: { type: [
|
|
34
|
-
Boolean,
|
|
35
|
-
null,
|
|
36
|
-
String,
|
|
37
|
-
Object,
|
|
38
|
-
Array
|
|
39
|
-
] }
|
|
40
|
-
},
|
|
41
|
-
setup(r) {
|
|
42
|
-
let i = r, u = m(t(() => {
|
|
43
|
-
let { class: e, ...t } = i;
|
|
44
|
-
return t;
|
|
45
|
-
}));
|
|
46
|
-
return (t, r) => (o(), n(c(p), a({ "data-slot": "tabs-trigger" }, c(u), { class: c(e)("tap-squish focus-ring relative z-[1] inline-flex items-center justify-center whitespace-nowrap rounded-control p-1 px-3 text-sm font-medium transition-control disabled:pointer-events-none disabled:opacity-disabled data-[state=active]:text-[var(--active-tab-color,var(--foreground))] hover:text-foreground/70", i.class) }), {
|
|
47
|
-
default: l(() => [s(t.$slots, "default")]),
|
|
48
|
-
_: 3
|
|
49
|
-
}, 16, ["class"]));
|
|
50
|
-
}
|
|
51
|
-
}), v = /* @__PURE__ */ i({
|
|
52
|
-
__name: "TabsIndicator",
|
|
53
|
-
props: {
|
|
54
|
-
asChild: { type: Boolean },
|
|
55
|
-
as: {},
|
|
56
|
-
class: { type: [
|
|
57
|
-
Boolean,
|
|
58
|
-
null,
|
|
59
|
-
String,
|
|
60
|
-
Object,
|
|
61
|
-
Array
|
|
62
|
-
] },
|
|
63
|
-
surface: {
|
|
64
|
-
type: Boolean,
|
|
65
|
-
default: !0
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
setup(r) {
|
|
69
|
-
let i = r, s = t(() => {
|
|
70
|
-
let { class: e, surface: t, ...n } = i;
|
|
71
|
-
return n;
|
|
72
|
-
});
|
|
73
|
-
return (t, r) => (o(), n(c(u), a({ "data-slot": "tabs-indicator" }, s.value, { class: c(e)("pointer-events-none absolute left-0 bottom-1 top-1 z-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position) rounded-pill transition-[width,translate] duration-normal ease-spring-snappy", i.surface && "bg-(--glass-bg-quiet) [backdrop-filter:var(--glass-blur-quiet)]", i.class) }), null, 16, ["class"]));
|
|
74
|
-
}
|
|
75
|
-
}), y = /* @__PURE__ */ i({
|
|
76
|
-
__name: "TabsList",
|
|
77
|
-
props: {
|
|
78
|
-
loop: { type: Boolean },
|
|
79
|
-
asChild: { type: Boolean },
|
|
80
|
-
as: {},
|
|
81
|
-
class: { type: [
|
|
82
|
-
Boolean,
|
|
83
|
-
null,
|
|
84
|
-
String,
|
|
85
|
-
Object,
|
|
86
|
-
Array
|
|
87
|
-
] },
|
|
88
|
-
indicator: {
|
|
89
|
-
type: Boolean,
|
|
90
|
-
default: !0
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
setup(i) {
|
|
94
|
-
let u = i, f = t(() => {
|
|
95
|
-
let { class: e, indicator: t, ...n } = u;
|
|
96
|
-
return n;
|
|
97
|
-
});
|
|
98
|
-
return (t, p) => (o(), n(c(d), a({ "data-slot": "tabs-list" }, f.value, { class: c(e)("relative inline-flex h-(--control-h-md) items-center justify-center rounded-input p-1 text-muted-foreground", u.class) }), {
|
|
99
|
-
default: l(() => [i.indicator ? (o(), n(v, { key: 0 })) : r("", !0), s(t.$slots, "default")]),
|
|
100
|
-
_: 3
|
|
101
|
-
}, 16, ["class"]));
|
|
102
|
-
}
|
|
103
|
-
});
|
|
104
|
-
//#endregion
|
|
105
|
-
export { g as i, v as n, _ as r, y as t };
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import type { TimingFunction } from "@mkbabb/keyframes.js";
|
|
2
|
-
import type { GlassUnderlinePaths } from "./types";
|
|
3
|
-
type __VLS_Props = {
|
|
4
|
-
/**
|
|
5
|
-
* Which clock drives the draw. `load` (default) — the draw is a
|
|
6
|
-
* `NumericAnimation` the parent's load `Sequence` fires once via `play()`.
|
|
7
|
-
* `scroll` — native `view()` keyframes, bidirectional, no JS. `static` —
|
|
8
|
-
* set drawn, no clock.
|
|
9
|
-
*/
|
|
10
|
-
clock?: "load" | "scroll" | "static";
|
|
11
|
-
/**
|
|
12
|
-
* The render variant. `pen` is the only PROVEN, filter-free render.
|
|
13
|
-
* pencil | crayon | boil are UNPROVEN headroom — the API seam for a future
|
|
14
|
-
* wave, NOT shipped here (they render pen today).
|
|
15
|
-
*/
|
|
16
|
-
variant?: "pen" | "pencil" | "crayon" | "boil";
|
|
17
|
-
/** The stroke colour. Defaults to `var(--primary)` (re-resolves under .dark). */
|
|
18
|
-
color?: string;
|
|
19
|
-
/** The load-clock draw duration (ms). Default 700. */
|
|
20
|
-
drawMs?: number;
|
|
21
|
-
/**
|
|
22
|
-
* The load-clock easing. Default `easeOutCubic` — doctrine-compliant (DEC-6):
|
|
23
|
-
* ink is an irreversible additive reveal, so an overshooting spring would lay
|
|
24
|
-
* ink past the end then retract it (the "never overshoot past gone" logic).
|
|
25
|
-
* The value.js `TimingFunction` type (already a peer) serves a consumer's own
|
|
26
|
-
* decelerating register (e.g. an expo).
|
|
27
|
-
*/
|
|
28
|
-
easing?: TimingFunction;
|
|
29
|
-
/**
|
|
30
|
-
* The scroll-clock timeline name (DEC-5). Default the element's own `view()`.
|
|
31
|
-
* Bound as `--gu-timeline`; the CSS reads `animation-timeline:
|
|
32
|
-
* var(--gu-timeline, view())`. A consumer (`--beat-tl`, a named scroll
|
|
33
|
-
* timeline) passes its own.
|
|
34
|
-
*/
|
|
35
|
-
timeline?: string;
|
|
36
|
-
/**
|
|
37
|
-
* The declarative third clock (DEC-2). A thin overlay ON the load clock:
|
|
38
|
-
* `undefined` (default) = source parity (seeds undrawn, parent fires
|
|
39
|
-
* `play()`); bound: rising edge → play() (under PRM → snap()), falling edge
|
|
40
|
-
* → reset to undrawn so re-activation REPLAYS, mount with `true` → plays.
|
|
41
|
-
* Only meaningful with `clock="load"` (the other clocks rest drawn).
|
|
42
|
-
*/
|
|
43
|
-
active?: boolean;
|
|
44
|
-
/**
|
|
45
|
-
* The geometry escape (DEC-7). The FULL geometry tuple
|
|
46
|
-
* `{ stroke, ghost?, viewBox?, len? }` — a bare `d`-string escape silently
|
|
47
|
-
* breaks the dash model when the consumer geometry's viewBox/length differ.
|
|
48
|
-
* Defaults to the canonical pen + ghost.
|
|
49
|
-
*/
|
|
50
|
-
paths?: GlassUnderlinePaths;
|
|
51
|
-
};
|
|
52
|
-
/**
|
|
53
|
-
* CLOCK A — draw the underline ONCE. The awaitable a parent's load `Sequence` fires
|
|
54
|
-
* as a causal link. Resolves a Promise so the Sequence can `await` it; under PRM it
|
|
55
|
-
* snaps to drawn in one paint and resolves immediately. A no-op for scroll/static.
|
|
56
|
-
*/
|
|
57
|
-
declare function play(): Promise<void>;
|
|
58
|
-
/** Snap to terminal (drawn) — the PRM / interrupt path. */
|
|
59
|
-
declare function snap(): void;
|
|
60
|
-
declare var __VLS_1: {};
|
|
61
|
-
type __VLS_Slots = {} & {
|
|
62
|
-
default?: (props: typeof __VLS_1) => any;
|
|
63
|
-
};
|
|
64
|
-
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
65
|
-
play: typeof play;
|
|
66
|
-
snap: typeof snap;
|
|
67
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
68
|
-
active: boolean;
|
|
69
|
-
variant: "pen" | "pencil" | "crayon" | "boil";
|
|
70
|
-
color: string;
|
|
71
|
-
clock: "load" | "scroll" | "static";
|
|
72
|
-
drawMs: number;
|
|
73
|
-
easing: TimingFunction;
|
|
74
|
-
timeline: string;
|
|
75
|
-
paths: GlassUnderlinePaths;
|
|
76
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
77
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
78
|
-
declare const _default: typeof __VLS_export;
|
|
79
|
-
export default _default;
|
|
80
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
81
|
-
new (): {
|
|
82
|
-
$slots: S;
|
|
83
|
-
};
|
|
84
|
-
};
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import type { TimingFunction } from "@mkbabb/keyframes.js";
|
|
2
|
-
/** Which clock drives the draw. */
|
|
3
|
-
export type GlassUnderlineClock = "load" | "scroll" | "static";
|
|
4
|
-
/**
|
|
5
|
-
* The render variant. `pen` is the only PROVEN, filter-free render (the masthead
|
|
6
|
-
* invariant). pencil | crayon | boil are UNPROVEN headroom — the API seam for a
|
|
7
|
-
* future wave, NOT shipped (they render pen today).
|
|
8
|
-
*/
|
|
9
|
-
export type GlassUnderlineVariant = "pen" | "pencil" | "crayon" | "boil";
|
|
10
|
-
/**
|
|
11
|
-
* The geometry escape tuple (DEC-7). Carries the FULL geometry so an escaped path
|
|
12
|
-
* stays dash-coherent — a bare `d`-string escape silently breaks the dash model when
|
|
13
|
-
* the consumer geometry's viewBox/length differ from the canonical
|
|
14
|
-
* (`0 0 100 10` + `len` 120).
|
|
15
|
-
*/
|
|
16
|
-
export interface GlassUnderlinePaths {
|
|
17
|
-
/** The primary pen stroke `d`. */
|
|
18
|
-
readonly stroke: string;
|
|
19
|
-
/** The faint ghost overdraw `d`. Omit for a single-path (no overdraw) render. */
|
|
20
|
-
readonly ghost?: string;
|
|
21
|
-
/** The SVG viewBox. Default `0 0 100 10`. */
|
|
22
|
-
readonly viewBox?: string;
|
|
23
|
-
/** The dasharray length (the over-long fixed dash). Default `120`. */
|
|
24
|
-
readonly len?: number;
|
|
25
|
-
}
|
|
26
|
-
/** GlassUnderline props (the public prop surface). */
|
|
27
|
-
export interface GlassUnderlineProps {
|
|
28
|
-
/** Which clock drives the draw. Default `load`. */
|
|
29
|
-
clock?: GlassUnderlineClock;
|
|
30
|
-
/** The render variant. Default `pen` (the only proven render). */
|
|
31
|
-
variant?: GlassUnderlineVariant;
|
|
32
|
-
/** The stroke colour. Default `var(--primary)` (re-resolves under `.dark`). */
|
|
33
|
-
color?: string;
|
|
34
|
-
/** The load-clock draw duration (ms). Default `700`. */
|
|
35
|
-
drawMs?: number;
|
|
36
|
-
/** The load-clock easing (value.js `TimingFunction`). Default `easeOutCubic`. */
|
|
37
|
-
easing?: TimingFunction;
|
|
38
|
-
/** The scroll-clock timeline name. Default the element's own `view()`. */
|
|
39
|
-
timeline?: string;
|
|
40
|
-
/**
|
|
41
|
-
* The declarative third clock — a thin overlay ON the load clock. `undefined`
|
|
42
|
-
* (default) = source parity (parent fires `play()`); rising edge → play, falling
|
|
43
|
-
* edge → reset-to-undrawn (re-rise REPLAYS), mount-`true` → plays. Only
|
|
44
|
-
* meaningful with `clock="load"`.
|
|
45
|
-
*/
|
|
46
|
-
active?: boolean;
|
|
47
|
-
/** The geometry escape tuple. Defaults to the canonical pen + ghost. */
|
|
48
|
-
paths?: GlassUnderlinePaths;
|
|
49
|
-
}
|
|
50
|
-
/** The imperative handle exposed via `defineExpose` / a template ref. */
|
|
51
|
-
export interface GlassUnderlineExpose {
|
|
52
|
-
/** Draw the load-clock underline once (the awaitable a Sequence chains). */
|
|
53
|
-
play: () => Promise<void>;
|
|
54
|
-
/** Snap to terminal (drawn) — the PRM / interrupt path. */
|
|
55
|
-
snap: () => void;
|
|
56
|
-
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { WithClassAsProps } from "./interface";
|
|
2
|
-
declare const __VLS_export: import("vue").DefineComponent<WithClassAsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WithClassAsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
3
|
-
declare const _default: typeof __VLS_export;
|
|
4
|
-
export default _default;
|
package/dist/underline.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./components/custom/underline";
|
package/dist/underline.js
DELETED
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./_plugin-vue_export-helper-ok8pgSl5.js";
|
|
2
|
-
import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeStyle as a, onMounted as o, openBlock as s, ref as c, renderSlot as l, unref as u, useCssVars as d, useId as f, watch as p } from "vue";
|
|
3
|
-
import { NumericAnimation as m } from "@mkbabb/keyframes.js";
|
|
4
|
-
import { easeOutCubic as h } from "@mkbabb/value.js";
|
|
5
|
-
//#region src/components/custom/underline/GlassUnderline.vue?vue&type=script&setup=true&lang.ts
|
|
6
|
-
var g = ["data-gu-clock", "data-gu-variant"], _ = ["viewBox"], v = ["id", "d"], y = ["d"], b = 120, x = "M1,6 C18,3 30,8 48,5 S78,3 99,6", S = "M1,7.1 C20,5 32,9 50,6.2 S80,5 99,7", C = /* @__PURE__ */ e(/* @__PURE__ */ i({
|
|
7
|
-
__name: "GlassUnderline",
|
|
8
|
-
props: {
|
|
9
|
-
clock: { default: "load" },
|
|
10
|
-
variant: { default: "pen" },
|
|
11
|
-
color: { default: void 0 },
|
|
12
|
-
drawMs: { default: 700 },
|
|
13
|
-
easing: {
|
|
14
|
-
type: Function,
|
|
15
|
-
default: void 0
|
|
16
|
-
},
|
|
17
|
-
timeline: { default: void 0 },
|
|
18
|
-
active: {
|
|
19
|
-
type: Boolean,
|
|
20
|
-
default: void 0
|
|
21
|
-
},
|
|
22
|
-
paths: { default: void 0 }
|
|
23
|
-
},
|
|
24
|
-
setup(e, { expose: i }) {
|
|
25
|
-
d((e) => ({ v237e7abc: C.color ?? "var(--primary)" }));
|
|
26
|
-
let C = e;
|
|
27
|
-
function w() {
|
|
28
|
-
return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
29
|
-
}
|
|
30
|
-
let T = w(), E = t(() => C.paths?.stroke ?? x), D = t(() => C.paths?.ghost ?? S), O = t(() => C.paths?.viewBox ?? "0 0 100 10"), k = t(() => C.paths?.len ?? b), A = f(), j = t(() => C.clock === "scroll" ? T ? "static" : "scroll" : C.clock === "static" ? "static" : "load"), M = c(C.clock === "load" && !T && C.active !== !0 ? k.value : 0), N = null;
|
|
31
|
-
async function P() {
|
|
32
|
-
if (C.clock === "load") {
|
|
33
|
-
if (T) {
|
|
34
|
-
M.value = 0;
|
|
35
|
-
return;
|
|
36
|
-
}
|
|
37
|
-
N?.stop(), M.value = k.value, N = new m([{ off: k.value }, { off: 0 }], {
|
|
38
|
-
duration: C.drawMs,
|
|
39
|
-
timingFunction: C.easing ?? h,
|
|
40
|
-
respectReducedMotion: !0
|
|
41
|
-
}), await N.play((e) => {
|
|
42
|
-
M.value = e.off;
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
function F() {
|
|
47
|
-
N?.stop(), M.value = 0;
|
|
48
|
-
}
|
|
49
|
-
function I() {
|
|
50
|
-
N?.stop(), M.value = C.clock === "load" && !T ? k.value : 0;
|
|
51
|
-
}
|
|
52
|
-
return p(() => C.active, (e, t) => {
|
|
53
|
-
C.clock === "load" && (e === !0 && t !== !0 ? T ? F() : P() : e === !1 && t === !0 && I());
|
|
54
|
-
}), o(() => {
|
|
55
|
-
C.clock === "load" && C.active === !0 && (T ? F() : P());
|
|
56
|
-
}), i({
|
|
57
|
-
play: P,
|
|
58
|
-
snap: F
|
|
59
|
-
}), (t, i) => (s(), n("span", {
|
|
60
|
-
class: "glass-underline",
|
|
61
|
-
"data-gu-clock": j.value,
|
|
62
|
-
"data-gu-variant": e.variant,
|
|
63
|
-
style: a(e.timeline ? { "--gu-timeline": e.timeline } : void 0)
|
|
64
|
-
}, [l(t.$slots, "default", {}, void 0, !0), (s(), n("svg", {
|
|
65
|
-
class: "glass-underline__ink",
|
|
66
|
-
viewBox: O.value,
|
|
67
|
-
preserveAspectRatio: "none",
|
|
68
|
-
"aria-hidden": "true",
|
|
69
|
-
focusable: "false",
|
|
70
|
-
style: a({
|
|
71
|
-
"--gu-off": String(M.value),
|
|
72
|
-
"--gu-len": String(k.value)
|
|
73
|
-
})
|
|
74
|
-
}, [r("path", {
|
|
75
|
-
id: `gu-stroke-${u(A)}`,
|
|
76
|
-
class: "glass-underline__stroke",
|
|
77
|
-
d: E.value
|
|
78
|
-
}, null, 8, v), r("path", {
|
|
79
|
-
class: "glass-underline__stroke glass-underline__stroke--ghost",
|
|
80
|
-
d: D.value
|
|
81
|
-
}, null, 8, y)], 12, _))], 12, g));
|
|
82
|
-
}
|
|
83
|
-
}), [["__scopeId", "data-v-20b5d619"]]);
|
|
84
|
-
//#endregion
|
|
85
|
-
export { C as GlassUnderline };
|