@eos-ui/vue 0.0.0-stage → 0.1.1

package/dist/composables/useFieldAttrs.js

@@ -0,0 +1,21 @@
+import { useAttrs as e } from "vue";
+//#region src/composables/useFieldAttrs.ts
+function t() {
+	let t = e();
+	return {
+		wrapper: () => ({
+			class: t.class,
+			style: t.style
+		}),
+		input: (e) => {
+			let n = { ...t };
+			delete n.class, delete n.style;
+			let r = [e, n["aria-describedby"]].filter(Boolean).join(" ");
+			return r && (n["aria-describedby"] = r), n;
+		}
+	};
+}
+//#endregion
+export { t as useFieldAttrs };
+
+//# sourceMappingURL=useFieldAttrs.js.map

package/dist/composables/useFieldAttrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldAttrs.js","names":["useFieldAttrs","attrs","useAttrs","rest","joined","describedby"],"sources":["../../src/composables/useFieldAttrs.ts"],"sourcesContent":["import { useAttrs } from \"vue\";\n\n/**\n * Splits a form control's fallthrough attributes. `class` and `style` stay on the wrapper; everything else\n * (name, autocomplete, maxlength, aria-*, data-*, listeners such as onBlur and onKeydown) goes to the real input.\n * Use it with `defineOptions({ inheritAttrs: false })`.\n */\nexport function useFieldAttrs() {\n  const attrs = useAttrs();\n  return {\n    wrapper: () => ({ class: attrs.class, style: attrs.style }),\n    input: (describedby?: string | undefined): Record<string, unknown> => {\n      const rest = { ...attrs };\n      delete rest.class;\n      delete rest.style;\n      const joined = [describedby, rest[\"aria-describedby\"]].filter(Boolean).join(\" \");\n      if (joined) rest[\"aria-describedby\"] = joined;\n      return rest;\n    },\n  };\n}\n"],"mappings":";;AAOA,SAAgBA,IAAgB;CAC9B,IAAMC,IAAQC,EAAS;CACvB,OAAO;EACL,gBAAgB;GAAE,OAAOD,EAAM;GAAO,OAAOA,EAAM;EAAM;EACzD,QAAQ,MAA8D;GACpE,IAAME,IAAO,EAAE,GAAGF,EAAM;GAExB,AADA,OAAOE,EAAK,OACZ,OAAOA,EAAK;GACZ,IAAMC,IAAS,CAACC,GAAaF,EAAK,mBAAmB,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;GAE/E,OADIC,MAAQ,EAAK,sBAAsBA,IAChCD;EACT;CACF;AACF"}

package/dist/composables/useLocale.d.ts

@@ -0,0 +1,26 @@
+type Part = "month" | "day" | "year";
+/**
+ * Everything the date components need from the configured locale: month and weekday names (Sunday first),
+ * the first day of the week, the date order and separator, and formatting and parsing of dates and money.
+ * Reads `createEos({ locale })`, so changing the locale re-renders everything that uses it.
+ */
+export declare function useLocale(): {
+    locale: import('vue').ComputedRef<string>;
+    dir: import('vue').ComputedRef<"ltr" | "rtl">;
+    months: import('vue').ComputedRef<string[]>;
+    monthsShort: import('vue').ComputedRef<string[]>;
+    weekdays: import('vue').ComputedRef<string[]>;
+    weekdaysShort: import('vue').ComputedRef<string[]>;
+    weekStart: import('vue').ComputedRef<number>;
+    dateOrder: import('vue').ComputedRef<Part[]>;
+    dateSeparator: import('vue').ComputedRef<string>;
+    dateFormatLabel: () => string;
+    formatDate: (d: Date | null | undefined) => string;
+    parseDate: (s: string) => Date | null;
+    formatLong: (d: Date) => string;
+    formatMoney: (n: number, options?: {
+        locale?: string;
+        currency?: string;
+    }) => string;
+};
+export {};

package/dist/composables/useLocale.js

@@ -0,0 +1,144 @@
+import { useConfig as e, useMessages as t } from "../config.js";
+import { computed as n } from "vue";
+//#region src/composables/useLocale.ts
+var r = [
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
+], i = [
+	"Sunday",
+	"Monday",
+	"Tuesday",
+	"Wednesday",
+	"Thursday",
+	"Friday",
+	"Saturday"
+], a = /* @__PURE__ */ new Map();
+function o(e) {
+	let t = a.get(e);
+	if (t) return t;
+	let n;
+	try {
+		let t = (t, n, r) => {
+			let i = new Intl.DateTimeFormat(e, {
+				timeZone: "UTC",
+				...t
+			});
+			return Array.from({ length: n }, (e, t) => i.format(new Date(r(t))));
+		}, r = /^en/i.test(e), i = t({ month: "long" }, 12, (e) => Date.UTC(2021, e, 1)), a = t({ weekday: "long" }, 7, (e) => Date.UTC(2021, 7, 1 + e)), o = t({ weekday: "short" }, 7, (e) => Date.UTC(2021, 7, 1 + e)).map((e) => r ? e.slice(0, 2) : e), s = r ? i.map((e) => e.slice(0, 3)) : t({ month: "short" }, 12, (e) => Date.UTC(2021, e, 1)), c = new Intl.Locale(e), l = c.getWeekInfo ? c.getWeekInfo() : c.weekInfo, u = c.getTextInfo ? c.getTextInfo() : c.textInfo, d = new Intl.DateTimeFormat(e, {
+			year: "numeric",
+			month: "2-digit",
+			day: "2-digit",
+			timeZone: "UTC"
+		}).formatToParts(new Date(Date.UTC(2021, 10, 22))), f = d.filter((e) => e.type === "month" || e.type === "day" || e.type === "year").map((e) => e.type), p = d.filter((e) => e.type === "literal").map((e) => e.value.replace(/[‎‏؜]/g, "").trim()).find(Boolean);
+		n = {
+			months: i,
+			monthsShort: s,
+			weekdays: a,
+			weekdaysShort: o,
+			weekStart: l?.firstDay ? l.firstDay % 7 : 0,
+			order: f.length === 3 ? f : [
+				"month",
+				"day",
+				"year"
+			],
+			separator: p || "/",
+			rtl: u?.direction ? u.direction === "rtl" : /^(ar|he|fa|ur|yi|ps|sd|ug|dv)(-|$)/i.test(e),
+			long: new Intl.DateTimeFormat(e, {
+				weekday: "long",
+				month: "long",
+				day: "numeric",
+				year: "numeric"
+			})
+		};
+	} catch {
+		n = {
+			months: r,
+			monthsShort: r.map((e) => e.slice(0, 3)),
+			weekdays: i,
+			weekdaysShort: i.map((e) => e.slice(0, 2)),
+			weekStart: 0,
+			order: [
+				"month",
+				"day",
+				"year"
+			],
+			separator: "/",
+			rtl: !1,
+			long: null
+		};
+	}
+	return a.set(e, n), n;
+}
+var s = (e) => (e < 10 ? "0" : "") + e;
+function c(e) {
+	return e.replace(/[٠-٩]/g, (e) => String(e.charCodeAt(0) - 1632)).replace(/[۰-۹]/g, (e) => String(e.charCodeAt(0) - 1776));
+}
+function l() {
+	let r = e(), i = t(), a = n(() => o(r.locale));
+	function l(e) {
+		if (!e) return "";
+		let t = {
+			month: s(e.getMonth() + 1),
+			day: s(e.getDate()),
+			year: String(e.getFullYear()).padStart(4, "0")
+		};
+		return a.value.order.map((e) => t[e]).join(a.value.separator);
+	}
+	function u(e) {
+		let t = /^(\d{1,4})[/\-.\s]+(\d{1,2})[/\-.\s]+(\d{1,4})$/.exec(c(String(e)).trim());
+		if (!t) return null;
+		let n = [
+			t[1],
+			t[2],
+			t[3]
+		], r = {
+			month: 0,
+			day: 0,
+			year: 0
+		};
+		if (a.value.order.forEach((e, t) => r[e] = Number(n[t])), n[a.value.order.indexOf("year")].length !== 4) return null;
+		let i = new Date(r.year, r.month - 1, r.day, 12);
+		return i.getMonth() === r.month - 1 && i.getDate() === r.day ? i : null;
+	}
+	return {
+		locale: n(() => r.locale),
+		dir: n(() => r.dir ?? (a.value.rtl ? "rtl" : "ltr")),
+		months: n(() => a.value.months),
+		monthsShort: n(() => a.value.monthsShort),
+		weekdays: n(() => a.value.weekdays),
+		weekdaysShort: n(() => a.value.weekdaysShort),
+		weekStart: n(() => a.value.weekStart),
+		dateOrder: n(() => a.value.order),
+		dateSeparator: n(() => a.value.separator),
+		dateFormatLabel: () => i("dateFormat") || a.value.order.map((e) => e === "month" ? "MM" : e === "day" ? "DD" : "YYYY").join(a.value.separator),
+		formatDate: l,
+		parseDate: u,
+		formatLong: (e) => a.value.long ? a.value.long.format(e) : `${a.value.weekdays[e.getDay()]}, ${a.value.months[e.getMonth()]} ${e.getDate()}, ${e.getFullYear()}`,
+		formatMoney: (e, t = {}) => {
+			try {
+				return new Intl.NumberFormat(t.locale ?? r.locale, {
+					style: "currency",
+					currency: t.currency ?? r.currency,
+					minimumFractionDigits: 2,
+					maximumFractionDigits: 2
+				}).format(Number(e));
+			} catch {
+				return String(e);
+			}
+		}
+	};
+}
+//#endregion
+export { l as useLocale };
+
+//# sourceMappingURL=useLocale.js.map

package/dist/composables/useLocale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocale.js","names":["MONTHS","WEEKDAYS","cache","build","hit","locale","info","names","f","opts","count","at","i","english","months","weekdays","weekdaysShort","n","monthsShort","loc","week","text","parts","order","p","literal","pad2","asciiDigits","s","c","useLocale","config","useConfig","t","useMessages","computed","formatDate","d","v","parseDate","m","nums","options"],"sources":["../../src/composables/useLocale.ts"],"sourcesContent":["import { computed } from \"vue\";\nimport { useConfig, useMessages } from \"../config.js\";\n\ntype Part = \"month\" | \"day\" | \"year\";\n\ninterface LocaleInfo {\n  months: string[];\n  monthsShort: string[];\n  weekdays: string[];\n  weekdaysShort: string[];\n  weekStart: number;\n  order: Part[];\n  separator: string;\n  rtl: boolean;\n  long: Intl.DateTimeFormat | null;\n}\n\nconst MONTHS = [\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n];\nconst WEEKDAYS = [\"Sunday\", \"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\", \"Saturday\"];\nconst cache = new Map<string, LocaleInfo>();\n\nfunction build(locale: string): LocaleInfo {\n  const hit = cache.get(locale);\n  if (hit) return hit;\n  let info: LocaleInfo;\n  try {\n    const names = (opts: Intl.DateTimeFormatOptions, count: number, at: (i: number) => number) => {\n      const f = new Intl.DateTimeFormat(locale, { timeZone: \"UTC\", ...opts });\n      return Array.from({ length: count }, (_, i) => f.format(new Date(at(i))));\n    };\n    const english = /^en/i.test(locale);\n    const months = names({ month: \"long\" }, 12, (i) => Date.UTC(2021, i, 1));\n    const weekdays = names({ weekday: \"long\" }, 7, (i) => Date.UTC(2021, 7, 1 + i));\n    const weekdaysShort = names({ weekday: \"short\" }, 7, (i) => Date.UTC(2021, 7, 1 + i)).map((n) =>\n      english ? n.slice(0, 2) : n,\n    );\n    const monthsShort = english\n      ? months.map((n) => n.slice(0, 3))\n      : names({ month: \"short\" }, 12, (i) => Date.UTC(2021, i, 1));\n    const loc = new Intl.Locale(locale) as Intl.Locale & {\n      getWeekInfo?: () => { firstDay?: number };\n      weekInfo?: { firstDay?: number };\n      getTextInfo?: () => { direction?: string };\n      textInfo?: { direction?: string };\n    };\n    const week = loc.getWeekInfo ? loc.getWeekInfo() : loc.weekInfo;\n    const text = loc.getTextInfo ? loc.getTextInfo() : loc.textInfo;\n    const parts = new Intl.DateTimeFormat(locale, {\n      year: \"numeric\",\n      month: \"2-digit\",\n      day: \"2-digit\",\n      timeZone: \"UTC\",\n    }).formatToParts(new Date(Date.UTC(2021, 10, 22)));\n    const order = parts\n      .filter((p) => p.type === \"month\" || p.type === \"day\" || p.type === \"year\")\n      .map((p) => p.type as Part);\n    const literal = parts\n      .filter((p) => p.type === \"literal\")\n      .map((p) => p.value.replace(/[‎‏؜]/g, \"\").trim())\n      .find(Boolean);\n    info = {\n      months,\n      monthsShort,\n      weekdays,\n      weekdaysShort,\n      weekStart: week?.firstDay ? week.firstDay % 7 : 0,\n      order: order.length === 3 ? order : [\"month\", \"day\", \"year\"],\n      separator: literal || \"/\",\n      rtl: text?.direction ? text.direction === \"rtl\" : /^(ar|he|fa|ur|yi|ps|sd|ug|dv)(-|$)/i.test(locale),\n      long: new Intl.DateTimeFormat(locale, { weekday: \"long\", month: \"long\", day: \"numeric\", year: \"numeric\" }),\n    };\n  } catch {\n    info = {\n      months: MONTHS,\n      monthsShort: MONTHS.map((n) => n.slice(0, 3)),\n      weekdays: WEEKDAYS,\n      weekdaysShort: WEEKDAYS.map((n) => n.slice(0, 2)),\n      weekStart: 0,\n      order: [\"month\", \"day\", \"year\"],\n      separator: \"/\",\n      rtl: false,\n      long: null,\n    };\n  }\n  cache.set(locale, info);\n  return info;\n}\n\nconst pad2 = (n: number) => (n < 10 ? \"0\" : \"\") + n;\n\nfunction asciiDigits(s: string): string {\n  return s\n    .replace(/[٠-٩]/g, (c) => String(c.charCodeAt(0) - 0x660))\n    .replace(/[۰-۹]/g, (c) => String(c.charCodeAt(0) - 0x6f0));\n}\n\n/**\n * Everything the date components need from the configured locale: month and weekday names (Sunday first),\n * the first day of the week, the date order and separator, and formatting and parsing of dates and money.\n * Reads `createEos({ locale })`, so changing the locale re-renders everything that uses it.\n */\nexport function useLocale() {\n  const config = useConfig();\n  const t = useMessages();\n  const info = computed(() => build(config.locale));\n\n  function formatDate(d: Date | null | undefined): string {\n    if (!d) return \"\";\n    const v = { month: pad2(d.getMonth() + 1), day: pad2(d.getDate()), year: String(d.getFullYear()).padStart(4, \"0\") };\n    return info.value.order.map((p) => v[p]).join(info.value.separator);\n  }\n\n  function parseDate(s: string): Date | null {\n    const m = /^(\\d{1,4})[/\\-.\\s]+(\\d{1,2})[/\\-.\\s]+(\\d{1,4})$/.exec(asciiDigits(String(s)).trim());\n    if (!m) return null;\n    const nums = [m[1]!, m[2]!, m[3]!];\n    const v = { month: 0, day: 0, year: 0 };\n    info.value.order.forEach((p, i) => (v[p] = Number(nums[i])));\n    if (nums[info.value.order.indexOf(\"year\")]!.length !== 4) return null;\n    const d = new Date(v.year, v.month - 1, v.day, 12);\n    return d.getMonth() === v.month - 1 && d.getDate() === v.day ? d : null;\n  }\n\n  return {\n    locale: computed(() => config.locale),\n    dir: computed<\"ltr\" | \"rtl\">(() => config.dir ?? (info.value.rtl ? \"rtl\" : \"ltr\")),\n    months: computed(() => info.value.months),\n    monthsShort: computed(() => info.value.monthsShort),\n    weekdays: computed(() => info.value.weekdays),\n    weekdaysShort: computed(() => info.value.weekdaysShort),\n    weekStart: computed(() => info.value.weekStart),\n    dateOrder: computed(() => info.value.order),\n    dateSeparator: computed(() => info.value.separator),\n    dateFormatLabel: (): string =>\n      t(\"dateFormat\") ||\n      info.value.order.map((p) => (p === \"month\" ? \"MM\" : p === \"day\" ? \"DD\" : \"YYYY\")).join(info.value.separator),\n    formatDate,\n    parseDate,\n    formatLong: (d: Date): string =>\n      info.value.long\n        ? info.value.long.format(d)\n        : `${info.value.weekdays[d.getDay()]}, ${info.value.months[d.getMonth()]} ${d.getDate()}, ${d.getFullYear()}`,\n    formatMoney: (n: number, options: { locale?: string; currency?: string } = {}): string => {\n      try {\n        return new Intl.NumberFormat(options.locale ?? config.locale, {\n          style: \"currency\",\n          currency: options.currency ?? config.currency,\n          minimumFractionDigits: 2,\n          maximumFractionDigits: 2,\n        }).format(Number(n));\n      } catch {\n        return String(n);\n      }\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/composables/useToast.d.ts

@@ -0,0 +1,50 @@
+import { InjectionKey, VNodeChild } from 'vue';
+export type ToastTone = "info" | "success" | "warning" | "danger";
+export interface ToastOptions {
+    /** What happened, in a few words. */
+    title: string;
+    /** One sentence of detail under the title. */
+    message?: string;
+    /** `info` by default. `danger` is announced at once and stays until dismissed. */
+    tone?: ToastTone;
+    /** A Button, as a vnode or a function that returns one. A toast with an action stays until dismissed. */
+    action?: VNodeChild | (() => VNodeChild);
+    /** Milliseconds before it goes. 5000 for success and info; `0` for none, which is the default for danger and for a toast with an action. */
+    duration?: number;
+}
+export interface ToastItem extends Omit<ToastOptions, "tone" | "duration"> {
+    id: string;
+    tone: ToastTone;
+    /** Milliseconds; 0 stays until dismissed. */
+    duration: number;
+}
+/** What `useToast()` gives a component. */
+export interface ToastApi {
+    /** Shows a toast and returns its id. */
+    show(options: ToastOptions): string;
+    /** Removes one toast. */
+    dismiss(id: string): void;
+    /** Removes every toast. */
+    clear(): void;
+}
+/** The store behind the API: the list the region renders, and the timers. */
+export interface ToastStore extends ToastApi {
+    /** The toasts on screen, oldest first. */
+    readonly items: readonly ToastItem[];
+    /** Stops every timer, keeping the time each toast has left. Used while the pointer or focus is on a toast. */
+    pause(): void;
+    /** Starts the timers again with the time that was left. */
+    resume(): void;
+}
+export declare const TOAST_KEY: InjectionKey<ToastStore>;
+/**
+ * Creates a toast store. `EToastProvider` makes one when none is provided. An app that wants `useToast()` in code outside
+ * the component tree (a router guard, a store) makes one itself and provides it: `app.provide(TOAST_KEY, createToasts())`.
+ * Either way the toasts are shown by an `EToastProvider`, once, near the root of the app.
+ */
+export declare function createToasts(): ToastStore;
+/**
+ * Show toasts from anywhere inside an `EToastProvider` (or an app that provided `TOAST_KEY`):
+ * `const toast = useToast(); toast.show({ title: "Saved", tone: "success" })`.
+ */
+export declare function useToast(): ToastApi;

package/dist/composables/useToast.js

@@ -0,0 +1,58 @@
+import { inject as e, shallowRef as t } from "vue";
+//#region src/composables/useToast.ts
+var n = Symbol("eos.toasts"), r = 5e3;
+function i() {
+	let e = t([]), n = /* @__PURE__ */ new Map(), i = 0, a = !1;
+	function o(e) {
+		let t = n.get(e);
+		t && !a && t.handle === null && (t.started = Date.now(), t.handle = setTimeout(() => s(e), t.remaining));
+	}
+	function s(t) {
+		let r = n.get(t);
+		r?.handle != null && clearTimeout(r.handle), n.delete(t), e.value = e.value.filter((e) => e.id !== t);
+	}
+	return {
+		get items() {
+			return e.value;
+		},
+		show(t) {
+			let a = `toast-${++i}`, s = t.tone ?? "info", c = t.duration ?? (t.action || s === "danger" ? 0 : r);
+			return e.value = [...e.value, {
+				...t,
+				id: a,
+				tone: s,
+				duration: c
+			}], c > 0 && (n.set(a, {
+				remaining: c,
+				started: 0,
+				handle: null
+			}), o(a)), a;
+		},
+		dismiss: s,
+		clear() {
+			for (let e of n.values()) e.handle != null && clearTimeout(e.handle);
+			n.clear(), e.value = [];
+		},
+		pause() {
+			a = !0;
+			for (let e of n.values()) e.handle !== null && (clearTimeout(e.handle), e.handle = null, e.remaining = Math.max(0, e.remaining - (Date.now() - e.started)));
+		},
+		resume() {
+			a = !1;
+			for (let e of n.keys()) o(e);
+		}
+	};
+}
+function a() {
+	let t = e(n, null);
+	if (!t) throw Error("useToast must be used inside an EToastProvider");
+	return {
+		show: t.show,
+		dismiss: t.dismiss,
+		clear: t.clear
+	};
+}
+//#endregion
+export { n as TOAST_KEY, i as createToasts, a as useToast };
+
+//# sourceMappingURL=useToast.js.map

package/dist/composables/useToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.js","names":["TOAST_KEY","DEFAULT_DURATION","createToasts","list","shallowRef","timers","counter","paused","arm","timer","id","dismiss","item","tone","options","duration","useToast","store","inject"],"sources":["../../src/composables/useToast.ts"],"sourcesContent":["import { inject, shallowRef, type InjectionKey, type VNodeChild } from \"vue\";\n\nexport type ToastTone = \"info\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface ToastOptions {\n  /** What happened, in a few words. */\n  title: string;\n  /** One sentence of detail under the title. */\n  message?: string;\n  /** `info` by default. `danger` is announced at once and stays until dismissed. */\n  tone?: ToastTone;\n  /** A Button, as a vnode or a function that returns one. A toast with an action stays until dismissed. */\n  action?: VNodeChild | (() => VNodeChild);\n  /** Milliseconds before it goes. 5000 for success and info; `0` for none, which is the default for danger and for a toast with an action. */\n  duration?: number;\n}\n\nexport interface ToastItem extends Omit<ToastOptions, \"tone\" | \"duration\"> {\n  id: string;\n  tone: ToastTone;\n  /** Milliseconds; 0 stays until dismissed. */\n  duration: number;\n}\n\n/** What `useToast()` gives a component. */\nexport interface ToastApi {\n  /** Shows a toast and returns its id. */\n  show(options: ToastOptions): string;\n  /** Removes one toast. */\n  dismiss(id: string): void;\n  /** Removes every toast. */\n  clear(): void;\n}\n\n/** The store behind the API: the list the region renders, and the timers. */\nexport interface ToastStore extends ToastApi {\n  /** The toasts on screen, oldest first. */\n  readonly items: readonly ToastItem[];\n  /** Stops every timer, keeping the time each toast has left. Used while the pointer or focus is on a toast. */\n  pause(): void;\n  /** Starts the timers again with the time that was left. */\n  resume(): void;\n}\n\nexport const TOAST_KEY: InjectionKey<ToastStore> = Symbol(\"eos.toasts\");\n\nconst DEFAULT_DURATION = 5000;\n\n/**\n * Creates a toast store. `EToastProvider` makes one when none is provided. An app that wants `useToast()` in code outside\n * the component tree (a router guard, a store) makes one itself and provides it: `app.provide(TOAST_KEY, createToasts())`.\n * Either way the toasts are shown by an `EToastProvider`, once, near the root of the app.\n */\nexport function createToasts(): ToastStore {\n  const list = shallowRef<ToastItem[]>([]);\n  const timers = new Map<\n    string,\n    { remaining: number; started: number; handle: ReturnType<typeof setTimeout> | null }\n  >();\n  let counter = 0;\n  let paused = false;\n\n  function arm(id: string) {\n    const timer = timers.get(id);\n    if (!timer || paused || timer.handle !== null) return;\n    timer.started = Date.now();\n    timer.handle = setTimeout(() => dismiss(id), timer.remaining);\n  }\n\n  function dismiss(id: string) {\n    const timer = timers.get(id);\n    if (timer?.handle != null) clearTimeout(timer.handle);\n    timers.delete(id);\n    list.value = list.value.filter((item) => item.id !== id);\n  }\n\n  return {\n    get items() {\n      return list.value;\n    },\n    show(options) {\n      const id = `toast-${++counter}`;\n      const tone = options.tone ?? \"info\";\n      const duration = options.duration ?? (options.action || tone === \"danger\" ? 0 : DEFAULT_DURATION);\n      list.value = [...list.value, { ...options, id, tone, duration }];\n      if (duration > 0) {\n        timers.set(id, { remaining: duration, started: 0, handle: null });\n        arm(id);\n      }\n      return id;\n    },\n    dismiss,\n    clear() {\n      for (const timer of timers.values()) if (timer.handle != null) clearTimeout(timer.handle);\n      timers.clear();\n      list.value = [];\n    },\n    pause() {\n      paused = true;\n      for (const timer of timers.values()) {\n        if (timer.handle === null) continue;\n        clearTimeout(timer.handle);\n        timer.handle = null;\n        timer.remaining = Math.max(0, timer.remaining - (Date.now() - timer.started));\n      }\n    },\n    resume() {\n      paused = false;\n      for (const id of timers.keys()) arm(id);\n    },\n  };\n}\n\n/**\n * Show toasts from anywhere inside an `EToastProvider` (or an app that provided `TOAST_KEY`):\n * `const toast = useToast(); toast.show({ title: \"Saved\", tone: \"success\" })`.\n */\nexport function useToast(): ToastApi {\n  const store = inject(TOAST_KEY, null);\n  if (!store) throw new Error(\"useToast must be used inside an EToastProvider\");\n  return { show: store.show, dismiss: store.dismiss, clear: store.clear };\n}\n"],"mappings":";;AA4CA,IAAaA,IAAsC,OAAO,YAAY,GAEhEC,IAAmB;AAOzB,SAAgBC,IAA2B;CACzC,IAAMC,IAAOC,EAAwB,CAAC,CAAC,GACjCC,oBAAS,IAAI,IAGjB,GACEC,IAAU,GACVC,IAAS;CAEb,SAASC,EAAI,GAAY;EACvB,IAAMC,IAAQJ,EAAO,IAAIK,CAAE;EAC3B,AAAKD,KAAS,MAAUA,EAAM,WAAW,SACzC,EAAM,UAAU,KAAK,IAAI,GACzB,EAAM,SAAS,iBAAiBE,EAAQD,CAAE,GAAGD,EAAM,SAAS;CAC9D;CAEA,SAASE,EAAQ,GAAY;EAC3B,IAAMF,IAAQJ,EAAO,IAAIK,CAAE;EAG3B,AAFID,GAAO,UAAU,QAAM,aAAaA,EAAM,MAAM,GACpDJ,EAAO,OAAOK,CAAE,GAChB,EAAK,QAAQP,EAAK,MAAM,QAAQ,MAASS,EAAK,OAAOF,CAAE;CACzD;CAEA,OAAO;EACL,IAAI,QAAQ;GACV,OAAOP,EAAK;EACd;EACA,KAAK,GAAS;GACZ,IAAMO,IAAK,SAAS,EAAEJ,KAChBO,IAAOC,EAAQ,QAAQ,QACvBC,IAAWD,EAAQ,aAAaA,EAAQ,UAAUD,MAAS,WAAW,IAAIZ;GAMhF,OALA,EAAK,QAAQ,CAAC,GAAGE,EAAK,OAAO;IAAE,GAAGW;IAAS;IAAI;IAAM;GAAS,CAAC,GAC3DC,IAAW,MACbV,EAAO,IAAIK,GAAI;IAAE,WAAWK;IAAU,SAAS;IAAG,QAAQ;GAAK,CAAC,GAChEP,EAAIE,CAAE,IAEDA;EACT;EACA;EACA,QAAQ;GACN,KAAK,IAAMD,KAASJ,EAAO,OAAO,GAAG,AAAII,EAAM,UAAU,QAAM,aAAaA,EAAM,MAAM;GAExF,AADAJ,EAAO,MAAM,GACb,EAAK,QAAQ,CAAC;EAChB;EACA,QAAQ;GACN,IAAS;GACT,KAAK,IAAMI,KAASJ,EAAO,OAAO,GAChC,AAAII,EAAM,WAAW,SACrB,aAAaA,EAAM,MAAM,GACzB,EAAM,SAAS,MACf,EAAM,YAAY,KAAK,IAAI,GAAGA,EAAM,aAAa,KAAK,IAAI,IAAIA,EAAM,QAAQ;EAEhF;EACA,SAAS;GACP,IAAS;GACT,KAAK,IAAMC,KAAML,EAAO,KAAK,GAAG,EAAIK,CAAE;EACxC;CACF;AACF;AAMA,SAAgBM,IAAqB;CACnC,IAAMC,IAAQC,EAAOlB,GAAW,IAAI;CACpC,IAAI,CAACiB,GAAO,MAAU,MAAM,gDAAgD;CAC5E,OAAO;EAAE,MAAMA,EAAM;EAAM,SAASA,EAAM;EAAS,OAAOA,EAAM;CAAM;AACxE"}

package/dist/composables/useUid.d.ts

@@ -0,0 +1,6 @@
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
+/**
+ * A stable id for wiring a label, hint and error to a control. Safe for SSR (it matches between server and client).
+ * Pass the component's own `id` prop to let the consumer choose: `const id = useUid(() => props.id)`.
+ */
+export declare function useUid(given?: MaybeRefOrGetter<string | undefined>): ComputedRef<string>;

package/dist/composables/useUid.js

@@ -0,0 +1,10 @@
+import { computed as e, toValue as t, useId as n } from "vue";
+//#region src/composables/useUid.ts
+function r(r) {
+	let i = n();
+	return e(() => t(r) || `e-${i}`);
+}
+//#endregion
+export { r as useUid };
+
+//# sourceMappingURL=useUid.js.map

package/dist/composables/useUid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUid.js","names":["useUid","generated","useId","computed","toValue","given"],"sources":["../../src/composables/useUid.ts"],"sourcesContent":["import { computed, toValue, useId, type ComputedRef, type MaybeRefOrGetter } from \"vue\";\n\n/**\n * A stable id for wiring a label, hint and error to a control. Safe for SSR (it matches between server and client).\n * Pass the component's own `id` prop to let the consumer choose: `const id = useUid(() => props.id)`.\n */\nexport function useUid(given?: MaybeRefOrGetter<string | undefined>): ComputedRef<string> {\n  const generated = useId();\n  return computed(() => toValue(given) || `e-${generated}`);\n}\n"],"mappings":";;AAMA,SAAgBA,EAAO,GAAmE;CACxF,IAAMC,IAAYC,EAAM;CACxB,OAAOC,QAAeC,EAAQC,CAAK,KAAK,KAAKJ,GAAW;AAC1D"}

package/dist/config.d.ts

@@ -0,0 +1,50 @@
+import { ComputedRef, InjectionKey, Component } from 'vue';
+import { MessageKey } from './messages.js';
+import { IconsConfig } from './icons/types.js';
+/** What the app tells the components: language, money, direction, words and icons. Set it once with `createEos()`. */
+export interface EosConfig {
+    /** BCP 47 tag. Drives month and weekday names, week start, date order and number formats. */
+    locale: string;
+    /** ISO 4217 code, for amounts. */
+    currency: string;
+    /** Text direction. `null` follows the document. */
+    dir: "ltr" | "rtl" | null;
+    /** Overrides for any message, by key. See `defaultMessages`. */
+    messages: Record<string, string>;
+    /** Where icons come from: your own set, aliases onto it, individual icons. The built-in Phosphor set is the fallback. */
+    icons: IconsConfig;
+    /** Where floating parts (menus, dialogs, tooltips, toasts) render: a CSS selector or an element. Default `body`. Set it to a themed container when you scope a theme to part of the page, so floating parts inherit the theme. */
+    portalTarget: string | HTMLElement;
+}
+export declare const CONFIG_KEY: InjectionKey<EosConfig>;
+/** Used when a component is rendered without the plugin, so every component works on its own. */
+export declare const fallbackConfig: EosConfig;
+export declare function useConfig(): EosConfig;
+export type Translate = (key: MessageKey | (string & {}), vars?: Record<string, string | number>) => string;
+/**
+ * The words the components say. Returns `t(key, vars)`; `{name}` placeholders are filled from `vars`.
+ * Reads the reactive config, so changing the locale or messages re-renders every component that uses it.
+ */
+export declare function useMessages(): Translate;
+/** An icon ready to render. */
+export type ResolvedIcon = {
+    kind: "component";
+    component: Component;
+} | {
+    kind: "svg";
+    html: string;
+} | {
+    kind: "glyph";
+    html: string;
+    viewBox: string;
+} | {
+    kind: "none";
+};
+/**
+ * Turns an icon name (or a component passed directly) into something renderable. Order: a component is used as given;
+ * then `icons[name]`; then `resolve(alias ?? name)`; then the built-in Phosphor icon; otherwise nothing is drawn
+ * and a warning is logged once in development.
+ */
+export declare function useIconResolver(): (icon: string | Component, bold: boolean) => ResolvedIcon;
+/** The `to` for a Teleport or a Reka portal: pass it to every floating part so they inherit a scoped theme. */
+export declare function usePortalTarget(): ComputedRef<string | HTMLElement>;

package/dist/config.js

@@ -0,0 +1,55 @@
+import { defaultMessages as e } from "./messages.js";
+import { ICON_VIEWBOX as t, phosphor as n } from "./icons/phosphor.js";
+import { computed as r, inject as i, reactive as a } from "vue";
+//#region src/config.ts
+var o = Symbol("eos.config"), s = a({
+	locale: "en-US",
+	currency: "USD",
+	dir: null,
+	messages: {},
+	icons: {},
+	portalTarget: "body"
+});
+function c() {
+	return i(o, s);
+}
+function l() {
+	let t = c();
+	return (n, r) => {
+		let i = t.messages[n] ?? e[n] ?? n;
+		return r ? i.replace(/\{(\w+)\}/g, (e, t) => r[t] == null ? e : String(r[t])) : i;
+	};
+}
+function u() {
+	let e = c(), r = (e, n) => typeof e == "string" ? {
+		kind: "svg",
+		html: e
+	} : Array.isArray(e) ? {
+		kind: "glyph",
+		html: e[+!!n],
+		viewBox: t
+	} : {
+		kind: "component",
+		component: e
+	};
+	return (t, i) => {
+		if (typeof t != "string") return {
+			kind: "component",
+			component: t
+		};
+		let a = e.icons, o = a.icons?.[t];
+		if (o) return r(o, i);
+		let s = a.resolve?.(a.aliases?.[t] ?? t, { bold: i });
+		if (s) return r(s, i);
+		let c = a.builtin === !1 ? void 0 : n[t];
+		return c ? r(c, i) : { kind: "none" };
+	};
+}
+function d() {
+	let e = c();
+	return r(() => e.portalTarget);
+}
+//#endregion
+export { o as CONFIG_KEY, s as fallbackConfig, c as useConfig, u as useIconResolver, l as useMessages, d as usePortalTarget };
+
+//# sourceMappingURL=config.js.map

package/dist/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":["CONFIG_KEY","fallbackConfig","reactive","useConfig","inject","useMessages","config","raw","key","defaultMessages","vars","k","m","useIconResolver","fromSource","source","ICON_VIEWBOX","icon","set","explicit","bold","found","builtin","phosphor","usePortalTarget","computed"],"sources":["../src/config.ts"],"sourcesContent":["import { computed, inject, reactive, type ComputedRef, type InjectionKey } from \"vue\";\nimport { defaultMessages, type MessageKey } from \"./messages.js\";\nimport type { Component } from \"vue\";\nimport { phosphor, ICON_VIEWBOX, type IconMarkup } from \"./icons/phosphor.js\";\nimport type { IconSource, IconsConfig } from \"./icons/types.js\";\n\n/** What the app tells the components: language, money, direction, words and icons. Set it once with `createEos()`. */\nexport interface EosConfig {\n  /** BCP 47 tag. Drives month and weekday names, week start, date order and number formats. */\n  locale: string;\n  /** ISO 4217 code, for amounts. */\n  currency: string;\n  /** Text direction. `null` follows the document. */\n  dir: \"ltr\" | \"rtl\" | null;\n  /** Overrides for any message, by key. See `defaultMessages`. */\n  messages: Record<string, string>;\n  /** Where icons come from: your own set, aliases onto it, individual icons. The built-in Phosphor set is the fallback. */\n  icons: IconsConfig;\n  /** Where floating parts (menus, dialogs, tooltips, toasts) render: a CSS selector or an element. Default `body`. Set it to a themed container when you scope a theme to part of the page, so floating parts inherit the theme. */\n  portalTarget: string | HTMLElement;\n}\n\nexport const CONFIG_KEY: InjectionKey<EosConfig> = Symbol(\"eos.config\");\n\n/** Used when a component is rendered without the plugin, so every component works on its own. */\nexport const fallbackConfig: EosConfig = reactive({\n  locale: \"en-US\",\n  currency: \"USD\",\n  dir: null,\n  messages: {},\n  icons: {},\n  portalTarget: \"body\",\n});\n\nexport function useConfig(): EosConfig {\n  return inject(CONFIG_KEY, fallbackConfig);\n}\n\nexport type Translate = (key: MessageKey | (string & {}), vars?: Record<string, string | number>) => string;\n\n/**\n * The words the components say. Returns `t(key, vars)`; `{name}` placeholders are filled from `vars`.\n * Reads the reactive config, so changing the locale or messages re-renders every component that uses it.\n */\nexport function useMessages(): Translate {\n  const config = useConfig();\n  return (key, vars) => {\n    const raw = config.messages[key] ?? (defaultMessages as Record<string, string>)[key] ?? key;\n    return vars ? raw.replace(/\\{(\\w+)\\}/g, (m, k: string) => (vars[k] != null ? String(vars[k]) : m)) : raw;\n  };\n}\n\n/** An icon ready to render. */\nexport type ResolvedIcon =\n  | { kind: \"component\"; component: Component }\n  | { kind: \"svg\"; html: string }\n  | { kind: \"glyph\"; html: string; viewBox: string }\n  | { kind: \"none\" };\n\nconst warned = new Set<string>();\n\n/**\n * Turns an icon name (or a component passed directly) into something renderable. Order: a component is used as given;\n * then `icons[name]`; then `resolve(alias ?? name)`; then the built-in Phosphor icon; otherwise nothing is drawn\n * and a warning is logged once in development.\n */\nexport function useIconResolver(): (icon: string | Component, bold: boolean) => ResolvedIcon {\n  const config = useConfig();\n  const fromSource = (source: IconSource, bold: boolean): ResolvedIcon => {\n    if (typeof source === \"string\") return { kind: \"svg\", html: source };\n    if (Array.isArray(source))\n      return { kind: \"glyph\", html: (source as unknown as IconMarkup)[bold ? 1 : 0], viewBox: ICON_VIEWBOX };\n    return { kind: \"component\", component: source as Component };\n  };\n  return (icon, bold) => {\n    if (typeof icon !== \"string\") return { kind: \"component\", component: icon };\n    const set = config.icons;\n    const explicit = set.icons?.[icon];\n    if (explicit) return fromSource(explicit, bold);\n    const found = set.resolve?.(set.aliases?.[icon] ?? icon, { bold });\n    if (found) return fromSource(found, bold);\n    const builtin = set.builtin === false ? undefined : (phosphor as Record<string, IconMarkup>)[icon];\n    if (builtin) return fromSource(builtin, bold);\n    if (import.meta.env?.DEV && !warned.has(icon)) {\n      warned.add(icon);\n      console.warn(`[eos] No icon named \"${icon}\". Add it to createEos({ icons }) or alias it to one your set has.`);\n    }\n    return { kind: \"none\" };\n  };\n}\n\n/** The `to` for a Teleport or a Reka portal: pass it to every floating part so they inherit a scoped theme. */\nexport function usePortalTarget(): ComputedRef<string | HTMLElement> {\n  const config = useConfig();\n  return computed(() => config.portalTarget);\n}\n"],"mappings":";;;;AAsBA,IAAaA,IAAsC,OAAO,YAAY,GAGzDC,IAA4BC,EAAS;CAChD,QAAQ;CACR,UAAU;CACV,KAAK;CACL,UAAU,CAAC;CACX,OAAO,CAAC;CACR,cAAc;AAChB,CAAC;AAED,SAAgBC,IAAuB;CACrC,OAAOC,EAAOJ,GAAYC,CAAc;AAC1C;AAQA,SAAgBI,IAAyB;CACvC,IAAMC,IAASH,EAAU;CACzB,QAAQ,GAAK,MAAS;EACpB,IAAMI,IAAMD,EAAO,SAASE,MAASC,EAA2CD,MAAQA;EACxF,OAAOE,IAAOH,EAAI,QAAQ,eAAe,GAAG,MAAeG,EAAKC,MAAM,OAAyBC,IAAlB,OAAOF,EAAKC,EAAE,CAAM,IAAIJ;CACvG;AACF;AAgBA,SAAgBM,IAA6E;CAC3F,IAAMP,IAASH,EAAU,GACnBW,KAAc,GAAoB,MAClC,OAAOC,KAAW,WAAiB;EAAE,MAAM;EAAO,MAAMA;CAAO,IAC/D,MAAM,QAAQA,CAAM,IACf;EAAE,MAAM;EAAS,MAAOA,EAAiC;EAAe,SAASC;CAAa,IAChG;EAAE,MAAM;EAAa,WAAWD;CAAoB;CAE7D,QAAQ,GAAM,MAAS;EACrB,IAAI,OAAOE,KAAS,UAAU,OAAO;GAAE,MAAM;GAAa,WAAWA;EAAK;EAC1E,IAAMC,IAAMZ,EAAO,OACba,IAAWD,EAAI,QAAQD;EAC7B,IAAIE,GAAU,OAAOL,EAAWK,GAAUC,CAAI;EAC9C,IAAMC,IAAQH,EAAI,UAAUA,EAAI,UAAUD,MAASA,GAAM,EAAE,QAAK,CAAC;EACjE,IAAII,GAAO,OAAOP,EAAWO,GAAOD,CAAI;EACxC,IAAME,IAAUJ,EAAI,YAAY,KAAQ,KAAA,IAAaK,EAAwCN;EAM7F,OALIK,IAAgBR,EAAWQ,GAASF,CAAI,IAKrC,EAAE,MAAM,OAAO;CACxB;AACF;AAGA,SAAgBI,IAAqD;CACnE,IAAMlB,IAASH,EAAU;CACzB,OAAOsB,QAAenB,EAAO,YAAY;AAC3C"}

package/dist/fonts.css

@@ -0,0 +1 @@
+@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&family=Spline+Sans+Mono:wght@500;600&display=swap");

package/dist/icons/adapters.d.ts

@@ -0,0 +1,29 @@
+import { IconsConfig } from './types.js';
+/** The icon components of a library: its module namespace (`import * as lucide`) or a map you build (`{ Check, X }`). */
+export type IconModule = object;
+export interface AdapterOptions {
+    /** Your own renames, merged over the built-in table: `{ card: "wallet-cards" }`. Values are the set's kebab-case names. */
+    aliases?: Record<string, string>;
+    /** Fall back to the built-in Phosphor icons for names the set does not have. Default true. */
+    builtin?: boolean;
+}
+/** `credit-card` to `CreditCard`, `menu-2` to `Menu2`. A name that is already PascalCase is kept. */
+export declare function pascalCase(name: string): string;
+/**
+ * Lucide icons. Pass the module (`import * as lucide from "lucide-vue-next"`) or an explicit map
+ * (`{ Check, X, CreditCard }`), which lets your bundler drop every icon you do not list.
+ */
+export declare function lucide(source: IconModule, options?: AdapterOptions): IconsConfig;
+/** Tabler icons (`@tabler/icons-vue`, components named `IconCreditCard`). */
+export declare function tabler(source: IconModule, options?: AdapterOptions): IconsConfig;
+/**
+ * Heroicons (`@heroicons/vue`, components named `CreditCardIcon`). Pick the variant by where you import from:
+ * `@heroicons/vue/24/outline`, `/24/solid` or `/20/solid`.
+ */
+export declare function heroicons(source: IconModule, options?: AdapterOptions): IconsConfig;
+export interface PhosphorVueOptions extends AdapterOptions {
+    /** The weight used for normal icons. Default `"regular"`. Small icons and `bold` icons always use `"bold"`. */
+    weight?: "thin" | "light" | "regular" | "fill" | "duotone";
+}
+/** Phosphor icons for Vue (`@phosphor-icons/vue`, components named `PhCreditCard`). The `bold` flag selects the bold weight. */
+export declare function phosphorVue(source: IconModule, options?: PhosphorVueOptions): IconsConfig;

package/dist/icons/adapters.js

@@ -0,0 +1,54 @@
+import { heroiconsAliases as e, lucideAliases as t, phosphorAliases as n, tablerAliases as r } from "./aliases.js";
+import { defineComponent as i, h as a } from "vue";
+//#region src/icons/adapters.ts
+function o(e) {
+	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
+}
+function s(e) {
+	return typeof e == "function" ? !0 : typeof e != "object" || !e ? !1 : "render" in e || "setup" in e || "template" in e;
+}
+function c(e, t, n, r, i) {
+	let a = t;
+	return {
+		aliases: {
+			...e,
+			...r.aliases
+		},
+		builtin: r.builtin ?? !0,
+		resolve(e, t) {
+			let r = a[n(o(e))];
+			if (s(r)) return i ? i(r, t) : r;
+		}
+	};
+}
+function l(e, n = {}) {
+	return c(t, e, (e) => e, n);
+}
+function u(e, t = {}) {
+	return c(r, e, (e) => `Icon${e}`, t);
+}
+function d(t, n = {}) {
+	return c(e, t, (e) => `${e}Icon`, n);
+}
+var f = /* @__PURE__ */ new WeakMap();
+function p(e, t) {
+	let n = f.get(e);
+	n || f.set(e, n = /* @__PURE__ */ new Map());
+	let r = n.get(t);
+	return r || (r = i({
+		name: "EPhosphorIcon",
+		inheritAttrs: !1,
+		setup: (n, { attrs: r }) => () => a(e, {
+			...r,
+			weight: t
+		})
+	}), n.set(t, r)), r;
+}
+function m(e, t = {}) {
+	let r = t.weight ?? "regular";
+	return c(n, e, (e) => `Ph${e}`, t, (e, { bold: t }) => p(e, t ? "bold" : r));
+}
+//#endregion
+export { d as heroicons, l as lucide, o as pascalCase, m as phosphorVue, u as tabler };
+
+//# sourceMappingURL=adapters.js.map

package/dist/icons/adapters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapters.js","names":["pascalCase","name","part","isComponent","value","adapter","lookup","source","table","options","found","componentName","wrap","context","lucide","lucideAliases","pascal","tabler","tablerAliases","heroicons","heroiconsAliases","weighted","withWeight","byWeight","base","wrapper","weight","defineComponent","h","attrs","phosphorVue","phosphorAliases","component","bold"],"sources":["../../src/icons/adapters.ts"],"sourcesContent":["import { defineComponent, h, type Component } from \"vue\";\nimport { heroiconsAliases, lucideAliases, phosphorAliases, tablerAliases, type AliasTable } from \"./aliases.js\";\nimport type { IconContext, IconsConfig } from \"./types.js\";\n\n/** The icon components of a library: its module namespace (`import * as lucide`) or a map you build (`{ Check, X }`). */\nexport type IconModule = object;\n\nexport interface AdapterOptions {\n  /** Your own renames, merged over the built-in table: `{ card: \"wallet-cards\" }`. Values are the set's kebab-case names. */\n  aliases?: Record<string, string>;\n  /** Fall back to the built-in Phosphor icons for names the set does not have. Default true. */\n  builtin?: boolean;\n}\n\n/** `credit-card` to `CreditCard`, `menu-2` to `Menu2`. A name that is already PascalCase is kept. */\nexport function pascalCase(name: string): string {\n  return name\n    .split(\"-\")\n    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join(\"\");\n}\n\nfunction isComponent(value: unknown): value is Component {\n  if (typeof value === \"function\") return true;\n  if (typeof value !== \"object\" || value === null) return false;\n  return \"render\" in value || \"setup\" in value || \"template\" in value;\n}\n\nfunction adapter(\n  table: AliasTable,\n  source: IconModule,\n  componentName: (pascal: string) => string,\n  options: AdapterOptions,\n  wrap?: (component: Component, context: IconContext) => Component,\n): IconsConfig {\n  const lookup = source as Record<string, unknown>;\n  return {\n    aliases: { ...table, ...options.aliases },\n    builtin: options.builtin ?? true,\n    resolve(name, context) {\n      const found = lookup[componentName(pascalCase(name))];\n      if (!isComponent(found)) return undefined;\n      return wrap ? wrap(found, context) : found;\n    },\n  };\n}\n\n/**\n * Lucide icons. Pass the module (`import * as lucide from \"lucide-vue-next\"`) or an explicit map\n * (`{ Check, X, CreditCard }`), which lets your bundler drop every icon you do not list.\n */\nexport function lucide(source: IconModule, options: AdapterOptions = {}): IconsConfig {\n  return adapter(lucideAliases, source, (pascal) => pascal, options);\n}\n\n/** Tabler icons (`@tabler/icons-vue`, components named `IconCreditCard`). */\nexport function tabler(source: IconModule, options: AdapterOptions = {}): IconsConfig {\n  return adapter(tablerAliases, source, (pascal) => `Icon${pascal}`, options);\n}\n\n/**\n * Heroicons (`@heroicons/vue`, components named `CreditCardIcon`). Pick the variant by where you import from:\n * `@heroicons/vue/24/outline`, `/24/solid` or `/20/solid`.\n */\nexport function heroicons(source: IconModule, options: AdapterOptions = {}): IconsConfig {\n  return adapter(heroiconsAliases, source, (pascal) => `${pascal}Icon`, options);\n}\n\nexport interface PhosphorVueOptions extends AdapterOptions {\n  /** The weight used for normal icons. Default `\"regular\"`. Small icons and `bold` icons always use `\"bold\"`. */\n  weight?: \"thin\" | \"light\" | \"regular\" | \"fill\" | \"duotone\";\n}\n\nconst weighted = new WeakMap<Component, Map<string, Component>>();\n\nfunction withWeight(base: Component, weight: string): Component {\n  let byWeight = weighted.get(base);\n  if (!byWeight) weighted.set(base, (byWeight = new Map()));\n  let wrapper = byWeight.get(weight);\n  if (!wrapper) {\n    wrapper = defineComponent({\n      name: \"EPhosphorIcon\",\n      inheritAttrs: false,\n      setup:\n        (_, { attrs }) =>\n        () =>\n          h(base, { ...attrs, weight }),\n    });\n    byWeight.set(weight, wrapper);\n  }\n  return wrapper;\n}\n\n/** Phosphor icons for Vue (`@phosphor-icons/vue`, components named `PhCreditCard`). The `bold` flag selects the bold weight. */\nexport function phosphorVue(source: IconModule, options: PhosphorVueOptions = {}): IconsConfig {\n  const weight = options.weight ?? \"regular\";\n  return adapter(\n    phosphorAliases,\n    source,\n    (pascal) => `Ph${pascal}`,\n    options,\n    (component, { bold }) => withWeight(component, bold ? \"bold\" : weight),\n  );\n}\n"],"mappings":";;;AAeA,SAAgBA,EAAW,GAAsB;CAC/C,OAAOC,EACJ,MAAM,GAAG,CAAC,CACV,KAAK,MAASC,EAAK,OAAO,CAAC,CAAC,CAAC,YAAY,IAAIA,EAAK,MAAM,CAAC,CAAC,CAAC,CAC3D,KAAK,EAAE;AACZ;AAEA,SAASC,EAAY,GAAoC;CAGvD,OAFI,OAAOC,KAAU,aAAmB,KACpC,OAAOA,KAAU,aAAYA,IAAuB,KACjD,YAAYA,KAAS,WAAWA,KAAS,cAAcA;AAChE;AAEA,SAASC,EACP,GACA,GACA,GACA,GACA,GACa;CACb,IAAMC,IAASC;CACf,OAAO;EACL,SAAS;GAAE,GAAGC;GAAO,GAAGC,EAAQ;EAAQ;EACxC,SAASA,EAAQ,WAAW;EAC5B,QAAQ,GAAM,GAAS;GACrB,IAAMC,IAAQJ,EAAOK,EAAcX,EAAWC,CAAI,CAAC;GACnD,IAAKE,EAAYO,CAAK,GACtB,OAAOE,IAAOA,EAAKF,GAAOG,CAAO,IAAIH;EACvC;CACF;AACF;AAMA,SAAgBI,EAAO,GAAoB,IAA0B,CAAC,GAAgB;CACpF,OAAOT,EAAQU,GAAeR,IAAS,MAAWS,GAAQP,CAAO;AACnE;AAGA,SAAgBQ,EAAO,GAAoB,IAA0B,CAAC,GAAgB;CACpF,OAAOZ,EAAQa,GAAeX,IAAS,MAAW,OAAOS,KAAUP,CAAO;AAC5E;AAMA,SAAgBU,EAAU,GAAoB,IAA0B,CAAC,GAAgB;CACvF,OAAOd,EAAQe,GAAkBb,IAAS,MAAW,GAAGS,EAAO,OAAOP,CAAO;AAC/E;AAOA,IAAMY,oBAAW,IAAI,QAA2C;AAEhE,SAASC,EAAW,GAAiB,GAA2B;CAC9D,IAAIC,IAAWF,EAAS,IAAIG,CAAI;CAChC,AAAKD,KAAUF,EAAS,IAAIG,GAAO,oBAAW,IAAI,IAAI,CAAE;CACxD,IAAIC,IAAUF,EAAS,IAAIG,CAAM;CAYjC,OAXKD,MACH,IAAUE,EAAgB;EACxB,MAAM;EACN,cAAc;EACd,QACG,GAAG,EAAE,qBAEJC,EAAEJ,GAAM;GAAE,GAAGK;GAAO;EAAO,CAAC;CAClC,CAAC,GACDN,EAAS,IAAIG,GAAQD,CAAO,IAEvBA;AACT;AAGA,SAAgBK,EAAY,GAAoB,IAA8B,CAAC,GAAgB;CAC7F,IAAMJ,IAASjB,EAAQ,UAAU;CACjC,OAAOJ,EACL0B,GACAxB,IACC,MAAW,KAAKS,KACjBP,IACC,GAAW,EAAE,cAAWa,EAAWU,GAAWC,IAAO,SAASP,CAAM,CACvE;AACF"}