@mkbabb/glass-ui 7.0.0 → 9.0.0

package/dist/{toast-CH5mnsYT.js → toast-9c6Kp58L.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./class-names-Cpy5eaBk.js";
-import { t } from "./resolveSurfaceClass-DCZ4PZcy.js";
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { t } from "./resolve-DdrNvBby.js";
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useAttrs as b, withCtx as x } from "vue";
 import { ToastAction as S, ToastClose as C, ToastDescription as w, ToastPortal as T, ToastProvider as E, ToastRoot as D, ToastTitle as O, ToastViewport as k, useForwardPropsEmits as A } from "reka-ui";
 import { X as j } from "@lucide/vue";
@@ -42,8 +42,9 @@ var M = /* @__PURE__ */ u({
 			"data-slot": "toast",
 			"data-tone": n.tone,
 			"data-surface": n.surface,
-			"data-reveal": "transient"
-		}, y(c), { class: y(e)(y(t)("floating"), "glass-reveal [--overlay-pad-inline:--spacing(6)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-panel px-(--overlay-pad-inline) py-(--overlay-pad-block) pr-8 data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--reka-toast-swipe-end-x) data-[swipe=move]:translate-x-(--reka-toast-swipe-move-x) data-[swipe=move]:transition-none", "text-foreground", {
+			"data-reveal": "overlay",
+			"data-corner": "top-left"
+		}, y(c), { class: y(e)(y(t)("floating"), "glass-reveal glass-vaporize glass-corner-host [--corner-affordance-host-border:1px] [--overlay-pad-inline:--spacing(6)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] group pointer-events-auto relative flex w-full items-center justify-between space-x-4 rounded-card px-(--overlay-pad-inline) py-(--overlay-pad-block) data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--reka-toast-swipe-end-x) data-[swipe=move]:translate-x-(--reka-toast-swipe-move-x) data-[swipe=move]:transition-none", "text-foreground", {
 			"feedback-tone [&_svg]:text-(--tone)": n.tone !== "neutral",
 			"feedback-tone-destructive": n.tone === "destructive",
 			"feedback-tone-success": n.tone === "success",
@@ -74,7 +75,7 @@ var M = /* @__PURE__ */ u({
 		let n = t;
 		return (t, r) => (p(), i(y(S), {
 			"alt-text": n.altText,
-			class: f(y(e)("focus-ring inline-flex h-[calc(2rem*var(--ui-scale))] shrink-0 items-center justify-center rounded-button border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary disabled:pointer-events-none disabled:opacity-disabled group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground", n.class))
+			class: f(y(e)("focus-ring inline-flex h-[calc(2rem*var(--ui-scale))] shrink-0 items-center justify-center rounded-button border bg-transparent px-3 text-small font-medium transition-colors hover:bg-secondary disabled:pointer-events-none disabled:opacity-disabled group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground", n.class))
 		}, {
 			default: x(() => [g(t.$slots, "default")]),
 			_: 3
@@ -93,10 +94,10 @@ var M = /* @__PURE__ */ u({
 		let n = t, a = b(), o = r(() => a["aria-label"] ?? "Dismiss");
 		return (t, r) => (p(), i(y(C), {
 			"aria-label": o.value,
-			class: f(y(e)("focus-ring absolute right-2 top-2 rounded-button p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 group-hover:opacity-100", n.class))
+			class: f(y(e)("glass-corner-affordance focus-ring", n.class))
 		}, {
 			default: x(() => [l(y(j), {
-				class: "h-4 w-4",
+				class: "h-3 w-3",
 				"aria-hidden": "true"
 			})]),
 			_: 1
@@ -113,7 +114,7 @@ var M = /* @__PURE__ */ u({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (p(), i(y(w), { class: f(y(e)("text-sm opacity-90", n.class)) }, {
+		return (t, r) => (p(), i(y(w), { class: f(y(e)("text-small opacity-90", n.class)) }, {
 			default: x(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 8, ["class"]));
@@ -129,65 +130,52 @@ var M = /* @__PURE__ */ u({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (p(), i(y(O), { class: f(y(e)("text-sm font-semibold", n.class)) }, {
+		return (t, r) => (p(), i(y(O), { class: f(y(e)("text-small font-semibold", n.class)) }, {
 			default: x(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 8, ["class"]));
 	}
-}), L = 5, R = 1e6, z = /* @__PURE__ */ new Map();
+}), L = 5, R = m([]), z = r(() => R.value);
 function B(e) {
-	if (z.has(e)) return;
-	let t = setTimeout(() => {
-		z.delete(e), U({
-			type: "REMOVE_TOAST",
-			toastId: e
-		});
-	}, R);
-	z.set(e, t);
-}
-var V = m([]), H = r(() => V.value);
-function U(e) {
 	switch (e.type) {
 		case "ADD_TOAST":
-			V.value = [e.toast, ...V.value].slice(0, L);
+			R.value = [e.toast, ...R.value].slice(0, L);
 			break;
 		case "UPDATE_TOAST":
-			V.value = V.value.map((t) => t.id === e.toast.id ? {
+			R.value = R.value.map((t) => t.id === e.toast.id ? {
 				...t,
 				...e.toast
 			} : t);
 			break;
 		case "DISMISS_TOAST": {
 			let { toastId: t } = e;
-			t ? B(t) : V.value.forEach((e) => {
-				B(e.id);
-			}), V.value = V.value.map((e) => e.id === t || t === void 0 ? {
+			R.value = R.value.map((e) => e.id === t || t === void 0 ? {
 				...e,
 				open: !1
 			} : e);
 			break;
 		}
 		case "REMOVE_TOAST":
-			e.toastId === void 0 ? V.value = [] : V.value = V.value.filter((t) => t.id !== e.toastId);
+			e.toastId === void 0 ? R.value = [] : R.value = R.value.filter((t) => t.id !== e.toastId);
 			break;
 	}
 }
-var W = 0;
-function G() {
-	return W = (W + 1) % Number.MAX_VALUE, W.toString();
+var V = 0;
+function H() {
+	return V = (V + 1) % Number.MAX_VALUE, V.toString();
 }
-function K(e) {
-	let t = G(), n = (e) => U({
+function U(e) {
+	let t = H(), n = (e) => B({
 		type: "UPDATE_TOAST",
 		toast: {
 			...e,
 			id: t
 		}
-	}), r = () => U({
+	}), r = () => B({
 		type: "DISMISS_TOAST",
 		toastId: t
 	});
-	return U({
+	return B({
 		type: "ADD_TOAST",
 		toast: {
 			...e,
@@ -203,44 +191,58 @@ function K(e) {
 		update: n
 	};
 }
-function q() {
+function W() {
 	return {
-		toast: K,
-		dismiss: (e) => U({
+		toast: U,
+		dismiss: (e) => B({
 			type: "DISMISS_TOAST",
 			toastId: e
 		})
 	};
 }
-function J() {
-	return H;
+function G() {
+	return z;
+}
+function K(e) {
+	B({
+		type: "REMOVE_TOAST",
+		toastId: e
+	});
 }
 //#endregion
 //#region src/components/toast/Toaster.vue?vue&type=script&setup=true&lang.ts
-var Y = { class: "grid gap-1" }, X = "fixed top-0 z-toast flex max-h-screen w-full", Z = "p-4", Q = "md:max-w-[420px]", $ = /* @__PURE__ */ u({
+var q = { class: "grid gap-1" }, J = "fixed top-0 z-toast flex max-h-screen w-full", Y = "p-4", X = "md:max-w-[420px]", Z = /* @__PURE__ */ u({
 	__name: "Toaster",
 	props: { position: { default: "bottom-right" } },
 	setup(t) {
-		let u = t, m = J();
+		let u = t, m = G();
 		function g(e) {
 			let { id: t, title: n, description: r, action: i, ...a } = e;
 			return a;
 		}
-		let b = {
+		let b = /* @__PURE__ */ new Set([
+			"glass-vaporize-saturate",
+			"glass-vaporize-panel",
+			"glass-vaporize-blur"
+		]);
+		function S(e, t) {
+			t.target === t.currentTarget && b.has(t.animationName) && K(e);
+		}
+		let C = {
 			"bottom-right": ["flex-col-reverse", "sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col"],
 			"bottom-left": ["flex-col-reverse", "sm:bottom-0 sm:left-0 sm:top-auto sm:flex-col"],
 			"bottom-center": ["flex-col-reverse", "sm:bottom-0 sm:left-1/2 sm:top-auto sm:-translate-x-1/2 sm:flex-col"],
 			"top-right": ["right-0 flex-col", ""],
 			"top-left": ["left-0 flex-col", ""],
 			"top-center": ["left-1/2 -translate-x-1/2 flex-col", ""]
-		}, S = r(() => {
-			let [t, n] = b[u.position];
-			return e(X, t, Z, n, Q);
+		}, w = r(() => {
+			let [t, n] = C[u.position];
+			return e(J, t, Y, n, X);
 		});
 		return (e, t) => (p(), i(y(E), null, {
-			default: x(() => [(p(!0), o(n, null, h(y(m), (e) => (p(), i(M, d({ key: e.id }, { ref_for: !0 }, g(e)), {
+			default: x(() => [(p(!0), o(n, null, h(y(m), (e) => (p(), i(M, d({ key: e.id }, { ref_for: !0 }, g(e), { onAnimationend: (t) => S(e.id, t) }), {
 				default: x(() => [
-					s("div", Y, [e.title ? (p(), i(I, { key: 0 }, {
+					s("div", q, [e.title ? (p(), i(I, { key: 0 }, {
 						default: x(() => [c(v(e.title), 1)]),
 						_: 2
 					}, 1024)) : a("", !0), e.description ? (p(), i(F, { key: 1 }, {
@@ -251,9 +253,9 @@ var Y = { class: "grid gap-1" }, X = "fixed top-0 z-toast flex max-h-screen w-fu
 					l(P)
 				]),
 				_: 2
-			}, 1040))), 128)), l(y(T), null, {
+			}, 1040, ["onAnimationend"]))), 128)), l(y(T), null, {
 				default: x(() => [l(y(k), {
-					class: f(S.value),
+					class: f(w.value),
 					"aria-live": "polite",
 					"aria-atomic": "false"
 				}, null, 8, ["class"])]),
@@ -264,4 +266,4 @@ var Y = { class: "grid gap-1" }, X = "fixed top-0 z-toast flex max-h-screen w-fu
 	}
 });
 //#endregion
-export { F as a, M as c, I as i, K as n, P as o, q as r, N as s, $ as t };
+export { F as a, M as c, I as i, U as n, P as o, W as r, N as s, Z as t };

package/dist/toast.d.ts

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

package/dist/toast.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./toast-CH5mnsYT.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./toast-9c6Kp58L.js";
 export { t as Toast, o as ToastAction, i as ToastClose, e as ToastDescription, n as ToastTitle, s as Toaster, r as toast, a as useToast };

package/dist/toggle-group-DUcmKnDw.js

@@ -0,0 +1,125 @@
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { t } from "./control-DJp15L4U.js";
+import { t as n } from "./createContext-BhkE9mLH.js";
+import { t as r } from "./useSelectionGroup-zsEwitF6.js";
+import { computed as i, createElementBlock as a, defineComponent as o, mergeModels as s, mergeProps as c, onBeforeUnmount as l, onMounted as u, openBlock as d, ref as f, renderSlot as p, shallowRef as m, triggerRef as h, unref as g, useModel as _ } from "vue";
+//#region src/components/toggle-group/context.ts
+var v = n("glass-ui:toggle-group");
+function y(e) {
+	v.provide(e);
+}
+var b = v.use, x = [
+	"role",
+	"data-type",
+	"data-size",
+	"data-orientation"
+], S = /* @__PURE__ */ o({
+	name: "ToggleGroup",
+	__name: "ToggleGroup",
+	props: /*@__PURE__*/ s({
+		type: {},
+		orientation: { default: "horizontal" },
+		size: { default: "md" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		invalid: { type: Boolean },
+		disabled: { type: Boolean }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(n) {
+		let o = n, s = _(n, "modelValue"), l = f(null), u = m([]);
+		function v(e) {
+			return [...e].sort((e, t) => {
+				if (!e.el || !t.el) return 0;
+				let n = e.el.compareDocumentPosition(t.el);
+				return n & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+			});
+		}
+		let b = i(() => v(u.value)), S = i(() => b.value.map((e) => ({
+			value: e.value,
+			disabled: e.disabled()
+		}))), C = i(() => b.value.map((e) => e.el).filter((e) => !!e)), w = r({
+			options: S,
+			model: s,
+			mode: i(() => o.type),
+			vertical: i(() => o.orientation === "vertical"),
+			activation: i(() => o.type === "single" ? "automatic" : "manual"),
+			containerRef: l,
+			buttonRefs: C
+		});
+		return y({
+			register(e) {
+				u.value.push(e), h(u);
+			},
+			unregister(e) {
+				let t = u.value.indexOf(e);
+				t >= 0 && u.value.splice(t, 1), h(u);
+			},
+			isSelected: (e) => w.isSelected(e),
+			itemAttrs: (e) => w.itemAttrs(e),
+			tabindex: (e) => w.rovingTabindex(b.value.indexOf(e)),
+			select: (e) => w.select(e.value, b.value.indexOf(e)),
+			disabled: i(() => o.disabled ?? !1)
+		}), (n, r) => (d(), a("div", c({
+			ref_key: "containerRef",
+			ref: l,
+			"data-slot": "toggle-group",
+			class: g(e)("toggle-group", o.class),
+			role: g(w).groupRole.value,
+			"data-type": o.type,
+			"data-size": o.size,
+			"data-orientation": o.orientation
+		}, g(t)(o.invalid), { onKeydown: r[0] ||= (...e) => g(w).onKeydown && g(w).onKeydown(...e) }), [p(n.$slots, "default")], 16, x));
+	}
+}), C = [
+	"data-state",
+	"disabled",
+	"tabindex"
+], w = /* @__PURE__ */ o({
+	name: "ToggleGroupItem",
+	__name: "ToggleGroupItem",
+	props: {
+		value: {},
+		disabled: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		let n = t, r = f(null), o = b(), s = {
+			get value() {
+				return n.value;
+			},
+			disabled: () => n.disabled === !0 || (o?.disabled.value ?? !1),
+			el: null
+		};
+		u(() => {
+			s.el = r.value, o?.register(s);
+		}), l(() => o?.unregister(s));
+		let m = i(() => o?.isSelected(n.value) ?? !1), h = i(() => s.disabled());
+		return (t, i) => (d(), a("button", c({
+			ref_key: "el",
+			ref: r,
+			type: "button",
+			"data-slot": "toggle-group-item",
+			class: g(e)("toggle-group__item control-surface glass-control-edge glass-capsule-hover tap-squish focus-ring", n.class),
+			"data-state": m.value ? "on" : "off",
+			disabled: h.value || void 0,
+			tabindex: g(o)?.tabindex(s) ?? 0
+		}, g(o)?.itemAttrs(n.value), { onClick: i[0] ||= (e) => g(o)?.select(s) }), [p(t.$slots, "indicator", { selected: m.value }), p(t.$slots, "default")], 16, C));
+	}
+});
+//#endregion
+export { S as n, w as t };

package/dist/toggle-group.d.ts

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

package/dist/toggle-group.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./toggle-group-O6jBo7AE.js";
+import { n as e, t } from "./toggle-group-DUcmKnDw.js";
 export { e as ToggleGroup, t as ToggleGroupItem };

package/dist/tokens.d.ts

@@ -1 +1 @@
-export * from "./styles/tokens";
+export * from "./styles/tokens.js";

package/dist/tokens.js

@@ -24,10 +24,10 @@ var e = [
 		"--glass-depth",
 		"--glass-accent",
 		"--glass-accent-strength",
-		"--glass-opacity-quiet",
-		"--glass-opacity-resting",
-		"--glass-opacity-floating",
-		"--glass-opacity-overlay"
+		"--glass-veil-ink",
+		"--glass-veil-base",
+		"--glass-veil-step",
+		"--glass-saturate"
 	],
 	type: [
 		"--font-stack-text",
@@ -46,8 +46,7 @@ var e = [
 		"--control-h-lg",
 		"--overlay-pad-inline",
 		"--overlay-pad-block",
-		"--card-pad-inline",
-		"--card-pad-block"
+		"--card-pad"
 	],
 	radius: [
 		"--radius",
@@ -56,7 +55,7 @@ var e = [
 		"--radius-2xl",
 		"--radius-pill",
 		"--radius-card",
-		"--radius-input",
+		"--radius-media",
 		"--radius-button"
 	],
 	shadow: [
@@ -73,9 +72,12 @@ var e = [
 		"--duration-fast",
 		"--duration-normal",
 		"--duration-slow",
-		"--spring-smooth",
-		"--spring-snappy",
-		"--spring-bouncy",
+		"--spring-press",
+		"--spring-present",
+		"--spring-dock",
+		"--spring-panel",
+		"--spring-bloom",
+		"--spring-world",
 		"--ease-standard",
 		"--ease-out"
 	],

package/dist/tooltip-BKk2qVDn.js

@@ -0,0 +1,142 @@
+import { t as e } from "./content-CWO-XL7o.js";
+import { t } from "./participation-Di4UHbzk.js";
+import { computed as n, createBlock as r, createVNode as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, unref as l, useAttrs as u, withCtx as d } from "vue";
+import { TooltipContent as f, TooltipPortal as p, TooltipProvider as m, TooltipRoot as h, TooltipTrigger as g } from "reka-ui";
+//#endregion
+//#region src/components/tooltip/Tooltip.vue
+var _ = /* @__PURE__ */ a({
+	name: "Tooltip",
+	inheritAttrs: !1,
+	__name: "Tooltip",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		delayDuration: {},
+		disabled: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, i) => (s(), r(l(h), {
+			"data-slot": "tooltip",
+			open: e.open,
+			"default-open": e.defaultOpen,
+			"delay-duration": e.delayDuration,
+			disabled: e.disabled,
+			"onUpdate:open": i[0] ||= (e) => n("update:open", e)
+		}, {
+			default: d(() => [c(t.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"open",
+			"default-open",
+			"delay-duration",
+			"disabled"
+		]));
+	}
+}), v = /* @__PURE__ */ a({
+	name: "TooltipContent",
+	inheritAttrs: !1,
+	__name: "TooltipContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		side: { default: "top" },
+		sideOffset: { default: 4 },
+		align: { default: "center" },
+		alignOffset: { default: 0 }
+	},
+	emits: ["escapeKeyDown", "pointerDownOutside"],
+	setup(a, { emit: m }) {
+		let h = a, g = m, _ = u(), v = n(() => ({ ..._ })), y = n(() => ({
+			side: h.side,
+			sideOffset: h.sideOffset,
+			align: h.align,
+			alignOffset: h.alignOffset,
+			avoidCollisions: !0
+		})), b = t(), x = n(() => e({
+			role: "hint",
+			slot: "tooltip-content",
+			dock: b.portalAttrs.value,
+			class: ["z-tooltip", h.class]
+		}));
+		return (e, t) => (s(), r(l(p), null, {
+			default: d(() => [i(l(f), o({
+				...y.value,
+				...v.value,
+				...x.value
+			}, {
+				onEscapeKeyDown: t[0] ||= (e) => g("escapeKeyDown", e),
+				onPointerDownOutside: t[1] ||= (e) => g("pointerDownOutside", e)
+			}), {
+				default: d(() => [c(e.$slots, "default")]),
+				_: 3
+			}, 16)]),
+			_: 3
+		}));
+	}
+}), y = /* @__PURE__ */ a({
+	name: "TooltipTrigger",
+	inheritAttrs: !1,
+	__name: "TooltipTrigger",
+	props: {
+		asChild: {
+			type: Boolean,
+			default: !1
+		},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e, i = u(), a = n(() => {
+			let { as: e, reference: n, ...r } = i;
+			return t.asChild ? r : {
+				...r,
+				type: "button"
+			};
+		});
+		return (n, i) => (s(), r(l(g), o(a.value, {
+			as: "button",
+			"as-child": e.asChild,
+			class: t.class
+		}), {
+			default: d(() => [c(n.$slots, "default")]),
+			_: 3
+		}, 16, ["as-child", "class"]));
+	}
+}), b = /* @__PURE__ */ a({
+	name: "TooltipProvider",
+	inheritAttrs: !1,
+	__name: "TooltipProvider",
+	props: {
+		delayDuration: { default: 700 },
+		skipDelayDuration: { default: 300 }
+	},
+	setup(e) {
+		return (t, n) => (s(), r(l(m), {
+			"delay-duration": e.delayDuration,
+			"skip-delay-duration": e.skipDelayDuration
+		}, {
+			default: d(() => [c(t.$slots, "default")]),
+			_: 3
+		}, 8, ["delay-duration", "skip-delay-duration"]));
+	}
+});
+//#endregion
+export { _ as i, y as n, v as r, b as t };

package/dist/tooltip.d.ts

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

package/dist/tooltip.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./tooltip-Drx5qnw_.js";
+import { i as e, n as t, r as n, t as r } from "./tooltip-BKk2qVDn.js";
 export { e as Tooltip, n as TooltipContent, r as TooltipProvider, t as TooltipTrigger };

package/dist/typewriter.d.ts

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

package/dist/typewriter.js

@@ -752,18 +752,7 @@ var X = { class: "tw-root" }, Z = { class: "sr-only tw-accessible" }, Q = {
 	props: {
 		text: { default: void 0 },
 		words: { default: void 0 },
-		ngramSize: { default: () => ({
-			min: 1,
-			max: 3
-		}) },
 		baseSpeed: { default: 150 },
-		variance: { default: .4 },
-		errorRate: { default: .015 },
-		firstAnimationSpeedFactor: { default: .6 },
-		maxCharsBeforeNotice: { default: 4 },
-		continueAfterTypoProbability: { default: .6 },
-		sequentialTypoDecay: { default: .3 },
-		correctionSpeedMultiplier: { default: .5 },
 		cursorVisible: {
 			type: Boolean,
 			default: !0
@@ -772,16 +761,13 @@ var X = { class: "tw-root" }, Z = { class: "sr-only tw-accessible" }, Q = {
 			type: Boolean,
 			default: !0
 		},
-		cursorChar: { default: "|" },
-		startDelay: { default: 0 },
 		loop: {
 			type: Boolean,
 			default: !1
 		},
 		pauseAfterType: { default: 3e3 },
 		pauseAfterDelete: { default: 800 },
-		deletingSpeed: { default: 70 },
-		respectReducedMotion: {
+		humanize: {
 			type: Boolean,
 			default: !0
 		}
@@ -795,23 +781,15 @@ var X = { class: "tw-root" }, Z = { class: "sr-only tw-accessible" }, Q = {
 		let d = e, m = c, y = Y({
 			text: d.text,
 			words: d.words,
-			ngramSize: d.ngramSize,
 			baseSpeed: d.baseSpeed,
-			variance: d.variance,
-			errorRate: d.errorRate,
-			firstAnimationSpeedFactor: d.firstAnimationSpeedFactor,
-			maxCharsBeforeNotice: d.maxCharsBeforeNotice,
-			continueAfterTypoProbability: d.continueAfterTypoProbability,
-			sequentialTypoDecay: d.sequentialTypoDecay,
-			correctionSpeedMultiplier: d.correctionSpeedMultiplier,
-			cursorVisible: d.cursorVisible,
-			cursorBlink: d.cursorBlink,
-			cursorChar: d.cursorChar,
 			loop: d.loop,
 			pauseAfterType: d.pauseAfterType,
 			pauseAfterDelete: d.pauseAfterDelete,
-			deletingSpeed: d.deletingSpeed,
-			respectReducedMotion: d.respectReducedMotion,
+			...d.humanize ? {} : {
+				variance: 0,
+				errorRate: 0,
+				ngramSize: 1
+			},
 			onComplete: () => m("complete"),
 			onWordComplete: (e) => m("wordComplete", e)
 		}), { displayText: b, startTyping: x, stopTyping: S, reset: C } = y, w = r(() => d.words && d.words.length > 0 ? y.currentWord.value.text : d.text ?? ""), T = r(() => d.words && d.words.length > 0 ? d.words.map((e) => e.text) : [d.text ?? ""]), E = r(() => A(b.value)), D = r(() => E.value.slice(0, -1).join("")), O = r(() => E.value.length > 0 ? E.value[E.value.length - 1] : null), k = /* @__PURE__ */ new Set();
@@ -831,7 +809,7 @@ var X = { class: "tw-root" }, Z = { class: "sr-only tw-accessible" }, Q = {
 			}
 			j(() => {
 				m("start"), x();
-			}, d.startDelay);
+			}, 0);
 		}
 		return v(y.reducedMotion, (e) => {
 			e && k.size > 0 && N();
@@ -863,12 +841,12 @@ var X = { class: "tw-root" }, Z = { class: "sr-only tw-accessible" }, Q = {
 			o("span", Q, [o("span", null, g(D.value), 1), O.value === null ? e.cursorVisible ? (p(), a("span", {
 				key: 1,
 				class: l(["tw-cursor", { "tw-cursor--blink": e.cursorBlink && !_(y).isTyping.value }])
-			}, g(e.cursorChar), 3)) : i("", !0) : (p(), a("span", $, [s(g(O.value) + " ", 1), e.cursorVisible ? (p(), a("span", {
+			}, " | ", 2)) : i("", !0) : (p(), a("span", $, [s(g(O.value) + " ", 1), e.cursorVisible ? (p(), a("span", {
 				key: 0,
 				class: l(["tw-cursor", { "tw-cursor--blink": e.cursorBlink && !_(y).isTyping.value }])
-			}, g(e.cursorChar), 3)) : i("", !0)]))])
+			}, " | ", 2)) : i("", !0)]))])
 		]));
 	}
-}), [["__scopeId", "data-v-109a494c"]]);
+}), [["__scopeId", "data-v-5d7c7d10"]]);
 //#endregion
 export { y as DEFAULTS, B as DEFAULT_TYPO_CONFIG, j as PAUSE_PATTERNS, b as QWERTY_MAP, ee as TypewriterText, L as backspaceDelay, x as calculateKeyDelay, P as createCancellationToken, V as createTypoContext, O as getAdjacentKeys, N as getPauseDelay, H as nextTypoAction, R as pickNgramSize, k as pickTypoChar, z as randomInRange, F as sleep, I as stochasticDelay, Y as useTypewriter };