asheeui 0.6.15 → 1.0.0

package/dist/AsheeUIProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AsheeUIProvider.d.ts","sourceRoot":"","sources":["../src/AsheeUIProvider.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAOtD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAW,EACX,QAAQ,GACT,EAAE,oBAAoB,+BAgBtB"}
+{"version":3,"file":"AsheeUIProvider.d.ts","sourceRoot":"","sources":["../src/AsheeUIProvider.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,SAAS,EAAiC,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAWtD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;IAExB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AA2BD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAW,EACX,QAAQ,GACT,EAAE,oBAAoB,+BAiCtB"}

package/dist/AsheeUIProvider.js

@@ -1,26 +1,31 @@
 "use client";
-import { jsxs as t, jsx as m } from "react/jsx-runtime";
-import { useMemo as i } from "react";
-import { resolveConfig as s } from "./config/resolve-config.js";
-import { AsheeConfigContext as f } from "./libs/context.js";
-import { useIsomorphicLayoutEffect as n } from "./libs/use-isomorphic-layout-effect.js";
-import { AsheeThemeScript as c } from "./scripts/AsheeThemeScript.js";
-import { themeController as h } from "./theme/controller.js";
-function g({
-  config: o = {},
-  children: r
-}) {
-  const e = i(() => s(o), [o]);
-  return n(() => {
-    h.configure({
-      defaultTheme: e.defaultTheme ?? "system",
-      themes: Object.keys(e.color)
-    });
-  }, [e]), /* @__PURE__ */ t(f.Provider, { value: e, children: [
-    /* @__PURE__ */ m(c, { config: e }),
-    r
-  ] });
+"use client";
+import { themeController as e } from "./theme/controller.js";
+import { resolveConfig as t } from "./config/resolve-config.js";
+import { assertValidConfig as n } from "./config/validate-config.js";
+import { AsheeConfigContext as r } from "./libs/context.js";
+import { useIsomorphicLayoutEffect as i } from "./libs/use-isomorphic-layout-effect.js";
+import { AsheeThemeScript as a, ensureThemeVarsStyle as o } from "./scripts/AsheeThemeScript.js";
+import { useMemo as s, useSyncExternalStore as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/AsheeUIProvider.tsx
+var d = () => () => {};
+function f() {
+	return c(d, () => !1, () => !0);
+}
+function p({ config: c = {}, children: d }) {
+	let p = s(() => (n(c), t(c)), [c]);
+	i(() => {
+		e.configure({
+			defaultTheme: p.defaultTheme ?? "system",
+			themes: Object.keys(p.color)
+		}), o(p);
+	}, [p]);
+	let m = f();
+	return /* @__PURE__ */ u(r.Provider, {
+		value: p,
+		children: [m && /* @__PURE__ */ l(a, { config: p }), d]
+	});
 }
-export {
-  g as AsheeUIProvider
-};
+//#endregion
+export { p as AsheeUIProvider };

package/dist/components/accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAUf,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,aAAa,EAInB,MAAM,oBAAoB,CAAC;AAU5B,KAAK,kBAAkB,GAAG,eAAe,GACvC,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,OAAO,GAAG,cAAc,GAAG,UAAU,CACtC,CAAC;AAEJ;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD;;;;;;OAMG;IACH,KAAK,EAAE,aAAa,EAAE,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEjC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE1B;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAE1C;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEG;AACH,eAAO,MAAM,SAAS,2GAmOrB,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAUf,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,aAAa,EAInB,MAAM,oBAAoB,CAAC;AAU5B,KAAK,kBAAkB,GAAG,eAAe,GACvC,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,OAAO,GAAG,cAAc,GAAG,UAAU,CACtC,CAAC;AAEJ;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD;;;;;;OAMG;IACH,KAAK,EAAE,aAAa,EAAE,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEjC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE1B;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAE1C;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEG;AACH,eAAO,MAAM,SAAS,2GAyOrB,CAAC"}

package/dist/components/accordion/Accordion.js

@@ -1,174 +1,82 @@
 "use client";
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
-import { forwardRef as Y, useId as ee, useCallback as O, useState as se } from "react";
-import { ChevronDownIcon as re } from "../../icons/ChevronDownIcon.js";
-import { useAsheeConfig as te } from "../../libs/context.js";
-import { resolveCascade as v, resolveRadiusKey as oe, resolveClassKey as A } from "../../utils/resolve-token.js";
-import { FALLBACK_ACCORDION_CONFIG as o } from "./accordion-config.js";
-import { ACCORDION_HEADER_SIZE_CLASS as ie, ACCORDION_CONTENT_SIZE_CLASS as ne, ACCORDION_VARIANT_ITEM_CLASS as _, ACCORDION_VARIANT_CONTAINER_CLASS as R } from "./accordion-styles.js";
-import { RADIUS_CLASS as ae } from "../../shared/radius.js";
-import { cn as n } from "../../utils/cn.js";
-const le = Y(
-  ({
-    items: g = [],
-    variant: z,
-    size: K,
-    radius: D,
-    allowMultiple: E,
-    defaultValue: L,
-    value: b,
-    onValueChange: d,
-    expandIcon: T,
-    disableAnimation: h = !1,
-    itemClassName: $,
-    headerClassName: M,
-    contentClassName: j,
-    className: V,
-    style: F,
-    id: Z,
-    ...k
-  }, B) => {
-    var S;
-    const f = te(), s = (S = f.components) == null ? void 0 : S.accordion, G = ee(), m = Z ?? G, x = v(
-      K,
-      s == null ? void 0 : s.size,
-      void 0,
-      o.size
-    ), i = v(
-      z,
-      s == null ? void 0 : s.variant,
-      f.defaultVariant,
-      o.variant
-    ), w = v(
-      E,
-      s == null ? void 0 : s.allowMultiple,
-      void 0,
-      o.allowMultiple
-    ), H = oe(
-      D,
-      s == null ? void 0 : s.radius,
-      f.defaultRadius,
-      o.radius
-    ), U = R[i] ?? R.separated, q = _[i] ?? _.separated, J = A(
-      x,
-      ie,
-      o.size
-    ), P = A(
-      x,
-      ne,
-      o.size
-    ), I = A(
-      H,
-      ae,
-      o.radius
-    ), p = b !== void 0, C = O(
-      (e) => e === void 0 ? [] : Array.isArray(e) ? e : [e],
-      []
-    ), [Q, W] = se(
-      () => C(L)
-    ), a = p ? C(b) : Q, X = O(
-      (e, N) => {
-        if (N) return;
-        let r;
-        a.includes(e) ? r = a.filter((c) => c !== e) : r = w ? [...a, e] : [e], p || W(r), d == null || d(r);
-      },
-      [a, p, d, w]
-    );
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        ref: B,
-        id: m,
-        className: n(
-          "w-full",
-          U,
-          i !== "ghost" && i !== "flush" && I,
-          V
-        ),
-        style: F,
-        ...k,
-        children: g.map((e, N) => {
-          const r = e.id || `item-${N}`, l = a.includes(r), c = `${m}-header-${r}`, y = `${m}-content-${r}`;
-          return /* @__PURE__ */ u(
-            "div",
-            {
-              className: n(
-                "w-full transition-colors box-border",
-                q,
-                (i === "separated" || i === "ghost") && I,
-                $
-              ),
-              children: [
-                /* @__PURE__ */ u(
-                  "button",
-                  {
-                    id: c,
-                    type: "button",
-                    "aria-expanded": l,
-                    "aria-controls": y,
-                    disabled: e.disabled,
-                    onClick: () => X(r, e.disabled),
-                    className: n(
-                      "w-full min-w-full text-left flex items-center justify-between gap-3 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-inset text-foreground transition-colors disabled:opacity-50 disabled:cursor-not-allowed select-none box-border",
-                      J,
-                      M
-                    ),
-                    children: [
-                      /* @__PURE__ */ u("div", { className: "flex items-center gap-3 min-w-0 flex-1", children: [
-                        e.icon && /* @__PURE__ */ t("span", { className: "shrink-0 text-foreground/70", children: e.icon }),
-                        /* @__PURE__ */ u("div", { className: "flex flex-col min-w-0", children: [
-                          /* @__PURE__ */ t("span", { className: "font-semibold truncate", children: e.title }),
-                          e.subtitle && /* @__PURE__ */ t("span", { className: "text-xs text-foreground/70 truncate", children: e.subtitle })
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ t(
-                        "div",
-                        {
-                          className: n(
-                            "text-foreground/70 shrink-0 ml-2 transition-transform duration-200 ease-in-out",
-                            h ? "transition-none" : "",
-                            l && "rotate-180"
-                          ),
-                          children: T || /* @__PURE__ */ t(re, { className: "w-4 h-4" })
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ t(
-                  "section",
-                  {
-                    id: y,
-                    "aria-labelledby": c,
-                    "data-state": l ? "open" : "closed",
-                    className: n(
-                      "w-full grid transition-[grid-template-rows,opacity] duration-250 ease-[cubic-bezier(0.16,1,0.3,1)]",
-                      h ? "transition-none" : "",
-                      l ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"
-                    ),
-                    children: /* @__PURE__ */ t("div", { className: "scrollbar-hide overflow-hidden w-full", children: /* @__PURE__ */ t(
-                      "div",
-                      {
-                        className: n(
-                          "text-foreground/70 leading-relaxed pt-0",
-                          P,
-                          j
-                        ),
-                        children: e.content
-                      }
-                    ) })
-                  }
-                )
-              ]
-            },
-            r
-          );
-        })
-      }
-    );
-  }
-);
-le.displayName = "Accordion";
-export {
-  le as Accordion
-};
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { RADIUS_CLASS as t } from "../../shared/radius.js";
+import { useAsheeConfig as n } from "../../libs/context.js";
+import { ChevronDownIcon as r } from "../../icons/ChevronDownIcon.js";
+import { resolveCascade as i, resolveClassKey as a, resolveRadiusKey as o } from "../../utils/resolve-token.js";
+import { FALLBACK_ACCORDION_CONFIG as s } from "./accordion-config.js";
+import { ACCORDION_CONTENT_SIZE_CLASS as c, ACCORDION_HEADER_SIZE_CLASS as l, ACCORDION_VARIANT_CONTAINER_CLASS as u, ACCORDION_VARIANT_ITEM_CLASS as d } from "./accordion-styles.js";
+import { forwardRef as f, useCallback as p, useId as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/accordion/Accordion.tsx
+var v = f(({ items: f = [], variant: v, size: y, radius: b, allowMultiple: x, defaultValue: S, value: C, onValueChange: w, expandIcon: T, disableAnimation: E = !1, itemClassName: D, headerClassName: O, contentClassName: k, className: A, style: j, id: M, ...N }, P) => {
+	let F = n(), I = F.components?.accordion, L = m(), R = M ?? L, z = i(y, I?.size, void 0, s.size), B = i(v, I?.variant, F.defaultVariant, s.variant), V = i(x, I?.allowMultiple, void 0, s.allowMultiple), H = o(b, I?.radius, F.defaultRadius, s.radius), U = u[B] ?? u.separated, W = d[B] ?? d.separated, G = a(z, l, s.size), K = a(z, c, s.size), q = a(H, t, s.radius), J = C !== void 0, Y = p((e) => e === void 0 ? [] : Array.isArray(e) ? e : [e], []), [X, Z] = h(() => Y(S)), Q = J ? Y(C) : X, $ = p((e, t) => {
+		if (t) return;
+		let n;
+		n = Q.includes(e) ? Q.filter((t) => t !== e) : V ? [...Q, e] : [e], J || Z(n), w?.(n);
+	}, [
+		Q,
+		J,
+		w,
+		V
+	]);
+	return /* @__PURE__ */ g("div", {
+		ref: P,
+		id: R,
+		className: e("w-full", U, B !== "ghost" && B !== "flush" && q, A),
+		style: j,
+		...N,
+		children: f.map((t, n) => {
+			let i = t.id || `item-${n}`, a = Q.includes(i), o = `${R}-header-${i}`, s = `${R}-content-${i}`;
+			return /* @__PURE__ */ _("div", {
+				className: e("w-full transition-colors box-border", W, (B === "separated" || B === "ghost") && q, D),
+				children: [/* @__PURE__ */ _("button", {
+					id: o,
+					type: "button",
+					"aria-expanded": a,
+					"aria-controls": s,
+					disabled: t.disabled,
+					onClick: () => $(i, t.disabled),
+					className: e("w-full min-w-full text-left flex items-center justify-between gap-3 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-inset text-foreground transition-colors disabled:opacity-50 disabled:cursor-not-allowed select-none box-border", G, O),
+					children: [/* @__PURE__ */ _("div", {
+						className: "flex items-center gap-3 min-w-0 flex-1",
+						children: [t.icon && /* @__PURE__ */ g("span", {
+							className: "shrink-0 text-foreground/70",
+							children: t.icon
+						}), /* @__PURE__ */ _("div", {
+							className: "flex flex-col min-w-0",
+							children: [/* @__PURE__ */ g("span", {
+								className: "font-semibold truncate",
+								children: t.title
+							}), t.subtitle && /* @__PURE__ */ g("span", {
+								className: "text-xs text-foreground/70 truncate",
+								children: t.subtitle
+							})]
+						})]
+					}), /* @__PURE__ */ g("div", {
+						className: e("text-foreground/70 shrink-0 ml-2 transition-transform duration-200 ease-in-out", E ? "transition-none" : "", a && "rotate-180"),
+						children: T || /* @__PURE__ */ g(r, { className: "w-4 h-4" })
+					})]
+				}), /* @__PURE__ */ g("section", {
+					id: s,
+					"aria-labelledby": o,
+					"data-state": a ? "open" : "closed",
+					"aria-hidden": !a || void 0,
+					inert: !a,
+					className: e("w-full grid transition-[grid-template-rows,opacity] duration-250 ease-[cubic-bezier(0.16,1,0.3,1)]", E ? "transition-none" : "", a ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0 pointer-events-none"),
+					children: /* @__PURE__ */ g("div", {
+						className: "scrollbar-hide overflow-hidden w-full",
+						children: /* @__PURE__ */ g("div", {
+							className: e("text-foreground/70 leading-relaxed pt-0", K, k),
+							children: t.content
+						})
+					})
+				})]
+			}, i);
+		})
+	});
+});
+v.displayName = "Accordion";
+//#endregion
+export { v as Accordion };

package/dist/components/accordion/accordion-config.js

@@ -1,17 +1,16 @@
 "use client";
 import { registerComponentDefaults as e } from "../../libs/registry.js";
-const o = {
-  size: "md",
-  allowMultiple: !1
+//#region src/components/accordion/accordion-config.ts
+var t = {
+	size: "md",
+	allowMultiple: !1
 };
-e("accordion", o);
-const t = {
-  size: "md",
-  variant: "separated",
-  radius: "md",
-  allowMultiple: !1
-};
-export {
-  t as FALLBACK_ACCORDION_CONFIG,
-  o as defaultAccordionConfig
+e("accordion", t);
+var n = {
+	size: "md",
+	variant: "separated",
+	radius: "md",
+	allowMultiple: !1
 };
+//#endregion
+export { n as FALLBACK_ACCORDION_CONFIG, t as defaultAccordionConfig };

package/dist/components/accordion/accordion-styles.js

@@ -1,26 +1,23 @@
 "use client";
-const r = {
-  sm: "px-3.5 py-2 text-xs",
-  md: "px-5 py-3.5 text-sm",
-  lg: "px-6 py-4 text-base"
-}, e = {
-  sm: "px-3.5 pb-2 text-xs",
-  md: "px-5 pb-3.5 text-sm",
-  lg: "px-6 pb-4 text-base"
-}, o = {
-  bordered: "border border-border divide-y divide-border",
-  separated: "space-y-3",
-  ghost: "divide-y divide-border border-y border-border",
-  flush: "space-y-1"
-}, s = {
-  bordered: "bg-secondary transition-colors hover:bg-foreground/10",
-  separated: "border border-border bg-secondary transition-colors hover:bg-secondary/30 shadow-xs",
-  ghost: "bg-transparent transition-colors hover:bg-secondary/20",
-  flush: "bg-transparent hover:bg-secondary/50 transition-colors"
-};
-export {
-  e as ACCORDION_CONTENT_SIZE_CLASS,
-  r as ACCORDION_HEADER_SIZE_CLASS,
-  o as ACCORDION_VARIANT_CONTAINER_CLASS,
-  s as ACCORDION_VARIANT_ITEM_CLASS
+//#region src/components/accordion/accordion-styles.ts
+var e = {
+	sm: "px-3.5 py-2 text-xs",
+	md: "px-5 py-3.5 text-sm",
+	lg: "px-6 py-4 text-base"
+}, t = {
+	sm: "px-3.5 pb-2 text-xs",
+	md: "px-5 pb-3.5 text-sm",
+	lg: "px-6 pb-4 text-base"
+}, n = {
+	bordered: "border border-border divide-y divide-border",
+	separated: "space-y-3",
+	ghost: "divide-y divide-border border-y border-border",
+	flush: "space-y-1"
+}, r = {
+	bordered: "bg-secondary transition-colors hover:bg-foreground/10",
+	separated: "border border-border bg-secondary transition-colors hover:bg-secondary/30 shadow-xs",
+	ghost: "bg-transparent transition-colors hover:bg-secondary/20",
+	flush: "bg-transparent hover:bg-secondary/50 transition-colors"
 };
+//#endregion
+export { t as ACCORDION_CONTENT_SIZE_CLASS, e as ACCORDION_HEADER_SIZE_CLASS, n as ACCORDION_VARIANT_CONTAINER_CLASS, r as ACCORDION_VARIANT_ITEM_CLASS };

package/dist/components/alert/Alert.d.ts

@@ -0,0 +1,88 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { AlertConfig, AlertType } from './alert-config';
+type BaseAlertProps = AlertConfig & Omit<HTMLAttributes<HTMLDivElement>, "color" | "title" | "content">;
+/**
+ * Configuration options for the Alert component.
+ */
+export interface AlertProps extends BaseAlertProps {
+    /**
+     * Intent of the alert.
+     * Selects the colour and the urgency of the announcement.
+     *
+     * @default "info"
+     */
+    type?: AlertType;
+    /**
+     * Short heading for the message.
+     */
+    title?: ReactNode;
+    /**
+     * Message body.
+     */
+    children?: ReactNode;
+    /**
+     * Leading content, shown in place of the intent's default icon.
+     */
+    icon?: ReactNode;
+    /**
+     * Whether the alert can be dismissed by the consumer.
+     * The dismiss control appears only when this is true and `onClose` is given.
+     *
+     * @default false
+     */
+    isClosable?: boolean;
+    /**
+     * Called when the dismiss control is used.
+     */
+    onClose?: () => void;
+    /**
+     * Name of the dismiss control, for assistive technology.
+     *
+     * @default "Dismiss alert"
+     */
+    closeLabel?: string;
+}
+/**
+ * An inline message or validation summary.
+ *
+ * Alert presents a message next to the surface it relates to: a form summary,
+ * a failed step, or a statement the consumer should not miss. Its colour,
+ * variant and radius resolve through the standard AsheeUI cascade: prop,
+ * component config, global theme defaults, and the built-in fallback.
+ *
+ * The intent decides how urgently the message is announced. `error` and
+ * `warning` are exposed as an alert, which interrupts assistive technology;
+ * `info` and `success` are exposed as a status, which waits for a pause. Pass
+ * `role` to override that choice.
+ *
+ * An alert never moves focus, never takes focus, and never appears above the
+ * page: when a message has to interrupt with a modal surface, use `Modal`
+ * instead. The dismiss control carries an accessible name and is the only
+ * focusable element the component adds.
+ *
+ * @param props - Alert configuration options and div attributes.
+ * @param props.type - Intent. Defaults to "info".
+ * @param props.title - Short heading for the message.
+ * @param props.children - Message body.
+ * @param props.icon - Leading content, in place of the default icon.
+ * @param props.isClosable - Whether a dismiss control is shown. Defaults to false.
+ * @param props.onClose - Called when the dismiss control is used.
+ * @param props.closeLabel - Name of the dismiss control. Defaults to "Dismiss alert".
+ * @param props.variant - Visual style variant. Defaults to the configured value.
+ * @param props.radius - Corner rounding. Defaults to "md".
+ * @param props.role - Announcement role, overriding the intent's default.
+ * @param props.className - Extra classes applied last.
+ *
+ * @example
+ * ```tsx
+ * <Alert type="error" title="Payment failed">
+ *   The card was declined. Check the details and try again.
+ * </Alert>
+ * ```
+ *
+ * @see AlertConfig - The configuration type for component defaults.
+ * @see ToastProvider - For messages that appear above the page instead of inline.
+ */
+export declare const Alert: import('react').ForwardRefExoticComponent<AlertProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Alert.d.ts.map

package/dist/components/alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBxE,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,SAAS,EAEf,MAAM,gBAAgB,CAAC;AAExB,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;AAEtE;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAqBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,KAAK,uGAwFjB,CAAC"}

package/dist/components/alert/Alert.js

@@ -0,0 +1,61 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { RADIUS_CLASS as t } from "../../shared/radius.js";
+import { resolveVariantClass as n } from "../../shared/variant.js";
+import { useAsheeConfig as r } from "../../libs/context.js";
+import { resolveCascade as i, resolveClassKey as a } from "../../utils/resolve-token.js";
+import { CheckIcon as o } from "../../icons/CheckIcon.js";
+import { CloseIcon as s } from "../../icons/CloseIcon.js";
+import { ErrorIcon as c } from "../../icons/ErrorIcon.js";
+import { InfoIcon as l } from "../../icons/InfoIcon.js";
+import { WarningIcon as u } from "../../icons/WarningIcon.js";
+import { ALERT_BASE_CLASS as d, ALERT_ICON_CLASS as f, ALERT_TYPE_COLOR as p, ALERT_TYPE_ICON_CLASS as m, ALERT_TYPE_ROLE as h } from "./alert-styles.js";
+import { FALLBACK_ALERT_CONFIG as g } from "./alert-config.js";
+import { forwardRef as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/components/alert/Alert.tsx
+function b(e) {
+	switch (e) {
+		case "success": return /* @__PURE__ */ v(o, {});
+		case "error": return /* @__PURE__ */ v(c, {});
+		case "warning": return /* @__PURE__ */ v(u, {});
+		default: return /* @__PURE__ */ v(l, {});
+	}
+}
+var x = _(({ type: o, variant: c, radius: l, title: u, children: _, icon: x, isClosable: S = !1, onClose: C, closeLabel: w = "Dismiss alert", role: T, className: E, ...D }, O) => {
+	let k = r(), A = k.components?.alert, j = i(o, A?.type, void 0, g.type), M = i(c, A?.variant, k.defaultVariant, g.variant), N = M === "underlined" ? "bordered" : M, P = i(l, A?.radius, k.defaultRadius, g.radius), F = a(P, t, g.radius);
+	return /* @__PURE__ */ y("div", {
+		ref: O,
+		role: T ?? h[j],
+		className: e(d, F, n(N, p[j]), E),
+		...D,
+		children: [
+			/* @__PURE__ */ v("span", {
+				"aria-hidden": "true",
+				className: e(f, m[j]),
+				children: x ?? b(j)
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "flex-1 min-w-0 flex flex-col gap-0.5",
+				children: [u && /* @__PURE__ */ v("span", {
+					className: "font-medium",
+					children: u
+				}), _ && /* @__PURE__ */ v("div", {
+					className: "text-current/80",
+					children: _
+				})]
+			}),
+			S && C && /* @__PURE__ */ v("button", {
+				type: "button",
+				"aria-label": w,
+				onClick: C,
+				className: "shrink-0 inline-flex items-center justify-center size-6 rounded-sm text-current/70 hover:text-current transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-current",
+				children: /* @__PURE__ */ v(s, { className: "size-3.5" })
+			})
+		]
+	});
+});
+x.displayName = "Alert";
+//#endregion
+export { x as Alert };

package/dist/components/alert/alert-config.d.ts

@@ -0,0 +1,56 @@
+import { Radius, Variant } from '../../shared';
+/**
+ * Intent of an alert.
+ * Selects the colour an alert is presented in and how urgently it is
+ * announced: `error` and `warning` interrupt, `info` and `success` wait for a
+ * pause in what assistive technology is reading.
+ */
+export type AlertType = "success" | "error" | "info" | "warning";
+/**
+ * Theme configuration options for the Alert component.
+ *
+ * Set under `components.alert` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface AlertConfig {
+    /**
+     * Intent of the alert.
+     * Controls its colour and how urgently its message is announced.
+     *
+     * @default "info"
+     */
+    type?: AlertType;
+    /**
+     * Visual style variant.
+     * Controls the alert's background, border, and text treatment.
+     *
+     * @default "faded"
+     */
+    variant?: Exclude<Variant, "underlined">;
+    /**
+     * Corner rounding.
+     * Controls the border-radius of the alert.
+     *
+     * @default "md"
+     */
+    radius?: Radius;
+}
+/**
+ * Default config values registered for the Alert component.
+ *
+ * `variant` is intentionally absent so it inherits from the global
+ * `defaultVariant`.
+ */
+export declare const defaultAlertConfig: AlertConfig;
+/**
+ * Hard fallback values used when no config tier provides a value.
+ * These values are used when instance props, component config,
+ * and global defaults are all undefined.
+ */
+export declare const FALLBACK_ALERT_CONFIG: Required<AlertConfig>;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        alert: AlertConfig;
+    }
+}
+//# sourceMappingURL=alert-config.d.ts.map

package/dist/components/alert/alert-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-config.d.ts","sourceRoot":"","sources":["../../../src/components/alert/alert-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEjE;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAEzC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,WAGhC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,WAAW,CAI9C,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,KAAK,EAAE,WAAW,CAAC;KACpB;CACF"}

package/dist/components/alert/alert-config.js

@@ -0,0 +1,14 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/alert/alert-config.ts
+var t = {
+	type: "info",
+	radius: "md"
+}, n = {
+	type: "info",
+	variant: "faded",
+	radius: "md"
+};
+e("alert", t);
+//#endregion
+export { n as FALLBACK_ALERT_CONFIG, t as defaultAlertConfig };