asheeui 0.7.0 → 1.0.0

package/dist/components/resizable-screen/ResizableScreen.d.ts

@@ -83,8 +83,8 @@ export interface ResizableScreenProps extends BaseResizableScreenProps {
  *       maxSize={70}
  *       orientation="horizontal"
  *     >
- *       <div className="bg-blue-100 p-4">Left Panel</div>
- *       <div className="bg-green-100 p-4">Right Panel</div>
+ *       <div className="bg-primary/10 p-4">Left Panel</div>
+ *       <div className="bg-success/10 p-4">Right Panel</div>
  *     </ResizableScreen>
  *   );
  * }
@@ -102,8 +102,8 @@ export interface ResizableScreenProps extends BaseResizableScreenProps {
  *   minSize={25}
  *   maxSize={75}
  * >
- *   <div className="bg-red-100 p-4">Top Panel</div>
- *   <div className="bg-blue-100 p-4">Bottom Panel</div>
+ *   <div className="bg-danger/10 p-4">Top Panel</div>
+ *   <div className="bg-primary/10 p-4">Bottom Panel</div>
  * </ResizableScreen>
  * ```
  *

package/dist/components/scrollbar/index.js

@@ -0,0 +1 @@
+export * from "./scrollbar-config.js";

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

@@ -0,0 +1,13 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/scrollbar/scrollbar-config.ts
+var t = {
+	width: "10px",
+	radius: "9999px",
+	thumbBorder: "3px",
+	gutter: "stable",
+	fallbackWidth: "thin"
+};
+e("scrollbar", t);
+//#endregion
+export { t as defaultScrollbarConfig };

package/dist/components/sidebar/Sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}

package/dist/components/sidebar/Sidebar.js

@@ -1,149 +1,151 @@
 "use client";
 "use client";
 import { cn as e } from "../../utils/cn.js";
-import { useAsheeConfig as t } from "../../libs/context.js";
-import { RADIUS_CLASS as n } from "../../shared/radius.js";
-import { resolveVariantClass as r } from "../../shared/variant.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, resolveRadiusKey as o } from "../../utils/resolve-token.js";
 import { Button as s } from "../button/Button.js";
-import { ChevronLeftIcon as c } from "../../icons/ChevronLeftIcon.js";
-import { ChevronRightIcon as l } from "../../icons/ChevronRightIcon.js";
-import { ArrowLeftIcon as u } from "../../icons/ArrowLeftIcon.js";
-import { Tooltip as ee } from "../tooltip/Tooltip.js";
+import { ChevronRightIcon as c } from "../../icons/ChevronRightIcon.js";
+import { ChevronLeftIcon as ee } from "../../icons/ChevronLeftIcon.js";
+import { ArrowLeftIcon as l } from "../../icons/ArrowLeftIcon.js";
+import { Tooltip as u } from "../tooltip/Tooltip.js";
 import { FALLBACK_SIDEBAR_CONFIG as d } from "./sidebar-config.js";
-import { SIDEBAR_COLLAPSED_WIDTH_CLASS as te, SIDEBAR_EXPANDED_WIDTH_CLASS as ne, SIDEBAR_HEADER_CLASS as f, SIDEBAR_ITEM_CLASS as re, SIDEBAR_SECTION_LABEL_CLASS as ie, SIDEBAR_VARIANT_CLASS as p } from "./sidebar-styles.js";
-import { useCallback as m, useEffect as ae, useMemo as h, useState as oe } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { SIDEBAR_COLLAPSED_WIDTH_CLASS as te, SIDEBAR_EXPANDED_WIDTH_CLASS as ne, SIDEBAR_HEADER_CLASS as re, SIDEBAR_ITEM_CLASS as ie, SIDEBAR_SECTION_LABEL_CLASS as ae, SIDEBAR_VARIANT_CLASS as oe } from "./sidebar-styles.js";
+import { useCallback as f, useEffect as p, useMemo as m, useState as se } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/sidebar/Sidebar.tsx
-function y(e) {
+function v(e) {
 	return "items" in e && Array.isArray(e.items);
 }
-function b({ items: b, activeKey: se, onSelect: x, isCollapsed: S, onCollapseChange: C, title: w, onBack: T, backIcon: ce, userRole: E, footer: D, variant: le, size: ue, radius: de, options: O, showCollapseButton: k, collapsible: A, defaultCollapsed: j, tooltip: M, headerClassName: N, bodyClassName: P, sectionLabelClassName: F, footerClassName: I, anchorProps: L, link: R, className: z, style: B, ...V }) {
-	let H = t(), U = H.components?.sidebar, W = i(A, U?.collapsible, void 0, d.collapsible), G = i(k, U?.showCollapseButton, void 0, d.showCollapseButton), fe = i(j, U?.defaultCollapsed, void 0, d.defaultCollapsed), [pe, K] = oe(S ?? fe);
-	ae(() => {
-		S !== void 0 && K(S);
-	}, [S]);
-	let q = S ?? pe, me = m(() => {
-		if (!W) return;
-		let e = !q;
-		C ? C(e) : K(e);
+function y({ items: y, activeKey: ce, onSelect: b, isCollapsed: x, onCollapseChange: S, title: C, onBack: w, backIcon: le, userRole: T, footer: E, variant: ue, size: de, radius: fe, options: D, showCollapseButton: O, collapsible: k, defaultCollapsed: A, tooltip: j, headerClassName: M, bodyClassName: N, sectionLabelClassName: P, footerClassName: F, anchorProps: I, link: L, className: R, style: z, ...B }) {
+	let V = r(), H = V.components?.sidebar, U = i(k, H?.collapsible, void 0, d.collapsible), W = i(O, H?.showCollapseButton, void 0, d.showCollapseButton), pe = i(A, H?.defaultCollapsed, void 0, d.defaultCollapsed), [me, G] = se(x ?? pe);
+	p(() => {
+		x !== void 0 && G(x);
+	}, [x]);
+	let K = x ?? me, he = f(() => {
+		if (!U) return;
+		let e = !K;
+		x === void 0 && G(e), S?.(e);
 	}, [
-		q,
-		C,
-		W
-	]), J = i(ue, U?.size, void 0, d.size), he = i(le, U?.variant, void 0, d.variant), Y = (e) => e === "full" ? "xl" : e, ge = o(Y(de), Y(U?.radius), H.defaultRadius, d.radius), X = o(Y(O?.radius), Y(U?.options?.radius), H.defaultRadius, d.options.radius), Z = i(O?.inactive?.variant, U?.options?.inactive?.variant, H.defaultVariant, d.options.inactive.variant), _e = i(O?.inactive?.color, U?.options?.inactive?.color, void 0, d.options.inactive.color), ve = i(O?.active?.variant, U?.options?.active?.variant, H.defaultVariant, d.options.active.variant), ye = i(O?.active?.color, U?.options?.active?.color, H.defaultColor, d.options.active.color), be = r(ve, ye), xe = r(Z, _e), Se = i(M?.show, U?.tooltip?.show, void 0, d.tooltip.show), Ce = i(M?.placement, U?.tooltip?.placement, void 0, d.tooltip.placement), we = i(M?.variant, U?.tooltip?.variant, void 0, d.tooltip.variant), Te = i(M?.color, U?.tooltip?.color, void 0, d.tooltip.color), Q = b, $ = h(() => {
+		K,
+		x,
+		S,
+		U
+	]), q = i(de, H?.size, void 0, d.size), ge = i(ue, H?.variant, void 0, d.variant), J = (e) => e === "full" ? "xl" : e, _e = o(J(fe), J(H?.radius), V.defaultRadius, d.radius), Y = o(J(D?.radius), J(H?.options?.radius), V.defaultRadius, d.options.radius), X = i(D?.inactive?.variant, H?.options?.inactive?.variant, V.defaultVariant, d.options.inactive.variant), ve = i(D?.inactive?.color, H?.options?.inactive?.color, void 0, d.options.inactive.color), ye = i(D?.active?.variant, H?.options?.active?.variant, V.defaultVariant, d.options.active.variant), be = i(D?.active?.color, H?.options?.active?.color, V.defaultColor, d.options.active.color), xe = n(ye, be), Se = n(X, ve), Ce = i(j?.show, H?.tooltip?.show, void 0, d.tooltip.show), we = i(j?.placement, H?.tooltip?.placement, void 0, d.tooltip.placement), Z = i(j?.variant, H?.tooltip?.variant, void 0, d.tooltip.variant), Te = i(j?.color, H?.tooltip?.color, void 0, d.tooltip.color), Q = y, $ = m(() => {
 		if (!Q) return [];
 		let e = Q[0];
-		return e ? y(e) ? Q : [{
+		return e ? v(e) ? Q : [{
 			id: "__root",
 			label: void 0,
 			items: Q
 		}] : [];
-	}, [Q]), Ee = h(() => $.filter((e) => !e.roles || e.roles.length === 0 ? !0 : E ? e.roles.includes(E) : !1).map((e) => ({
+	}, [Q]), Ee = m(() => $.filter((e) => !e.roles || e.roles.length === 0 ? !0 : T ? e.roles.includes(T) : !1).map((e) => ({
 		...e,
-		items: e.items?.filter((e) => !e.roles || e.roles.length === 0 ? !0 : E ? e.roles.includes(E) : !1)
-	})).filter((e) => e.items && e.items.length > 0), [$, E]), De = m((e, t) => {
+		items: e.items?.filter((e) => !e.roles || e.roles.length === 0 ? !0 : T ? e.roles.includes(T) : !1)
+	})).filter((e) => e.items && e.items.length > 0), [$, T]), De = f((e, t) => {
 		if (t.disabled) {
 			e.preventDefault();
 			return;
 		}
-		x?.(t);
-	}, [x]), Oe = q ? te[J] : ne[J], ke = (t) => {
-		let r = t.id === se, i = e("w-full flex items-center gap-3 transition-all truncate no-underline", re[J], q ? "justify-center px-0" : "justify-start", r && "font-medium", r ? be : xe, t.disabled && "opacity-50 cursor-not-allowed pointer-events-none", a(Z === "underlined" ? "none" : X, n, d.options.radius), O?.itemClassName), o = R?.component || "a", s = {
-			href: t.disabled ? void 0 : t.href,
-			target: t.target,
-			rel: t.rel,
-			onClick: (e) => De(e, t),
+		b?.(t);
+	}, [b]), Oe = K ? te[q] : ne[q], ke = (n) => {
+		let r = n.id === ce, i = e("w-full flex items-center gap-3 transition-all truncate no-underline", ie[q], K ? "justify-center px-0" : "justify-start", r && "font-medium", r ? xe : Se, n.disabled && "opacity-50 cursor-not-allowed pointer-events-none", a(X === "underlined" ? "none" : Y, t, d.options.radius), D?.itemClassName), o = L?.component || "a", s = {
+			href: n.disabled ? void 0 : n.href,
+			target: n.target,
+			rel: n.rel,
+			"aria-current": r ? "page" : void 0,
+			onClick: (e) => De(e, n),
 			className: i,
-			...L,
-			...R?.props ?? {}
-		}, c = /* @__PURE__ */ v(o, {
+			...I,
+			...L?.props ?? {}
+		}, c = /* @__PURE__ */ _(o, {
 			...s,
-			children: [t.icon && /* @__PURE__ */ _("span", {
-				className: e("shrink-0 flex items-center justify-center", q && "w-full"),
-				children: t.icon
-			}), !q && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("span", {
+			children: [n.icon && /* @__PURE__ */ g("span", {
+				className: e("shrink-0 flex items-center justify-center", K && "w-full"),
+				children: n.icon
+			}), !K && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("span", {
 				className: "truncate flex-1 text-left",
-				children: t.label
-			}), t.badge && /* @__PURE__ */ _("span", {
+				children: n.label
+			}), n.badge && /* @__PURE__ */ g("span", {
 				className: "shrink-0",
-				children: t.badge
+				children: n.badge
 			})] })]
-		}, String(t.id));
-		return q && Se ? /* @__PURE__ */ _(ee, {
-			content: t.label,
-			placement: Ce,
-			variant: we,
+		}, String(n.id));
+		return K && Ce ? /* @__PURE__ */ g(u, {
+			content: n.label,
+			placement: we,
+			variant: Z,
 			color: Te,
-			radius: X,
+			radius: Y,
 			children: c
-		}, String(t.id)) : c;
-	}, Ae = (t) => !t.items || t.items.length === 0 ? null : /* @__PURE__ */ v("div", {
+		}, String(n.id)) : c;
+	}, Ae = (t) => !t.items || t.items.length === 0 ? null : /* @__PURE__ */ _("div", {
 		className: "flex flex-col gap-0.5",
-		children: [!q && t.label && /* @__PURE__ */ _("div", {
-			className: e("text-foreground/70 font-medium uppercase tracking-wider truncate", ie[J], F),
+		children: [!K && t.label && /* @__PURE__ */ g("div", {
+			className: e("text-foreground/70 font-medium uppercase tracking-wider truncate", ae[q], P),
 			children: t.label
 		}), t.items.map(ke)]
 	}, String(t.id));
-	return /* @__PURE__ */ v("aside", {
-		className: e("h-full flex flex-col transition-all duration-200 select-none shrink-0", Oe, p[he], a(ge, n, d.radius), z),
-		style: B,
-		...V,
+	return /* @__PURE__ */ _("aside", {
+		className: e("h-full flex flex-col transition-all duration-200 select-none shrink-0", Oe, oe[ge], a(_e, t, d.radius), R),
+		style: z,
+		...B,
 		children: [
-			(T || w) && /* @__PURE__ */ v("div", {
-				className: e("flex items-center gap-3 border-b border-border border-dashed shrink-0", f[J], q && "justify-center px-0", N),
-				children: [T && /* @__PURE__ */ _(s, {
+			(w || C) && /* @__PURE__ */ _("div", {
+				className: e("flex items-center gap-3 border-b border-border border-dashed shrink-0", re[q], K && "justify-center px-0", M),
+				children: [w && /* @__PURE__ */ g(s, {
 					icon: !0,
 					"aria-label": "Go back",
-					variant: Z,
+					variant: X,
 					color: "secondary",
-					size: J,
-					radius: X,
-					onClick: T,
+					size: q,
+					radius: Y,
+					onClick: w,
 					className: "shrink-0",
-					children: /* @__PURE__ */ _("span", {
+					children: /* @__PURE__ */ g("span", {
 						className: e("flex items-center justify-center transition-transform duration-200"),
-						children: ce ?? /* @__PURE__ */ _(u, { className: "size-4" })
+						children: le ?? /* @__PURE__ */ g(l, { className: "size-4" })
 					})
-				}), !q && w && /* @__PURE__ */ _("span", {
+				}), !K && C && /* @__PURE__ */ g("span", {
 					className: "font-semibold text-foreground truncate tracking-tight transition-opacity duration-200",
-					children: w
+					children: C
 				})]
 			}),
-			/* @__PURE__ */ _("nav", {
-				className: e("flex-1 overflow-y-auto py-3 px-2 flex flex-col gap-3 scrollable-hidden", P),
+			/* @__PURE__ */ g("nav", {
+				className: e("flex-1 overflow-y-auto py-3 px-2 flex flex-col gap-3 scrollable-hidden", N),
 				children: Ee.map(Ae)
 			}),
-			G && W && /* @__PURE__ */ v("div", {
-				className: e("border-t border-border shrink-0", q ? "p-2" : "p-3", I),
-				children: [!q && D && /* @__PURE__ */ _("div", {
+			W && U && /* @__PURE__ */ _("div", {
+				className: e("border-t border-border shrink-0", K ? "p-2" : "p-3", F),
+				children: [!K && E && /* @__PURE__ */ g("div", {
 					className: "mb-2",
-					children: D
-				}), /* @__PURE__ */ _(s, {
+					children: E
+				}), /* @__PURE__ */ g(s, {
 					icon: !0,
-					"aria-label": q ? "Expand sidebar" : "Collapse sidebar",
-					variant: Z,
+					"aria-label": K ? "Expand sidebar" : "Collapse sidebar",
+					variant: X,
 					color: "secondary",
-					size: J,
-					radius: X,
-					onClick: me,
-					className: e("w-full", q ? "justify-center px-0" : "justify-start"),
-					children: /* @__PURE__ */ _("span", {
+					size: q,
+					radius: Y,
+					onClick: he,
+					className: e("w-full", K ? "justify-center px-0" : "justify-start"),
+					children: /* @__PURE__ */ g("span", {
 						className: "flex items-center gap-2",
-						children: q ? /* @__PURE__ */ _(l, { className: "size-4" }) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(c, { className: "size-4" }), /* @__PURE__ */ _("span", {
+						children: K ? /* @__PURE__ */ g(c, { className: "size-4" }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(ee, { className: "size-4" }), /* @__PURE__ */ g("span", {
 							className: "text-sm",
 							children: "Collapse"
 						})] })
 					})
 				})]
 			}),
-			!G && D && /* @__PURE__ */ _("div", {
-				className: e("border-t border-border shrink-0 p-3", I),
-				children: D
+			!W && E && /* @__PURE__ */ g("div", {
+				className: e("border-t border-border shrink-0 p-3", F),
+				children: E
 			})
 		]
 	});
 }
-b.displayName = "Sidebar";
+y.displayName = "Sidebar";
 //#endregion
-export { b as Sidebar };
+export { y as Sidebar };

package/dist/components/skeleton/Skeleton.d.ts

@@ -0,0 +1,65 @@
+import { HTMLAttributes } from 'react';
+import { SkeletonConfig } from './skeleton-config';
+type BaseSkeletonProps = SkeletonConfig & Omit<HTMLAttributes<HTMLDivElement>, "color" | "children">;
+/**
+ * Configuration options for the Skeleton component.
+ */
+export interface SkeletonProps extends BaseSkeletonProps {
+    /**
+     * Whether the placeholder stands in for a region that is loading rather than
+     * appear as decoration.
+     *
+     * When true the placeholder becomes a labelled busy status, so assistive
+     * technology is told that loading is in progress. When false it is hidden
+     * from assistive technology, because a placeholder carries no information.
+     *
+     * @default false
+     */
+    isBusy?: boolean;
+    /**
+     * Text announced while the placeholder is a busy status.
+     *
+     * @default "Loading"
+     */
+    label?: string;
+}
+/**
+ * A loading placeholder.
+ *
+ * Skeleton renders a neutral surface that stands in for content while it
+ * loads. Size it with the standard layout classes, because it has no size axis
+ * of its own: `className="h-40 w-full"` is the intended usage.
+ *
+ * Two accessibility contracts hold here. A decorative placeholder is hidden
+ * from assistive technology, because it conveys nothing on its own. A
+ * placeholder marked as busy is exposed as a labelled status instead, so a
+ * consumer who needs the state announced gets it. Neither replaces a status
+ * announcement for a wait the consumer knows will be long: use the framework's
+ * notification or a status region for that.
+ *
+ * The shimmer is applied through the reduced-motion-safe variant, so it stops
+ * for a consumer who asked for less motion without any script running.
+ *
+ * @param props - Skeleton configuration options and div attributes.
+ * @param props.isBusy - Expose the placeholder as a labelled busy status. Defaults to false.
+ * @param props.label - Text announced while busy. Defaults to "Loading".
+ * @param props.radius - Corner rounding. Defaults to "sm".
+ * @param props.isAnimated - Whether the placeholder shimmers. Defaults to true.
+ * @param props.className - Extra classes applied last, which is where sizing belongs.
+ *
+ * @example
+ * ```tsx
+ * <Skeleton className="h-4 w-40" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // The region is loading and the state should be announced.
+ * <Skeleton isBusy label="Loading invoices" className="h-4 w-full" />
+ * ```
+ *
+ * @see SkeletonConfig - The configuration type for component defaults.
+ */
+export declare const Skeleton: import('react').ForwardRefExoticComponent<SkeletonProps & import('react').RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/skeleton/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAMxD,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,mBAAmB,CAAC;AAM3B,KAAK,iBAAiB,GAAG,cAAc,GACrC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,QAAQ,0GAsDpB,CAAC"}

package/dist/components/skeleton/Skeleton.js

@@ -0,0 +1,29 @@
+"use client";
+"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 { resolveCascade as r, resolveClassKey as i } from "../../utils/resolve-token.js";
+import { FALLBACK_SKELETON_CONFIG as a } from "./skeleton-config.js";
+import { SKELETON_BASE_CLASS as o } from "./skeleton-styles.js";
+import { forwardRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/components/skeleton/Skeleton.tsx
+var l = s(({ radius: s, isAnimated: l, isBusy: u = !1, label: d = "Loading", className: f, ...p }, m) => {
+	let h = n(), g = h.components?.skeleton, _ = r(s, g?.radius, h.defaultRadius, a.radius), v = r(l, g?.isAnimated, void 0, a.isAnimated), y = i(_, t, a.radius);
+	return /* @__PURE__ */ c("div", {
+		ref: m,
+		role: u ? "status" : void 0,
+		"aria-busy": u ? !0 : void 0,
+		"aria-hidden": !u || void 0,
+		className: e(o, v && "motion-safe:animate-pulse", y, f),
+		...p,
+		children: u && /* @__PURE__ */ c("span", {
+			className: "sr-only",
+			children: d
+		})
+	});
+});
+l.displayName = "Skeleton";
+//#endregion
+export { l as Skeleton };

package/dist/components/skeleton/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Skeleton';
+export * from './skeleton-config';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/skeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}

package/dist/components/skeleton/index.js

@@ -0,0 +1,3 @@
+export * from "./Skeleton.js";
+export * from "./skeleton-config.js";
+export * from "./skeleton-styles.js";

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

@@ -0,0 +1,40 @@
+import { Radius } from '../../shared';
+/**
+ * Theme configuration options for the Skeleton component.
+ *
+ * Set under `components.skeleton` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface SkeletonConfig {
+    /**
+     * Corner rounding.
+     * Controls the border-radius of the placeholder.
+     *
+     * @default "sm"
+     */
+    radius?: Radius;
+    /**
+     * Whether the placeholder shimmers while it is visible.
+     * When true the animation is applied through a reduced-motion-safe class, so
+     * a consumer who asked for less motion sees a static placeholder.
+     *
+     * @default true
+     */
+    isAnimated?: boolean;
+}
+/**
+ * Default config values registered for the Skeleton component.
+ */
+export declare const defaultSkeletonConfig: SkeletonConfig;
+/**
+ * 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_SKELETON_CONFIG: Required<SkeletonConfig>;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        skeleton: SkeletonConfig;
+    }
+}
+//# sourceMappingURL=skeleton-config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-config.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3C;;;;;GAKG;AACH,MAAM,WAAW,cAAc;IAC7B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,cAGnC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,QAAQ,CAAC,cAAc,CAGpD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,QAAQ,EAAE,cAAc,CAAC;KAC1B;CACF"}

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

@@ -0,0 +1,13 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/skeleton/skeleton-config.ts
+var t = {
+	radius: "sm",
+	isAnimated: !0
+}, n = {
+	radius: "sm",
+	isAnimated: !0
+};
+e("skeleton", t);
+//#endregion
+export { n as FALLBACK_SKELETON_CONFIG, t as defaultSkeletonConfig };

package/dist/components/skeleton/skeleton-styles.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Skeleton component styles for AsheeUI.
+ * This file provides the static classes the Skeleton component is built from.
+ */
+/**
+ * Base classes for the placeholder surface.
+ * The surface colour resolves through the theme's secondary token, so the
+ * placeholder follows the active theme.
+ */
+export declare const SKELETON_BASE_CLASS = "block h-4 w-full bg-secondary/60 select-none pointer-events-none";
+/**
+ * The shimmer.
+ *
+ * It is applied through the `motion-safe` variant rather than from a script, so
+ * a consumer who asked for reduced motion sees a static placeholder and the
+ * media query decides before hydration.
+ */
+export declare const SKELETON_ANIMATION_CLASS = "motion-safe:animate-pulse";
+//# sourceMappingURL=skeleton-styles.d.ts.map

package/dist/components/skeleton/skeleton-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-styles.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton-styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,qEACoC,CAAC;AAErE;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,8BAA8B,CAAC"}

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

@@ -0,0 +1,5 @@
+"use client";
+//#region src/components/skeleton/skeleton-styles.ts
+var e = "block h-4 w-full bg-secondary/60 select-none pointer-events-none", t = "motion-safe:animate-pulse";
+//#endregion
+export { t as SKELETON_ANIMATION_CLASS, e as SKELETON_BASE_CLASS };

package/dist/components/switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,mBAAmB,EAIzB,MAAM,OAAO,CAAC;AAWf,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAS5E,KAAK,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,GACjD,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAC3C,CAAC;AAEJ;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7E;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,MAAM,0GAqKlB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,mBAAmB,EAIzB,MAAM,OAAO,CAAC;AAWf,OAAO,EAA0B,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAS5E,KAAK,eAAe,GAAG,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,GACjD,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAC3C,CAAC;AAEJ;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7E;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,MAAM,0GA4KlB,CAAC"}

package/dist/components/switch/Switch.js

@@ -1,9 +1,9 @@
 "use client";
 "use client";
 import { cn as e } from "../../utils/cn.js";
-import { useAsheeConfig as t } from "../../libs/context.js";
-import { RADIUS_CLASS as n } from "../../shared/radius.js";
-import { resolveVariantClass as r } from "../../shared/variant.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, resolveRadiusKey as o } from "../../utils/resolve-token.js";
 import { FieldShell as s } from "../field/FieldShell.js";
 import { FALLBACK_SWITCH_CONFIG as c } from "./switch-config.js";
@@ -12,7 +12,7 @@ import { forwardRef as f, useCallback as p, useId as m, useState as h } from "re
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/switch/Switch.tsx
 var v = f(({ size: f, color: v, radius: y, label: b, labelAlign: x, description: S, required: C, isLoading: w, id: T, className: E, style: D, disabled: O, checked: k, defaultChecked: A = !1, onChange: j, ...M }, N) => {
-	let P = t(), F = P.components?.switch, I = m(), L = T ?? I, [R, z] = h(A), B = k ?? R, V = i(f, F?.size, void 0, c.size), H = i(v, F?.color, P.defaultColor, c.color), U = o(y, F?.radius, void 0, c.radius), W = i(x, F?.labelAlign, void 0, c.labelAlign), G = a(V, d, c.size), K = a(V, l, c.size), q = a(V, u, c.size), J = a(U, n, c.radius), Y = r("solid", H), X = O || w, Z = p((e) => {
+	let P = r(), F = P.components?.switch, I = m(), L = T ?? I, [R, z] = h(A), B = k ?? R, V = i(f, F?.size, void 0, c.size), H = i(v, F?.color, P.defaultColor, c.color), U = o(y, F?.radius, void 0, c.radius), W = i(x, F?.labelAlign, void 0, c.labelAlign), G = a(V, d, c.size), K = a(V, l, c.size), q = a(V, u, c.size), J = a(U, t, c.radius), Y = n("solid", H), X = O || w, Z = S ? `${L}-description` : void 0, Q = p((e) => {
 		if (X) return;
 		let t = e.target.checked;
 		k === void 0 && z(t), j?.(t, e);
@@ -26,6 +26,7 @@ var v = f(({ size: f, color: v, radius: y, label: b, labelAlign: x, description:
 		label: b,
 		labelAlign: W,
 		description: S,
+		descriptionId: Z,
 		required: C,
 		isLoading: w,
 		children: /* @__PURE__ */ g("label", {
@@ -44,7 +45,8 @@ var v = f(({ size: f, color: v, radius: y, label: b, labelAlign: x, description:
 						required: C,
 						"aria-checked": B,
 						"aria-busy": w,
-						onChange: Z,
+						"aria-describedby": Z,
+						onChange: Q,
 						className: "sr-only peer",
 						...M
 					}),

package/dist/components/table/Table.js

@@ -1,8 +1,8 @@
 "use client";
 "use client";
 import { cn as e } from "../../utils/cn.js";
-import { useAsheeConfig as t } from "../../libs/context.js";
-import { RADIUS_CLASS as n } from "../../shared/radius.js";
+import { RADIUS_CLASS as t } from "../../shared/radius.js";
+import { useAsheeConfig as n } from "../../libs/context.js";
 import { resolveCascade as r, resolveClassKey as i, resolveRadiusKey as a } from "../../utils/resolve-token.js";
 import { FALLBACK_TABLE_CONFIG as o } from "./table-config.js";
 import { TABLE_CELL_PADDING_X_CLASS as s, TABLE_CELL_PADDING_Y_CLASS as c, TABLE_COLOR_STYLES as l, TABLE_FONT_CLASS as u, TABLE_HEADER_FONT_CLASS as d } from "./table-styles.js";
@@ -10,7 +10,7 @@ import { useCallback as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/table/Table.tsx
 function h({ data: h = [], columns: g = [], gridClasses: _, rowKeyAccessor: v, handleClick: y, handleDoubleClick: b, selectedRowKey: x, emptyMessage: S = "No items available", isClickable: C, variant: w, color: T, size: E, radius: D, headerClassName: O, rowClassName: k, cellClassName: A, className: j, style: M, ...N }) {
-	let P = t(), F = P.components?.table, I = r(E, F?.size, void 0, o.size), L = r(w, F?.variant, void 0, o.variant), R = r(T, F?.color, P.defaultColor, o.color), z = (e) => e === "full" ? "xl" : e, B = a(z(D), z(F?.radius), P.defaultRadius, o.radius), V = i(I, c, o.size), H = i(I, s, o.size), U = i(I, u, o.size), W = i(I, d, o.size), G = i(B, n, o.radius), K = l[R] ?? l.primary, q = f((e, t) => {
+	let P = n(), F = P.components?.table, I = r(E, F?.size, void 0, o.size), L = r(w, F?.variant, void 0, o.variant), R = r(T, F?.color, P.defaultColor, o.color), z = (e) => e === "full" ? "xl" : e, B = a(z(D), z(F?.radius), P.defaultRadius, o.radius), V = i(I, c, o.size), H = i(I, s, o.size), U = i(I, u, o.size), W = i(I, d, o.size), G = i(B, t, o.radius), K = l[R] ?? l.primary, q = f((e, t) => {
 		if (v) try {
 			return v(e);
 		} catch {

package/dist/components/tabs/Tabs.js

@@ -1,8 +1,8 @@
 "use client";
 "use client";
 import { cn as e } from "../../utils/cn.js";
-import { useAsheeConfig as t } from "../../libs/context.js";
-import { RADIUS_CLASS as n } from "../../shared/radius.js";
+import { RADIUS_CLASS as t } from "../../shared/radius.js";
+import { useAsheeConfig as n } from "../../libs/context.js";
 import { resolveCascade as r, resolveClassKey as i, resolveRadiusKey as a } from "../../utils/resolve-token.js";
 import { Button as o } from "../button/Button.js";
 import { FALLBACK_TABS_CONFIG as s } from "./tabs-config.js";
@@ -11,7 +11,7 @@ import { forwardRef as d, useCallback as f, useId as p, useMemo as m, useRef as
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/tabs/Tabs.tsx
 var y = d(({ tabs: d = [], activeId: y, defaultActiveId: b, onChange: x, variant: S, size: C, radius: w, options: T, fullWidth: ee = !1, tabListClassName: te, tabPanelClassName: E, className: D, style: O, ...k }, A) => {
-	let j = t(), M = j.components?.tabs, N = p(), P = h(/* @__PURE__ */ new Map()), [F, I] = g(() => b ?? d[0]?.id), L = y !== void 0, R = L ? y : F, z = r(C, M?.size, void 0, s.size), B = r(S, M?.variant, void 0, s.variant), V = r(T?.active?.variant, M?.options?.active?.variant, j.defaultVariant, s.options.active.variant), H = r(T?.active?.color, M?.options?.active?.color, j.defaultColor, s.options.active.color), U = r(T?.inactive?.variant, M?.options?.inactive?.variant, void 0, s.options.inactive.variant), W = r(T?.inactive?.color, M?.options?.inactive?.color, void 0, s.options.inactive.color), G = a(w, M?.radius, j.defaultRadius, s.radius), K = a(T?.active?.radius, M?.options?.active?.radius, j.defaultRadius, s.options.active.radius), q = a(T?.inactive?.radius, M?.options?.inactive?.radius, G, s.options.inactive.radius), J = i(z, l, s.size), Y = i(z, u, s.size), X = i(z, c, s.size), Z = i(G, n, s.radius), Q = f((e) => {
+	let j = n(), M = j.components?.tabs, N = p(), P = h(/* @__PURE__ */ new Map()), [F, I] = g(() => b ?? d[0]?.id), L = y !== void 0, R = L ? y : F, z = r(C, M?.size, void 0, s.size), B = r(S, M?.variant, void 0, s.variant), V = r(T?.active?.variant, M?.options?.active?.variant, j.defaultVariant, s.options.active.variant), H = r(T?.active?.color, M?.options?.active?.color, j.defaultColor, s.options.active.color), U = r(T?.inactive?.variant, M?.options?.inactive?.variant, void 0, s.options.inactive.variant), W = r(T?.inactive?.color, M?.options?.inactive?.color, void 0, s.options.inactive.color), G = a(w, M?.radius, j.defaultRadius, s.radius), K = a(T?.active?.radius, M?.options?.active?.radius, j.defaultRadius, s.options.active.radius), q = a(T?.inactive?.radius, M?.options?.inactive?.radius, G, s.options.inactive.radius), J = i(z, l, s.size), Y = i(z, u, s.size), X = i(z, c, s.size), Z = i(G, t, s.radius), Q = f((e) => {
 		L || I(e), x?.(e);
 	}, [L, x]), ne = (e, t) => {
 		if (d.filter((e) => !e.disabled).length === 0) return;