@mkbabb/glass-ui 3.2.0 → 3.4.0

package/dist/{ToggleGroupItem-Cy7xHFEo.js → ToggleGroupItem-gyXj998A.js}

@@ -1,10 +1,11 @@
 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";
+import { t } from "./createContext-DBMGRlx4.js";
+import { computed as n, createBlock as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
+import { Toggle as u, ToggleGroupItem as d, ToggleGroupRoot as f, useForwardProps as p, useForwardPropsEmits as m } from "reka-ui";
+import { cva as h } from "class-variance-authority";
 //#endregion
 //#region src/components/ui/toggle/Toggle.vue
-var _ = /* @__PURE__ */ r({
+var g = /* @__PURE__ */ i({
 	__name: "Toggle",
 	props: {
 		defaultValue: { type: Boolean },
@@ -28,25 +29,25 @@ var _ = /* @__PURE__ */ r({
 		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;
+	setup(t, { emit: i }) {
+		let d = t, f = i, p = m(n(() => {
+			let { class: e, size: t, variant: n, ...r } = d;
 			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")]),
+		return (n, i) => (o(), r(c(u), a(c(p), { class: c(e)(c(_)({
+			variant: t.variant,
+			size: t.size
+		}), d.class) }), {
+			default: l(() => [s(n.$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", {
+}), _ = h("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)]"
+			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-glass-quiet hover:text-foreground active:scale-95 data-[state=on]:border-glass-border-quiet data-[state=on]:bg-glass-quiet data-[state=on]:text-foreground data-[state=on]:shadow-glass-quiet"
 		},
 		size: {
 			default: "h-10 px-3",
@@ -67,16 +68,12 @@ var _ = /* @__PURE__ */ r({
 		variant: "default",
 		size: "default"
 	}
-}), y = Symbol("glass-ui:toggle-group");
-function b(e) {
-	s(y, e);
+}), v = t("glass-ui:toggle-group");
+v.KEY;
+function y(e) {
+	v.provide(e);
 }
-function x() {
-	return i(y, null);
-}
-//#endregion
-//#region src/components/ui/toggle-group/ToggleGroup.vue
-var S = /* @__PURE__ */ r({
+var b = v.use, x = /* @__PURE__ */ i({
 	__name: "ToggleGroup",
 	props: {
 		rovingFocus: { type: Boolean },
@@ -102,22 +99,22 @@ var S = /* @__PURE__ */ r({
 		size: {}
 	},
 	emits: ["update:modelValue"],
-	setup(r, { emit: i }) {
-		let s = r, d = i;
-		b({
-			variant: s.variant,
-			size: s.size
+	setup(t, { emit: i }) {
+		let u = t, d = i;
+		y({
+			variant: u.variant,
+			size: u.size
 		});
-		let f = h(t(() => {
-			let { class: e, ...t } = s;
+		let p = m(n(() => {
+			let { class: e, ...t } = u;
 			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")]),
+		return (t, n) => (o(), r(c(f), a(c(p), { class: c(e)("flex items-center justify-center gap-1", u.class) }), {
+			default: l(() => [s(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), C = /* @__PURE__ */ r({
+}), S = /* @__PURE__ */ i({
 	__name: "ToggleGroupItem",
 	props: {
 		value: {},
@@ -134,19 +131,19 @@ var S = /* @__PURE__ */ r({
 		variant: {},
 		size: {}
 	},
-	setup(r) {
-		let i = r, s = x(), d = m(t(() => {
+	setup(t) {
+		let i = t, u = b(), f = p(n(() => {
 			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
+		return (n, p) => (o(), r(c(d), a(c(f), { class: c(e)(c(_)({
+			variant: c(u)?.variant || t.variant,
+			size: c(u)?.size || t.size
 		}), i.class) }), {
-			default: u(() => [c(t.$slots, "default")]),
+			default: l(() => [s(n.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
 });
 //#endregion
-export { _ as i, S as n, v as r, C as t };
+export { g as i, x as n, _ as r, S as t };

package/dist/UnderlineTabs-Cq_AD03t.js

@@ -0,0 +1,39 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { Fragment as n, createElementBlock as r, defineComponent as i, mergeModels as a, normalizeClass as o, openBlock as s, renderList as c, toDisplayString as l, unref as u, useModel as d } from "vue";
+//#region src/components/custom/tabs/UnderlineTabs.vue?vue&type=script&setup=true&lang.ts
+var f = ["aria-selected", "onClick"], p = /* @__PURE__ */ t(/* @__PURE__ */ i({
+	__name: "UnderlineTabs",
+	props: /* @__PURE__ */ a({
+		options: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	}, {
+		modelValue: { required: !0 },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(t) {
+		let i = t, a = d(t, "modelValue");
+		function p(e) {
+			a.value = e;
+		}
+		return (d, m) => (s(), r("div", {
+			role: "tablist",
+			class: o(u(e)("underline-tabs", i.class))
+		}, [(s(!0), r(n, null, c(t.options, (e) => (s(), r("button", {
+			key: e.value,
+			class: "underline-tab",
+			role: "tab",
+			"aria-selected": a.value === e.value ? "true" : "false",
+			onClick: (t) => p(e.value)
+		}, l(e.label), 9, f))), 128))], 2));
+	}
+}), [["__scopeId", "data-v-689d4ffd"]]);
+//#endregion
+export { p as t };

package/dist/animated-digit.js

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { t as n } from "./useAnimatedNumber-BOxrS3a6.js";
+import { t as n } from "./useAnimatedNumber-BF6r64lA.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({
@@ -39,6 +39,6 @@ var d = ["data-is-animating"], f = /* @__PURE__ */ t(/* @__PURE__ */ a({
 			"data-is-animating": u(f).isAnimating.value ? "true" : "false"
 		}, l(p.value), 15, d));
 	}
-}), [["__scopeId", "data-v-881e52ea"]]);
+}), [["__scopeId", "data-v-b51c75ea"]]);
 //#endregion
 export { f as AnimatedDigit };

package/dist/api/index.d.ts

@@ -22,6 +22,7 @@ export type { ToastType } from "../components/ui/toast";
 export type { UseClipboardOptions, UseClipboardReturn, } from "../composables/dom/useClipboard";
 export type { UseUserInvalidAriaOptions, UseUserInvalidAriaReturn, } from "../composables/dom/useUserInvalidAria";
 export type { ViewTransitionResult } from "../composables/motion/useViewTransition";
+export type { Countup, UseCountupOptions } from "../composables/motion/useCountup";
 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";
@@ -30,3 +31,4 @@ 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";
+export type { DarkModeSyncScriptOptions, UseGlobalDarkOptions, } from "../composables/dark";

package/dist/api.js

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