asheeui 0.6.15 → 1.0.0

package/dist/config/resolve-color.js

@@ -1,25 +1,25 @@
 "use client";
-function u(n, t) {
-  const o = { ...n };
-  if (!t) return o;
-  for (const e of Object.keys(t)) {
-    const s = t[e];
-    if (!s) continue;
-    if (e === "light" || e === "dark") {
-      o[e] = {
-        ...n[e],
-        ...s
-      };
-      continue;
-    }
-    const { extends: i, ...r } = s, c = n[i ?? "light"];
-    o[e] = {
-      ...c,
-      ...r
-    };
-  }
-  return o;
+//#region src/config/resolve-color.ts
+function e(e, t) {
+	let n = { ...e };
+	if (!t) return n;
+	for (let r of Object.keys(t)) {
+		let i = t[r];
+		if (!i) continue;
+		if (r === "light" || r === "dark") {
+			n[r] = {
+				...e[r],
+				...i
+			};
+			continue;
+		}
+		let { extends: a, ...o } = i;
+		n[r] = {
+			...e[a ?? "light"],
+			...o
+		};
+	}
+	return n;
 }
-export {
-  u as resolveColorConfig
-};
+//#endregion
+export { e as resolveColorConfig };

package/dist/config/resolve-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolve-config.d.ts","sourceRoot":"","sources":["../../src/config/resolve-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAIvD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,aAAa,CAAC,cAAc,EAAE,cAAc,GAAG,MAAM,CAiBpE"}
+{"version":3,"file":"resolve-config.d.ts","sourceRoot":"","sources":["../../src/config/resolve-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAIvD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,aAAa,CAAC,cAAc,EAAE,cAAc,GAAG,MAAM,CAkCpE"}

package/dist/config/resolve-config.js

@@ -1,15 +1,17 @@
 "use client";
-import { getAllComponentDefaults as m } from "../libs/registry.js";
-import { defaultConfig as n } from "./default-config.js";
+import { getAllComponentDefaults as e } from "../libs/registry.js";
+import { defaultColorConfig as t } from "../theme/color.js";
+import { mergeObject as n } from "../utils/merge-object.js";
+import { defaultConfig as r } from "./default-config.js";
 import { resolveColorConfig as i } from "./resolve-color.js";
-import { mergeObject as r } from "../utils/merge-object.js";
-import { defaultColorConfig as l } from "../theme/color.js";
-function C(o) {
-  const t = m(), f = r(n, {
-    components: t
-  }), e = r(f, o);
-  return e.color = i(l, o.color), e;
+//#region src/config/resolve-config.ts
+function a(a) {
+	let o = n(r, a);
+	return o.color = i(t, a.color), Object.defineProperty(o, "components", {
+		enumerable: !0,
+		configurable: !0,
+		get: () => n(e(), a.components)
+	}), o;
 }
-export {
-  C as resolveConfig
-};
+//#endregion
+export { a as resolveConfig };

package/dist/config/validate-config.d.ts

@@ -0,0 +1,34 @@
+import { ExternalConfig } from './config';
+/** How severe a configuration problem is. */
+export type ConfigIssueSeverity = "error" | "warning";
+/** A single configuration problem, located by its dotted path. */
+export type ConfigIssue = {
+    /** Path to the offending value, for example `components.button.variant`. */
+    path: string;
+    /** What is wrong, including accepted values where they are enumerable. */
+    message: string;
+    severity: ConfigIssueSeverity;
+};
+/**
+ * Validate an external configuration object.
+ *
+ * @param config - The configuration passed to `AsheeUIProvider`.
+ * @returns Every problem found, with errors before warnings.
+ */
+export declare function validateConfig(config: ExternalConfig): ConfigIssue[];
+/**
+ * Validate a configuration object and act on the result.
+ *
+ * Invalid values throw a single error listing every problem, so a misconfigured
+ * application fails visibly at the provider instead of rendering silently with
+ * defaults. Unknown keys are reported through `console.warn` in development and
+ * ignored in production.
+ *
+ * @param config - The configuration passed to `AsheeUIProvider`.
+ * @param options - Optional `warn` sink, used by tests to capture warnings.
+ * @throws {Error} When the configuration contains invalid values.
+ */
+export declare function assertValidConfig(config: ExternalConfig, options?: {
+    warn?: (message: string) => void;
+}): void;
+//# sourceMappingURL=validate-config.d.ts.map

package/dist/config/validate-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-config.d.ts","sourceRoot":"","sources":["../../src/config/validate-config.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAcH,OAAO,KAAK,EAAU,cAAc,EAAE,MAAM,UAAU,CAAC;AAEvD,6CAA6C;AAC7C,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtD,kEAAkE;AAClE,MAAM,MAAM,WAAW,GAAG;IACxB,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,mBAAmB,CAAC;CAC/B,CAAC;AA+QF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,cAAc,GAAG,WAAW,EAAE,CAuBpE;AAOD;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,cAAc,EACtB,OAAO,GAAE;IAAE,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAAO,GACjD,IAAI,CAmBN"}

package/dist/config/validate-config.js

@@ -0,0 +1,190 @@
+"use client";
+import { defaultColorConfig as e } from "../theme/color.js";
+import { RADIUS_CLASS as t } from "../shared/radius.js";
+import { TYPOGRAPHY_ALIGN_CLASS as n, TYPOGRAPHY_LEADING_CLASS as r, TYPOGRAPHY_ROLE_TOKEN as i, TYPOGRAPHY_SIZE_CLASS as a, TYPOGRAPHY_TONE_CLASS as o, TYPOGRAPHY_TRACKING_CLASS as s, TYPOGRAPHY_WEIGHT_CLASS as c } from "../shared/typography.js";
+//#region src/config/validate-config.ts
+var l = {
+	color: !0,
+	defaultTheme: !0,
+	defaultVariant: !0,
+	defaultColor: !0,
+	defaultRadius: !0,
+	components: !0
+}, u = {
+	solid: !0,
+	ghost: !0,
+	bordered: !0,
+	faded: !0,
+	underlined: !0
+}, d = Object.keys(l), f = Object.keys(u), p = Object.keys(t), m = Object.keys(i), h = [
+	"tone",
+	"align",
+	"className"
+], g = {
+	size: a,
+	weight: c,
+	leading: r,
+	tracking: s,
+	tone: o,
+	align: n
+}, _ = [
+	"role",
+	"tone",
+	"align",
+	"truncate",
+	"roles",
+	"className"
+];
+function v(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function y(e) {
+	return typeof e == "string" ? `"${e}"` : String(e);
+}
+function b(e) {
+	return e.map((e) => `"${e}"`).join(", ");
+}
+function x(e, t, n, r) {
+	n !== void 0 && (typeof n == "string" && r.includes(n) || e.push({
+		path: t,
+		message: `${y(n)} is not a valid value (expected one of ${b(r)})`,
+		severity: "error"
+	}));
+}
+function S(e, t, n, r) {
+	r.includes(n) || e.push({
+		path: t === "" ? n : `${t}.${n}`,
+		message: `unknown key (expected one of ${b(r)})`,
+		severity: "warning"
+	});
+}
+function C(e, t, n) {
+	if (t !== void 0) {
+		if (!v(t)) {
+			e.push({
+				path: "color",
+				message: `expected an object of themes, received ${y(t)}`,
+				severity: "error"
+			});
+			return;
+		}
+		for (let [r, i] of Object.entries(t)) {
+			let t = `color.${r}`;
+			if (!v(i)) {
+				e.push({
+					path: t,
+					message: `expected a theme object, received ${y(i)}`,
+					severity: "error"
+				});
+				continue;
+			}
+			for (let [r, a] of Object.entries(i)) {
+				if (!n.includes(r)) {
+					S(e, t, r, n);
+					continue;
+				}
+				typeof a != "string" && e.push({
+					path: `${t}.${r}`,
+					message: `expected a colour value, received ${y(a)}`,
+					severity: "error"
+				});
+			}
+		}
+	}
+}
+function w(e, t, r) {
+	for (let n of Object.keys(r)) S(e, t, n, _);
+	if (x(e, `${t}.role`, r.role, m), x(e, `${t}.tone`, r.tone, Object.keys(o)), x(e, `${t}.align`, r.align, Object.keys(n)), r.truncate !== void 0 && typeof r.truncate != "boolean" && e.push({
+		path: `${t}.truncate`,
+		message: `expected a boolean, received ${y(r.truncate)}`,
+		severity: "error"
+	}), r.roles !== void 0) {
+		if (!v(r.roles)) {
+			e.push({
+				path: `${t}.roles`,
+				message: `expected an object of role overrides, received ${y(r.roles)}`,
+				severity: "error"
+			});
+			return;
+		}
+		for (let [n, a] of Object.entries(r.roles)) {
+			let r = `${t}.roles.${n}`;
+			if (!m.includes(n)) {
+				e.push({
+					path: r,
+					message: `unknown role (expected one of ${b(m)})`,
+					severity: "warning"
+				});
+				continue;
+			}
+			if (!v(a)) {
+				e.push({
+					path: r,
+					message: `expected an object of tokens, received ${y(a)}`,
+					severity: "error"
+				});
+				continue;
+			}
+			let o = [...Object.keys(i[n]), ...h];
+			for (let [t, n] of Object.entries(a)) {
+				S(e, r, t, o);
+				let i = g[t];
+				i && x(e, `${r}.${t}`, n, Object.keys(i));
+			}
+		}
+	}
+}
+function T(e, t) {
+	if (t !== void 0) {
+		if (!v(t)) {
+			e.push({
+				path: "components",
+				message: `expected an object of component overrides, received ${y(t)}`,
+				severity: "error"
+			});
+			return;
+		}
+		for (let [n, r] of Object.entries(t)) {
+			let t = `components.${n}`;
+			if (!v(r)) {
+				e.push({
+					path: t,
+					message: `expected an object of overrides, received ${y(r)}`,
+					severity: "error"
+				});
+				continue;
+			}
+			let i = r;
+			i.className !== void 0 && typeof i.className != "string" && e.push({
+				path: `${t}.className`,
+				message: `expected a string, received ${y(i.className)}`,
+				severity: "error"
+			}), n === "typography" && w(e, t, i);
+		}
+	}
+}
+function E(t) {
+	let n = [], r = t, i = Object.keys(e), a = Object.keys(e.light);
+	for (let e of Object.keys(r)) S(n, "", e, d);
+	return x(n, "defaultTheme", r.defaultTheme, [
+		"system",
+		...i,
+		...Object.keys(v(r.color) ? r.color : {})
+	]), x(n, "defaultVariant", r.defaultVariant, f), x(n, "defaultColor", r.defaultColor, a), x(n, "defaultRadius", r.defaultRadius, p), C(n, t.color, a), T(n, t.components), n;
+}
+function D(e) {
+	return `${e.path}: ${e.message}`;
+}
+function O(e, t = {}) {
+	let n = E(e), r = n.filter((e) => e.severity === "error"), i = n.filter((e) => e.severity === "warning");
+	if (i.length > 0 && process.env.NODE_ENV !== "production") {
+		let e = t.warn ?? ((e) => console.warn(e));
+		for (let t of i) e(`[asheeui] ${D(t)}`);
+	}
+	if (r.length > 0) {
+		let e = r.map((e) => `- ${D(e)}`).join("\n");
+		throw Error(`[asheeui] Invalid configuration:\n${e}\nSee the configuration reference for the accepted values.`);
+	}
+}
+//#endregion
+export { O as assertValidConfig, E as validateConfig };

package/dist/icons/ArrowLeftIcon.js

@@ -1,21 +1,18 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { cn as n } from "../utils/cn.js";
-function s({ className: e, ...o }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      "aria-hidden": "true",
-      className: n("w-4 h-4 fill-none stroke-current", e),
-      viewBox: "0 0 24 24",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...o,
-      children: /* @__PURE__ */ r("path", { d: "M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" })
-    }
-  );
+import { cn as e } from "../utils/cn.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/icons/ArrowLeftIcon.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("svg", {
+		"aria-hidden": "true",
+		className: e("w-4 h-4 fill-none stroke-current", n),
+		viewBox: "0 0 24 24",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...r,
+		children: /* @__PURE__ */ t("path", { d: "M10.5 19.5L3 12m0 0l7.5-7.5M3 12h18" })
+	});
 }
-export {
-  s as ArrowLeftIcon
-};
+//#endregion
+export { n as ArrowLeftIcon };

package/dist/icons/CalendarIcon.js

@@ -1,26 +1,45 @@
 "use client";
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { cn as o } from "../utils/cn.js";
-function s({ className: r, ...n }) {
-  return /* @__PURE__ */ i(
-    "svg",
-    {
-      "aria-hidden": "true",
-      className: o("w-4 h-4 fill-none stroke-current", r),
-      viewBox: "0 0 24 24",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...n,
-      children: [
-        /* @__PURE__ */ e("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
-        /* @__PURE__ */ e("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
-        /* @__PURE__ */ e("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
-        /* @__PURE__ */ e("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
-      ]
-    }
-  );
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/icons/CalendarIcon.tsx
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ n("svg", {
+		"aria-hidden": "true",
+		className: e("w-4 h-4 fill-none stroke-current", r),
+		viewBox: "0 0 24 24",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...i,
+		children: [
+			/* @__PURE__ */ t("rect", {
+				x: "3",
+				y: "4",
+				width: "18",
+				height: "18",
+				rx: "2",
+				ry: "2"
+			}),
+			/* @__PURE__ */ t("line", {
+				x1: "16",
+				y1: "2",
+				x2: "16",
+				y2: "6"
+			}),
+			/* @__PURE__ */ t("line", {
+				x1: "8",
+				y1: "2",
+				x2: "8",
+				y2: "6"
+			}),
+			/* @__PURE__ */ t("line", {
+				x1: "3",
+				y1: "10",
+				x2: "21",
+				y2: "10"
+			})
+		]
+	});
 }
-export {
-  s as CalendarIcon
-};
+//#endregion
+export { r as CalendarIcon };

package/dist/icons/CheckIcon.js

@@ -1,21 +1,18 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { cn as r } from "../utils/cn.js";
-function s({ className: n, ...o }) {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      "aria-hidden": "true",
-      className: r("w-4 h-4 fill-none stroke-current", n),
-      viewBox: "0 0 24 24",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...o,
-      children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
-    }
-  );
+import { cn as e } from "../utils/cn.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/icons/CheckIcon.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("svg", {
+		"aria-hidden": "true",
+		className: e("w-4 h-4 fill-none stroke-current", n),
+		viewBox: "0 0 24 24",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...r,
+		children: /* @__PURE__ */ t("polyline", { points: "20 6 9 17 4 12" })
+	});
 }
-export {
-  s as CheckIcon
-};
+//#endregion
+export { n as CheckIcon };

package/dist/icons/ChevronDownIcon.js

@@ -1,24 +1,18 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
 import { cn as e } from "../utils/cn.js";
-function s({ className: o, ...r }) {
-  return /* @__PURE__ */ n(
-    "svg",
-    {
-      "aria-hidden": "true",
-      className: e(
-        "w-4 h-4 fill-none stroke-current transition-transform duration-200",
-        o
-      ),
-      viewBox: "0 0 24 24",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...r,
-      children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" })
-    }
-  );
+import { jsx as t } from "react/jsx-runtime";
+//#region src/icons/ChevronDownIcon.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("svg", {
+		"aria-hidden": "true",
+		className: e("w-4 h-4 fill-none stroke-current transition-transform duration-200", n),
+		viewBox: "0 0 24 24",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...r,
+		children: /* @__PURE__ */ t("polyline", { points: "6 9 12 15 18 9" })
+	});
 }
-export {
-  s as ChevronDownIcon
-};
+//#endregion
+export { n as ChevronDownIcon };

package/dist/icons/ChevronLeftIcon.js

@@ -1,21 +1,18 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { cn as r } from "../utils/cn.js";
-function s({ className: n, ...o }) {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      "aria-hidden": "true",
-      className: r("w-4 h-4 fill-none stroke-current", n),
-      viewBox: "0 0 24 24",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...o,
-      children: /* @__PURE__ */ e("polyline", { points: "15 18 9 12 15 6" })
-    }
-  );
+import { cn as e } from "../utils/cn.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/icons/ChevronLeftIcon.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("svg", {
+		"aria-hidden": "true",
+		className: e("w-4 h-4 fill-none stroke-current", n),
+		viewBox: "0 0 24 24",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...r,
+		children: /* @__PURE__ */ t("polyline", { points: "15 18 9 12 15 6" })
+	});
 }
-export {
-  s as ChevronLeftIcon
-};
+//#endregion
+export { n as ChevronLeftIcon };

package/dist/icons/ChevronRightIcon.js

@@ -1,21 +1,18 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { cn as r } from "../utils/cn.js";
-function s({ className: n, ...o }) {
-  return /* @__PURE__ */ e(
-    "svg",
-    {
-      "aria-hidden": "true",
-      className: r("w-4 h-4 fill-none stroke-current", n),
-      viewBox: "0 0 24 24",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...o,
-      children: /* @__PURE__ */ e("polyline", { points: "9 18 15 12 9 6" })
-    }
-  );
+import { cn as e } from "../utils/cn.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/icons/ChevronRightIcon.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("svg", {
+		"aria-hidden": "true",
+		className: e("w-4 h-4 fill-none stroke-current", n),
+		viewBox: "0 0 24 24",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...r,
+		children: /* @__PURE__ */ t("polyline", { points: "9 18 15 12 9 6" })
+	});
 }
-export {
-  s as ChevronRightIcon
-};
+//#endregion
+export { n as ChevronRightIcon };

package/dist/icons/ChevronUpIcon.js

@@ -1,21 +1,18 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { cn as o } from "../utils/cn.js";
-function s({ className: e, ...n }) {
-  return /* @__PURE__ */ r(
-    "svg",
-    {
-      "aria-hidden": "true",
-      className: o("w-4 h-4 fill-none stroke-current", e),
-      viewBox: "0 0 24 24",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      ...n,
-      children: /* @__PURE__ */ r("path", { d: "m18 15-6-6-6 6" })
-    }
-  );
+import { cn as e } from "../utils/cn.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/icons/ChevronUpIcon.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("svg", {
+		"aria-hidden": "true",
+		className: e("w-4 h-4 fill-none stroke-current", n),
+		viewBox: "0 0 24 24",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		...r,
+		children: /* @__PURE__ */ t("path", { d: "m18 15-6-6-6 6" })
+	});
 }
-export {
-  s as ChevronUpIcon
-};
+//#endregion
+export { n as ChevronUpIcon };