@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/SelectScrollDownButton-CDtwaWkZ.js

@@ -1,261 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { n as t } from "./useSurfaceAxis-DudiZVOR.js";
-import { t as n } from "./menuItemVariants-DbO-Fr74.js";
-import { i as r } from "./dockContext-d-WpJN2Z.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderSlot as g, unref as _, withCtx as v } from "vue";
-import { SelectContent as y, SelectIcon as b, SelectItem as x, SelectItemIndicator as S, SelectItemText as C, SelectPortal as w, SelectRoot as T, SelectScrollDownButton as E, SelectScrollUpButton as D, SelectTrigger as O, SelectValue as k, SelectViewport as A, useForwardProps as j, useForwardPropsEmits as M } from "reka-ui";
-import { ChevronDown as N, ChevronUp as P } from "@lucide/vue";
-//#endregion
-//#region src/components/select/Select.vue
-var F = /* @__PURE__ */ u({
-	__name: "Select",
-	props: {
-		open: { type: Boolean },
-		defaultOpen: { type: Boolean },
-		defaultValue: {},
-		modelValue: {},
-		by: { type: [String, Function] },
-		dir: {},
-		multiple: { type: Boolean },
-		autocomplete: {},
-		disabled: { type: Boolean },
-		name: {},
-		required: { type: Boolean }
-	},
-	emits: ["update:modelValue", "update:open"],
-	setup(e, { emit: t }) {
-		let n = M(e, t);
-		return (e, t) => (h(), a(_(T), f({ "data-slot": "select" }, _(n)), {
-			default: v(() => [g(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), I = /* @__PURE__ */ u({
-	__name: "SelectValue",
-	props: {
-		placeholder: {},
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(e) {
-		let t = e;
-		return (e, n) => (h(), a(_(k), m(d(t)), {
-			default: v(() => [g(e.$slots, "default")]),
-			_: 3
-		}, 16));
-	}
-}), L = /* @__PURE__ */ u({
-	__name: "SelectTrigger",
-	props: {
-		disabled: { type: Boolean },
-		reference: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		variant: { default: "default" },
-		size: { default: "default" }
-	},
-	setup(t) {
-		let n = t, r = j(i(() => {
-			let { class: e, variant: t, size: r, ...i } = n;
-			return i;
-		})), o = i(() => n.variant === "ghost" ? "bg-transparent border-none shadow-none" : "control-surface glass-control-edge glass-capsule-hover"), s = i(() => {
-			switch (n.size) {
-				case "sm": return "h-(--control-h-sm)";
-				case "display":
-				case "audacious": return "h-(--control-h-lg)";
-				default: return "h-(--control-h-md)";
-			}
-		}), c = i(() => {
-			let e = n.size === "display" ? "var(--type-heading)" : n.size === "audacious" ? "var(--type-display-1)" : void 0;
-			if (e) return {
-				"--dropdown-text": e,
-				"--text-dropdown": e
-			};
-		});
-		return (t, i) => (h(), a(_(O), f({ "data-slot": "select-trigger" }, _(r), {
-			style: c.value,
-			class: _(e)(o.value, s.value, "tap-squish focus-ring flex w-full items-center justify-between rounded-pill px-3 py-2 text-dropdown placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-control aria-invalid:border-(--destructive) user-invalid:border-(--destructive) focus-visible:aria-invalid:shadow-(--invalid-ring) focus-visible:user-invalid:shadow-(--invalid-ring)", n.class)
-		}), {
-			default: v(() => [g(t.$slots, "default"), l(_(b), { "as-child": "" }, {
-				default: v(() => [l(_(N), { class: "transition-disclosure in-data-[state=open]:rotate-180 h-4 w-4 shrink-0 opacity-(--select-chevron-opacity)" })]),
-				_: 1
-			})]),
-			_: 3
-		}, 16, ["style", "class"]));
-	}
-}), R = /* @__PURE__ */ u({
-	inheritAttrs: !1,
-	__name: "SelectContent",
-	props: {
-		forceMount: { type: Boolean },
-		position: { default: "popper" },
-		bodyLock: { type: Boolean },
-		side: {},
-		sideOffset: {},
-		sideFlip: { type: Boolean },
-		align: { default: "start" },
-		alignOffset: {},
-		alignFlip: { type: Boolean },
-		avoidCollisions: { type: Boolean },
-		collisionBoundary: {},
-		collisionPadding: { default: 16 },
-		arrowPadding: {},
-		hideShiftedArrow: { type: Boolean },
-		sticky: {},
-		hideWhenDetached: { type: Boolean },
-		positionStrategy: {},
-		updatePositionStrategy: {},
-		disableUpdateOnLayoutShift: { type: Boolean },
-		prioritizePosition: { type: Boolean },
-		reference: {},
-		asChild: { type: Boolean },
-		as: {},
-		disableOutsidePointerEvents: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		surface: { default: "glass" },
-		fieldHue: {}
-	},
-	emits: [
-		"closeAutoFocus",
-		"escapeKeyDown",
-		"pointerDownOutside"
-	],
-	setup(n, { emit: o }) {
-		let s = n, c = o, u = M(i(() => {
-			let { class: e, surface: t, fieldHue: n, ...r } = s;
-			return r;
-		}), c), d = r(), m = i(() => s.fieldHue == null ? void 0 : { "--field-h": String(s.fieldHue) });
-		return (r, i) => (h(), a(_(w), null, {
-			default: v(() => [l(_(y), f({
-				..._(u),
-				...r.$attrs
-			}, {
-				"data-glass-dock-portal": _(d)?.id ? "" : void 0,
-				"data-glass-dock-owner": _(d)?.id,
-				"data-surface": s.surface,
-				"data-reveal": "menu",
-				"data-slot": "select-content",
-				class: _(e)("relative z-popover min-w-(--overlay-min-width) overflow-y-auto rounded-panel border text-popover-foreground glass-reveal origin-(--reka-select-content-transform-origin)", n.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", _(t)(s.surface, "floating"), "glass-field-portal", "[--overlay-pad-inline:--spacing(1)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)]", s.class),
-				style: m.value
-			}), {
-				default: v(() => [
-					l(_(H)),
-					l(_(A), { class: p(_(e)("px-(--overlay-pad-inline) py-(--overlay-pad-block) overflow-y-auto", n.position === "popper" && "h-(--reka-select-trigger-height) w-full min-w-(--reka-select-trigger-width)")) }, {
-						default: v(() => [g(r.$slots, "default")]),
-						_: 3
-					}, 8, ["class"]),
-					l(_(U))
-				]),
-				_: 3
-			}, 16, [
-				"data-glass-dock-portal",
-				"data-glass-dock-owner",
-				"data-surface",
-				"class",
-				"style"
-			])]),
-			_: 3
-		}));
-	}
-}), z = {
-	key: 0,
-	"aria-hidden": "true",
-	class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
-}, B = { class: "flex flex-col gap-0.5 min-w-0" }, V = /* @__PURE__ */ u({
-	__name: "SelectItem",
-	props: {
-		value: {},
-		disabled: { type: Boolean },
-		textValue: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		hideIndicator: { type: Boolean }
-	},
-	setup(t) {
-		let r = t, u = j(i(() => {
-			let { class: e, hideIndicator: t, ...n } = r;
-			return n;
-		})), d = i(() => r.hideIndicator ? "none" : "start");
-		return (t, i) => (h(), a(_(x), f(_(u), { class: _(e)(_(n)({ indicator: d.value }), r.class) }), {
-			default: v(() => [d.value === "none" ? o("", !0) : (h(), s("span", z, [l(_(S), null, {
-				default: v(() => [...i[0] ||= [c("span", {
-					class: "inline-block w-2 h-2 rounded-pill",
-					style: { "background-color": "var(--select-dot-color, var(--glass-accent, currentColor))" }
-				}, null, -1)]]),
-				_: 1
-			})])), c("div", B, [l(_(C), null, {
-				default: v(() => [g(t.$slots, "default")]),
-				_: 3
-			}), g(t.$slots, "description")])]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), H = /* @__PURE__ */ u({
-	__name: "SelectScrollUpButton",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = j(i(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, i) => (h(), a(_(D), f(_(r), { class: _(e)("flex cursor-default items-center justify-center py-1", n.class) }), {
-			default: v(() => [g(t.$slots, "default", {}, () => [l(_(P), { class: "h-4 w-4" })])]),
-			_: 3
-		}, 16, ["class"]));
-	}
-}), U = /* @__PURE__ */ u({
-	__name: "SelectScrollDownButton",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let n = t, r = j(i(() => {
-			let { class: e, ...t } = n;
-			return t;
-		}));
-		return (t, i) => (h(), a(_(E), f(_(r), { class: _(e)("flex cursor-default items-center justify-center py-1", n.class) }), {
-			default: v(() => [g(t.$slots, "default", {}, () => [l(_(N), { class: "h-4 w-4" })])]),
-			_: 3
-		}, 16, ["class"]));
-	}
-});
-//#endregion
-export { L as a, R as i, H as n, I as o, V as r, F as s, U as t };

package/dist/SelectSeparator-4QGephvr.js

@@ -1,49 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { computed as t, createBlock as n, defineComponent as r, mergeProps as i, normalizeClass as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
-import { SelectLabel as u, SelectSeparator as d } from "reka-ui";
-//#endregion
-//#region src/components/select/SelectLabel.vue
-var f = /* @__PURE__ */ r({
-	__name: "SelectLabel",
-	props: {
-		for: {},
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let r = t;
-		return (t, i) => (o(), n(c(u), { class: a(c(e)("py-1.5 pl-8 pr-2 text-dropdown-secondary font-semibold", r.class)) }, {
-			default: l(() => [s(t.$slots, "default")]),
-			_: 3
-		}, 8, ["class"]));
-	}
-}), p = /* @__PURE__ */ r({
-	__name: "SelectSeparator",
-	props: {
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(r) {
-		let a = r, s = t(() => {
-			let { class: e, ...t } = a;
-			return t;
-		});
-		return (t, r) => (o(), n(c(d), i(s.value, { class: c(e)("-mx-1 my-1 h-px bg-[color-mix(in_srgb,var(--foreground)_12%,transparent)]", a.class) }), null, 16, ["class"]));
-	}
-});
-//#endregion
-export { f as n, p as t };

package/dist/Separator-DqJ6PfOd.js

@@ -1,44 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { computed as t, createBlock as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, openBlock as c, toDisplayString as l, unref as u } from "vue";
-import { Separator as d } from "reka-ui";
-//#region src/components/separator/Separator.vue?vue&type=script&setup=true&lang.ts
-var f = ["aria-orientation", "aria-label"], p = { class: "text-mono-caption text-muted-foreground bg-background shrink-0 px-1.5 rounded-sm" }, m = /* @__PURE__ */ a({
-	__name: "Separator",
-	props: {
-		orientation: {},
-		decorative: { type: Boolean },
-		asChild: { type: Boolean },
-		as: {},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		label: {}
-	},
-	setup(a) {
-		let m = a, h = t(() => m.orientation === "vertical"), g = t(() => {
-			let { class: e, label: t, ...n } = m;
-			return n;
-		}), _ = t(() => e("shrink-0 bg-(--separator-ink)", h.value ? "w-px flex-1" : "h-px flex-1"));
-		return (t, a) => m.label ? (c(), r("div", {
-			key: 0,
-			"data-slot": "separator",
-			role: "separator",
-			"aria-orientation": h.value ? "vertical" : "horizontal",
-			"aria-label": m.label,
-			class: s(u(e)("flex items-center", h.value ? "flex-col w-px h-full gap-2" : "flex-row w-full gap-3", m.class))
-		}, [
-			i("span", { class: s(_.value) }, null, 2),
-			i("span", p, l(m.label), 1),
-			i("span", { class: s(_.value) }, null, 2)
-		], 10, f)) : (c(), n(u(d), o({
-			key: 1,
-			"data-slot": "separator"
-		}, g.value, { class: u(e)("shrink-0 bg-(--separator-ink)", h.value ? "w-px h-full" : "h-px w-full", m.class) }), null, 16, ["class"]));
-	}
-});
-//#endregion
-export { m as t };

package/dist/Surface-BWRfwyn8.js

@@ -1,59 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./useSurfaceAxis-DudiZVOR.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 { Primitive as u } from "reka-ui";
-//#endregion
-//#region src/components/surface/Surface.vue
-var d = /* @__PURE__ */ i({
-	inheritAttrs: !1,
-	__name: "Surface",
-	props: {
-		tier: { default: "resting" },
-		surface: { default: "glass" },
-		deep: {
-			type: Boolean,
-			default: !1
-		},
-		shadow: {
-			type: Boolean,
-			default: !1
-		},
-		grain: {
-			type: Boolean,
-			default: !1
-		},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		asChild: { type: Boolean },
-		as: { default: "div" }
-	},
-	setup(i) {
-		let d = i, f = n(() => d.deep ? "glass-floating glass-deep" : `glass-${d.tier}`);
-		return (n, p) => (o(), r(c(u), a({
-			as: i.as,
-			"as-child": i.asChild,
-			"data-slot": "surface",
-			"data-tier": i.tier,
-			"data-surface": i.surface,
-			"data-grain": i.grain,
-			class: c(e)(f.value, c(t)(i.surface), i.shadow && i.surface !== "veil" && "shadow-card", !i.grain && "[&::after]:hidden", d.class)
-		}, n.$attrs), {
-			default: l(() => [s(n.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"as",
-			"as-child",
-			"data-tier",
-			"data-surface",
-			"data-grain",
-			"class"
-		]));
-	}
-});
-//#endregion
-export { d as t };

package/dist/Switch-BPBfhMU3.js

@@ -1,49 +0,0 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { n as t } from "./useControlSize-DJwe-7ZQ.js";
-import { computed as n, createBlock as r, createVNode as i, defineComponent as a, mergeProps as o, normalizeClass as s, openBlock as c, unref as l, withCtx as u } from "vue";
-import { SwitchRoot as d, SwitchThumb as f, useForwardPropsEmits as p } from "reka-ui";
-//#endregion
-//#region src/components/switch/Switch.vue
-var m = /* @__PURE__ */ a({
-	__name: "Switch",
-	props: {
-		defaultValue: {},
-		modelValue: {},
-		disabled: { type: Boolean },
-		id: {},
-		value: {},
-		trueValue: {},
-		falseValue: {},
-		asChild: { type: Boolean },
-		as: {},
-		name: {},
-		required: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		size: {}
-	},
-	emits: ["update:modelValue"],
-	setup(a, { emit: m }) {
-		let h = a, g = m, _ = p(n(() => {
-			let { class: e, size: t, ...n } = h;
-			return n;
-		}), g);
-		return (n, a) => (c(), r(l(d), o({ "data-slot": "switch" }, l(_), { class: l(e)("[--switch-track-h:calc(var(--control-h-md)*0.6)] [--switch-thumb:calc(var(--switch-track-h)-0.25rem)] [--switch-track-w:calc(var(--switch-track-h)*11/6)] [--switch-throw:calc(var(--switch-track-w)-var(--switch-thumb)-0.25rem)]", "glass-wash glass-specular-track focus-ring peer relative touch-hit-area inline-flex h-(--switch-track-h) w-(--switch-track-w) 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-(--glass-bg-wash)", l(t)(h.size), h.class) }), {
-			default: u(() => [i(l(f), {
-				class: s(l(e)("pointer-events-none block size-(--switch-thumb) rounded-pill bg-card ring-0 data-[state=checked]:translate-x-(--switch-throw) data-[state=unchecked]:translate-x-0")),
-				style: {
-					"box-shadow": "var(--shadow-md), var(--glass-highlight)",
-					transition: "translate var(--spring-snappy-duration) var(--spring-snappy)"
-				}
-			}, null, 8, ["class"])]),
-			_: 1
-		}, 16, ["class"]));
-	}
-});
-//#endregion
-export { m as t };