asheeui 0.7.0 → 1.0.0

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/index.d.ts

@@ -1,31 +1,28 @@
-/**
- * AsheeUI main entry point.
- * This file exports all public components, types, and utilities from the
- * AsheeUI component library. It serves as the single entry point for
- * consumers of the library.
- *
- * The exports are organized into:
- * - Core provider: AsheeUIProvider and its props
- * - All components: accordion, button, card, modal, toast, etc.
- * - Shared types: Radius, Size, Variant, Color
- * - Theme types: ColorConfig, ThemeName, ColorVariant
- * - Theme utilities: themeController, useTheme, THEME_STORAGE_KEY
- */
 export type { AsheeUIProviderProps } from './AsheeUIProvider';
 export { AsheeUIProvider } from './AsheeUIProvider';
 /**
  * All component exports.
  * Each component is exported from its respective directory.
+ *
+ * Internal building blocks (`field` and `menu`) are deliberately not
+ * exported. They are implementation details shared by the components that
+ * use them, so they are not part of the public component surface and must
+ * not be listed as components.
  */
 export * from './components/accordion';
+export * from './components/alert';
 export * from './components/autocomplete';
+export * from './components/avatar';
+export * from './components/badge';
+export * from './components/breadcrumb';
 export * from './components/button';
 export * from './components/card';
 export * from './components/carousel';
 export * from './components/chip';
-export * from './components/date-picker';
+export * from './components/calendar';
 export * from './components/drawer';
-export * from './components/field';
+export * from './components/dropmenu';
+export * from './components/form';
 export * from './components/image';
 export * from './components/input';
 export * from './components/keyboard';
@@ -33,11 +30,11 @@ export * from './components/link';
 export * from './components/marquee';
 export * from './components/modal';
 export * from './components/multi-select';
+export * from './components/pagination';
 export * from './components/radio';
 export * from './components/resizable-screen';
-export * from './components/select';
-export type { SelectMenuOption } from './components/select-menu';
 export * from './components/sidebar';
+export * from './components/skeleton';
 export * from './components/spinner';
 export * from './components/switch';
 export * from './components/table';
@@ -45,6 +42,7 @@ export * from './components/tabs';
 export * from './components/textarea';
 export * from './components/toast';
 export * from './components/tooltip';
+export * from './components/typography';
 export type { ExternalConfig } from './config';
 /**
  * Shared type exports.

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;GAGG;AACH,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C;;;GAGG;AACH,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAC7D;;;GAGG;AACH,YAAY,EACV,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,SAAS,GACV,MAAM,eAAe,CAAC;AACvB;;;GAGG;AACH,OAAO,EACL,iBAAiB,EACjB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAKH,OAAO,yCAAyC,CAAC;AAEjD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;;;;;;GAQG;AACH,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C;;;GAGG;AACH,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAC7D;;;GAGG;AACH,YAAY,EACV,kBAAkB,EAClB,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,SAAS,GACV,MAAM,eAAe,CAAC;AACvB;;;GAGG;AACH,OAAO,EACL,iBAAiB,EACjB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.js

@@ -1,13 +1,14 @@
 "use client";
+import "./components/scrollbar/scrollbar-config.js";
 import { THEME_STORAGE_KEY as e, themeController as t } from "./theme/controller.js";
 import { useTheme as n } from "./theme/useTheme.js";
 import { AsheeUIProvider as r } from "./AsheeUIProvider.js";
 import { FALLBACK_ACCORDION_CONFIG as i, defaultAccordionConfig as a } from "./components/accordion/accordion-config.js";
 import { Accordion as o } from "./components/accordion/Accordion.js";
-import { FALLBACK_SPINNER_CONFIG as s, defaultSpinnerConfig as c } from "./components/spinner/spinner-config.js";
-import { Spinner as l } from "./components/spinner/spinner.js";
-import { FieldShell as u } from "./components/field/FieldShell.js";
-import { FALLBACK_FIELD_CONFIG as d, defaultFieldConfig as f } from "./components/field/field-config.js";
+import { FALLBACK_ALERT_CONFIG as s, defaultAlertConfig as c } from "./components/alert/alert-config.js";
+import { Alert as l } from "./components/alert/Alert.js";
+import { FALLBACK_SPINNER_CONFIG as u, defaultSpinnerConfig as d } from "./components/spinner/spinner-config.js";
+import { Spinner as f } from "./components/spinner/spinner.js";
 import { KeyboardContext as p, useKeyboard as m } from "./components/keyboard/KeyboardContext.js";
 import { FALLBACK_KEYBOARD_CONFIG as h, defaultKeyDisplay as g, defaultKeyboardConfig as _, defaultKeyboardLayouts as v } from "./components/keyboard/keyboard-config.js";
 import { FALLBACK_BUTTON_CONFIG as y, defaultButtonConfig as b } from "./components/button/button-config.js";
@@ -22,46 +23,59 @@ import { FALLBACK_AUTOCOMPLETE_CONFIG as O, defaultAutocompleteConfig as k } fro
 import { Autocomplete as A } from "./components/autocomplete/Autocomplete.js";
 import { FALLBACK_IMAGE_CONFIG as j, defaultImageConfig as M } from "./components/image/image-config.js";
 import { Image as N } from "./components/image/Image.js";
-import { FALLBACK_CARD_CONFIG as P, defaultCardConfig as F } from "./components/card/card-config.js";
-import { Card as I } from "./components/card/Card.js";
-import { FALLBACK_CAROUSEL_CONFIG as L, defaultCarouselConfig as R } from "./components/carousel/carousel-config.js";
-import { Carousel as z } from "./components/carousel/Carousel.js";
-import { FALLBACK_CHIP_CONFIG as B, defaultChipConfig as V } from "./components/chip/chip-config.js";
-import { Chip as H } from "./components/chip/Chip.js";
-import { FALLBACK_DATE_PICKER_CONFIG as U, defaultDatePickerConfig as W } from "./components/date-picker/date-picker-config.js";
-import { DatePicker as G } from "./components/date-picker/DatePicker.js";
-import { FALLBACK_DRAWER_CONFIG as K, defaultDrawerConfig as q } from "./components/drawer/drawer-config.js";
-import { Drawer as J } from "./components/drawer/Drawer.js";
-import { FALLBACK_LINK_CONFIG as Y, defaultLinkConfig as X } from "./components/link/link-config.js";
-import { Link as Z } from "./components/link/Link.js";
-import { FALLBACK_MARQUEE_CONFIG as Q, defaultMarqueeConfig as $ } from "./components/marquee/marquee-config.js";
-import { Marquee as ee } from "./components/marquee/Marquee.js";
-import { FALLBACK_MODAL_CONFIG as te, defaultModalConfig as ne } from "./components/modal/modal-config.js";
-import { Modal as re } from "./components/modal/Modal.js";
-import { FALLBACK_MULTI_SELECT_CONFIG as ie, defaultMultiSelectConfig as ae } from "./components/multi-select/multi-select-config.js";
-import { MultiSelect as oe } from "./components/multi-select/MultiSelect.js";
-import { FALLBACK_RADIO_CONFIG as se, defaultRadioConfig as ce } from "./components/radio/radio-config.js";
-import { RadioContext as le, useRadioGroupContext as ue } from "./components/radio/radio-context.js";
-import { RadioGroup as de } from "./components/radio/Radio.js";
-import { Radio as fe } from "./components/radio/RadioGroup.js";
-import { FALLBACK_RESIZABLE_SCREEN_CONFIG as pe, defaultResizableScreenConfig as me } from "./components/resizable-screen/resizable-screen-config.js";
-import { ResizableScreen as he } from "./components/resizable-screen/ResizableScreen.js";
-import { FALLBACK_SELECT_CONFIG as ge, defaultSelectConfig as _e } from "./components/select/select-config.js";
-import { Select as ve } from "./components/select/Select.js";
-import { FALLBACK_TOOLTIP_CONFIG as ye, defaultTooltipConfig as be } from "./components/tooltip/tooltip-config.js";
-import { Tooltip as xe } from "./components/tooltip/Tooltip.js";
-import { FALLBACK_SIDEBAR_CONFIG as Se, defaultSidebarConfig as Ce } from "./components/sidebar/sidebar-config.js";
-import { Sidebar as we } from "./components/sidebar/Sidebar.js";
-import { FALLBACK_SWITCH_CONFIG as Te, defaultSwitchConfig as Ee } from "./components/switch/switch-config.js";
-import { Switch as De } from "./components/switch/Switch.js";
-import { FALLBACK_TABLE_CONFIG as Oe, defaultTableConfig as ke } from "./components/table/table-config.js";
-import { Table as Ae } from "./components/table/Table.js";
-import { FALLBACK_TABS_CONFIG as je, defaultTabsConfig as Me } from "./components/tabs/tabs-config.js";
-import { Tabs as Ne } from "./components/tabs/Tabs.js";
-import { FALLBACK_TEXTAREA_CONFIG as Pe, defaultTextAreaConfig as Fe } from "./components/textarea/textarea-config.js";
-import { TextArea as Ie } from "./components/textarea/Textarea.js";
-import { ToastContext as Le, useToast as Re } from "./components/toast/ToastContext.js";
-import { FALLBACK_TOAST_CONFIG as ze, defaultToastConfig as Be } from "./components/toast/toast-config.js";
-import { ToastItem as Ve } from "./components/toast/ToastItem.js";
-import { ToastProvider as He } from "./components/toast/ToastProvider.js";
-export { o as Accordion, r as AsheeUIProvider, A as Autocomplete, x as Button, I as Card, z as Carousel, H as Chip, G as DatePicker, J as Drawer, i as FALLBACK_ACCORDION_CONFIG, O as FALLBACK_AUTOCOMPLETE_CONFIG, y as FALLBACK_BUTTON_CONFIG, P as FALLBACK_CARD_CONFIG, L as FALLBACK_CAROUSEL_CONFIG, B as FALLBACK_CHIP_CONFIG, U as FALLBACK_DATE_PICKER_CONFIG, K as FALLBACK_DRAWER_CONFIG, d as FALLBACK_FIELD_CONFIG, j as FALLBACK_IMAGE_CONFIG, h as FALLBACK_KEYBOARD_CONFIG, Y as FALLBACK_LINK_CONFIG, Q as FALLBACK_MARQUEE_CONFIG, te as FALLBACK_MODAL_CONFIG, ie as FALLBACK_MULTI_SELECT_CONFIG, se as FALLBACK_RADIO_CONFIG, pe as FALLBACK_RESIZABLE_SCREEN_CONFIG, ge as FALLBACK_SELECT_CONFIG, Se as FALLBACK_SIDEBAR_CONFIG, s as FALLBACK_SPINNER_CONFIG, Te as FALLBACK_SWITCH_CONFIG, Oe as FALLBACK_TABLE_CONFIG, je as FALLBACK_TABS_CONFIG, Pe as FALLBACK_TEXTAREA_CONFIG, ze as FALLBACK_TOAST_CONFIG, ye as FALLBACK_TOOLTIP_CONFIG, u as FieldShell, N as Image, T as Input, p as KeyboardContext, C as KeyboardProvider, Z as Link, ee as Marquee, re as Modal, oe as MultiSelect, S as OnScreenKeyboard, D as PasswordInput, fe as Radio, le as RadioContext, de as RadioGroup, he as ResizableScreen, ve as Select, we as Sidebar, l as Spinner, De as Switch, e as THEME_STORAGE_KEY, Ae as Table, Ne as Tabs, Ie as TextArea, Le as ToastContext, Ve as ToastItem, He as ToastProvider, xe as Tooltip, a as defaultAccordionConfig, k as defaultAutocompleteConfig, b as defaultButtonConfig, F as defaultCardConfig, R as defaultCarouselConfig, V as defaultChipConfig, W as defaultDatePickerConfig, q as defaultDrawerConfig, f as defaultFieldConfig, M as defaultImageConfig, E as defaultInputConfig, g as defaultKeyDisplay, _ as defaultKeyboardConfig, v as defaultKeyboardLayouts, X as defaultLinkConfig, $ as defaultMarqueeConfig, ne as defaultModalConfig, ae as defaultMultiSelectConfig, ce as defaultRadioConfig, me as defaultResizableScreenConfig, _e as defaultSelectConfig, Ce as defaultSidebarConfig, c as defaultSpinnerConfig, Ee as defaultSwitchConfig, ke as defaultTableConfig, Me as defaultTabsConfig, Fe as defaultTextAreaConfig, Be as defaultToastConfig, be as defaultTooltipConfig, t as themeController, m as useKeyboard, w as useKeyboardField, ue as useRadioGroupContext, n as useTheme, Re as useToast };
+import { FALLBACK_AVATAR_CONFIG as P, defaultAvatarConfig as F } from "./components/avatar/avatar-config.js";
+import { Avatar as I } from "./components/avatar/Avatar.js";
+import { FALLBACK_BADGE_CONFIG as L, defaultBadgeConfig as R } from "./components/badge/badge-config.js";
+import { Badge as z } from "./components/badge/Badge.js";
+import { FALLBACK_LINK_CONFIG as B, defaultLinkConfig as V } from "./components/link/link-config.js";
+import { Link as H } from "./components/link/Link.js";
+import { FALLBACK_BREADCRUMB_CONFIG as U, defaultBreadcrumbConfig as W } from "./components/breadcrumb/breadcrumb-config.js";
+import { Breadcrumb as G } from "./components/breadcrumb/Breadcrumb.js";
+import { FALLBACK_CARD_CONFIG as K, defaultCardConfig as q } from "./components/card/card-config.js";
+import { Card as J } from "./components/card/Card.js";
+import { FALLBACK_CAROUSEL_CONFIG as Y, defaultCarouselConfig as X } from "./components/carousel/carousel-config.js";
+import { Carousel as Z } from "./components/carousel/Carousel.js";
+import { FALLBACK_CHIP_CONFIG as Q, defaultChipConfig as $ } from "./components/chip/chip-config.js";
+import { Chip as ee } from "./components/chip/Chip.js";
+import { FALLBACK_DATE_PICKER_CONFIG as te, defaultCalendarConfig as ne } from "./components/calendar/calendar-config.js";
+import { Calendar as re } from "./components/calendar/Calendar.js";
+import { FALLBACK_DRAWER_CONFIG as ie, defaultDrawerConfig as ae } from "./components/drawer/drawer-config.js";
+import { Drawer as oe } from "./components/drawer/Drawer.js";
+import { FALLBACK_SELECT_CONFIG as se, defaultDropmenuConfig as ce } from "./components/dropmenu/dropmenu-config.js";
+import { Dropmenu as le } from "./components/dropmenu/Dropmenu.js";
+import { FALLBACK_FORM_CONFIG as ue, defaultFormConfig as de } from "./components/form/form-config.js";
+import { Form as fe } from "./components/form/Form.js";
+import { FALLBACK_MARQUEE_CONFIG as pe, defaultMarqueeConfig as me } from "./components/marquee/marquee-config.js";
+import { Marquee as he } from "./components/marquee/Marquee.js";
+import { FALLBACK_MODAL_CONFIG as ge, defaultModalConfig as _e } from "./components/modal/modal-config.js";
+import { Modal as ve } from "./components/modal/Modal.js";
+import { FALLBACK_MULTI_SELECT_CONFIG as ye, defaultMultiSelectConfig as be } from "./components/multi-select/multi-select-config.js";
+import { MultiSelect as xe } from "./components/multi-select/MultiSelect.js";
+import { FALLBACK_PAGINATION_CONFIG as Se, defaultPaginationConfig as Ce } from "./components/pagination/pagination-config.js";
+import { Pagination as we } from "./components/pagination/Pagination.js";
+import { FALLBACK_RADIO_CONFIG as Te, defaultRadioConfig as Ee } from "./components/radio/radio-config.js";
+import { Radio as De } from "./components/radio/Radio.js";
+import { RadioGroup as Oe } from "./components/radio/RadioGroup.js";
+import { FALLBACK_RESIZABLE_SCREEN_CONFIG as ke, defaultResizableScreenConfig as Ae } from "./components/resizable-screen/resizable-screen-config.js";
+import { ResizableScreen as je } from "./components/resizable-screen/ResizableScreen.js";
+import { FALLBACK_TOOLTIP_CONFIG as Me, defaultTooltipConfig as Ne } from "./components/tooltip/tooltip-config.js";
+import { Tooltip as Pe } from "./components/tooltip/Tooltip.js";
+import { FALLBACK_SIDEBAR_CONFIG as Fe, defaultSidebarConfig as Ie } from "./components/sidebar/sidebar-config.js";
+import { Sidebar as Le } from "./components/sidebar/Sidebar.js";
+import { FALLBACK_SKELETON_CONFIG as Re, defaultSkeletonConfig as ze } from "./components/skeleton/skeleton-config.js";
+import { Skeleton as Be } from "./components/skeleton/Skeleton.js";
+import { FALLBACK_SWITCH_CONFIG as Ve, defaultSwitchConfig as He } from "./components/switch/switch-config.js";
+import { Switch as Ue } from "./components/switch/Switch.js";
+import { FALLBACK_TABLE_CONFIG as We, defaultTableConfig as Ge } from "./components/table/table-config.js";
+import { Table as Ke } from "./components/table/Table.js";
+import { FALLBACK_TABS_CONFIG as qe, defaultTabsConfig as Je } from "./components/tabs/tabs-config.js";
+import { Tabs as Ye } from "./components/tabs/Tabs.js";
+import { FALLBACK_TEXTAREA_CONFIG as Xe, defaultTextAreaConfig as Ze } from "./components/textarea/textarea-config.js";
+import { Textarea as Qe } from "./components/textarea/Textarea.js";
+import { ToastContext as $e, useToast as et } from "./components/toast/ToastContext.js";
+import { FALLBACK_TOAST_CONFIG as tt, defaultToastConfig as nt } from "./components/toast/toast-config.js";
+import { ToastItem as rt } from "./components/toast/ToastItem.js";
+import { ToastProvider as it } from "./components/toast/ToastProvider.js";
+import { FALLBACK_TYPOGRAPHY_CONFIG as at, defaultTypographyConfig as ot } from "./components/typography/typography-config.js";
+import { Typography as st } from "./components/typography/Typography.js";
+export { o as Accordion, l as Alert, r as AsheeUIProvider, A as Autocomplete, I as Avatar, z as Badge, G as Breadcrumb, x as Button, re as Calendar, J as Card, Z as Carousel, ee as Chip, oe as Drawer, le as Dropmenu, i as FALLBACK_ACCORDION_CONFIG, s as FALLBACK_ALERT_CONFIG, O as FALLBACK_AUTOCOMPLETE_CONFIG, P as FALLBACK_AVATAR_CONFIG, L as FALLBACK_BADGE_CONFIG, U as FALLBACK_BREADCRUMB_CONFIG, y as FALLBACK_BUTTON_CONFIG, K as FALLBACK_CARD_CONFIG, Y as FALLBACK_CAROUSEL_CONFIG, Q as FALLBACK_CHIP_CONFIG, te as FALLBACK_DATE_PICKER_CONFIG, ie as FALLBACK_DRAWER_CONFIG, ue as FALLBACK_FORM_CONFIG, j as FALLBACK_IMAGE_CONFIG, h as FALLBACK_KEYBOARD_CONFIG, B as FALLBACK_LINK_CONFIG, pe as FALLBACK_MARQUEE_CONFIG, ge as FALLBACK_MODAL_CONFIG, ye as FALLBACK_MULTI_SELECT_CONFIG, Se as FALLBACK_PAGINATION_CONFIG, Te as FALLBACK_RADIO_CONFIG, ke as FALLBACK_RESIZABLE_SCREEN_CONFIG, se as FALLBACK_SELECT_CONFIG, Fe as FALLBACK_SIDEBAR_CONFIG, Re as FALLBACK_SKELETON_CONFIG, u as FALLBACK_SPINNER_CONFIG, Ve as FALLBACK_SWITCH_CONFIG, We as FALLBACK_TABLE_CONFIG, qe as FALLBACK_TABS_CONFIG, Xe as FALLBACK_TEXTAREA_CONFIG, tt as FALLBACK_TOAST_CONFIG, Me as FALLBACK_TOOLTIP_CONFIG, at as FALLBACK_TYPOGRAPHY_CONFIG, fe as Form, N as Image, T as Input, p as KeyboardContext, C as KeyboardProvider, H as Link, he as Marquee, ve as Modal, xe as MultiSelect, S as OnScreenKeyboard, we as Pagination, D as PasswordInput, De as Radio, Oe as RadioGroup, je as ResizableScreen, Le as Sidebar, Be as Skeleton, f as Spinner, Ue as Switch, e as THEME_STORAGE_KEY, Ke as Table, Ye as Tabs, Qe as Textarea, $e as ToastContext, rt as ToastItem, it as ToastProvider, Pe as Tooltip, st as Typography, a as defaultAccordionConfig, c as defaultAlertConfig, k as defaultAutocompleteConfig, F as defaultAvatarConfig, R as defaultBadgeConfig, W as defaultBreadcrumbConfig, b as defaultButtonConfig, ne as defaultCalendarConfig, q as defaultCardConfig, X as defaultCarouselConfig, $ as defaultChipConfig, ae as defaultDrawerConfig, ce as defaultDropmenuConfig, de as defaultFormConfig, M as defaultImageConfig, E as defaultInputConfig, g as defaultKeyDisplay, _ as defaultKeyboardConfig, v as defaultKeyboardLayouts, V as defaultLinkConfig, me as defaultMarqueeConfig, _e as defaultModalConfig, be as defaultMultiSelectConfig, Ce as defaultPaginationConfig, Ee as defaultRadioConfig, Ae as defaultResizableScreenConfig, Ie as defaultSidebarConfig, ze as defaultSkeletonConfig, d as defaultSpinnerConfig, He as defaultSwitchConfig, Ge as defaultTableConfig, Je as defaultTabsConfig, Ze as defaultTextAreaConfig, nt as defaultToastConfig, Ne as defaultTooltipConfig, ot as defaultTypographyConfig, t as themeController, m as useKeyboard, w as useKeyboardField, n as useTheme, et as useToast };

package/dist/libs/index.js

@@ -1,4 +1,7 @@
 export * from "./context.js";
 export * from "./registry.js";
+export * from "./use-body-scroll-lock.js";
+export * from "./use-dialog-overlay.js";
 export * from "./use-floating-z-index.js";
 export * from "./use-isomorphic-layout-effect.js";
+export * from "./use-prefers-reduced-motion.js";

package/dist/libs/use-body-scroll-lock.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Body scroll lock for overlay components.
+ *
+ * Overlays that cover the page (modal dialogs, drawers, dropdown menus) stop
+ * the page behind them from scrolling. The lock is reference counted, so
+ * overlays that are open at the same time share one lock: the body styles
+ * captured when the first overlay opens are restored only after the last one
+ * closes. An overlay therefore never captures the styles of an already locked
+ * body, and never restores them while another overlay is still open.
+ */
+/**
+ * Locks body scroll while `active` is true.
+ *
+ * The lock is shared by every caller: it applies on the first overlay that
+ * becomes active and is released when the last one stops being active. The
+ * lock is applied from an effect, so server rendering is unaffected.
+ *
+ * @param active - Whether the calling overlay currently covers the page.
+ */
+export declare function useBodyScrollLock(active: boolean): void;
+//# sourceMappingURL=use-body-scroll-lock.d.ts.map

package/dist/libs/use-body-scroll-lock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-body-scroll-lock.d.ts","sourceRoot":"","sources":["../../src/libs/use-body-scroll-lock.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAsDH;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI,CAevD"}

package/dist/libs/use-body-scroll-lock.js

@@ -0,0 +1,27 @@
+"use client";
+"use client";
+import { useEffect as e } from "react";
+//#region src/libs/use-body-scroll-lock.ts
+var t = 0, n = null;
+function r() {
+	let e = window.scrollY, { style: t } = document.body, n = {
+		position: t.position,
+		top: t.top,
+		left: t.left,
+		right: t.right,
+		width: t.width,
+		overflow: t.overflow
+	};
+	return t.position = "fixed", t.top = `-${e}px`, t.left = "0", t.right = "0", t.width = "100%", t.overflow = "hidden", () => {
+		t.position = n.position, t.top = n.top, t.left = n.left, t.right = n.right, t.width = n.width, t.overflow = n.overflow, window.scrollTo(0, e);
+	};
+}
+function i(i) {
+	e(() => {
+		if (!(!i || typeof document > "u" || !document.body)) return t === 0 && (n = r()), t += 1, () => {
+			--t, t === 0 && (n?.(), n = null);
+		};
+	}, [i]);
+}
+//#endregion
+export { i as useBodyScrollLock };

package/dist/libs/use-dialog-overlay.d.ts

@@ -0,0 +1,21 @@
+import { FloatingRootContext } from '@floating-ui/react';
+import { RefCallback } from 'react';
+/** The focus wiring a dialog overlay needs. */
+export interface DialogOverlayWiring {
+    /** Context consumed by `FloatingFocusManager`. */
+    context: FloatingRootContext;
+    /** Registers the dialog element as the focus scope root. */
+    setDialogRef: RefCallback<HTMLElement>;
+}
+/**
+ * Wires a dialog overlay to the shared focus management.
+ *
+ * The dialog element is held in state rather than a ref so that the root
+ * context exposes it on the render after it mounts: the focus manager ignores a
+ * context whose floating element is still unknown.
+ *
+ * @param isOpen - Whether the dialog is open.
+ * @returns The focus context and the dialog ref setter.
+ */
+export declare function useDialogOverlay(isOpen: boolean): DialogOverlayWiring;
+//# sourceMappingURL=use-dialog-overlay.d.ts.map

package/dist/libs/use-dialog-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dialog-overlay.d.ts","sourceRoot":"","sources":["../../src/libs/use-dialog-overlay.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,OAAO,EACL,KAAK,mBAAmB,EAEzB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,KAAK,WAAW,EAAyB,MAAM,OAAO,CAAC;AAEhE,+CAA+C;AAC/C,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,OAAO,EAAE,mBAAmB,CAAC;IAC7B,4DAA4D;IAC5D,YAAY,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CACxC;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,OAAO,GAAG,mBAAmB,CAerE"}

package/dist/libs/use-dialog-overlay.js

@@ -0,0 +1,21 @@
+"use client";
+"use client";
+import { useCallback as e, useState as t } from "react";
+import { useFloatingRootContext as n } from "@floating-ui/react";
+//#region src/libs/use-dialog-overlay.ts
+function r(r) {
+	let [i, a] = t(null), o = e(() => {}, []);
+	return {
+		context: n({
+			open: r,
+			onOpenChange: o,
+			elements: {
+				reference: null,
+				floating: i
+			}
+		}),
+		setDialogRef: a
+	};
+}
+//#endregion
+export { r as useDialogOverlay };

package/dist/libs/use-prefers-reduced-motion.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Reduced-motion preference for AsheeUI.
+ *
+ * Continuous or automatic motion (a marquee loop, carousel autoplay and
+ * transitions) must yield to the operating system's reduced-motion preference.
+ * Components read the preference through this hook instead of each
+ * one querying the media query themselves, so the behaviour is defined once and
+ * is observable in a test.
+ */
+/** Media query that reports the user's reduced-motion preference. */
+export declare const REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
+/**
+ * Reports whether the user asked for reduced motion.
+ *
+ * The preference is read after mount, so server rendering always produces the
+ * motion-safe markup and hydration never mismatches. Without a `matchMedia`
+ * implementation the preference is reported as `false`, which keeps the
+ * component's own behaviour unchanged.
+ *
+ * @returns `true` while the user prefers reduced motion.
+ */
+export declare function usePrefersReducedMotion(): boolean;
+//# sourceMappingURL=use-prefers-reduced-motion.d.ts.map

package/dist/libs/use-prefers-reduced-motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-prefers-reduced-motion.d.ts","sourceRoot":"","sources":["../../src/libs/use-prefers-reduced-motion.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH,qEAAqE;AACrE,eAAO,MAAM,oBAAoB,qCAAqC,CAAC;AAEvE;;;;;;;;;GASG;AACH,wBAAgB,uBAAuB,IAAI,OAAO,CAoBjD"}

package/dist/libs/use-prefers-reduced-motion.js

@@ -0,0 +1,19 @@
+"use client";
+"use client";
+import { useEffect as e, useState as t } from "react";
+//#region src/libs/use-prefers-reduced-motion.ts
+var n = "(prefers-reduced-motion: reduce)";
+function r() {
+	let [r, i] = t(!1);
+	return e(() => {
+		if (typeof window > "u" || !window.matchMedia) return;
+		let e = window.matchMedia(n);
+		i(e.matches);
+		let t = (e) => {
+			i(e.matches);
+		};
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), r;
+}
+//#endregion
+export { n as REDUCED_MOTION_QUERY, r as usePrefersReducedMotion };

package/dist/scripts/AsheeThemeScript.js

@@ -13,15 +13,44 @@ var n = {
 	success: "--ashee-success",
 	scrollbarThumb: "--ashee-scrollbar-thumb",
 	scrollbarTrack: "--ashee-scrollbar-track"
-}, r = "ashee-theme-vars";
-function i(e) {
+}, r = "ashee-theme-vars", i = "ashee-theme-script";
+function a(e) {
 	return Object.entries(e).map(([e, t]) => {
 		let r = Object.entries(t).map(([e, t]) => `  ${n[e]}: ${t};`).join("\n");
 		return `${e === "light" ? ":root, .theme-light" : `.theme-${e}`} {\n${r}\n}`;
 	}).join("\n\n");
 }
-function a({ config: n }) {
-	let a = Object.keys(n.color ?? {}), o = n.defaultTheme ?? "system", s = e, c = i(n.color), l = `
+var o = {
+	width: "--ashee-scrollbar-width",
+	radius: "--ashee-scrollbar-radius",
+	trackRadius: "--ashee-scrollbar-track-radius",
+	thumbBorder: "--ashee-scrollbar-thumb-border",
+	gutter: "--ashee-scrollbar-gutter"
+};
+function s(e) {
+	if (!e) return "";
+	let t = {
+		width: e.width,
+		radius: e.radius,
+		trackRadius: e.trackRadius ?? e.radius,
+		thumbBorder: e.thumbBorder,
+		gutter: e.gutter
+	}, n = Object.entries(o).map(([e, n]) => {
+		let r = t[e];
+		return r ? `  ${n}: ${r};` : null;
+	}).filter((e) => e !== null);
+	return n.length > 0 ? `:root {\n${n.join("\n")}\n}` : "";
+}
+function c(e) {
+	return [a(e.color), s(e.components?.scrollbar)].filter((e) => e !== "").join("\n\n");
+}
+function l(e) {
+	if (typeof document > "u" || document.getElementById("ashee-theme-vars")) return;
+	let t = document.createElement("style");
+	t.id = r, t.textContent = c(e), document.head.appendChild(t);
+}
+function u({ config: n }) {
+	let a = Object.keys(n.color ?? {}), o = n.defaultTheme ?? "system", s = e, l = c(n), u = `
     (function() {
       var el = document.documentElement;
       var storageKey = ${JSON.stringify(s)};
@@ -35,7 +64,13 @@ function a({ config: n }) {
       } catch (e) {}
       
       var selection = stored || defaultTheme;
+      if (selection !== 'system' && themes.indexOf(selection) === -1) {
+        selection = defaultTheme;
+      }
       var resolved = selection === 'system' ? (systemDark ? 'dark' : 'light') : selection;
+      if (themes.indexOf(resolved) === -1) {
+        resolved = themes.indexOf(defaultTheme) !== -1 ? defaultTheme : (themes[0] || resolved);
+      }
       
       var prefix = 'theme-';
       for (var i = el.classList.length - 1; i >= 0; i--) {
@@ -51,16 +86,16 @@ function a({ config: n }) {
       if (!styleEl) {
         styleEl = document.createElement('style');
         styleEl.id = ${JSON.stringify(r)};
-        styleEl.textContent = ${JSON.stringify(c)};
+        styleEl.textContent = ${JSON.stringify(l)};
         document.head.appendChild(styleEl);
       }
     })();
   `;
 	return /* @__PURE__ */ t("script", {
-		id: "ashee-theme-script",
-		dangerouslySetInnerHTML: { __html: l },
+		id: i,
+		dangerouslySetInnerHTML: { __html: u },
 		suppressHydrationWarning: !0
 	});
 }
 //#endregion
-export { a as AsheeThemeScript, r as THEME_VARS_STYLE_ID };
+export { u as AsheeThemeScript, i as THEME_SCRIPT_ID, r as THEME_VARS_STYLE_ID, c as buildThemeVarsCss, l as ensureThemeVarsStyle };