@vjdesigns/vjdesigns-ui 2.4.0 → 2.5.0

package/dist/components/data-display/DataGrid/DataGrid.module.css.cjs.js

@@ -1 +1 @@
-var e=`_frame_uic8v_19`,t=`_plain_uic8v_36`,n=`_striped_uic8v_40`,r=`_body_uic8v_40`,i=`_row_uic8v_40`,a=`_outline_uic8v_44`,o=`_compact_uic8v_52`,s=`_comfortable_uic8v_58`,c=`_spacious_uic8v_64`,l=`_scroll_uic8v_70`,u=`_table_uic8v_75`,d=`_cell_uic8v_87`,f=`_hoverable_uic8v_114`,p=`_clickable_uic8v_118`,m=`_head_uic8v_140`,h=`_sticky_uic8v_153`,g=`_rowHeader_uic8v_159`,_=`_alignStart_uic8v_166`,v=`_alignCenter_uic8v_170`,y=`_alignEnd_uic8v_174`,b=`_numeric_uic8v_178`,x=`_selectCell_uic8v_186`,S=`_sortableCell_uic8v_192`,C=`_sortButton_uic8v_196`,w=`_sortLabel_uic8v_238`,T=`_sortIcon_uic8v_239`,E=`_sortPriority_uic8v_265`,D=`_emptyCell_uic8v_273`,O=`_loadingInline_uic8v_279`,k=`_loadingOverlay_uic8v_285`,A=`_footer_uic8v_295`,j=`_status_uic8v_307`,M=`_paging_uic8v_313`,N=`_range_uic8v_321`,P=`_fixed_uic8v_348`,F=`_hasHeaderEnd_uic8v_353`,I={frame:e,plain:t,striped:n,body:r,row:i,outline:a,compact:o,comfortable:s,spacious:c,scroll:l,table:u,cell:d,hoverable:f,clickable:p,head:m,sticky:h,rowHeader:g,alignStart:_,alignCenter:v,alignEnd:y,numeric:b,selectCell:x,sortableCell:S,sortButton:C,sortLabel:w,sortIcon:T,sortPriority:E,emptyCell:D,loadingInline:O,loadingOverlay:k,footer:A,status:j,paging:M,range:N,fixed:P,hasHeaderEnd:F};exports.alignCenter=v,exports.alignEnd=y,exports.alignStart=_,exports.body=r,exports.cell=d,exports.clickable=p,exports.comfortable=s,exports.compact=o,exports.default=I,exports.emptyCell=D,exports.fixed=P,exports.footer=A,exports.frame=e,exports.hasHeaderEnd=F,exports.head=m,exports.hoverable=f,exports.loadingInline=O,exports.loadingOverlay=k,exports.numeric=b,exports.outline=a,exports.paging=M,exports.plain=t,exports.range=N,exports.row=i,exports.rowHeader=g,exports.scroll=l,exports.selectCell=x,exports.sortButton=C,exports.sortIcon=T,exports.sortLabel=w,exports.sortPriority=E,exports.sortableCell=S,exports.spacious=c,exports.status=j,exports.sticky=h,exports.striped=n,exports.table=u;
+var e=`_frame_ca578_19`,t=`_plain_ca578_36`,n=`_striped_ca578_42`,r=`_body_ca578_42`,i=`_row_ca578_42`,a=`_outline_ca578_46`,o=`_compact_ca578_54`,s=`_comfortable_ca578_60`,c=`_spacious_ca578_66`,l=`_scroll_ca578_72`,u=`_table_ca578_77`,d=`_cell_ca578_89`,f=`_hoverable_ca578_116`,p=`_clickable_ca578_120`,m=`_head_ca578_142`,h=`_sticky_ca578_155`,g=`_rowHeader_ca578_161`,_=`_alignStart_ca578_168`,v=`_alignCenter_ca578_172`,y=`_alignEnd_ca578_176`,b=`_numeric_ca578_180`,x=`_selectCell_ca578_188`,S=`_sortableCell_ca578_194`,C=`_sortButton_ca578_198`,w=`_sortLabel_ca578_240`,T=`_sortIcon_ca578_241`,E=`_sortPriority_ca578_267`,D=`_emptyCell_ca578_275`,O=`_loadingInline_ca578_281`,k=`_loadingOverlay_ca578_287`,A=`_footer_ca578_297`,j=`_status_ca578_309`,M=`_paging_ca578_315`,N=`_range_ca578_323`,P=`_fixed_ca578_350`,F=`_virtualViewport_ca578_358`,I=`_spacer_ca578_362`,L=`_hasHeaderEnd_ca578_370`,R={frame:e,plain:t,striped:n,body:r,row:i,outline:a,compact:o,comfortable:s,spacious:c,scroll:l,table:u,cell:d,hoverable:f,clickable:p,head:m,sticky:h,rowHeader:g,alignStart:_,alignCenter:v,alignEnd:y,numeric:b,selectCell:x,sortableCell:S,sortButton:C,sortLabel:w,sortIcon:T,sortPriority:E,emptyCell:D,loadingInline:O,loadingOverlay:k,footer:A,status:j,paging:M,range:N,fixed:P,virtualViewport:F,spacer:I,hasHeaderEnd:L};exports.alignCenter=v,exports.alignEnd=y,exports.alignStart=_,exports.body=r,exports.cell=d,exports.clickable=p,exports.comfortable=s,exports.compact=o,exports.default=R,exports.emptyCell=D,exports.fixed=P,exports.footer=A,exports.frame=e,exports.hasHeaderEnd=L,exports.head=m,exports.hoverable=f,exports.loadingInline=O,exports.loadingOverlay=k,exports.numeric=b,exports.outline=a,exports.paging=M,exports.plain=t,exports.range=N,exports.row=i,exports.rowHeader=g,exports.scroll=l,exports.selectCell=x,exports.sortButton=C,exports.sortIcon=T,exports.sortLabel=w,exports.sortPriority=E,exports.sortableCell=S,exports.spacer=I,exports.spacious=c,exports.status=j,exports.sticky=h,exports.striped=n,exports.table=u,exports.virtualViewport=F;

package/dist/components/data-display/DataGrid/DataGrid.module.css.mjs

@@ -1,5 +1,5 @@
-//#region src/components/data-display/DataGrid/DataGrid.module.css
-var e = "_frame_uic8v_19", t = "_plain_uic8v_36", n = "_striped_uic8v_40", r = "_body_uic8v_40", i = "_row_uic8v_40", a = "_outline_uic8v_44", o = "_compact_uic8v_52", s = "_comfortable_uic8v_58", c = "_spacious_uic8v_64", l = "_scroll_uic8v_70", u = "_table_uic8v_75", d = "_cell_uic8v_87", f = "_hoverable_uic8v_114", p = "_clickable_uic8v_118", m = "_head_uic8v_140", h = "_sticky_uic8v_153", g = "_rowHeader_uic8v_159", _ = "_alignStart_uic8v_166", v = "_alignCenter_uic8v_170", y = "_alignEnd_uic8v_174", b = "_numeric_uic8v_178", x = "_selectCell_uic8v_186", S = "_sortableCell_uic8v_192", C = "_sortButton_uic8v_196", w = "_sortLabel_uic8v_238", T = "_sortIcon_uic8v_239", E = "_sortPriority_uic8v_265", D = "_emptyCell_uic8v_273", O = "_loadingInline_uic8v_279", k = "_loadingOverlay_uic8v_285", A = "_footer_uic8v_295", j = "_status_uic8v_307", M = "_paging_uic8v_313", N = "_range_uic8v_321", P = "_fixed_uic8v_348", F = "_hasHeaderEnd_uic8v_353", I = {
+// src/components/data-display/DataGrid/DataGrid.module.css
+var e = "_frame_ca578_19", t = "_plain_ca578_36", n = "_striped_ca578_42", r = "_body_ca578_42", i = "_row_ca578_42", a = "_outline_ca578_46", o = "_compact_ca578_54", s = "_comfortable_ca578_60", c = "_spacious_ca578_66", l = "_scroll_ca578_72", u = "_table_ca578_77", d = "_cell_ca578_89", f = "_hoverable_ca578_116", p = "_clickable_ca578_120", m = "_head_ca578_142", h = "_sticky_ca578_155", g = "_rowHeader_ca578_161", _ = "_alignStart_ca578_168", v = "_alignCenter_ca578_172", y = "_alignEnd_ca578_176", b = "_numeric_ca578_180", x = "_selectCell_ca578_188", S = "_sortableCell_ca578_194", C = "_sortButton_ca578_198", w = "_sortLabel_ca578_240", T = "_sortIcon_ca578_241", E = "_sortPriority_ca578_267", D = "_emptyCell_ca578_275", O = "_loadingInline_ca578_281", k = "_loadingOverlay_ca578_287", A = "_footer_ca578_297", j = "_status_ca578_309", M = "_paging_ca578_315", N = "_range_ca578_323", P = "_fixed_ca578_350", F = "_virtualViewport_ca578_358", I = "_spacer_ca578_362", L = "_hasHeaderEnd_ca578_370", R = {
 	frame: e,
 	plain: t,
 	striped: n,
@@ -35,7 +35,8 @@ var e = "_frame_uic8v_19", t = "_plain_uic8v_36", n = "_striped_uic8v_40", r = "
 	paging: M,
 	range: N,
 	fixed: P,
-	hasHeaderEnd: F
+	virtualViewport: F,
+	spacer: I,
+	hasHeaderEnd: L
 };
-//#endregion
-export { v as alignCenter, y as alignEnd, _ as alignStart, r as body, d as cell, p as clickable, s as comfortable, o as compact, I as default, D as emptyCell, P as fixed, A as footer, e as frame, F as hasHeaderEnd, m as head, f as hoverable, O as loadingInline, k as loadingOverlay, b as numeric, a as outline, M as paging, t as plain, N as range, i as row, g as rowHeader, l as scroll, x as selectCell, C as sortButton, T as sortIcon, w as sortLabel, E as sortPriority, S as sortableCell, c as spacious, j as status, h as sticky, n as striped, u as table };
+export { v as alignCenter, y as alignEnd, _ as alignStart, r as body, d as cell, p as clickable, s as comfortable, o as compact, R as default, D as emptyCell, P as fixed, A as footer, e as frame, L as hasHeaderEnd, m as head, f as hoverable, O as loadingInline, k as loadingOverlay, b as numeric, a as outline, M as paging, t as plain, N as range, i as row, g as rowHeader, l as scroll, x as selectCell, C as sortButton, T as sortIcon, w as sortLabel, E as sortPriority, S as sortableCell, I as spacer, c as spacious, j as status, h as sticky, n as striped, u as table, F as virtualViewport };

package/dist/components/data-display/DataGrid/dataGridUtils.cjs.js

@@ -1 +1 @@
-function e(e,t){return t.value?t.value(e):e?.[t.key]}function t(e,t,n){let r=e==null||e===``,i=t==null||t===``;return r||i?r===i?0:r?1:-1:typeof e==`number`&&typeof t==`number`?e-t:e instanceof Date&&t instanceof Date?e.getTime()-t.getTime():typeof e==`boolean`&&typeof t==`boolean`?Number(e)-Number(t):(n??new Intl.Collator(void 0,{numeric:!0,sensitivity:`base`})).compare(String(e),String(t))}function n(n,r,i,a){let o=r.map(e=>({item:e,column:i.find(t=>t.key===e.key)})).filter(e=>!!e.column);if(o.length===0)return n.slice();let s=new Intl.Collator(a,{numeric:!0,sensitivity:`base`});return n.slice().sort((n,r)=>{for(let{item:i,column:a}of o){let o=a.compare?a.compare(n,r):t(e(n,a),e(r,a),s);if(o!==0)return i.direction===`ascending`?o:-o}return 0})}function r(e){return e.normalize(`NFD`).replace(/[̀-ͯ]/g,``).toLowerCase().trim()}function i(e){return e==null?``:e instanceof Date?e.toISOString():String(e)}function a(t,n,a){let o=r(n).split(/\s+/).filter(Boolean);if(o.length===0)return t.slice();let s=a.filter(e=>e.filterable!==!1);return t.filter(t=>{let n=r(s.map(n=>i(e(t,n))).join(` `));return o.every(e=>n.includes(e))})}exports.compareValues=t,exports.filterRows=a,exports.getCellValue=e,exports.normalizeSearch=r,exports.sortRows=n;
+function e(e,t){return t.value?t.value(e):e?.[t.key]}var t=e=>e==null||e===``;function n(e,n,r){let i=t(e),a=t(n);return i||a?i===a?0:i?1:-1:typeof e==`number`&&typeof n==`number`?e-n:e instanceof Date&&n instanceof Date?e.getTime()-n.getTime():typeof e==`boolean`&&typeof n==`boolean`?Number(e)-Number(n):(r??new Intl.Collator(void 0,{numeric:!0,sensitivity:`base`})).compare(String(e),String(n))}var r=new WeakMap;function i(e,n,i,a){let o=r.get(e);o||r.set(e,o=new WeakMap);let s=o.get(n);s||o.set(n,s=new Map);let c=s.get(a??``);if(c)return c;let l=new Intl.Collator(a,{numeric:!0,sensitivity:`base`}),u=Array.from(new Set(i.filter(e=>!t(e)).map(String))).sort(l.compare),d=new Map,f=0;u.forEach((e,t)=>{t>0&&l.compare(u[t-1],e)!==0&&f++,d.set(e,f)});let p=new Float64Array(i.length);for(let e=0;e<i.length;e++){let n=i[e];p[e]=t(n)?1/0:d.get(String(n))}return s.set(a??``,p),p}function a(n,r,a,o){let s=a.direction===`ascending`?1:-1;if(r.compare)return{kind:`compare`,compare:r.compare,sign:s};let c=Array(n.length),l=!0,u=!0;for(let i=0;i<n.length;i++){let a=e(n[i],r);c[i]=a,t(a)||(typeof a!=`number`&&!(a instanceof Date)&&(l=!1),typeof a!=`string`&&(u=!1))}if(l){let e=new Float64Array(n.length);for(let r=0;r<n.length;r++){let n=c[r];e[r]=t(n)?1/0:n instanceof Date?n.getTime():n}return{kind:`keys`,keys:e,sign:s}}return u?{kind:`keys`,keys:i(n,r,c,o),sign:s}:{kind:`values`,values:c,sign:s,collator:new Intl.Collator(o,{numeric:!0,sensitivity:`base`})}}function o(e,t,r,i){let o=Array.from({length:e.length},(e,t)=>t),s=[];for(let n of t){let t=r.find(e=>e.key===n.key);t&&s.push(a(e,t,n,i))}return s.length===0||o.sort((t,r)=>{for(let i of s){let a;if(i.kind===`keys`){let e=i.keys[t],n=i.keys[r];a=e===n?0:e<n?-1:1}else a=i.kind===`values`?n(i.values[t],i.values[r],i.collator):i.compare(e[t],e[r]);if(a!==0)return a*i.sign}return t-r}),o}function s(e,t,n,r){return o(e,t,n,r).map(t=>e[t])}function c(e){return e.normalize(`NFD`).replace(/[\u0300-\u036f]/g,``).toLowerCase().trim()}function l(e){return e==null?``:e instanceof Date?e.toISOString():String(e)}function u(e){return c(e).split(/\s+/).filter(Boolean)}function d(t,n){let r=n.filter(e=>e.filterable!==!1),i=Array(t.length);return{text:n=>i[n]??=c(r.map(r=>l(e(t[n],r))).join(` `))}}var f=(e,t)=>t.every(t=>e.includes(t));function p(e,t,n){let r=u(t);if(r.length===0)return e.slice();let i=d(e,n);return e.filter((e,t)=>f(i.text(t),r))}exports.compareValues=n,exports.createSearchIndex=d,exports.filterRows=p,exports.getCellValue=e,exports.matchesWords=f,exports.normalizeSearch=c,exports.searchWords=u,exports.sortIndices=o,exports.sortRows=s;

package/dist/components/data-display/DataGrid/dataGridUtils.d.ts

@@ -17,10 +17,28 @@ export interface DataGridColumnLike<T> {
 export declare function getCellValue<T>(row: T, column: DataGridColumnLike<T>): unknown;
 /** Ascending order for raw values: numbers numerically, dates by time, text with locale and numeric collation. Empty values sort last. */
 export declare function compareValues(a: unknown, b: unknown, collator?: Intl.Collator): number;
+/**
+ * Indices into `rows` in sorted order (stable; the input is never mutated).
+ * The building block of `sortRows`, for pipelines that keep working with
+ * positions (filtering a sorted list, for example).
+ */
+export declare function sortIndices<T>(rows: readonly T[], sort: readonly DataGridSortItem[], columns: readonly DataGridColumnLike<T>[], locale?: string): number[];
 /** A stable sorted copy of `rows`, by each sort level in turn. The input is never mutated. */
 export declare function sortRows<T>(rows: readonly T[], sort: readonly DataGridSortItem[], columns: readonly DataGridColumnLike<T>[], locale?: string): T[];
 /** Lowercases and strips diacritics, so "jose" finds "José". */
 export declare function normalizeSearch(text: string): string;
+/** The words of a search query, normalized. Empty when the query is blank. */
+export declare function searchWords(query: string): string[];
+/**
+ * A search index over `rows`: `text(i)` is the normalized text of row `i`'s
+ * filterable columns, built the first time it's asked for and kept. Build one
+ * per data set and reuse it for every query.
+ */
+export declare function createSearchIndex<T>(rows: readonly T[], columns: readonly DataGridColumnLike<T>[]): {
+    text: (index: number) => string;
+};
+/** Whether indexed text contains every search word. */
+export declare const matchesWords: (text: string, words: readonly string[]) => boolean;
 /**
  * The rows where any filterable column contains every word of `query`
  * (case- and diacritic-insensitive). An empty query keeps every row.

package/dist/components/data-display/DataGrid/dataGridUtils.mjs

@@ -1,46 +1,114 @@
-//#region src/components/data-display/DataGrid/dataGridUtils.ts
+// src/components/data-display/DataGrid/dataGridUtils.ts
 function e(e, t) {
 	return t.value ? t.value(e) : e?.[t.key];
 }
-function t(e, t, n) {
-	let r = e == null || e === "", i = t == null || t === "";
-	return r || i ? r === i ? 0 : r ? 1 : -1 : typeof e == "number" && typeof t == "number" ? e - t : e instanceof Date && t instanceof Date ? e.getTime() - t.getTime() : typeof e == "boolean" && typeof t == "boolean" ? Number(e) - Number(t) : (n ?? new Intl.Collator(void 0, {
+var t = (e) => e == null || e === "";
+function n(e, n, r) {
+	let i = t(e), a = t(n);
+	return i || a ? i === a ? 0 : i ? 1 : -1 : typeof e == "number" && typeof n == "number" ? e - n : e instanceof Date && n instanceof Date ? e.getTime() - n.getTime() : typeof e == "boolean" && typeof n == "boolean" ? Number(e) - Number(n) : (r ?? new Intl.Collator(void 0, {
 		numeric: !0,
 		sensitivity: "base"
-	})).compare(String(e), String(t));
-}
-function n(n, r, i, a) {
-	let o = r.map((e) => ({
-		item: e,
-		column: i.find((t) => t.key === e.key)
-	})).filter((e) => !!e.column);
-	if (o.length === 0) return n.slice();
-	let s = new Intl.Collator(a, {
+	})).compare(String(e), String(n));
+}
+var r = /* @__PURE__ */ new WeakMap();
+function i(e, n, i, a) {
+	let o = r.get(e);
+	o || r.set(e, o = /* @__PURE__ */ new WeakMap());
+	let s = o.get(n);
+	s || o.set(n, s = /* @__PURE__ */ new Map());
+	let c = s.get(a ?? "");
+	if (c) return c;
+	let l = new Intl.Collator(a, {
 		numeric: !0,
 		sensitivity: "base"
+	}), u = Array.from(new Set(i.filter((e) => !t(e)).map(String))).sort(l.compare), d = /* @__PURE__ */ new Map(), f = 0;
+	u.forEach((e, t) => {
+		t > 0 && l.compare(u[t - 1], e) !== 0 && f++, d.set(e, f);
 	});
-	return n.slice().sort((n, r) => {
-		for (let { item: i, column: a } of o) {
-			let o = a.compare ? a.compare(n, r) : t(e(n, a), e(r, a), s);
-			if (o !== 0) return i.direction === "ascending" ? o : -o;
+	let p = new Float64Array(i.length);
+	for (let e = 0; e < i.length; e++) {
+		let n = i[e];
+		p[e] = t(n) ? Infinity : d.get(String(n));
+	}
+	return s.set(a ?? "", p), p;
+}
+function a(n, r, a, o) {
+	let s = a.direction === "ascending" ? 1 : -1;
+	if (r.compare) return {
+		kind: "compare",
+		compare: r.compare,
+		sign: s
+	};
+	let c = Array(n.length), l = !0, u = !0;
+	for (let i = 0; i < n.length; i++) {
+		let a = e(n[i], r);
+		c[i] = a, t(a) || (typeof a != "number" && !(a instanceof Date) && (l = !1), typeof a != "string" && (u = !1));
+	}
+	if (l) {
+		let e = new Float64Array(n.length);
+		for (let r = 0; r < n.length; r++) {
+			let n = c[r];
+			e[r] = t(n) ? Infinity : n instanceof Date ? n.getTime() : n;
 		}
-		return 0;
-	});
+		return {
+			kind: "keys",
+			keys: e,
+			sign: s
+		};
+	}
+	return u ? {
+		kind: "keys",
+		keys: i(n, r, c, o),
+		sign: s
+	} : {
+		kind: "values",
+		values: c,
+		sign: s,
+		collator: new Intl.Collator(o, {
+			numeric: !0,
+			sensitivity: "base"
+		})
+	};
+}
+function o(e, t, r, i) {
+	let o = Array.from({ length: e.length }, (e, t) => t), s = [];
+	for (let n of t) {
+		let t = r.find((e) => e.key === n.key);
+		t && s.push(a(e, t, n, i));
+	}
+	return s.length === 0 || o.sort((t, r) => {
+		for (let i of s) {
+			let a;
+			if (i.kind === "keys") {
+				let e = i.keys[t], n = i.keys[r];
+				a = e === n ? 0 : e < n ? -1 : 1;
+			} else a = i.kind === "values" ? n(i.values[t], i.values[r], i.collator) : i.compare(e[t], e[r]);
+			if (a !== 0) return a * i.sign;
+		}
+		return t - r;
+	}), o;
 }
-function r(e) {
-	return e.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase().trim();
+function s(e, t, n, r) {
+	return o(e, t, n, r).map((t) => e[t]);
 }
-function i(e) {
+function c(e) {
+	return e.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
+}
+function l(e) {
 	return e == null ? "" : e instanceof Date ? e.toISOString() : String(e);
 }
-function a(t, n, a) {
-	let o = r(n).split(/\s+/).filter(Boolean);
-	if (o.length === 0) return t.slice();
-	let s = a.filter((e) => e.filterable !== !1);
-	return t.filter((t) => {
-		let n = r(s.map((n) => i(e(t, n))).join(" "));
-		return o.every((e) => n.includes(e));
-	});
+function u(e) {
+	return c(e).split(/\s+/).filter(Boolean);
+}
+function d(t, n) {
+	let r = n.filter((e) => e.filterable !== !1), i = Array(t.length);
+	return { text: (n) => i[n] ??= c(r.map((r) => l(e(t[n], r))).join(" ")) };
+}
+var f = (e, t) => t.every((t) => e.includes(t));
+function p(e, t, n) {
+	let r = u(t);
+	if (r.length === 0) return e.slice();
+	let i = d(e, n);
+	return e.filter((e, t) => f(i.text(t), r));
 }
-//#endregion
-export { t as compareValues, a as filterRows, e as getCellValue, r as normalizeSearch, n as sortRows };
+export { n as compareValues, d as createSearchIndex, p as filterRows, e as getCellValue, f as matchesWords, c as normalizeSearch, u as searchWords, o as sortIndices, s as sortRows };

package/dist/components/data-display/EmptyState/EmptyState.cjs.js

@@ -1 +1 @@
-const e=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),r=require("../../primitives/Button/Button.cjs.js"),i=require("../../primitives/Icon/icons.cjs.js"),a=require("../../primitives/Typography/Typography.cjs.js"),o=require("./EmptyState.module.css.cjs.js");let s=require("react"),c=require("react/jsx-runtime");var l={neutral:o.default.neutral,primary:o.default.primary,info:o.default.info,success:o.default.success,warning:o.default.warning,danger:o.default.danger},u={plain:o.default.plain,card:o.default.card,subtle:o.default.subtle},d={sm:o.default.sm,md:o.default.md,lg:o.default.lg},f={center:o.default.alignCenter,start:o.default.alignStart},p={sm:`lg`,md:`2xl`,lg:`4xl`},m={sm:`sm`,md:`md`,lg:`lg`},h={"no-data":{icon:(0,c.jsx)(i.FileIcon,{}),tone:`neutral`,copy:`noData`},"no-results":{icon:(0,c.jsx)(i.SearchIcon,{}),tone:`neutral`,copy:`noResults`},error:{icon:(0,c.jsx)(i.ErrorIcon,{}),tone:`danger`,copy:`error`},offline:{icon:(0,c.jsx)(i.OfflineIcon,{}),tone:`warning`,copy:`offline`},"no-access":{icon:(0,c.jsx)(i.LockIcon,{}),tone:`neutral`,copy:`noAccess`},"first-run":{icon:(0,c.jsx)(i.StarIcon,{}),tone:`primary`,copy:`firstRun`}};function g(e,t,n){return t===`noResults`?{title:e.noResults.title(n),description:e.noResults.description}:e[t]}var _=e=>typeof e==`string`||typeof e==`number`?String(e):void 0,v=({kind:v,query:y,icon:b,illustration:x,title:S,headingLevel:C=2,description:w,actions:T,onRetry:E,retryLabel:D,retrying:O=!1,footer:k,tone:A,size:j=`md`,align:M=`center`,variant:N=`plain`,announce:P=!1,announceMessage:F,className:I,children:L,...R})=>{let z=e.useMessages(),B=D??z.emptyState.retry,V=v?h[v]:void 0,H=V?g(z.emptyState,V.copy,y):void 0,U=(0,s.useId)(),W=S===void 0?H?.title:S,G=w===void 0?H?.description:w,K=b===void 0?V?.icon:b,q=A??V?.tone??`neutral`,J=W!=null&&W!==``,Y=G!=null&&G!==``,X=E!==void 0||T!=null,Z=F??[_(W),_(G)].filter(Boolean).join(`. `),[Q,$]=(0,s.useState)(``);(0,s.useEffect)(()=>{if($(``),!P||!Z)return;let e=window.setTimeout(()=>$(Z),150);return()=>window.clearTimeout(e)},[P,Z]);let ee=R.role&&J&&R[`aria-label`]===void 0&&R[`aria-labelledby`]===void 0?U:void 0;return(0,c.jsxs)(`div`,{"aria-labelledby":ee,...R,className:t.cx(o.default.root,u[N],d[j],f[M],l[q],I),"data-kind":v,children:[x==null?K!=null&&(0,c.jsxs)(`div`,{className:o.default.media,"aria-hidden":`true`,children:[(0,c.jsx)(`span`,{className:o.default.blob,children:K}),(0,c.jsx)(`span`,{className:o.default.dot})]}):(0,c.jsx)(`div`,{className:o.default.illustration,"aria-hidden":`true`,children:x}),(J||Y)&&(0,c.jsxs)(`div`,{className:o.default.text,children:[J&&(0,c.jsx)(a.Heading,{id:U,level:C,size:p[j],weight:`black`,className:o.default.title,children:W}),Y&&(0,c.jsx)(a.Text,{size:m[j],tone:`muted`,leading:`normal`,wrap:`pretty`,className:o.default.description,children:G})]}),L,X&&(0,c.jsxs)(`div`,{className:o.default.actions,children:[E!==void 0&&(0,c.jsx)(r.Button,{size:j,variant:`solid`,tone:`primary`,loading:O,startIcon:(0,c.jsx)(i.RefreshIcon,{}),onClick:()=>E(),children:B}),T]}),k!=null&&(0,c.jsx)(`div`,{className:o.default.footer,children:k}),P&&(0,c.jsx)(n.VisuallyHidden,{role:P===`assertive`?`alert`:`status`,"aria-live":P===`assertive`?`assertive`:`polite`,"aria-atomic":`true`,children:Q})]})};exports.EmptyState=v;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("../../primitives/Button/Button.cjs.js"),n=require("../../primitives/Icon/icons.cjs.js"),r=require("../../primitives/Typography/Typography.cjs.js"),i=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),a=require("./EmptyState.module.css.cjs.js"),o=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let s=require("react"),c=require("react/jsx-runtime");var l={neutral:a.default.neutral,primary:a.default.primary,info:a.default.info,success:a.default.success,warning:a.default.warning,danger:a.default.danger},u={plain:a.default.plain,card:a.default.card,subtle:a.default.subtle},d={sm:a.default.sm,md:a.default.md,lg:a.default.lg},f={center:a.default.alignCenter,start:a.default.alignStart},p={sm:`lg`,md:`2xl`,lg:`4xl`},m={sm:`sm`,md:`md`,lg:`lg`},h={"no-data":{icon:(0,c.jsx)(n.FileIcon,{}),tone:`neutral`,copy:`noData`},"no-results":{icon:(0,c.jsx)(n.SearchIcon,{}),tone:`neutral`,copy:`noResults`},error:{icon:(0,c.jsx)(n.ErrorIcon,{}),tone:`danger`,copy:`error`},offline:{icon:(0,c.jsx)(n.OfflineIcon,{}),tone:`warning`,copy:`offline`},"no-access":{icon:(0,c.jsx)(n.LockIcon,{}),tone:`neutral`,copy:`noAccess`},"first-run":{icon:(0,c.jsx)(n.StarIcon,{}),tone:`primary`,copy:`firstRun`}};function g(e,t,n){return t===`noResults`?{title:e.noResults.title(n),description:e.noResults.description}:e[t]}var _=e=>typeof e==`string`||typeof e==`number`?String(e):void 0,v=({kind:v,query:y,icon:b,illustration:x,title:S,headingLevel:C=2,description:w,actions:T,onRetry:E,retryLabel:D,retrying:O=!1,footer:k,tone:A,size:j=`md`,align:M=`center`,variant:N=`plain`,announce:P=!1,announceMessage:F,className:I,children:L,...R})=>{let z=o.useMessages(),B=D??z.emptyState.retry,V=v?h[v]:void 0,H=V?g(z.emptyState,V.copy,y):void 0,U=(0,s.useId)(),W=S===void 0?H?.title:S,G=w===void 0?H?.description:w,K=b===void 0?V?.icon:b,q=A??V?.tone??`neutral`,J=W!=null&&W!==``,Y=G!=null&&G!==``,X=E!==void 0||T!=null,Z=F??[_(W),_(G)].filter(Boolean).join(`. `),[Q,$]=(0,s.useState)(``);(0,s.useEffect)(()=>{if($(``),!P||!Z)return;let e=window.setTimeout(()=>$(Z),150);return()=>window.clearTimeout(e)},[P,Z]);let ee=R.role&&J&&R[`aria-label`]===void 0&&R[`aria-labelledby`]===void 0?U:void 0;return(0,c.jsxs)(`div`,{"aria-labelledby":ee,...R,className:e.cx(a.default.root,u[N],d[j],f[M],l[q],I),"data-kind":v,children:[x==null?K!=null&&(0,c.jsxs)(`div`,{className:a.default.media,"aria-hidden":`true`,children:[(0,c.jsx)(`span`,{className:a.default.blob,children:K}),(0,c.jsx)(`span`,{className:a.default.dot})]}):(0,c.jsx)(`div`,{className:a.default.illustration,"aria-hidden":`true`,children:x}),(J||Y)&&(0,c.jsxs)(`div`,{className:a.default.text,children:[J&&(0,c.jsx)(r.Heading,{id:U,level:C,size:p[j],weight:`black`,className:a.default.title,children:W}),Y&&(0,c.jsx)(r.Text,{size:m[j],tone:`muted`,leading:`normal`,wrap:`pretty`,className:a.default.description,children:G})]}),L,X&&(0,c.jsxs)(`div`,{className:a.default.actions,children:[E!==void 0&&(0,c.jsx)(t.Button,{size:j,variant:`solid`,tone:`primary`,loading:O,startIcon:(0,c.jsx)(n.RefreshIcon,{}),onClick:()=>E(),children:B}),T]}),k!=null&&(0,c.jsx)(`div`,{className:a.default.footer,children:k}),P&&(0,c.jsx)(i.VisuallyHidden,{role:P===`assertive`?`alert`:`status`,"aria-live":P===`assertive`?`assertive`:`polite`,"aria-atomic":`true`,children:Q})]})};exports.EmptyState=v;

package/dist/components/data-display/EmptyState/EmptyState.mjs

@@ -1,31 +1,32 @@
-import { useMessages as e } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as t } from "../../../utils/cx.mjs";
-import { VisuallyHidden as n } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { Button as r } from "../../primitives/Button/Button.mjs";
-import { ErrorIcon as i, FileIcon as a, LockIcon as o, OfflineIcon as s, RefreshIcon as c, SearchIcon as l, StarIcon as u } from "../../primitives/Icon/icons.mjs";
-import { Heading as d, Text as f } from "../../primitives/Typography/Typography.mjs";
-import p from "./EmptyState.module.css.mjs";
+"use client";
+import { cx as e } from "../../../utils/cx.mjs";
+import { Button as t } from "../../primitives/Button/Button.mjs";
+import { ErrorIcon as n, FileIcon as r, LockIcon as i, OfflineIcon as a, RefreshIcon as o, SearchIcon as s, StarIcon as c } from "../../primitives/Icon/icons.mjs";
+import { Heading as l, Text as u } from "../../primitives/Typography/Typography.mjs";
+import { VisuallyHidden as d } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import f from "./EmptyState.module.css.mjs";
+import { useMessages as p } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
 import { useEffect as m, useId as h, useState as g } from "react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
-//#region src/components/data-display/EmptyState/EmptyState.tsx
-var ee = {
-	neutral: p.neutral,
-	primary: p.primary,
-	info: p.info,
-	success: p.success,
-	warning: p.warning,
-	danger: p.danger
-}, y = {
-	plain: p.plain,
-	card: p.card,
-	subtle: p.subtle
+// src/components/data-display/EmptyState/EmptyState.tsx
+var y = {
+	neutral: f.neutral,
+	primary: f.primary,
+	info: f.info,
+	success: f.success,
+	warning: f.warning,
+	danger: f.danger
+}, ee = {
+	plain: f.plain,
+	card: f.card,
+	subtle: f.subtle
 }, b = {
-	sm: p.sm,
-	md: p.md,
-	lg: p.lg
+	sm: f.sm,
+	md: f.md,
+	lg: f.lg
 }, x = {
-	center: p.alignCenter,
-	start: p.alignStart
+	center: f.alignCenter,
+	start: f.alignStart
 }, S = {
 	sm: "lg",
 	md: "2xl",
@@ -36,32 +37,32 @@ var ee = {
 	lg: "lg"
 }, w = {
 	"no-data": {
-		icon: /* @__PURE__ */ _(a, {}),
+		icon: /* @__PURE__ */ _(r, {}),
 		tone: "neutral",
 		copy: "noData"
 	},
 	"no-results": {
-		icon: /* @__PURE__ */ _(l, {}),
+		icon: /* @__PURE__ */ _(s, {}),
 		tone: "neutral",
 		copy: "noResults"
 	},
 	error: {
-		icon: /* @__PURE__ */ _(i, {}),
+		icon: /* @__PURE__ */ _(n, {}),
 		tone: "danger",
 		copy: "error"
 	},
 	offline: {
-		icon: /* @__PURE__ */ _(s, {}),
+		icon: /* @__PURE__ */ _(a, {}),
 		tone: "warning",
 		copy: "offline"
 	},
 	"no-access": {
-		icon: /* @__PURE__ */ _(o, {}),
+		icon: /* @__PURE__ */ _(i, {}),
 		tone: "neutral",
 		copy: "noAccess"
 	},
 	"first-run": {
-		icon: /* @__PURE__ */ _(u, {}),
+		icon: /* @__PURE__ */ _(c, {}),
 		tone: "primary",
 		copy: "firstRun"
 	}
@@ -72,8 +73,8 @@ function T(e, t, n) {
 		description: e.noResults.description
 	} : e[t];
 }
-var E = (e) => typeof e == "string" || typeof e == "number" ? String(e) : void 0, D = ({ kind: i, query: a, icon: o, illustration: s, title: l, headingLevel: u = 2, description: D, actions: O, onRetry: k, retryLabel: A, retrying: te = !1, footer: j, tone: M, size: N = "md", align: P = "center", variant: F = "plain", announce: I = !1, announceMessage: L, className: R, children: z, ...B }) => {
-	let V = e(), H = A ?? V.emptyState.retry, U = i ? w[i] : void 0, W = U ? T(V.emptyState, U.copy, a) : void 0, G = h(), K = l === void 0 ? W?.title : l, q = D === void 0 ? W?.description : D, J = o === void 0 ? U?.icon : o, Y = M ?? U?.tone ?? "neutral", X = K != null && K !== "", Z = q != null && q !== "", ne = k !== void 0 || O != null, Q = L ?? [E(K), E(q)].filter(Boolean).join(". "), [re, $] = g("");
+var E = (e) => typeof e == "string" || typeof e == "number" ? String(e) : void 0, D = ({ kind: n, query: r, icon: i, illustration: a, title: s, headingLevel: c = 2, description: D, actions: O, onRetry: k, retryLabel: te, retrying: A = !1, footer: j, tone: M, size: N = "md", align: P = "center", variant: F = "plain", announce: I = !1, announceMessage: L, className: R, children: z, ...B }) => {
+	let V = p(), H = te ?? V.emptyState.retry, U = n ? w[n] : void 0, W = U ? T(V.emptyState, U.copy, r) : void 0, G = h(), K = s === void 0 ? W?.title : s, q = D === void 0 ? W?.description : D, J = i === void 0 ? U?.icon : i, Y = M ?? U?.tone ?? "neutral", X = K != null && K !== "", Z = q != null && q !== "", ne = k !== void 0 || O != null, Q = L ?? [E(K), E(q)].filter(Boolean).join(". "), [re, $] = g("");
 	m(() => {
 		if ($(""), !I || !Q) return;
 		let e = window.setTimeout(() => $(Q), 150);
@@ -83,57 +84,57 @@ var E = (e) => typeof e == "string" || typeof e == "number" ? String(e) : void 0
 	return /* @__PURE__ */ v("div", {
 		"aria-labelledby": ie,
 		...B,
-		className: t(p.root, y[F], b[N], x[P], ee[Y], R),
-		"data-kind": i,
+		className: e(f.root, ee[F], b[N], x[P], y[Y], R),
+		"data-kind": n,
 		children: [
-			s == null ? J != null && /* @__PURE__ */ v("div", {
-				className: p.media,
+			a == null ? J != null && /* @__PURE__ */ v("div", {
+				className: f.media,
 				"aria-hidden": "true",
 				children: [/* @__PURE__ */ _("span", {
-					className: p.blob,
+					className: f.blob,
 					children: J
-				}), /* @__PURE__ */ _("span", { className: p.dot })]
+				}), /* @__PURE__ */ _("span", { className: f.dot })]
 			}) : /* @__PURE__ */ _("div", {
-				className: p.illustration,
+				className: f.illustration,
 				"aria-hidden": "true",
-				children: s
+				children: a
 			}),
 			(X || Z) && /* @__PURE__ */ v("div", {
-				className: p.text,
-				children: [X && /* @__PURE__ */ _(d, {
+				className: f.text,
+				children: [X && /* @__PURE__ */ _(l, {
 					id: G,
-					level: u,
+					level: c,
 					size: S[N],
 					weight: "black",
-					className: p.title,
+					className: f.title,
 					children: K
-				}), Z && /* @__PURE__ */ _(f, {
+				}), Z && /* @__PURE__ */ _(u, {
 					size: C[N],
 					tone: "muted",
 					leading: "normal",
 					wrap: "pretty",
-					className: p.description,
+					className: f.description,
 					children: q
 				})]
 			}),
 			z,
 			ne && /* @__PURE__ */ v("div", {
-				className: p.actions,
-				children: [k !== void 0 && /* @__PURE__ */ _(r, {
+				className: f.actions,
+				children: [k !== void 0 && /* @__PURE__ */ _(t, {
 					size: N,
 					variant: "solid",
 					tone: "primary",
-					loading: te,
-					startIcon: /* @__PURE__ */ _(c, {}),
+					loading: A,
+					startIcon: /* @__PURE__ */ _(o, {}),
 					onClick: () => k(),
 					children: H
 				}), O]
 			}),
 			j != null && /* @__PURE__ */ _("div", {
-				className: p.footer,
+				className: f.footer,
 				children: j
 			}),
-			I && /* @__PURE__ */ _(n, {
+			I && /* @__PURE__ */ _(d, {
 				role: I === "assertive" ? "alert" : "status",
 				"aria-live": I === "assertive" ? "assertive" : "polite",
 				"aria-atomic": "true",
@@ -142,5 +143,4 @@ var E = (e) => typeof e == "string" || typeof e == "number" ? String(e) : void 0
 		]
 	});
 };
-//#endregion
 export { D as EmptyState };

package/dist/components/data-display/EmptyState/EmptyState.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/data-display/EmptyState/EmptyState.module.css
+// src/components/data-display/EmptyState/EmptyState.module.css
 var e = "_root_nsx1u_33", t = "_alignCenter_nsx1u_87", n = "_alignStart_nsx1u_97", r = "_plain_nsx1u_111", i = "_card_nsx1u_119", a = "_subtle_nsx1u_131", o = "_sm_nsx1u_147", s = "_md_nsx1u_169", c = "_lg_nsx1u_191", l = "_neutral_nsx1u_217", u = "_primary_nsx1u_225", d = "_info_nsx1u_233", f = "_success_nsx1u_241", p = "_warning_nsx1u_249", m = "_danger_nsx1u_257", h = "_media_nsx1u_271", g = "_blob_nsx1u_287", _ = "_dot_nsx1u_323", v = "_illustration_nsx1u_357", y = "_text_nsx1u_391", b = "_title_nsx1u_407", x = "_description_nsx1u_415", S = "_actions_nsx1u_427", C = "_footer_nsx1u_459", w = {
 	root: e,
 	alignCenter: t,
@@ -27,5 +27,4 @@ var e = "_root_nsx1u_33", t = "_alignCenter_nsx1u_87", n = "_alignStart_nsx1u_97
 	actions: S,
 	footer: C
 };
-//#endregion
 export { S as actions, t as alignCenter, n as alignStart, g as blob, i as card, m as danger, w as default, x as description, _ as dot, C as footer, v as illustration, d as info, c as lg, s as md, h as media, l as neutral, r as plain, u as primary, e as root, o as sm, a as subtle, f as success, y as text, b as title, p as warning };

package/dist/components/data-display/Image/Image.cjs.js

@@ -1 +1 @@
-const e=require("../../../utils/cx.cjs.js"),t=require("../../../utils/fillSlot.cjs.js"),n=require("../../primitives/Icon/icons.cjs.js"),ee=require("../../feedback/Skeleton/Skeleton.cjs.js"),r=require("./Image.module.css.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o={square:r.default.ratioSquare,landscape:r.default.ratioLandscape,video:r.default.ratioVideo,wide:r.default.ratioWide,portrait:r.default.ratioPortrait},s={cover:r.default.fitCover,contain:r.default.fitContain,fill:r.default.fitFill,none:r.default.fitNone,"scale-down":r.default.fitScaleDown},c={none:r.default.radiusNone,xs:r.default.radiusXs,sm:r.default.radiusSm,md:r.default.radiusMd,lg:r.default.radiusLg,xl:r.default.radiusXl,"2xl":r.default.radius2xl,pill:r.default.radiusPill},l={none:r.default.shadowNone,xs:r.default.shadowXs,sm:r.default.shadowSm,md:r.default.shadowMd,lg:r.default.shadowLg,xl:r.default.shadowXl};function u({alt:u,src:d,ratio:f,fit:p=`cover`,position:m,stretch:te,priority:h=!1,placeholder:g=`skeleton`,blurDataURL:_,fallbackSrc:v,fallback:y,radius:b,bordered:x=!1,shadow:ne=`none`,caption:S,onLoadingStatusChange:C,className:w,style:T,ref:E,loading:re,decoding:ie,fetchPriority:D,onLoad:O,onError:k,width:A,height:j,srcSet:ae,sizes:oe,...M}){let N=t.useFillSlot(),P=te??N,se=b??(N?`none`:`lg`),[F,I]=(0,i.useState)({key:d,stage:0,loaded:!1}),L=F;F.key!==d&&(L={key:d,stage:0,loaded:!1},I(L));let R=!!v&&v!==d,z=L.stage===0?d:L.stage===1?v:void 0,B=L.stage===2?`error`:L.loaded?`loaded`:`loading`,V=(0,i.useCallback)(()=>{I(e=>{let t=e.key===d?e:{key:d,stage:0,loaded:!1};return t.loaded?t:{...t,loaded:!0}})},[d]),H=(0,i.useCallback)(()=>{I(e=>{let t=e.key===d?e:{key:d,stage:0,loaded:!1};return t.stage===2?t:{key:d,stage:t.stage===0&&R?1:2,loaded:!1}})},[d,R]),U=(0,i.useRef)(C);U.current=C;let W=(0,i.useRef)(void 0);(0,i.useEffect)(()=>{W.current!==B&&(W.current=B,U.current?.(B))},[B]);let G=(0,i.useRef)(null);(0,i.useLayoutEffect)(()=>{let e=G.current;if(!e||!z||!e.complete)return;if(e.naturalWidth>0){V();return}let t=!1;return e.decode().then(()=>!t&&V(),()=>!t&&H()),()=>{t=!0}},[z,V,H]);let ce=(0,i.useCallback)(e=>{G.current=e,typeof E==`function`?E(e):E&&(E.current=e)},[E]),le=e=>{V(),O?.(e)},ue=e=>{H(),k?.(e)},de=u===``,fe=M[`aria-label`]??u,pe=e=>Object.fromEntries(Object.entries(e).filter(([e])=>e===`id`||e===`title`||e.startsWith(`data-`)||e.startsWith(`aria-`))),K=de?{"aria-hidden":!0}:{role:`img`,"aria-label":fe},me=typeof f==`string`?o[f]:void 0,q=!P&&f===void 0&&typeof A==`number`&&typeof j==`number`&&A>0&&j>0?{width:A,height:j}:void 0,J=P||f!==void 0||q!==void 0,Y=P?void 0:typeof f==`number`?{aspectRatio:String(f)}:q?{aspectRatio:`${q.width} / ${q.height}`,inlineSize:`${q.width}px`}:void 0,X=null,Z=`custom`;g===`skeleton`?(Z=`skeleton`,X=(0,a.jsx)(ee.Skeleton,{width:`100%`,height:`100%`,radius:`none`})):g===`blur`?(Z=_?`blur`:`empty`,X=_?(0,a.jsx)(`img`,{src:_,alt:``,className:r.default.blurImage,decoding:`sync`}):null):g===`empty`||g==null||typeof g==`boolean`?Z=`empty`:X=g;let he=B===`loading`||B===`loaded`&&Z===`blur`,ge=!z&&B===`loading`,_e=e.cx(r.default.frame,J?r.default.sized:r.default.intrinsic,P&&r.default.stretch,!P&&me,c[se],l[ne],x&&r.default.bordered),Q=S!=null&&S!==!1,$=(0,a.jsxs)(`span`,{className:e.cx(_e,!Q&&w),style:Q?Y:{...Y,...T},"data-status":B,children:[he&&(0,a.jsx)(`span`,{className:e.cx(r.default.placeholder,Z===`empty`&&r.default.placeholderEmpty,B===`loaded`&&r.default.placeholderDone),...ge?K:{"aria-hidden":!0},children:X}),B===`error`?(0,a.jsx)(`span`,{className:r.default.fallback,...pe(M),...K,children:y??(0,a.jsx)(n.ImageIcon,{size:`xl`,className:r.default.fallbackIcon})}):z&&(0,i.createElement)(`img`,{...M,key:z,ref:ce,src:z,srcSet:L.stage===0?ae:void 0,sizes:L.stage===0?oe:void 0,alt:u,width:A,height:j,loading:h?`eager`:re??`lazy`,decoding:ie??`async`,fetchPriority:h?`high`:D,className:e.cx(r.default.img,s[p],B===`loaded`&&r.default.loaded),style:m?{objectPosition:m}:void 0,onLoad:le,onError:ue})]});return Q?(0,a.jsxs)(`figure`,{className:e.cx(r.default.figure,P||f!==void 0?r.default.figureFull:r.default.figureFit,w),style:T,children:[$,(0,a.jsx)(`figcaption`,{className:r.default.caption,children:S})]}):$}exports.Image=u;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("../../../utils/fillSlot.cjs.js"),n=require("../../feedback/Skeleton/Skeleton.cjs.js"),ee=require("../../primitives/Icon/icons.cjs.js"),r=require("./Image.module.css.cjs.js");let i=require("react"),a=require("react/jsx-runtime");var o={square:r.default.ratioSquare,landscape:r.default.ratioLandscape,video:r.default.ratioVideo,wide:r.default.ratioWide,portrait:r.default.ratioPortrait},s={cover:r.default.fitCover,contain:r.default.fitContain,fill:r.default.fitFill,none:r.default.fitNone,"scale-down":r.default.fitScaleDown},c={none:r.default.radiusNone,xs:r.default.radiusXs,sm:r.default.radiusSm,md:r.default.radiusMd,lg:r.default.radiusLg,xl:r.default.radiusXl,"2xl":r.default.radius2xl,pill:r.default.radiusPill},l={none:r.default.shadowNone,xs:r.default.shadowXs,sm:r.default.shadowSm,md:r.default.shadowMd,lg:r.default.shadowLg,xl:r.default.shadowXl};function u({alt:u,src:d,ratio:f,fit:p=`cover`,position:m,stretch:te,priority:h=!1,placeholder:g=`skeleton`,blurDataURL:_,fallbackSrc:v,fallback:y,radius:b,bordered:x=!1,shadow:ne=`none`,caption:S,onLoadingStatusChange:C,className:w,style:T,ref:E,loading:re,decoding:ie,fetchPriority:D,onLoad:O,onError:k,width:A,height:j,srcSet:ae,sizes:oe,...M}){let N=t.useFillSlot(),P=te??N,se=b??(N?`none`:`lg`),[F,I]=(0,i.useState)({key:d,stage:0,loaded:!1}),L=F;F.key!==d&&(L={key:d,stage:0,loaded:!1},I(L));let R=!!v&&v!==d,z=L.stage===0?d:L.stage===1?v:void 0,B=L.stage===2?`error`:L.loaded?`loaded`:`loading`,V=(0,i.useCallback)(()=>{I(e=>{let t=e.key===d?e:{key:d,stage:0,loaded:!1};return t.loaded?t:{...t,loaded:!0}})},[d]),H=(0,i.useCallback)(()=>{I(e=>{let t=e.key===d?e:{key:d,stage:0,loaded:!1};return t.stage===2?t:{key:d,stage:t.stage===0&&R?1:2,loaded:!1}})},[d,R]),U=(0,i.useRef)(C);U.current=C;let W=(0,i.useRef)(void 0);(0,i.useEffect)(()=>{W.current!==B&&(W.current=B,U.current?.(B))},[B]);let G=(0,i.useRef)(null);(0,i.useLayoutEffect)(()=>{let e=G.current;if(!e||!z||!e.complete)return;if(e.naturalWidth>0){V();return}let t=!1;return e.decode().then(()=>!t&&V(),()=>!t&&H()),()=>{t=!0}},[z,V,H]);let ce=(0,i.useCallback)(e=>{G.current=e,typeof E==`function`?E(e):E&&(E.current=e)},[E]),le=e=>{V(),O?.(e)},ue=e=>{H(),k?.(e)},de=u===``,fe=M[`aria-label`]??u,pe=e=>Object.fromEntries(Object.entries(e).filter(([e])=>e===`id`||e===`title`||e.startsWith(`data-`)||e.startsWith(`aria-`))),K=de?{"aria-hidden":!0}:{role:`img`,"aria-label":fe},me=typeof f==`string`?o[f]:void 0,q=!P&&f===void 0&&typeof A==`number`&&typeof j==`number`&&A>0&&j>0?{width:A,height:j}:void 0,J=P||f!==void 0||q!==void 0,Y=P?void 0:typeof f==`number`?{aspectRatio:String(f)}:q?{aspectRatio:`${q.width} / ${q.height}`,inlineSize:`${q.width}px`}:void 0,X=null,Z=`custom`;g===`skeleton`?(Z=`skeleton`,X=(0,a.jsx)(n.Skeleton,{width:`100%`,height:`100%`,radius:`none`})):g===`blur`?(Z=_?`blur`:`empty`,X=_?(0,a.jsx)(`img`,{src:_,alt:``,className:r.default.blurImage,decoding:`sync`}):null):g===`empty`||g==null||typeof g==`boolean`?Z=`empty`:X=g;let he=B===`loading`||B===`loaded`&&Z===`blur`,ge=!z&&B===`loading`,_e=e.cx(r.default.frame,J?r.default.sized:r.default.intrinsic,P&&r.default.stretch,!P&&me,c[se],l[ne],x&&r.default.bordered),Q=S!=null&&S!==!1,$=(0,a.jsxs)(`span`,{className:e.cx(_e,!Q&&w),style:Q?Y:{...Y,...T},"data-status":B,children:[he&&(0,a.jsx)(`span`,{className:e.cx(r.default.placeholder,Z===`empty`&&r.default.placeholderEmpty,B===`loaded`&&r.default.placeholderDone),...ge?K:{"aria-hidden":!0},children:X}),B===`error`?(0,a.jsx)(`span`,{className:r.default.fallback,...pe(M),...K,children:y??(0,a.jsx)(ee.ImageIcon,{size:`xl`,className:r.default.fallbackIcon})}):z&&(0,i.createElement)(`img`,{...M,key:z,ref:ce,src:z,srcSet:L.stage===0?ae:void 0,sizes:L.stage===0?oe:void 0,alt:u,width:A,height:j,loading:h?`eager`:re??`lazy`,decoding:ie??`async`,fetchPriority:h?`high`:D,className:e.cx(r.default.img,s[p],B===`loaded`&&r.default.loaded),style:m?{objectPosition:m}:void 0,onLoad:le,onError:ue})]});return Q?(0,a.jsxs)(`figure`,{className:e.cx(r.default.figure,P||f!==void 0?r.default.figureFull:r.default.figureFit,w),style:T,children:[$,(0,a.jsx)(`figcaption`,{className:r.default.caption,children:S})]}):$}exports.Image=u;

package/dist/components/data-display/Image/Image.mjs

@@ -1,11 +1,12 @@
+"use client";
 import { cx as e } from "../../../utils/cx.mjs";
 import { useFillSlot as t } from "../../../utils/fillSlot.mjs";
-import { ImageIcon as ee } from "../../primitives/Icon/icons.mjs";
-import { Skeleton as n } from "../../feedback/Skeleton/Skeleton.mjs";
+import { Skeleton as ee } from "../../feedback/Skeleton/Skeleton.mjs";
+import { ImageIcon as n } from "../../primitives/Icon/icons.mjs";
 import r from "./Image.module.css.mjs";
 import { createElement as i, useCallback as a, useEffect as te, useLayoutEffect as ne, useRef as o, useState as re } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/data-display/Image/Image.tsx
+// src/components/data-display/Image/Image.tsx
 var l = {
 	square: r.ratioSquare,
 	landscape: r.ratioLandscape,
@@ -110,7 +111,7 @@ function d({ alt: d, src: f, ratio: p, fit: oe = "cover", position: m, stretch:
 		aspectRatio: `${J.width} / ${J.height}`,
 		inlineSize: `${J.width}px`
 	} : void 0, X = null, Z = "custom";
-	_ === "skeleton" ? (Z = "skeleton", X = /* @__PURE__ */ s(n, {
+	_ === "skeleton" ? (Z = "skeleton", X = /* @__PURE__ */ s(ee, {
 		width: "100%",
 		height: "100%",
 		radius: "none"
@@ -135,7 +136,7 @@ function d({ alt: d, src: f, ratio: p, fit: oe = "cover", position: m, stretch:
 			className: r.fallback,
 			...ye(j),
 			...K,
-			children: b ?? /* @__PURE__ */ s(ee, {
+			children: b ?? /* @__PURE__ */ s(n, {
 				size: "xl",
 				className: r.fallbackIcon
 			})
@@ -167,5 +168,4 @@ function d({ alt: d, src: f, ratio: p, fit: oe = "cover", position: m, stretch:
 		})]
 	}) : $;
 }
-//#endregion
 export { d as Image };

package/dist/components/data-display/Image/Image.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/data-display/Image/Image.module.css
+// src/components/data-display/Image/Image.module.css
 var e = "_frame_1a1eu_15", t = "_sized_1a1eu_35", n = "_stretch_1a1eu_45", r = "_intrinsic_1a1eu_57", i = "_ratioSquare_1a1eu_77", a = "_ratioLandscape_1a1eu_79", o = "_ratioVideo_1a1eu_81", s = "_ratioWide_1a1eu_83", c = "_ratioPortrait_1a1eu_85", l = "_radiusNone_1a1eu_91", u = "_radiusXs_1a1eu_93", d = "_radiusSm_1a1eu_95", f = "_radiusMd_1a1eu_97", p = "_radiusLg_1a1eu_99", m = "_radiusXl_1a1eu_101", h = "_radius2xl_1a1eu_103", g = "_radiusPill_1a1eu_105", _ = "_shadowNone_1a1eu_111", v = "_shadowXs_1a1eu_113", y = "_shadowSm_1a1eu_115", b = "_shadowMd_1a1eu_117", x = "_shadowLg_1a1eu_119", S = "_shadowXl_1a1eu_121", C = "_bordered_1a1eu_129", w = "_img_1a1eu_157", T = "_loaded_1a1eu_199", E = "_fitCover_1a1eu_209", D = "_fitContain_1a1eu_211", O = "_fitFill_1a1eu_213", k = "_fitNone_1a1eu_215", A = "_fitScaleDown_1a1eu_217", j = "_placeholder_1a1eu_229", M = "_placeholderEmpty_1a1eu_249", N = "_placeholderDone_1a1eu_259", P = "_blurImage_1a1eu_269", F = "_fallback_1a1eu_297", I = "_fallbackIcon_1a1eu_341", L = "_figure_1a1eu_357", R = "_figureFull_1a1eu_373", z = "_figureFit_1a1eu_381", B = "_caption_1a1eu_393", V = {
 	frame: e,
 	sized: t,
@@ -42,5 +42,4 @@ var e = "_frame_1a1eu_15", t = "_sized_1a1eu_35", n = "_stretch_1a1eu_45", r = "
 	figureFit: z,
 	caption: B
 };
-//#endregion
 export { P as blurImage, C as bordered, B as caption, V as default, F as fallback, I as fallbackIcon, L as figure, z as figureFit, R as figureFull, D as fitContain, E as fitCover, O as fitFill, k as fitNone, A as fitScaleDown, e as frame, w as img, r as intrinsic, T as loaded, j as placeholder, N as placeholderDone, M as placeholderEmpty, h as radius2xl, p as radiusLg, f as radiusMd, l as radiusNone, g as radiusPill, d as radiusSm, m as radiusXl, u as radiusXs, a as ratioLandscape, c as ratioPortrait, i as ratioSquare, o as ratioVideo, s as ratioWide, x as shadowLg, b as shadowMd, _ as shadowNone, y as shadowSm, S as shadowXl, v as shadowXs, t as sized, n as stretch };

package/dist/components/data-display/List/List.cjs.js

@@ -1 +1 @@
-const e=require("../../../utils/cx.cjs.js"),t=require("./List.module.css.cjs.js");let n=require("react"),r=require("react/jsx-runtime");var i={plain:t.default.plain,bulleted:t.default.bulleted,numbered:t.default.numbered,divided:t.default.divided,card:t.default.card},a={sm:t.default.sm,md:t.default.md,lg:t.default.lg},o=(0,n.createContext)({variant:`plain`,marker:void 0}),s=({variant:n=`plain`,as:s,ordered:c=!1,size:l=`md`,spacing:u,marker:d,start:f,className:p,style:m,children:h,ref:g,..._})=>{let v=s??(c||n===`numbered`?`ol`:`ul`),y=f===void 0?m:{counterReset:`dh-list-item ${f-1}`,...m};return(0,r.jsx)(o.Provider,{value:{variant:n,marker:d},children:(0,r.jsx)(v,{role:`list`,..._,ref:g,start:v===`ol`?f:void 0,"data-spacing":u,className:e.cx(t.default.root,i[n],a[l],p),style:y,children:h})})},c=({marker:i})=>{let{variant:a,marker:s}=(0,n.useContext)(o),c=i??s;return c===!1?null:c!=null&&c!==!0?(0,r.jsx)(`span`,{className:e.cx(t.default.marker,t.default.customMarker),"aria-hidden":`true`,children:c}):a===`bulleted`?(0,r.jsx)(`span`,{className:e.cx(t.default.marker,t.default.bulletMarker),"aria-hidden":`true`,children:(0,r.jsx)(`span`,{className:t.default.dot})}):a===`numbered`?(0,r.jsx)(`span`,{className:e.cx(t.default.marker,t.default.numberMarker),"aria-hidden":`true`,children:(0,r.jsx)(`span`,{className:t.default.number})}):null},l=e=>e!=null&&e!==!1&&e!==``,u=(...e)=>e.filter(Boolean).join(` `)||void 0,d=({slots:n,main:i,descriptionId:a,metaId:o,interactive:s,disabled:u,liProps:d,ariaCurrent:f})=>{let{start:p,description:m,meta:h,end:g,marker:_}=n,v=!!(n.selected||n.current),{className:y,...b}=d;return(0,r.jsxs)(`li`,{"aria-current":s?void 0:f,"aria-disabled":u||void 0,...b,className:e.cx(t.default.item,s&&t.default.interactive,v&&t.default.selected,u&&t.default.disabled,y),children:[(0,r.jsx)(c,{marker:_}),l(p)&&(0,r.jsx)(`span`,{className:t.default.start,children:p}),(0,r.jsxs)(`div`,{className:t.default.content,children:[i,l(m)&&(0,r.jsx)(`span`,{id:a,className:t.default.description,children:m}),n.title!==void 0&&l(n.children)&&(0,r.jsx)(`div`,{className:t.default.body,children:n.children})]}),l(h)&&(0,r.jsx)(`span`,{id:o,className:t.default.meta,children:h}),l(g)&&(0,r.jsx)(`div`,{className:t.default.end,children:g})]})};function f(e){let{start:t,title:n,description:r,meta:i,end:a,marker:o,selected:s,current:c,children:l,...u}=e;return{slots:{start:t,title:n,description:r,meta:i,end:a,marker:o,selected:s,current:c,children:l},rest:u}}var p=e=>{let{slots:n,rest:i}=f(e),a=!!(n.selected||n.current),o=n.title===void 0?l(n.children)&&(0,r.jsx)(`div`,{className:t.default.body,children:n.children}):(0,r.jsx)(`span`,{className:t.default.title,children:n.title});return(0,r.jsx)(d,{slots:n,main:o,interactive:!1,liProps:i,ariaCurrent:n.current??(a?`true`:void 0)})};p.displayName=`List.Item`;var m=i=>{let{slots:a,rest:o}=f(i),{disabled:s=!1,className:c,style:p,itemProps:m,type:h=`button`,"aria-describedby":g,"aria-current":_,...v}=o,y=(0,n.useId)(),b=`${y}-description`,x=`${y}-meta`,S=!!(a.selected||a.current),C=(0,r.jsx)(`button`,{...v,type:h,disabled:s,className:t.default.action,"aria-current":_??a.current??(S?`true`:void 0),"aria-describedby":u(g,l(a.description)&&b,l(a.meta)&&x),children:(0,r.jsx)(`span`,{className:t.default.title,children:a.title??a.children})});return(0,r.jsx)(d,{slots:a,main:C,descriptionId:b,metaId:x,interactive:!0,disabled:s,liProps:{...m,className:e.cx(m?.className,c),style:{...m?.style,...p}}})};m.displayName=`List.ItemButton`;var h=i=>{let{slots:a,rest:o}=f(i),{disabled:s=!1,className:c,style:p,itemProps:m,href:h,onClick:g,"aria-describedby":_,"aria-current":v,...y}=o,b=(0,n.useId)(),x=`${b}-description`,S=`${b}-meta`,C=!!(a.selected||a.current),w=(0,r.jsx)(`a`,{...y,href:s?void 0:h,role:s?`link`:void 0,"aria-disabled":s||void 0,onClick:s?e=>e.preventDefault():g,className:t.default.action,"aria-current":v??a.current??(C?`page`:void 0),"aria-describedby":u(_,l(a.description)&&x,l(a.meta)&&S),children:(0,r.jsx)(`span`,{className:t.default.title,children:a.title??a.children})});return(0,r.jsx)(d,{slots:a,main:w,descriptionId:x,metaId:S,interactive:!0,disabled:s,liProps:{...m,className:e.cx(m?.className,c),style:{...m?.style,...p}}})};h.displayName=`List.ItemLink`;var g=({as:n=`h3`,size:i=`md`,className:o,children:s,...c})=>(0,r.jsx)(n,{...c,className:e.cx(t.default.subheader,a[i],o),children:s});g.displayName=`List.Subheader`,s.Item=p,s.ItemButton=m,s.ItemLink=h,s.Subheader=g,exports.List=s,exports.ListItem=p,exports.ListItemButton=m,exports.ListItemLink=h,exports.ListSubheader=g;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("./List.module.css.cjs.js");let n=require("react"),r=require("react/jsx-runtime");var i={plain:t.default.plain,bulleted:t.default.bulleted,numbered:t.default.numbered,divided:t.default.divided,card:t.default.card},a={sm:t.default.sm,md:t.default.md,lg:t.default.lg},o=(0,n.createContext)({variant:`plain`,marker:void 0}),s=({variant:s=`plain`,as:c,ordered:l=!1,size:u=`md`,spacing:d,marker:f,start:p,className:m,style:h,children:g,ref:_,...v})=>{let y=c??(l||s===`numbered`?`ol`:`ul`),b=p===void 0?h:{counterReset:`dh-list-item ${p-1}`,...h},x=(0,n.useMemo)(()=>({variant:s,marker:f}),[s,f]);return(0,r.jsx)(o.Provider,{value:x,children:(0,r.jsx)(y,{role:`list`,...v,ref:_,start:y===`ol`?p:void 0,"data-spacing":d,className:e.cx(t.default.root,i[s],a[u],m),style:b,children:g})})},c=({marker:i})=>{let{variant:a,marker:s}=(0,n.useContext)(o),c=i??s;return c===!1?null:c!=null&&c!==!0?(0,r.jsx)(`span`,{className:e.cx(t.default.marker,t.default.customMarker),"aria-hidden":`true`,children:c}):a===`bulleted`?(0,r.jsx)(`span`,{className:e.cx(t.default.marker,t.default.bulletMarker),"aria-hidden":`true`,children:(0,r.jsx)(`span`,{className:t.default.dot})}):a===`numbered`?(0,r.jsx)(`span`,{className:e.cx(t.default.marker,t.default.numberMarker),"aria-hidden":`true`,children:(0,r.jsx)(`span`,{className:t.default.number})}):null},l=e=>e!=null&&e!==!1&&e!==``,u=(...e)=>e.filter(Boolean).join(` `)||void 0,d=({slots:n,main:i,descriptionId:a,metaId:o,interactive:s,disabled:u,liProps:d,ariaCurrent:f})=>{let{start:p,description:m,meta:h,end:g,marker:_}=n,v=!!(n.selected||n.current),{className:y,...b}=d;return(0,r.jsxs)(`li`,{"aria-current":s?void 0:f,"aria-disabled":u||void 0,...b,className:e.cx(t.default.item,s&&t.default.interactive,v&&t.default.selected,u&&t.default.disabled,y),children:[(0,r.jsx)(c,{marker:_}),l(p)&&(0,r.jsx)(`span`,{className:t.default.start,children:p}),(0,r.jsxs)(`div`,{className:t.default.content,children:[i,l(m)&&(0,r.jsx)(`span`,{id:a,className:t.default.description,children:m}),n.title!==void 0&&l(n.children)&&(0,r.jsx)(`div`,{className:t.default.body,children:n.children})]}),l(h)&&(0,r.jsx)(`span`,{id:o,className:t.default.meta,children:h}),l(g)&&(0,r.jsx)(`div`,{className:t.default.end,children:g})]})};function f(e){let{start:t,title:n,description:r,meta:i,end:a,marker:o,selected:s,current:c,children:l,...u}=e;return{slots:{start:t,title:n,description:r,meta:i,end:a,marker:o,selected:s,current:c,children:l},rest:u}}var p=e=>{let{slots:n,rest:i}=f(e),a=!!(n.selected||n.current),o=n.title===void 0?l(n.children)&&(0,r.jsx)(`div`,{className:t.default.body,children:n.children}):(0,r.jsx)(`span`,{className:t.default.title,children:n.title});return(0,r.jsx)(d,{slots:n,main:o,interactive:!1,liProps:i,ariaCurrent:n.current??(a?`true`:void 0)})};p.displayName=`List.Item`;var m=i=>{let{slots:a,rest:o}=f(i),{disabled:s=!1,className:c,style:p,itemProps:m,type:h=`button`,"aria-describedby":g,"aria-current":_,...v}=o,y=(0,n.useId)(),b=`${y}-description`,x=`${y}-meta`,S=!!(a.selected||a.current),C=(0,r.jsx)(`button`,{...v,type:h,disabled:s,className:t.default.action,"aria-current":_??a.current??(S?`true`:void 0),"aria-describedby":u(g,l(a.description)&&b,l(a.meta)&&x),children:(0,r.jsx)(`span`,{className:t.default.title,children:a.title??a.children})});return(0,r.jsx)(d,{slots:a,main:C,descriptionId:b,metaId:x,interactive:!0,disabled:s,liProps:{...m,className:e.cx(m?.className,c),style:{...m?.style,...p}}})};m.displayName=`List.ItemButton`;var h=i=>{let{slots:a,rest:o}=f(i),{disabled:s=!1,className:c,style:p,itemProps:m,href:h,onClick:g,"aria-describedby":_,"aria-current":v,...y}=o,b=(0,n.useId)(),x=`${b}-description`,S=`${b}-meta`,C=!!(a.selected||a.current),w=(0,r.jsx)(`a`,{...y,href:s?void 0:h,role:s?`link`:void 0,"aria-disabled":s||void 0,onClick:s?e=>e.preventDefault():g,className:t.default.action,"aria-current":v??a.current??(C?`page`:void 0),"aria-describedby":u(_,l(a.description)&&x,l(a.meta)&&S),children:(0,r.jsx)(`span`,{className:t.default.title,children:a.title??a.children})});return(0,r.jsx)(d,{slots:a,main:w,descriptionId:x,metaId:S,interactive:!0,disabled:s,liProps:{...m,className:e.cx(m?.className,c),style:{...m?.style,...p}}})};h.displayName=`List.ItemLink`;var g=({as:n=`h3`,size:i=`md`,className:o,children:s,...c})=>(0,r.jsx)(n,{...c,className:e.cx(t.default.subheader,a[i],o),children:s});g.displayName=`List.Subheader`,s.Item=p,s.ItemButton=m,s.ItemLink=h,s.Subheader=g,exports.List=s,exports.ListItem=p,exports.ListItemButton=m,exports.ListItemLink=h,exports.ListSubheader=g;