@mkbabb/glass-ui 7.0.0 → 9.0.0

package/dist/carousel.js

@@ -1,57 +1,65 @@
-import { t as e } from "./class-names-Cpy5eaBk.js";
+import { t as e } from "./class-names-q-UGOkHH.js";
 import { n as t } from "./useReducedMotion-vCXA_vyM.js";
-import { t as n } from "./button-Bu9F4uU6.js";
-import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, normalizeClass as p, onBeforeUnmount as m, onMounted as h, openBlock as g, ref as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, useModel as S, watch as C, withCtx as w } from "vue";
-import { ChevronDown as T, ChevronLeft as E, ChevronRight as D, ChevronUp as O } from "@lucide/vue";
-import { createInjectionState as k } from "@vueuse/core";
-import A from "embla-carousel-vue";
-var [j, M] = k(({ opts: e, orientation: t, plugins: n }, r) => {
-	let [i, a] = A({
-		duration: 30,
-		...e,
-		axis: t === "horizontal" ? "x" : "y"
-	}, n);
-	function o() {
-		a.value?.scrollPrev();
-	}
-	function s() {
-		a.value?.scrollNext();
-	}
-	let c = _(!1), l = _(!1);
-	function u(e) {
-		c.value = e?.canScrollNext() || !1, l.value = e?.canScrollPrev() || !1;
-	}
-	return h(() => {
-		a.value && (a.value?.on("init", u), a.value?.on("reInit", u), a.value?.on("select", u), r("init-api", a.value));
-	}), {
-		carouselRef: i,
-		carouselApi: a,
-		canScrollPrev: l,
-		canScrollNext: c,
-		scrollPrev: o,
-		scrollNext: s,
-		orientation: t
+import { t as n } from "./button-yvGPb0Bx.js";
+import { h as r, i, y as a } from "./deck-Ci6YjB5e.js";
+import { t as o } from "./useLeadTrail-DQWdpFN1.js";
+import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, inject as m, mergeModels as h, normalizeClass as g, onBeforeUnmount as _, onMounted as v, openBlock as y, provide as b, ref as x, renderSlot as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, useModel as E, watch as D, withCtx as O } from "vue";
+import { ChevronDown as k, ChevronLeft as A, ChevronRight as j, ChevronUp as M } from "@lucide/vue";
+//#region src/components/carousel/useCarousel.ts
+var N = Symbol("glass-carousel");
+function P(e, t, n) {
+	let i = x(0), o = x(null), s = a(i, {
+		initial: n.value,
+		axis: () => e.orientation ?? "horizontal",
+		onChange: (e, r) => {
+			n.value = e, t("change", e, r);
+		}
+	});
+	r({
+		strip: o,
+		deck: s
+	});
+	let c = {
+		deck: s,
+		viewport: o,
+		setCount: (e) => {
+			i.value = e;
+		},
+		get orientation() {
+			return e.orientation ?? "horizontal";
+		},
+		get projection() {
+			return e.projection ?? "none";
+		},
+		get pattern() {
+			return e.pattern ?? "group";
+		},
+		get panelIds() {
+			return e.panelIds;
+		}
 	};
-});
-function N() {
-	let e = M();
+	return b(N, c), c;
+}
+function F() {
+	let e = m(N, null);
 	if (!e) throw Error("useCarousel must be used within a <Carousel />");
 	return e;
 }
 //#endregion
 //#region src/components/carousel/Carousel.vue?vue&type=script&setup=true&lang.ts
-var P = [
+var I = [
+	"data-orientation",
 	"role",
 	"aria-roledescription",
 	"aria-label"
-], F = /* @__PURE__ */ u({
+], L = /* @__PURE__ */ p({
 	__name: "Carousel",
-	props: /*@__PURE__*/ d({
+	props: /*@__PURE__*/ h({
 		ariaLabel: {},
-		opts: {},
-		plugins: {},
 		orientation: { default: "horizontal" },
+		projection: { default: "none" },
+		pattern: { default: "group" },
+		panelIds: {},
 		class: { type: [
 			Boolean,
 			null,
@@ -63,128 +71,142 @@ var P = [
 		active: { default: 0 },
 		activeModifiers: {}
 	}),
-	emits: /*@__PURE__*/ d(["init-api"], ["update:active"]),
+	emits: /*@__PURE__*/ h(["change"], ["update:active"]),
 	setup(t, { expose: n, emit: r }) {
-		let a = t, o = i(() => a.ariaLabel?.trim() || void 0), c = r, l = S(t, "active"), { canScrollNext: u, canScrollPrev: d, carouselApi: f, carouselRef: m, orientation: h, scrollNext: _, scrollPrev: y } = j(a, c);
-		function b(e) {
-			let t = e.selectedScrollSnap();
-			e.previousScrollSnap() !== t && t !== l.value && (l.value = t);
-		}
-		C(f, (e) => {
-			e && (e.selectedScrollSnap() !== l.value && (l.value = e.selectedScrollSnap()), e.on("select", b), e.on("reInit", b));
-		}, { immediate: !0 }), C(l, (e) => {
-			let t = f.value;
-			!t || !Number.isInteger(e) || t.selectedScrollSnap() !== e && t.scrollTo(e);
-		}), n({
-			canScrollNext: u,
-			canScrollPrev: d,
-			carouselApi: f,
-			carouselRef: m,
-			orientation: h,
-			scrollNext: _,
-			scrollPrev: y
-		});
-		function w(e) {
-			let t = a.orientation === "vertical" ? "ArrowUp" : "ArrowLeft", n = a.orientation === "vertical" ? "ArrowDown" : "ArrowRight";
-			if (e.key === t) {
-				e.preventDefault(), y();
-				return;
-			}
-			e.key === n && (e.preventDefault(), _());
-		}
-		return (t, n) => (g(), s("div", {
+		let i = t, a = P(i, r, E(t, "active")), o = s(() => i.ariaLabel?.trim() || void 0);
+		return n({ deck: a.deck }), (n, r) => (y(), u("div", {
 			"data-slot": "carousel",
-			class: p(x(e)("relative", a.class)),
+			"data-orientation": t.orientation,
+			class: g(T(e)("relative", i.class)),
 			role: o.value ? "region" : void 0,
 			"aria-roledescription": o.value ? "carousel" : void 0,
-			"aria-label": o.value,
-			tabindex: "0",
-			onKeydown: w
-		}, [v(t.$slots, "default", {
-			canScrollNext: x(u),
-			canScrollPrev: x(d),
-			carouselApi: x(f),
-			carouselRef: x(m),
-			orientation: x(h),
-			scrollNext: x(_),
-			scrollPrev: x(y)
-		})], 42, P));
+			"aria-label": o.value
+		}, [S(n.$slots, "default", {
+			deck: T(a).deck,
+			index: T(a).deck.index.value,
+			canNext: T(a).deck.canNext.value,
+			canPrev: T(a).deck.canPrev.value,
+			orientation: t.orientation
+		})], 10, I));
 	}
-}), I = .035, L = .3, R = /*#__PURE__*/ r(/* @__PURE__ */ u({
-	inheritAttrs: !1,
+}), R = .035, z = .06, B = .08;
+function V(e, t) {
+	let n = Math.abs(e - t);
+	return n < 0 ? 0 : n > 1 ? 1 : n;
+}
+function H(e) {
+	return 1 - R * e;
+}
+function U(e, t = z, n = B) {
+	return o(e, t, n);
+}
+//#endregion
+//#region src/components/carousel/CarouselContent.vue?vue&type=script&setup=true&lang.ts
+var W = ["data-orientation", "data-projection"], G = /* @__PURE__ */ p({
 	__name: "CarouselContent",
-	props: {
-		arrival: {
-			type: Boolean,
-			default: !1
-		},
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
 	setup(n) {
-		let r = n, { carouselRef: i, carouselApi: a, orientation: o } = N(), l = _(null), u = t();
-		function d() {
+		let r = n, { deck: i, viewport: a, setCount: o, orientation: s, projection: c } = F(), l = t(), d = null;
+		function f() {
 			let e = a.value;
-			if (!e) return;
-			let t = e.slideNodes();
-			if (!r.arrival || u.value) {
-				for (let e of t) e.style.transform = "", e.style.opacity = "";
+			return e ? Array.from(e.children) : [];
+		}
+		function p() {
+			o(f().length);
+		}
+		function m() {
+			let e = f();
+			if (c === "none" || l.value) {
+				for (let t of e) t.style.removeProperty("--member-scale"), t.style.removeProperty("--member-lag");
 				return;
 			}
-			let n = e.scrollProgress(), i = e.scrollSnapList();
-			t.forEach((e, t) => {
-				let r = i[t] ?? n, a = Math.min(Math.abs(r - n) * (i.length - 1 || 1), 1);
-				e.style.transform = `scale(${(1 - I * a).toFixed(4)})`, e.style.opacity = (1 - L * a).toFixed(4);
+			let t = i.position.value, n = U(i.velocity.value), r = i.index.value;
+			e.forEach((e, i) => {
+				let a = c === "travel" || i === r, o = a ? V(i, t) : 1;
+				e.style.setProperty("--member-scale", H(o).toFixed(4)), e.style.setProperty("--member-lag", a ? n.toFixed(4) : "0");
 			});
 		}
-		let p = null;
-		function h() {
-			p &&= (p.off("scroll", d), p.off("reInit", d), p.off("init", d), null);
-		}
-		function y(e) {
-			p !== e && (h(), e && (p = e, e.on("scroll", d), e.on("reInit", d), e.on("init", d), d()));
-		}
-		return C(a, (e) => y(e), { immediate: !0 }), C([() => r.arrival, u], () => d()), m(() => {
-			h();
-		}), (t, n) => (g(), s("div", {
-			ref_key: "carouselRef",
-			ref: i,
+		return D([
+			() => i.position.value,
+			() => i.velocity.value,
+			l
+		], m), D(() => i.total.value, m), v(() => {
+			p(), m();
+			let e = a.value;
+			e && typeof MutationObserver < "u" && (d = new MutationObserver(() => {
+				p(), m();
+			}), d.observe(e, { childList: !0 }));
+		}), _(() => {
+			d?.disconnect(), d = null;
+		}), (t, n) => (y(), u("div", {
+			ref_key: "viewport",
+			ref: a,
 			"data-slot": "carousel-content",
-			class: "carousel-viewport overflow-hidden"
-		}, [c("div", f({
-			ref_key: "trackEl",
-			ref: l,
-			class: x(e)("carousel-track flex", x(o) === "horizontal" ? "-ml-4" : "-mt-4 flex-col", r.class)
-		}, t.$attrs), [v(t.$slots, "default", {}, void 0, !0)], 16)], 512));
+			"data-orientation": T(s),
+			"data-projection": T(c),
+			class: g(T(e)("carousel-strip", r.class))
+		}, [S(t.$slots, "default")], 10, W));
 	}
-}), [["__scopeId", "data-v-59f298d0"]]), z = /* @__PURE__ */ u({
+}), K = [
+	"id",
+	"data-state",
+	"data-orientation",
+	"role",
+	"aria-roledescription",
+	"aria-label",
+	"aria-hidden",
+	"inert",
+	"tabindex"
+], q = { class: "carousel-item-content" }, J = /* @__PURE__ */ p({
 	__name: "CarouselItem",
-	props: { class: { type: [
-		Boolean,
-		null,
-		String,
-		Object,
-		Array
-	] } },
+	props: {
+		index: {},
+		label: {},
+		id: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
 	setup(t) {
-		let n = t, { orientation: r } = N();
-		return (t, i) => (g(), s("div", {
+		let n = t, { deck: r, orientation: a, pattern: o } = F(), c = s(() => r.stateFor(n.index)), l = s(() => c.value === "active"), f = s(() => o === "tabs" && !!n.id);
+		return i({
+			index: s(() => n.index),
+			total: s(() => r.total.value),
+			active: l
+		}), (r, i) => (y(), u("div", {
+			id: t.id,
 			"data-slot": "carousel-item",
-			role: "group",
-			"aria-roledescription": "slide",
-			class: p(x(e)("min-w-0 shrink-0 grow-0 basis-full", x(r) === "horizontal" ? "pl-4" : "pt-4", n.class))
-		}, [v(t.$slots, "default")], 2));
+			"data-state": c.value,
+			"data-orientation": T(a),
+			role: f.value ? "tabpanel" : "group",
+			"aria-roledescription": f.value ? void 0 : "slide",
+			"aria-label": t.label,
+			"aria-hidden": l.value ? void 0 : "true",
+			inert: !l.value || void 0,
+			tabindex: f.value && l.value ? 0 : void 0,
+			class: g(T(e)("carousel-item", n.class))
+		}, [d("div", q, [S(r.$slots, "default", {
+			index: t.index,
+			active: l.value
+		})])], 10, K));
 	}
-}), B = {
+}), Y = {
 	key: 0,
 	"data-slot": "carousel-pager-counter",
+	role: "status",
+	"aria-live": "polite",
 	class: "glass-pager-ring text-mono-caption tabular-nums"
-}, V = /* @__PURE__ */ u({
+}, X = /* @__PURE__ */ p({
 	__name: "CarouselPager",
 	props: {
 		showCounter: {
@@ -200,52 +222,42 @@ var P = [
 		] }
 	},
 	setup(t) {
-		let r = t, { carouselApi: c, canScrollNext: u, canScrollPrev: d, orientation: f, scrollNext: m, scrollPrev: v } = N(), S = _(0), k = _(0);
-		function A() {
-			let e = c.value;
-			e && (S.value = e.selectedScrollSnap(), k.value = e.scrollSnapList().length);
-		}
-		C(c, (e) => {
-			e && (A(), e.on("select", A), e.on("reInit", A));
-		}, { immediate: !0 }), h(A);
-		let j = i(() => f === "vertical" ? O : E), M = i(() => f === "vertical" ? T : D);
-		return (i, c) => (g(), s("div", {
+		let r = t, { deck: i, orientation: a } = F(), o = s(() => a === "vertical" ? M : A), d = s(() => a === "vertical" ? k : j);
+		return (s, p) => (y(), u("div", {
 			"data-slot": "carousel-pager",
-			class: p(x(e)("inline-flex items-center gap-2", x(f) === "vertical" && "flex-col", r.class))
+			class: g(T(e)("inline-flex items-center gap-2", T(a) === "vertical" && "flex-col", r.class))
 		}, [
-			l(x(n), {
+			f(T(n), {
 				emphasis: "quiet",
 				iconOnly: "",
-				disabled: !x(d),
-				"aria-label": x(f) === "vertical" ? "Previous slide (up)" : "Previous slide",
+				disabled: !T(i).canPrev.value,
+				"aria-label": T(a) === "vertical" ? "Previous slide (up)" : "Previous slide",
 				"data-slot": "carousel-pager-prev",
-				onClick: x(v)
+				onClick: p[0] ||= (e) => T(i).prev()
 			}, {
-				default: w(() => [(g(), a(y(j.value), { class: "size-4" }))]),
+				default: O(() => [(y(), c(C(o.value), {
+					class: "size-4",
+					"aria-hidden": "true"
+				}))]),
 				_: 1
-			}, 8, [
-				"disabled",
-				"aria-label",
-				"onClick"
-			]),
-			t.showCounter && k.value > 0 ? (g(), s("span", B, b(S.value + 1) + " / " + b(k.value), 1)) : o("", !0),
-			l(x(n), {
+			}, 8, ["disabled", "aria-label"]),
+			t.showCounter && T(i).total.value > 0 ? (y(), u("span", Y, w(T(i).index.value + 1) + " / " + w(T(i).total.value), 1)) : l("", !0),
+			f(T(n), {
 				emphasis: "quiet",
 				iconOnly: "",
-				disabled: !x(u),
-				"aria-label": x(f) === "vertical" ? "Next slide (down)" : "Next slide",
+				disabled: !T(i).canNext.value,
+				"aria-label": T(a) === "vertical" ? "Next slide (down)" : "Next slide",
 				"data-slot": "carousel-pager-next",
-				onClick: x(m)
+				onClick: p[1] ||= (e) => T(i).next()
 			}, {
-				default: w(() => [(g(), a(y(M.value), { class: "size-4" }))]),
+				default: O(() => [(y(), c(C(d.value), {
+					class: "size-4",
+					"aria-hidden": "true"
+				}))]),
 				_: 1
-			}, 8, [
-				"disabled",
-				"aria-label",
-				"onClick"
-			])
+			}, 8, ["disabled", "aria-label"])
 		], 2));
 	}
 });
 //#endregion
-export { F as Carousel, R as CarouselContent, z as CarouselItem, V as CarouselPager, N as useCarousel };
+export { L as Carousel, G as CarouselContent, J as CarouselItem, X as CarouselPager, B as MEMBER_LAG_CEIL, z as MEMBER_LAG_TAU_S, R as MEMBER_SCALE_DROP, V as memberDistance, U as memberLag, H as memberScale, F as useCarousel, P as useProvideCarousel };

package/dist/checkbox-B1qn65se.js

@@ -0,0 +1,64 @@
+import { t as e } from "./control-DJp15L4U.js";
+import { computed as t, createBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, unref as l, withCtx as u } from "vue";
+import { CheckboxIndicator as d, CheckboxRoot as f, useForwardPropsEmits as p } from "reka-ui";
+import { Check as m, Minus as h } from "@lucide/vue";
+//#region src/components/checkbox/Checkbox.vue?vue&type=script&setup=true&lang.ts
+var g = {
+	class: "control-bit__face",
+	"aria-hidden": "true"
+}, _ = /* @__PURE__ */ a({
+	__name: "Checkbox",
+	props: {
+		modelValue: { type: [Boolean, String] },
+		defaultValue: { type: [Boolean, String] },
+		value: {},
+		id: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		invalid: { type: Boolean },
+		disabled: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(a, { emit: _ }) {
+		let v = a, y = _, b = p(t(() => {
+			let { class: e, invalid: t, ...n } = v;
+			return n;
+		}), y);
+		return (t, a) => (s(), n(l(f), o({
+			...l(b),
+			...l(e)(v.invalid)
+		}, {
+			"data-slot": "checkbox",
+			class: ["checkbox control-bit tap-squish", v.class]
+		}), {
+			default: u(({ state: e }) => [r("span", g, [i(l(d), {
+				"force-mount": "",
+				class: "control-bit__mark",
+				"aria-hidden": "true"
+			}, {
+				default: u(() => [c(t.$slots, "default", { state: e }, () => [e === "indeterminate" ? (s(), n(l(h), {
+					key: 0,
+					size: 12,
+					"stroke-width": 3
+				})) : (s(), n(l(m), {
+					key: 1,
+					size: 12,
+					"stroke-width": 3
+				}))])]),
+				_: 2
+			}, 1024)])]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { _ as t };

package/dist/checkbox.d.ts

@@ -0,0 +1 @@
+export * from "./components/checkbox/index.js";

package/dist/checkbox.js

@@ -0,0 +1,2 @@
+import { t as e } from "./checkbox-B1qn65se.js";
+export { e as Checkbox };

package/dist/chip.d.ts

@@ -1 +1 @@
-export * from "./components/chip";
+export * from "./components/chip/index.js";

package/dist/chip.js

@@ -1,2 +1,129 @@
-import { n as e, t } from "./chip-DFZQr6rV.js";
-export { t as Chip, e as chipVariants };
+import { n as e, t } from "./class-names-q-UGOkHH.js";
+import { t as n } from "./useAccentTone-DFAh1osB.js";
+import { computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, unref as d, useAttrs as f, watchEffect as p, withCtx as m } from "vue";
+import { Toggle as h } from "reka-ui";
+//#region src/components/chip/chipVariants.ts
+var g = "glass-chip glass-capsule accent-tone inline-flex items-center justify-center font-sans text-muted-foreground select-none", _ = "glass-chip--interactive glass-capsule-hover focus-ring cursor-pointer disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-disabled", v = {
+	sm: "gap-1 px-2.5 py-1 text-caption",
+	md: "gap-1.5 px-3.5 py-1.5 text-small",
+	lg: "gap-2 px-5 py-2 text-base"
+}, y = {
+	pill: "",
+	cell: "glass-chip--cell flex-col gap-1.5 px-2 py-2.5 text-micro",
+	icon: "glass-chip--icon aspect-square p-0"
+}, b = {
+	sm: "size-8",
+	md: "size-10",
+	lg: "size-12"
+};
+function x(t = {}) {
+	let n = t.size ?? "md", r = t.shape ?? "pill";
+	return e(g, t.interactive && _, v[n], y[r], r === "icon" && b[n], t.class, t.className);
+}
+//#endregion
+//#region src/components/chip/Chip.vue?vue&type=script&setup=true&lang.ts
+var S = [
+	"disabled",
+	"data-mode",
+	"data-shape",
+	"data-surface"
+], C = [
+	"data-mode",
+	"data-shape",
+	"data-surface",
+	"data-disabled"
+], w = { class: "glass-chip__content" }, T = ["aria-label", "disabled"], E = [
+	"data-mode",
+	"data-shape",
+	"data-surface"
+], D = /* @__PURE__ */ s({
+	name: "Chip",
+	inheritAttrs: !1,
+	__name: "Chip",
+	props: {
+		mode: {},
+		modelValue: { type: [Boolean, null] },
+		defaultValue: { type: Boolean },
+		disabled: { type: Boolean },
+		name: {},
+		required: {},
+		removeLabel: {},
+		shape: {},
+		size: {},
+		tone: {},
+		surface: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue", "remove"],
+	setup(e, { emit: s }) {
+		let g = e, _ = s, v = f(), y = r(() => g.mode ?? "static"), b = r(() => g.shape ?? "pill"), D = r(() => g.size ?? "md"), O = r(() => Object.fromEntries(Object.entries(v).filter(([e]) => e !== "style" && !/^(role|aria-pressed|data-state|name|required)$/i.test(e)))), k = r(() => Object.fromEntries(Object.entries(v).filter(([e]) => e !== "style" && !/^on/i.test(e) && !/^(role|tabindex|aria-pressed|data-state|name|required)$/i.test(e)))), { toneStyle: A } = n(() => g.tone ?? "var(--primary)"), j = r(() => t(x({
+			interactive: y.value === "selectable" || y.value === "action",
+			shape: b.value,
+			size: D.value
+		}), g.class)), M = r(() => g.tone === void 0 ? void 0 : {
+			...A.value,
+			"--glass-fill-tint": g.tone,
+			"--glass-fill-strength": "var(--chip-glass-strength, 12%)"
+		}), N = r(() => [M.value, v.style]);
+		return p(() => {
+			if (g.mode === "removable" && !g.removeLabel?.trim()) throw TypeError("[Chip] mode=\"removable\" requires a non-empty removeLabel.");
+		}), (t, n) => y.value === "selectable" ? (l(), i(d(h), c({ key: 0 }, O.value, {
+			"model-value": e.modelValue,
+			"default-value": e.defaultValue,
+			disabled: e.disabled,
+			class: j.value,
+			style: N.value,
+			"data-mode": y.value,
+			"data-shape": b.value,
+			"data-surface": e.surface,
+			"onUpdate:modelValue": n[0] ||= (e) => _("update:modelValue", e)
+		}), {
+			default: m(() => [u(t.$slots, "default")]),
+			_: 3
+		}, 16, [
+			"model-value",
+			"default-value",
+			"disabled",
+			"class",
+			"style",
+			"data-mode",
+			"data-shape",
+			"data-surface"
+		])) : y.value === "action" ? (l(), a("button", c({ key: 1 }, O.value, {
+			type: "button",
+			disabled: e.disabled,
+			class: j.value,
+			style: N.value,
+			"data-mode": y.value,
+			"data-shape": b.value,
+			"data-surface": e.surface
+		}), [u(t.$slots, "default")], 16, S)) : y.value === "removable" ? (l(), a("span", c({ key: 2 }, k.value, {
+			class: j.value,
+			style: N.value,
+			"data-mode": y.value,
+			"data-shape": b.value,
+			"data-surface": e.surface,
+			"data-disabled": e.disabled || void 0
+		}), [o("span", w, [u(t.$slots, "default")]), o("button", {
+			type: "button",
+			class: "glass-chip__remove focus-ring",
+			"aria-label": e.removeLabel,
+			disabled: e.disabled,
+			onClick: n[1] ||= (e) => _("remove", e)
+		}, [...n[2] ||= [o("span", { "aria-hidden": "true" }, "×", -1)]], 8, T)], 16, C)) : (l(), a("span", c({ key: 3 }, k.value, {
+			class: j.value,
+			style: N.value,
+			"data-mode": y.value,
+			"data-shape": b.value,
+			"data-surface": e.surface
+		}), [u(t.$slots, "default")], 16, E));
+	}
+});
+//#endregion
+export { D as Chip, x as chipVariants };

package/dist/{class-names-Cpy5eaBk.js → class-names-q-UGOkHH.js}

@@ -53,7 +53,21 @@ var n = [
 	["border-width", /^border(?:-x|-y|-t|-r|-b|-l|-s|-e)?(?:-\d+|-0|)$/],
 	["ring-color", /^ring-(?:[a-z]+-\d+|black|white|transparent)/],
 	["ring-width", /^ring(?:-\d+|-0|)$/],
-	["rounded", /^rounded(?:-(?:none|sm|md|lg|xl|2xl|3xl|full|t|r|b|l|tl|tr|bl|br))?$/],
+	["rounded-ss", /^rounded-ss(?:-.+)?$/],
+	["rounded-se", /^rounded-se(?:-.+)?$/],
+	["rounded-ee", /^rounded-ee(?:-.+)?$/],
+	["rounded-es", /^rounded-es(?:-.+)?$/],
+	["rounded-tl", /^rounded-tl(?:-.+)?$/],
+	["rounded-tr", /^rounded-tr(?:-.+)?$/],
+	["rounded-br", /^rounded-br(?:-.+)?$/],
+	["rounded-bl", /^rounded-bl(?:-.+)?$/],
+	["rounded-s", /^rounded-s(?:-.+)?$/],
+	["rounded-e", /^rounded-e(?:-.+)?$/],
+	["rounded-t", /^rounded-t(?:-.+)?$/],
+	["rounded-r", /^rounded-r(?:-.+)?$/],
+	["rounded-b", /^rounded-b(?:-.+)?$/],
+	["rounded-l", /^rounded-l(?:-.+)?$/],
+	["rounded", /^rounded(?:-.+)?$/],
 	["display", /^(block|inline-block|inline|flex|inline-flex|grid|inline-grid|table|hidden|contents|flow-root)$/],
 	["position", /^(static|fixed|absolute|relative|sticky)$/],
 	["overflow", /^overflow-(auto|hidden|clip|visible|scroll)$/],