@mkbabb/glass-ui 3.9.0 → 3.10.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/{MetricBadge-lTc002u2.js → MetricBadge-BZVWIxNy.js} +6 -4
- package/dist/{Notification-BxK8LZMw.js → Notification-DLMhblXR.js} +2 -2
- package/dist/{Switch-LDKLmmgx.js → Switch-Ch-k3Rv-.js} +1 -1
- package/dist/animated-digit.js +1 -1
- package/dist/api/index.d.ts +1 -0
- package/dist/api.js +1 -1
- package/dist/aurora.js +236 -545
- package/dist/{badge-BvwvT50i.js → badge-CaoFJzRb.js} +1 -1
- package/dist/badge.js +1 -1
- package/dist/color.js +1 -1
- package/dist/{compile-DAjIoEy2.js → compile-BOXjLUxu.js} +23 -23
- package/dist/components/custom/aurora/composables/atoms.d.ts +21 -4
- package/dist/components/custom/aurora/composables/runtime.d.ts +0 -9
- package/dist/components/custom/aurora/composables/uniformBridge.d.ts +0 -11
- package/dist/components/custom/aurora/constants/renderMode.d.ts +0 -32
- package/dist/components/custom/aurora/constants/shaders/brush.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/tonemap.glsl.d.ts +1 -1
- package/dist/components/custom/aurora/index.d.ts +1 -1
- package/dist/components/custom/constellation/Constellation.vue.d.ts +73 -1
- package/dist/components/custom/constellation/constellationField.d.ts +255 -3
- package/dist/components/custom/constellation/index.d.ts +2 -2
- package/dist/components/custom/dock/DockTabButton.vue.d.ts +4 -3
- package/dist/components/custom/expandable-container/ExpandableContainer.vue.d.ts +29 -0
- package/dist/components/custom/fourier-field/FourierField.vue.d.ts +6 -0
- package/dist/components/custom/fourier-field/index.d.ts +25 -1
- package/dist/components/custom/fourier-field/math.d.ts +3 -8
- package/dist/components/custom/goo-blob/GooBlob.vue.d.ts +8 -10
- package/dist/components/custom/goo-blob/composables/useMetaballRenderer.d.ts +6 -14
- package/dist/components/custom/goo-blob/index.d.ts +1 -1
- package/dist/components/custom/goo-blob/types.d.ts +59 -25
- package/dist/components/custom/handmark/HandMark.vue.d.ts +29 -0
- package/dist/components/custom/handmark/brush.d.ts +219 -0
- package/dist/components/custom/handmark/freehand.d.ts +69 -0
- package/dist/components/custom/handmark/geometry.d.ts +32 -0
- package/dist/components/custom/handmark/index.d.ts +21 -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 +53 -0
- package/dist/components/custom/handmark/useHandMark.d.ts +66 -0
- package/dist/components/custom/metric-badge/MetricBadge.vue.d.ts +8 -0
- package/dist/components/ui/slider/index.d.ts +20 -16
- package/dist/composables/color/index.d.ts +12 -7
- package/dist/composables/glass/webgl/shaders/procedural-color.glsl.d.ts +1 -6
- package/dist/composables/motion/core/index.d.ts +1 -0
- package/dist/composables/motion/useRouteTransition.d.ts +42 -0
- package/dist/constellation.js +212 -72
- package/dist/controls.js +1 -1
- package/dist/dark.js +1 -1
- package/dist/dock.js +1 -0
- package/dist/expandable-container.js +61 -38
- package/dist/forms.js +2 -2
- package/dist/fourier-field.js +89 -97
- package/dist/fourier-math.d.ts +1 -0
- package/dist/fourier-math.js +2 -0
- package/dist/glass-panel.js +1 -1
- package/dist/glass-ui.css +1 -1
- package/dist/glass-ui.js +81 -80
- package/dist/goo-blob.js +299 -284
- package/dist/handmark.d.ts +1 -0
- package/dist/handmark.js +609 -0
- package/dist/icon-tooltip.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/keyboard.js +1 -1
- package/dist/labeled-field.js +4 -4
- package/dist/math-DTpRVC0e.js +27 -0
- package/dist/metric-badge.js +1 -1
- package/dist/metric-stack.js +1 -1
- package/dist/motion-core.js +70 -69
- package/dist/motion.js +2 -2
- package/dist/notification.js +1 -1
- package/dist/search.js +2 -2
- package/dist/{slider-DC2mwuoe.js → slider-CyzcxBoh.js} +6 -6
- package/dist/slider.js +1 -1
- package/dist/styles/animations.css +74 -18
- package/dist/styles/cards.css +2 -2
- package/dist/styles/components.css +1 -1
- package/dist/styles/dock/layer-group.css +16 -4
- package/dist/styles/dock-controls.css +39 -23
- package/dist/styles/drawer.css +12 -4
- package/dist/styles/glass.css +145 -9
- package/dist/styles/paper.css +68 -2
- package/dist/styles/theme.css +7 -0
- package/dist/styles/tokens.css +101 -15
- package/dist/styles/transitions.css +20 -2
- package/dist/styles/utilities.css +130 -40
- package/dist/styles/view-transition.css +51 -0
- package/dist/switch.js +1 -1
- package/dist/{useAnimatedNumber-C5I3wWd8.js → useAnimatedNumber-Bcpy5Etf.js} +1 -1
- package/dist/{useGlassRenderer-5I0YkI4t.js → useGlassRenderer-D7YGOYiM.js} +1 -1
- package/dist/useViewTransition-DaN5Zrox.js +21 -0
- package/dist/vReveal-zUIQk-rJ.js +53 -0
- package/dist/watercolor-dot.js +1 -1
- package/package.json +51 -9
- package/src/styles/animations.css +74 -18
- package/src/styles/cards.css +2 -2
- package/src/styles/dock/layer-group.css +16 -4
- package/src/styles/dock-controls.css +39 -23
- package/src/styles/drawer.css +12 -4
- package/src/styles/glass.css +145 -9
- package/src/styles/paper.css +68 -2
- package/src/styles/theme.css +7 -0
- package/src/styles/tokens.css +101 -15
- package/src/styles/transitions.css +20 -2
- package/src/styles/utilities.css +130 -40
- package/src/styles/view-transition.css +51 -0
- package/dist/components/custom/aurora/composables/gpuRuntime.d.ts +0 -16
- package/dist/components/custom/aurora/constants/shaders/aurora.wgsl.d.ts +0 -7
- package/dist/composables/glass/createGPUCanvas.d.ts +0 -40
- package/dist/vReveal-CqaCz_mC.js +0 -44
- /package/dist/{IconTooltip-yefK7cJc.js → IconTooltip-Cus0fvK0.js} +0 -0
- /package/dist/{Input-DWQQIOC4.js → Input-xuDwALQR.js} +0 -0
- /package/dist/{color-8jBjWiJ6.js → color-C5ls_QF7.js} +0 -0
- /package/dist/{constants-CS75AWHG.js → constants-yKeKnE84.js} +0 -0
- /package/dist/{presets-BKVyQfbt.js → presets-Dkdv55Gt.js} +0 -0
- /package/dist/{prng-wHuHlNHE.js → prng-D27-B3tK.js} +0 -0
- /package/dist/{useGlobalDark-yhL4Wp-s.js → useGlobalDark-d6waty-X.js} +0 -0
- /package/dist/{useIntersectionPause-Cc-H9ees.js → useIntersectionPause-Cck5Uxk8.js} +0 -0
- /package/dist/{useKeyboardShortcuts-Be3w_Rwk.js → useKeyboardShortcuts-CyIYrndH.js} +0 -0
- /package/dist/{useScrollProgress-CAH8Ofwt.js → useScrollProgress-CffFGLa5.js} +0 -0
- /package/dist/{useTextHighlight-DON84L8w.js → useTextHighlight-CWEi25hf.js} +0 -0
|
@@ -2,7 +2,7 @@ import { t as e } from "./cn-DJXf4yaB.js";
|
|
|
2
2
|
import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
|
|
3
3
|
import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, toDisplayString as d, unref as f } from "vue";
|
|
4
4
|
//#region src/components/custom/metric-badge/MetricBadge.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
-
var p = ["data-size"], m = {
|
|
5
|
+
var p = ["data-size", "data-variant"], m = {
|
|
6
6
|
key: 1,
|
|
7
7
|
class: "metric-badge__row"
|
|
8
8
|
}, h = /* @__PURE__ */ t(/* @__PURE__ */ s({
|
|
@@ -16,6 +16,7 @@ var p = ["data-size"], m = {
|
|
|
16
16
|
color: {},
|
|
17
17
|
placeholder: { default: "—" },
|
|
18
18
|
size: { default: "md" },
|
|
19
|
+
variant: { default: "default" },
|
|
19
20
|
class: { type: [
|
|
20
21
|
Boolean,
|
|
21
22
|
null,
|
|
@@ -51,8 +52,9 @@ var p = ["data-size"], m = {
|
|
|
51
52
|
}
|
|
52
53
|
}), v = r(() => !!(s.labelPosition && (s.abbreviation || s.label)));
|
|
53
54
|
return (r, s) => (u(), a("div", {
|
|
54
|
-
class: c(f(e)("metric-badge cursor-pointer", "focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2", t.labelPosition && `metric-badge--label-${t.labelPosition}`, r.$props.class)),
|
|
55
|
-
"data-size": t.size
|
|
55
|
+
class: c(f(e)("metric-badge cursor-pointer", "focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2", t.labelPosition && `metric-badge--label-${t.labelPosition}`, t.variant === "record" && "metric-badge--record", r.$props.class)),
|
|
56
|
+
"data-size": t.size,
|
|
57
|
+
"data-variant": t.variant
|
|
56
58
|
}, [v.value ? (u(), a(n, { key: 0 }, [t.label ? (u(), a("span", {
|
|
57
59
|
key: 0,
|
|
58
60
|
class: c(["metric-badge__label metric-badge__label--full font-mono uppercase text-muted-foreground/80 shrink-0", _.value])
|
|
@@ -73,6 +75,6 @@ var p = ["data-size"], m = {
|
|
|
73
75
|
class: c(["metric-badge__unit font-mono text-muted-foreground shrink-0", g.value])
|
|
74
76
|
}, d(t.unit), 3)) : i("", !0)], 64))], 10, p));
|
|
75
77
|
}
|
|
76
|
-
}), [["__scopeId", "data-v-
|
|
78
|
+
}), [["__scopeId", "data-v-5ac15b4e"]]);
|
|
77
79
|
//#endregion
|
|
78
80
|
export { h as t };
|
|
@@ -83,7 +83,7 @@ var _ = e("circle-alert", [
|
|
|
83
83
|
}, {
|
|
84
84
|
default: g(() => [(d(!0), o(r, null, f(e.notifications, (e) => (d(), o("div", {
|
|
85
85
|
key: e.id,
|
|
86
|
-
class: u(["glass-
|
|
86
|
+
class: u(["glass-floating flex items-center gap-3 rounded-panel px-4 py-3", [n[e.type], "min-w-[300px] max-w-[500px]"]])
|
|
87
87
|
}, [
|
|
88
88
|
(d(), a(p(l[e.type]), { class: "h-5 w-5 flex-shrink-0" })),
|
|
89
89
|
s("p", x, m(e.message), 1),
|
|
@@ -95,6 +95,6 @@ var _ = e("circle-alert", [
|
|
|
95
95
|
_: 1
|
|
96
96
|
}));
|
|
97
97
|
}
|
|
98
|
-
}), [["__scopeId", "data-v-
|
|
98
|
+
}), [["__scopeId", "data-v-d1a8b637"]]);
|
|
99
99
|
//#endregion
|
|
100
100
|
export { C as t };
|
|
@@ -31,7 +31,7 @@ var p = /* @__PURE__ */ i({
|
|
|
31
31
|
let { class: e, ...t } = m;
|
|
32
32
|
return t;
|
|
33
33
|
}), h);
|
|
34
|
-
return (t, i) => (s(), n(c(u), a({ "data-slot": "switch" }, c(g), { class: c(e)("focus-ring peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-pill border-2 border-transparent transition-control disabled:cursor-not-allowed disabled:opacity-disabled data-[state=checked]:bg-primary data-[state=unchecked]:bg-[
|
|
34
|
+
return (t, i) => (s(), n(c(u), a({ "data-slot": "switch" }, c(g), { class: c(e)("glass-wash glass-specular-track focus-ring peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-pill border-2 border-transparent transition-control disabled:cursor-not-allowed disabled:opacity-disabled data-[state=checked]:bg-primary data-[state=unchecked]:bg-[var(--glass-bg-wash)]", m.class) }), {
|
|
35
35
|
default: l(() => [r(c(d), {
|
|
36
36
|
class: o(c(e)("pointer-events-none block h-5 w-5 rounded-pill bg-background ring-0 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0")),
|
|
37
37
|
style: {
|
package/dist/animated-digit.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./cn-DJXf4yaB.js";
|
|
2
2
|
import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
|
|
3
|
-
import { t as n } from "./useAnimatedNumber-
|
|
3
|
+
import { t as n } from "./useAnimatedNumber-Bcpy5Etf.js";
|
|
4
4
|
import { computed as r, createElementBlock as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, toDisplayString as l, unref as u } from "vue";
|
|
5
5
|
//#region src/components/custom/animated-digit/AnimatedDigit.vue?vue&type=script&setup=true&lang.ts
|
|
6
6
|
var d = ["data-is-animating"], f = /* @__PURE__ */ t(/* @__PURE__ */ a({
|
package/dist/api/index.d.ts
CHANGED
|
@@ -26,6 +26,7 @@ export type { ViewTransitionResult } from "../composables/motion/useViewTransiti
|
|
|
26
26
|
export type { Countup, UseCountupOptions } from "../composables/motion/useCountup";
|
|
27
27
|
export type { HeaderRibbonPosition, HeaderRibbonProps, } from "../components/custom/header-ribbon";
|
|
28
28
|
export type { ConstellationProps, ConstellationField, ConstellationWarp, } from "../components/custom/constellation";
|
|
29
|
+
export type { FourierFieldProps, FourierFieldVariant, } from "../components/custom/fourier-field";
|
|
29
30
|
export type { MetricCellAppearance, MetricCellProps, } from "../components/custom/metric-cell";
|
|
30
31
|
export type { MetricRowProps, MetricStackProps, } from "../components/custom/metric-stack";
|
|
31
32
|
export type { AnimatedDigitMode, AnimatedDigitProps, } from "../components/custom/animated-digit";
|
package/dist/api.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, r as t, t as n } from "./presets-
|
|
1
|
+
import { n as e, r as t, t as n } from "./presets-Dkdv55Gt.js";
|
|
2
2
|
export { n as DEFAULT_AURORA_CONFIG, e as MAX_NUCLEI, t as MAX_STOPS };
|