@mkbabb/glass-ui 0.3.0 → 2.0.0

package/dist/ToggleGroupItem-BYG_8M9M.js

@@ -0,0 +1,152 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createBlock as n, defineComponent as r, inject as i, mergeProps as a, openBlock as o, provide as s, renderSlot as c, unref as l, withCtx as u } from "vue";
+import { Toggle as d, ToggleGroupItem as f, ToggleGroupRoot as p, useForwardProps as m, useForwardPropsEmits as h } from "reka-ui";
+import { cva as g } from "class-variance-authority";
+//#endregion
+//#region src/components/ui/toggle/Toggle.vue
+var _ = /* @__PURE__ */ r({
+	__name: "Toggle",
+	props: {
+		defaultValue: { type: Boolean },
+		modelValue: { type: [Boolean, null] },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		variant: { default: "default" },
+		size: { default: "default" }
+	},
+	emits: ["update:modelValue"],
+	setup(r, { emit: i }) {
+		let s = r, f = i, p = h(t(() => {
+			let { class: e, size: t, variant: n, ...r } = s;
+			return r;
+		}), f);
+		return (t, i) => (o(), n(l(d), a(l(p), { class: l(e)(l(v)({
+			variant: r.variant,
+			size: r.size
+		}), s.class) }), {
+			default: u(() => [c(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), v = g("focus-ring inline-flex items-center justify-center rounded-button text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-disabled data-[state=on]:bg-accent data-[state=on]:text-accent-foreground", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground",
+			card: "glass-card w-full transform-gpu cursor-pointer flex-col gap-4 p-8 text-center transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-fast ease-standard hover:bg-[var(--glass-bg-quiet)] hover:text-foreground active:scale-95 data-[state=on]:border-[var(--glass-border-quiet)] data-[state=on]:bg-[var(--glass-bg-quiet)] data-[state=on]:text-foreground data-[state=on]:shadow-[var(--glass-shadow-quiet)]"
+		},
+		size: {
+			default: "h-10 px-3",
+			sm: "h-9 px-2.5",
+			lg: "h-11 px-5"
+		}
+	},
+	compoundVariants: [{
+		variant: "card",
+		size: [
+			"default",
+			"sm",
+			"lg"
+		],
+		class: "h-auto"
+	}],
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), y = Symbol("glass-ui:toggle-group");
+function b(e) {
+	s(y, e);
+}
+function x() {
+	return i(y, null);
+}
+//#endregion
+//#region src/components/ui/toggle-group/ToggleGroup.vue
+var S = /* @__PURE__ */ r({
+	__name: "ToggleGroup",
+	props: {
+		rovingFocus: { type: Boolean },
+		disabled: { type: Boolean },
+		orientation: {},
+		dir: {},
+		loop: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		type: {},
+		modelValue: {},
+		defaultValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		variant: {},
+		size: {}
+	},
+	emits: ["update:modelValue"],
+	setup(r, { emit: i }) {
+		let s = r, d = i;
+		b({
+			variant: s.variant,
+			size: s.size
+		});
+		let f = h(t(() => {
+			let { class: e, ...t } = s;
+			return t;
+		}), d);
+		return (t, r) => (o(), n(l(p), a(l(f), { class: l(e)("flex items-center justify-center gap-1", s.class) }), {
+			default: u(() => [c(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), C = /* @__PURE__ */ r({
+	__name: "ToggleGroupItem",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		variant: {},
+		size: {}
+	},
+	setup(r) {
+		let i = r, s = x(), d = m(t(() => {
+			let { class: e, variant: t, size: n, ...r } = i;
+			return r;
+		}));
+		return (t, p) => (o(), n(l(f), a(l(d), { class: l(e)(l(v)({
+			variant: l(s)?.variant || r.variant,
+			size: l(s)?.size || r.size
+		}), i.class) }), {
+			default: u(() => [c(t.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { _ as i, S as n, v as r, C as t };

package/dist/TooltipProvider-C5QLSPto.js

@@ -0,0 +1,104 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { computed as t, createBlock as n, createVNode as r, defineComponent as i, guardReactiveProps as a, mergeProps as o, normalizeProps as s, openBlock as c, renderSlot as l, unref as u, withCtx as d } from "vue";
+import { TooltipContent as f, TooltipPortal as p, TooltipProvider as m, TooltipRoot as h, TooltipTrigger as g, useForwardPropsEmits as _ } from "reka-ui";
+//#endregion
+//#region src/components/ui/tooltip/Tooltip.vue
+var v = /* @__PURE__ */ i({
+	__name: "Tooltip",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		delayDuration: {},
+		disableHoverableContent: { type: Boolean },
+		disableClosingTrigger: { type: Boolean },
+		disabled: { type: Boolean },
+		ignoreNonKeyboardFocus: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let r = _(e, t);
+		return (e, t) => (c(), n(u(h), s(a(u(r))), {
+			default: d(() => [l(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), y = /* @__PURE__ */ i({
+	inheritAttrs: !1,
+	__name: "TooltipContent",
+	props: {
+		forceMount: { type: Boolean },
+		ariaLabel: {},
+		asChild: { type: Boolean },
+		as: {},
+		side: {},
+		sideOffset: { default: 4 },
+		align: {},
+		alignOffset: {},
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["escapeKeyDown", "pointerDownOutside"],
+	setup(i, { emit: a }) {
+		let s = i, m = a, h = _(t(() => {
+			let { class: e, ...t } = s;
+			return t;
+		}), m);
+		return (t, i) => (c(), n(u(p), null, {
+			default: d(() => [r(u(f), o({
+				...u(h),
+				...t.$attrs
+			}, { class: u(e)("z-tooltip overflow-hidden rounded-tooltip border glass-floating px-3 py-1.5 text-sm text-popover-foreground popover-animate slide-in-from-side", s.class) }), {
+				default: d(() => [l(t.$slots, "default")]),
+				_: 3
+			}, 16, ["class"])]),
+			_: 3
+		}));
+	}
+}), b = /* @__PURE__ */ i({
+	__name: "TooltipTrigger",
+	props: {
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (c(), n(u(g), s(a(t)), {
+			default: d(() => [l(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), x = /* @__PURE__ */ i({
+	__name: "TooltipProvider",
+	props: {
+		delayDuration: {},
+		skipDelayDuration: {},
+		disableHoverableContent: { type: Boolean },
+		disableClosingTrigger: { type: Boolean },
+		disabled: { type: Boolean },
+		ignoreNonKeyboardFocus: { type: Boolean },
+		content: {}
+	},
+	setup(e) {
+		let t = e;
+		return (e, r) => (c(), n(u(m), s(a(t)), {
+			default: d(() => [l(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { v as i, b as n, y as r, x as t };

package/dist/UnderlineTabs-BtrUcXn-.js

@@ -0,0 +1,64 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { Fragment as n, createElementBlock as r, createElementVNode as i, defineComponent as a, nextTick as o, normalizeClass as s, normalizeStyle as c, onMounted as l, onUnmounted as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, watch as g } from "vue";
+//#region src/components/custom/tabs/UnderlineTabs.vue?vue&type=script&setup=true&lang.ts
+var _ = ["aria-selected", "onClick"], v = /* @__PURE__ */ t(/* @__PURE__ */ a({
+	__name: "UnderlineTabs",
+	props: {
+		options: {},
+		modelValue: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: a }) {
+		let v = t, y = a, b = f(null), x = f([]), S = f({
+			width: "0px",
+			transform: "translateX(0px)"
+		});
+		function C() {
+			let e = v.options.findIndex((e) => e.value === v.modelValue);
+			if (e < 0 || !x.value[e]) return;
+			let t = x.value[e];
+			S.value = {
+				width: `${t.offsetWidth}px`,
+				transform: `translateX(${t.offsetLeft}px)`
+			};
+		}
+		function w(e) {
+			y("update:modelValue", e);
+		}
+		g(() => v.modelValue, () => o(C)), g(() => v.options, () => o(C), { deep: !0 });
+		let T = null;
+		return l(() => {
+			o(C), b.value && (T = new ResizeObserver(() => C()), T.observe(b.value));
+		}), u(() => {
+			T?.disconnect();
+		}), (a, o) => (d(), r("div", {
+			ref_key: "containerRef",
+			ref: b,
+			role: "tablist",
+			class: s(h(e)("underline-tabs", v.class))
+		}, [i("div", {
+			class: "underline-indicator",
+			style: c(S.value)
+		}, null, 4), (d(!0), r(n, null, p(t.options, (e, n) => (d(), r("button", {
+			key: e.value,
+			ref_for: !0,
+			ref: (e) => {
+				e && (x.value[n] = e);
+			},
+			class: "underline-tab",
+			role: "tab",
+			"aria-selected": t.modelValue === e.value ? "true" : "false",
+			onClick: (t) => w(e.value)
+		}, m(e.label), 9, _))), 128))], 2));
+	}
+}), [["__scopeId", "data-v-b77ed368"]]);
+//#endregion
+export { v as t };

package/dist/_plugin-vue_export-helper-n-_DRHWS.js

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as t };

package/dist/animated-digit.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/animated-digit";

package/dist/animated-digit.js

@@ -0,0 +1,44 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { t as n } from "./useAnimatedNumber-DcvTR9B4.js";
+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";
+//#region src/components/custom/animated-digit/AnimatedDigit.vue?vue&type=script&setup=true&lang.ts
+var d = ["data-is-animating"], f = /* @__PURE__ */ t(/* @__PURE__ */ a({
+	__name: "AnimatedDigit",
+	props: {
+		value: {},
+		format: {},
+		placeholder: { default: "—" },
+		digitCount: {},
+		mode: { default: "absolute" },
+		damping: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let a = t, f = n(() => a.value ?? null, {
+			mode: a.mode,
+			damping: a.damping
+		}), p = r(() => {
+			if (a.value === null || a.value === void 0) return a.placeholder;
+			let e = f.current.value;
+			return a.format ? a.format(e) : String(Math.round(e));
+		}), m = r(() => {
+			if (typeof a.digitCount == "number") return a.digitCount;
+			let e = p.value;
+			return Math.max(1, e.replace(/[^\d]/g, "").length || e.length);
+		});
+		return (t, n) => (c(), i("span", {
+			class: o(u(e)("animated-digit tabular-nums", t.$props.class)),
+			style: s({ "--digit-count": String(m.value) }),
+			"data-is-animating": u(f).isAnimating.value ? "true" : "false"
+		}, l(p.value), 15, d));
+	}
+}), [["__scopeId", "data-v-881e52ea"]]);
+//#endregion
+export { f as AnimatedDigit };

package/dist/api/index.d.ts

@@ -0,0 +1,30 @@
+export type { AuroraConfig, AuroraCursorApi, AuroraFlow, AuroraInstance, AuroraMedium, AuroraNucleus, AuroraRuntimeMode, AuroraRuntimeOptions, FlowPattern, OklchStop, StrokeMode, WarpMode, } from "../components/custom/aurora";
+export { DEFAULT_AURORA_CONFIG, MAX_NUCLEI, MAX_STOPS, } from "../components/custom/aurora";
+export type { ConfiguratorCloneMode, ConfiguratorPreset, ConfiguratorScrollMode, ConfiguratorState, ConfiguratorStateOptions, } from "../components/custom/configurator";
+export type { TimelineSegment, TimelineSegmentGradient, TimelineSegmentState, } from "../components/custom/timeline";
+export type { CardTier, CardSurface } from "../components/ui/card";
+export type { GlassPanelVariant } from "../components/custom/glass-panel";
+export type { InstrumentChassisPhase } from "../components/custom/instrument-chassis";
+export type { ToastVariant } from "../components/ui/toast";
+export type { AlertVariants } from "../components/ui/alert";
+export type { AvatarVariants } from "../components/ui/avatar";
+export type { BadgeVariants } from "../components/ui/badge";
+export type { ButtonVariants } from "../components/ui/button";
+export type { SheetVariants } from "../components/ui/sheet";
+export type { SliderVariants } from "../components/ui/slider";
+export type { ToggleVariants } from "../components/ui/toggle";
+export type { ToggleChipVariants } from "../components/custom/toggle-chip";
+export type { MenuItemVariants } from "../components/ui/_shared";
+export type { ScrollTrackerOptions, SidebarIndexEntry, SidebarSection, SidebarState, TreeIndexEntry, TreeNode, } from "../composables/sidebar";
+export type { FuzzySearchState, SearchableItem, SearchIndex, SearchResult, UseFuzzySearchOptions, } from "../components/custom/search";
+export type { GlassPanelProps } from "../components/custom/glass-panel";
+export type { ToastType } from "../components/ui/toast";
+export type { UseClipboardOptions, UseClipboardReturn, } from "../composables/dom/useClipboard";
+export type { HeaderRibbonPosition, HeaderRibbonProps, } from "../components/custom/header-ribbon";
+export type { MetricCellAppearance, MetricCellProps, } from "../components/custom/metric-cell";
+export type { MetricRowProps, MetricStackProps, } from "../components/custom/metric-stack";
+export type { AnimatedDigitMode, AnimatedDigitProps, } from "../components/custom/animated-digit";
+export type { ResponsiveTabsProps } from "../components/custom/responsive-tabs";
+export type { StackedIconGroupProps } from "../components/custom/stacked-icons";
+export type { UseDockStateReturn } from "../components/custom/dock";
+export type { PaperBackdropFrequency, PaperBackdropProps, } from "../components/custom/paper-backdrop";

package/dist/api.js

@@ -0,0 +1,2 @@
+import { n as e, r as t, t as n } from "./presets-BMzCDrmR.js";
+export { n as DEFAULT_AURORA_CONFIG, e as MAX_NUCLEI, t as MAX_STOPS };

package/dist/aurora.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/aurora";