@webority/ui-react 0.37.0 → 0.39.0

package/dist/components/AppSidebarMenu.js

@@ -1,77 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./AppIcon.js";
-import { Offcanvas as r } from "react-bootstrap";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/AppSidebarMenu.jsx
-var o = {
-	left: "start",
-	right: "end",
-	start: "start",
-	end: "end",
-	top: "top",
-	bottom: "bottom"
-};
-function s({ show: s, onHide: c, side: l = "right", title: u, titleIcon: d, header: f, children: p, footer: m, width: h, maxWidth: g, backdrop: _ = !0, scroll: v = !1, keyboard: y = !0, closeButton: b = !0, closeLabel: x = "Close", responsive: S, className: C = "", bodyClassName: w = "", ariaLabel: T, ...E }) {
-	t("AppSidebarMenu", E), e("AppSidebarMenu", "side", l, Object.keys(o));
-	let { style: D, ...O } = E, k = o[l] || "end", A = h || g || D ? {
-		...h && { "--asm-width": h },
-		...g && { "--asm-max-width": g },
-		...D
-	} : void 0;
-	return /* @__PURE__ */ a(r, {
-		...O,
-		show: s,
-		onHide: c,
-		placement: k,
-		backdrop: _,
-		scroll: v,
-		keyboard: y,
-		responsive: S,
-		style: A,
-		className: `app-sidebar-menu${C ? ` ${C}` : ""}`,
-		"aria-label": T || (typeof u == "string" ? u : void 0),
-		children: [
-			f === void 0 ? (u != null || b) && /* @__PURE__ */ a("div", {
-				className: "drawer-header",
-				children: [u != null && /* @__PURE__ */ a("div", {
-					className: "drawer-title",
-					children: [d && /* @__PURE__ */ i("span", {
-						className: "drawer-title-ic",
-						children: /* @__PURE__ */ i(n, {
-							name: d,
-							size: 18
-						})
-					}), u]
-				}), b && /* @__PURE__ */ i("button", {
-					type: "button",
-					className: "wui-drawer-close",
-					onClick: c,
-					"aria-label": x,
-					children: /* @__PURE__ */ i("svg", {
-						width: "18",
-						height: "18",
-						viewBox: "0 0 24 24",
-						fill: "none",
-						stroke: "currentColor",
-						strokeWidth: "2",
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						"aria-hidden": "true",
-						children: /* @__PURE__ */ i("path", { d: "M18 6 6 18M6 6l12 12" })
-					})
-				})]
-			}) : f,
-			/* @__PURE__ */ i(r.Body, {
-				className: w,
-				children: p
-			}),
-			m && /* @__PURE__ */ i("div", {
-				className: "asm-footer",
-				children: m
-			})
-		]
-	});
-}
-//#endregion
-export { s as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./AppIcon.js";import{Offcanvas as r}from"react-bootstrap";import{jsx as i,jsxs as a}from"react/jsx-runtime";var o={left:`start`,right:`end`,start:`start`,end:`end`,top:`top`,bottom:`bottom`};function s({show:s,onHide:c,side:l=`right`,title:u,titleIcon:d,header:f,children:p,footer:m,width:h,maxWidth:g,backdrop:_=!0,scroll:v=!1,keyboard:y=!0,closeButton:b=!0,closeLabel:x=`Close`,responsive:S,className:C=``,bodyClassName:w=``,ariaLabel:T,...E}){t(`AppSidebarMenu`,E),e(`AppSidebarMenu`,`side`,l,Object.keys(o));let{style:D,...O}=E,k=o[l]||`end`,A=h||g||D?{...h&&{"--asm-width":h},...g&&{"--asm-max-width":g},...D}:void 0;return a(r,{...O,show:s,onHide:c,placement:k,backdrop:_,scroll:v,keyboard:y,responsive:S,style:A,className:`app-sidebar-menu${C?` ${C}`:``}`,"aria-label":T||(typeof u==`string`?u:void 0),children:[f===void 0?(u!=null||b)&&a(`div`,{className:`drawer-header`,children:[u!=null&&a(`div`,{className:`drawer-title`,children:[d&&i(`span`,{className:`drawer-title-ic`,children:i(n,{name:d,size:18})}),u]}),b&&i(`button`,{type:`button`,className:`wui-drawer-close`,onClick:c,"aria-label":x,children:i(`svg`,{width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:i(`path`,{d:`M18 6 6 18M6 6l12 12`})})})]}):f,i(r.Body,{className:w,children:p}),m&&i(`div`,{className:`asm-footer`,children:m})]})}export{s as default};

package/dist/components/AppSkeleton.js

@@ -1,24 +1 @@
-import e from "./warnUnknownProps.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/AppSkeleton.jsx
-function n({ width: n = "100%", height: r = 14, radius: i = 6, className: a = "", style: o, ...s }) {
-	return e("AppSkeleton", s), /* @__PURE__ */ t("span", {
-		className: `skeleton${a ? ` ${a}` : ""}`,
-		"aria-hidden": "true",
-		style: {
-			width: n,
-			height: r,
-			borderRadius: i,
-			...o
-		},
-		...s
-	});
-}
-function r({ rows: e = 4, cols: r = 5 }) {
-	return Array.from({ length: e }).map((e, i) => /* @__PURE__ */ t("tr", { children: Array.from({ length: r }).map((e, r) => /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(n, {
-		width: r === 0 ? "70%" : "50%",
-		height: 12
-	}) }, `col-${r}`)) }, `row-${i}`));
-}
-//#endregion
-export { r as AppSkeletonRows, n as default };
+import e from"./warnUnknownProps.js";import{jsx as t}from"react/jsx-runtime";function n({width:n=`100%`,height:r=14,radius:i=6,className:a=``,style:o,...s}){return e(`AppSkeleton`,s),t(`span`,{className:`skeleton${a?` ${a}`:``}`,"aria-hidden":`true`,style:{width:n,height:r,borderRadius:i,...o},...s})}function r({rows:e=4,cols:r=5}){return Array.from({length:e}).map((e,i)=>t(`tr`,{children:Array.from({length:r}).map((e,r)=>t(`td`,{children:t(n,{width:r===0?`70%`:`50%`,height:12})},`col-${r}`))},`row-${i}`))}export{r as AppSkeletonRows,n as default};

package/dist/components/AppSlider.js

@@ -1,76 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./AppRequiredMark.js";
-import r, { readRange as i, writeNumberValue as a } from "./useWuiControl.js";
-import { forwardRef as o, useEffect as s, useId as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import "@webority/ui-elements/elements/slider";
-//#region src/components/AppSlider.jsx
-var d = [
-	"sm",
-	"md",
-	"lg"
-], f = o(function({ value: o, start: f, end: p, range: m = !1, onChange: h, label: g, required: _ = !1, hint: v, error: y, name: b, startName: x, endName: S, min: C = 0, max: w = 100, step: T = 1, disabled: E, size: D, showValue: O, unit: k, id: A, ariaLabel: j, className: M = "", fieldClassName: N = "", ...P }, F) {
-	t("AppSlider", P), e("AppSlider", "size", D, d);
-	let I = c(), L = A || I, R = m, { setRef: z, innerRef: B } = r({
-		ref: F,
-		value: R ? void 0 : o,
-		onChange: h,
-		readValue: R ? i : void 0,
-		writeValue: R ? void 0 : a
-	});
-	s(() => {
-		if (!R) return;
-		let e = B.current;
-		e && (f !== void 0 && f > e.end ? (p !== void 0 && e.end !== p && (e.end = p), f !== void 0 && e.start !== f && (e.start = f)) : (f !== void 0 && e.start !== f && (e.start = f), p !== void 0 && e.end !== p && (e.end = p)));
-	}, [
-		f,
-		p,
-		R,
-		B
-	]);
-	let V = !g && !y && !v, H = y ? `${L}-error` : void 0, U = v ? `${L}-hint` : void 0, W = /* @__PURE__ */ l("wui-slider", {
-		ref: z,
-		id: L,
-		name: b || void 0,
-		"start-name": x || void 0,
-		"end-name": S || void 0,
-		min: C,
-		max: w,
-		step: T,
-		size: D || void 0,
-		"aria-label": j || (typeof g == "string" ? g : void 0),
-		"aria-describedby": H || U,
-		"aria-invalid": y ? "true" : void 0,
-		disabled: E ? "" : void 0,
-		required: _ ? "" : void 0,
-		range: R ? "" : void 0,
-		"show-value": O ? "" : void 0,
-		unit: k || void 0,
-		className: M || void 0,
-		...P
-	});
-	return V ? W : /* @__PURE__ */ u("div", {
-		className: `field${N ? ` ${N}` : ""}`,
-		children: [
-			g && /* @__PURE__ */ u("label", {
-				className: "label",
-				htmlFor: L,
-				children: [g, _ && /* @__PURE__ */ l(n, {})]
-			}),
-			W,
-			y && /* @__PURE__ */ l("div", {
-				className: "field-error",
-				id: H,
-				children: y
-			}),
-			!y && v && /* @__PURE__ */ l("div", {
-				className: "field-hint",
-				id: U,
-				children: v
-			})
-		]
-	});
-});
-//#endregion
-export { f as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./AppRequiredMark.js";import r,{readRange as i,writeNumberValue as a}from"./useWuiControl.js";import{forwardRef as o,useEffect as s,useId as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import"@webority/ui-elements/elements/slider";var d=[`sm`,`md`,`lg`],f=o(function({value:o,start:f,end:p,range:m=!1,onChange:h,label:g,required:_=!1,hint:v,error:y,name:b,startName:x,endName:S,min:C=0,max:w=100,step:T=1,disabled:E,size:D,showValue:O,unit:k,id:A,ariaLabel:j,className:M=``,fieldClassName:N=``,...P},F){t(`AppSlider`,P),e(`AppSlider`,`size`,D,d);let I=c(),L=A||I,R=m,{setRef:z,innerRef:B}=r({ref:F,value:R?void 0:o,onChange:h,readValue:R?i:void 0,writeValue:R?void 0:a});s(()=>{if(!R)return;let e=B.current;e&&(f!==void 0&&f>e.end?(p!==void 0&&e.end!==p&&(e.end=p),f!==void 0&&e.start!==f&&(e.start=f)):(f!==void 0&&e.start!==f&&(e.start=f),p!==void 0&&e.end!==p&&(e.end=p)))},[f,p,R,B]);let V=!g&&!y&&!v,H=y?`${L}-error`:void 0,U=v?`${L}-hint`:void 0,W=l(`wui-slider`,{ref:z,id:L,name:b||void 0,"start-name":x||void 0,"end-name":S||void 0,min:C,max:w,step:T,size:D||void 0,"aria-label":j||(typeof g==`string`?g:void 0),"aria-describedby":H||U,"aria-invalid":y?`true`:void 0,disabled:E?``:void 0,required:_?``:void 0,range:R?``:void 0,"show-value":O?``:void 0,unit:k||void 0,className:M||void 0,...P});return V?W:u(`div`,{className:`field${N?` ${N}`:``}`,children:[g&&u(`label`,{className:`label`,htmlFor:L,children:[g,_&&l(n,{})]}),W,y&&l(`div`,{className:`field-error`,id:H,children:y}),!y&&v&&l(`div`,{className:`field-hint`,id:U,children:v})]})});export{f as default};

package/dist/components/AppSortableList.js

@@ -1,63 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./AppIcon.js";
-import r from "./useWuiControl.js";
-import { forwardRef as i, useEffect as a, useRef as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import "@webority/ui-elements/elements/sortable";
-//#region src/components/AppSortableList.jsx
-var l = ["vertical", "horizontal"], u = (e, t) => {
-	e.controlled = !0;
-	let n = e.order;
-	(n.length !== t.length || t.some((e, t) => e !== n[t])) && (e.order = t);
-}, d = i(function({ items: i = [], onReorder: d, ariaLabel: f, handle: p = !1, group: m, name: h, disabled: g = !1, orientation: _ = "vertical", className: v = "", ...y }, b) {
-	t("AppSortableList", y), e("AppSortableList", "orientation", _, l);
-	let x = i.map((e) => e.id), S = o(x);
-	a(() => {
-		S.current = x;
-	});
-	let { setRef: C, innerRef: w } = r({
-		ref: b,
-		value: x,
-		writeValue: u,
-		on: { "wui-sortable:change": (e) => {
-			e.target === e.currentTarget && (d?.(e.detail.ids, e.detail), requestAnimationFrame(() => {
-				w.current && u(w.current, S.current);
-			}));
-		} }
-	});
-	return /* @__PURE__ */ s("wui-sortable", {
-		ref: C,
-		role: "list",
-		"aria-label": f,
-		name: h || void 0,
-		group: m || void 0,
-		orientation: _ === "horizontal" ? "horizontal" : void 0,
-		handle: p ? "" : void 0,
-		disabled: g ? "" : void 0,
-		className: `wui-sortable${v ? ` ${v}` : ""}`,
-		...y,
-		children: i.map((e) => /* @__PURE__ */ c("div", {
-			role: "listitem",
-			className: "wui-sortable-item",
-			"data-id": e.id,
-			"data-label": e.label,
-			"data-disabled": e.disabled ? "" : void 0,
-			children: [/* @__PURE__ */ s("button", {
-				type: "button",
-				className: "wui-sortable-handle",
-				"aria-label": `Reorder ${e.label}`,
-				disabled: g || e.disabled ? !0 : void 0,
-				children: /* @__PURE__ */ s(n, {
-					name: "menu",
-					size: 18
-				})
-			}), /* @__PURE__ */ s("div", {
-				className: "wui-sortable-body",
-				children: e.content ?? e.label
-			})]
-		}, e.id))
-	});
-});
-//#endregion
-export { d as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./AppIcon.js";import r from"./useWuiControl.js";import{forwardRef as i,useEffect as a,useRef as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import"@webority/ui-elements/elements/sortable";var l=[`vertical`,`horizontal`],u=(e,t)=>{e.controlled=!0;let n=e.order;(n.length!==t.length||t.some((e,t)=>e!==n[t]))&&(e.order=t)},d=i(function({items:i=[],onReorder:d,ariaLabel:f,handle:p=!1,group:m,name:h,disabled:g=!1,orientation:_=`vertical`,className:v=``,...y},b){t(`AppSortableList`,y),e(`AppSortableList`,`orientation`,_,l);let x=i.map(e=>e.id),S=o(x);a(()=>{S.current=x});let{setRef:C,innerRef:w}=r({ref:b,value:x,writeValue:u,on:{"wui-sortable:change":e=>{e.target===e.currentTarget&&(d?.(e.detail.ids,e.detail),requestAnimationFrame(()=>{w.current&&u(w.current,S.current)}))}}});return s(`wui-sortable`,{ref:C,role:`list`,"aria-label":f,name:h||void 0,group:m||void 0,orientation:_===`horizontal`?`horizontal`:void 0,handle:p?``:void 0,disabled:g?``:void 0,className:`wui-sortable${v?` ${v}`:``}`,...y,children:i.map(e=>c(`div`,{role:`listitem`,className:`wui-sortable-item`,"data-id":e.id,"data-label":e.label,"data-disabled":e.disabled?``:void 0,children:[s(`button`,{type:`button`,className:`wui-sortable-handle`,"aria-label":`Reorder ${e.label}`,disabled:g||e.disabled?!0:void 0,children:s(n,{name:`menu`,size:18})}),s(`div`,{className:`wui-sortable-body`,children:e.content??e.label})]},e.id))})});export{d as default};

package/dist/components/AppSparkline.js

@@ -1,47 +1 @@
-import e from "./warnUnknownProps.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/AppSparkline.jsx
-var n = () => {
-	try {
-		return process.env.NODE_ENV !== "production";
-	} catch {
-		return !0;
-	}
-}, r = !1;
-function i(e) {
-	r || !n() || (r = !0, console.warn(`[@webority/ui-react] <AppSparkline> left out ${e} value(s) in \`data\` that are not finite numbers.`));
-}
-var a = (e) => typeof e == "number" && Number.isFinite(e);
-function o(e, t, n) {
-	if (e.length < 2) return `0,${n / 2} ${t},${n / 2}`;
-	let r = Math.min(...e), i = Math.max(...e) - r, a = t / (e.length - 1);
-	return e.map((e, t) => {
-		let o = i === 0 ? n / 2 : n - (e - r) / i * n;
-		return `${t * a},${o}`;
-	}).join(" ");
-}
-var s = (e) => String(Number(e.toFixed(2)));
-function c(e, t) {
-	let n = t ? `${t} trend` : "Trend";
-	return e.length === 1 ? `${n} has one value, ${s(e[0])}.` : `${n} from ${s(e[0])} to ${s(e[e.length - 1])} across ${e.length} points.`;
-}
-function l({ data: n, label: r, width: s = 48, height: l = 16, className: u = "", ...d }) {
-	e("AppSparkline", d);
-	let f = Array.isArray(n) ? n.filter(a) : [];
-	return Array.isArray(n) && f.length < n.length && i(n.length - f.length), f.length === 0 ? null : /* @__PURE__ */ t("svg", {
-		className: `wui-sparkline${u ? ` ${u}` : ""}`,
-		width: s,
-		height: l,
-		viewBox: `0 0 ${s} ${l}`,
-		role: "img",
-		"aria-label": c(f, r),
-		...d,
-		children: /* @__PURE__ */ t("polyline", {
-			points: o(f, s, l),
-			stroke: "currentColor",
-			fill: "none"
-		})
-	});
-}
-//#endregion
-export { l as default };
+import e from"./warnUnknownProps.js";import{jsx as t}from"react/jsx-runtime";var n=()=>{try{return process.env.NODE_ENV!==`production`}catch{return!0}},r=!1;function i(e){r||!n()||(r=!0,console.warn(`[@webority/ui-react] <AppSparkline> left out ${e} value(s) in \`data\` that are not finite numbers.`))}var a=e=>typeof e==`number`&&Number.isFinite(e);function o(e,t,n){if(e.length<2)return`0,${n/2} ${t},${n/2}`;let r=Math.min(...e),i=Math.max(...e)-r,a=t/(e.length-1);return e.map((e,t)=>{let o=i===0?n/2:n-(e-r)/i*n;return`${t*a},${o}`}).join(` `)}var s=e=>String(Number(e.toFixed(2)));function c(e,t){let n=t?`${t} trend`:`Trend`;return e.length===1?`${n} has one value, ${s(e[0])}.`:`${n} from ${s(e[0])} to ${s(e[e.length-1])} across ${e.length} points.`}function l({data:n,label:r,width:s=48,height:l=16,className:u=``,...d}){e(`AppSparkline`,d);let f=Array.isArray(n)?n.filter(a):[];return Array.isArray(n)&&f.length<n.length&&i(n.length-f.length),f.length===0?null:t(`svg`,{className:`wui-sparkline${u?` ${u}`:``}`,width:s,height:l,viewBox:`0 0 ${s} ${l}`,role:`img`,"aria-label":c(f,r),...d,children:t(`polyline`,{points:o(f,s,l),stroke:`currentColor`,fill:`none`})})}export{l as default};

package/dist/components/AppSpinner.js

@@ -1,23 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/AppSpinner.jsx
-var r = ["sm", "md"];
-function i({ size: i = "md", label: a = "Loading", className: o = "", ...s }) {
-	t("AppSpinner", s), e("AppSpinner", "size", typeof i == "string" && !Number.isFinite(Number(i)) ? i : null, r);
-	let { style: c, ...l } = s, u = Number(i), d = Number.isFinite(u) && u > 0;
-	return /* @__PURE__ */ n("span", {
-		className: `spinner-border${!d && i === "sm" ? " spinner-border-sm" : ""}${o ? ` ${o}` : ""}`,
-		role: "status",
-		"aria-label": a,
-		style: d ? {
-			width: `${u}px`,
-			height: `${u}px`,
-			borderWidth: `${Math.max(2, Math.round(u / 8))}px`,
-			...c
-		} : c,
-		...l
-	});
-}
-//#endregion
-export { i as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import{jsx as n}from"react/jsx-runtime";var r=[`sm`,`md`];function i({size:i=`md`,label:a=`Loading`,className:o=``,...s}){t(`AppSpinner`,s),e(`AppSpinner`,`size`,typeof i==`string`&&!Number.isFinite(Number(i))?i:null,r);let{style:c,...l}=s,u=Number(i),d=Number.isFinite(u)&&u>0;return n(`span`,{className:`spinner-border${!d&&i===`sm`?` spinner-border-sm`:``}${o?` ${o}`:``}`,role:`status`,"aria-label":a,style:d?{width:`${u}px`,height:`${u}px`,borderWidth:`${Math.max(2,Math.round(u/8))}px`,...c}:c,...l})}export{i as default};

package/dist/components/AppSplash.js

@@ -1,62 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/AppSplash.jsx
-var i = [
-	"bar",
-	"ring",
-	"dots"
-], a = {
-	sm: 44,
-	md: 56,
-	lg: 72
-};
-function o({ logo: o, initials: s, text: c, subtext: l, variant: u = "bar", size: d = "md", label: f = "Loading", className: p = "", ...m }) {
-	t("AppSplash", m), e("AppSplash", "variant", u, i), e("AppSplash", "size", typeof d == "string" ? d : null, Object.keys(a));
-	let { style: h, ...g } = m, _ = typeof d == "number" ? d : a[d] ?? a.md, v = u === "ring" ? /* @__PURE__ */ n("span", {
-		className: "splash-ring",
-		"aria-hidden": "true"
-	}) : u === "dots" ? /* @__PURE__ */ r("span", {
-		className: "splash-dots",
-		"aria-hidden": "true",
-		children: [
-			/* @__PURE__ */ n("i", {}),
-			/* @__PURE__ */ n("i", {}),
-			/* @__PURE__ */ n("i", {})
-		]
-	}) : /* @__PURE__ */ n("span", {
-		className: "splash-bar",
-		"aria-hidden": "true"
-	});
-	return /* @__PURE__ */ n("div", {
-		className: `splash${p ? ` ${p}` : ""}`,
-		role: "status",
-		"aria-live": "polite",
-		"aria-label": f,
-		style: {
-			"--wui-splash-size": `${_}px`,
-			...h
-		},
-		...g,
-		children: /* @__PURE__ */ r("div", {
-			className: "splash-inner",
-			children: [
-				o || s && /* @__PURE__ */ n("span", {
-					className: "splash-mark",
-					children: s
-				}),
-				v,
-				c && /* @__PURE__ */ n("span", {
-					className: "splash-text",
-					children: c
-				}),
-				l && /* @__PURE__ */ n("span", {
-					className: "splash-subtext",
-					children: l
-				})
-			]
-		})
-	});
-}
-//#endregion
-export { o as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";var i=[`bar`,`ring`,`dots`],a={sm:44,md:56,lg:72};function o({logo:o,initials:s,text:c,subtext:l,variant:u=`bar`,size:d=`md`,label:f=`Loading`,className:p=``,...m}){t(`AppSplash`,m),e(`AppSplash`,`variant`,u,i),e(`AppSplash`,`size`,typeof d==`string`?d:null,Object.keys(a));let{style:h,...g}=m,_=typeof d==`number`?d:a[d]??a.md,v=u===`ring`?n(`span`,{className:`splash-ring`,"aria-hidden":`true`}):u===`dots`?r(`span`,{className:`splash-dots`,"aria-hidden":`true`,children:[n(`i`,{}),n(`i`,{}),n(`i`,{})]}):n(`span`,{className:`splash-bar`,"aria-hidden":`true`});return n(`div`,{className:`splash${p?` ${p}`:``}`,role:`status`,"aria-live":`polite`,"aria-label":f,style:{"--wui-splash-size":`${_}px`,...h},...g,children:r(`div`,{className:`splash-inner`,children:[o||s&&n(`span`,{className:`splash-mark`,children:s}),v,c&&n(`span`,{className:`splash-text`,children:c}),l&&n(`span`,{className:`splash-subtext`,children:l})]})})}export{o as default};

package/dist/components/AppStatusBadge.js

@@ -1,22 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./withTooltip.js";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/components/AppStatusBadge.jsx
-var i = [
-	"neutral",
-	"primary",
-	"success",
-	"warning",
-	"danger",
-	"info"
-];
-function a({ label: a, tone: o = "neutral", className: s = "", tooltip: c, tooltipPlacement: l, ...u }) {
-	return t("AppStatusBadge", u), e("AppStatusBadge", "tone", o, i), a == null || a === "" ? "-" : n(/* @__PURE__ */ r("span", {
-		className: `status-label ${o}${s ? ` ${s}` : ""}`,
-		...u,
-		children: a
-	}), c, l);
-}
-//#endregion
-export { a as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./withTooltip.js";import{jsx as r}from"react/jsx-runtime";var i=[`neutral`,`primary`,`success`,`warning`,`danger`,`info`];function a({label:a,tone:o=`neutral`,className:s=``,tooltip:c,tooltipPlacement:l,...u}){return t(`AppStatusBadge`,u),e(`AppStatusBadge`,`tone`,o,i),a==null||a===``?`-`:n(r(`span`,{className:`status-label ${o}${s?` ${s}`:``}`,...u,children:a}),c,l)}export{a as default};

package/dist/components/AppStepper.js

@@ -1,94 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./AppIcon.js";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/AppStepper.jsx
-var o = ["steps", "journey"], s = ["horizontal", "vertical"], c = [
-	"done",
-	"active",
-	"pending",
-	"error"
-];
-function l({ steps: l = [], variant: d = "steps", orientation: f = "horizontal", activeStep: p, onStepClick: m, label: h = "Progress", linkComponent: g, className: _ = "", ...v }) {
-	t("AppStepper", v), e("AppStepper", "variant", d, o), e("AppStepper", "orientation", f, s);
-	for (let t of l) e("AppStepper", "steps[].status", t.status, c);
-	let y = d === "journey";
-	return /* @__PURE__ */ i("nav", {
-		className: [
-			"stepper",
-			y && "stepper-journey",
-			f === "vertical" && "stepper-vertical",
-			_
-		].filter(Boolean).join(" "),
-		"aria-label": h,
-		...v,
-		children: l.map((e, t) => {
-			let o = e.status || u(t, p), s = `step${o === "pending" ? "" : ` ${o}`}`, c;
-			c = o === "done" ? /* @__PURE__ */ i(n, {
-				name: "check",
-				size: 14
-			}) : o === "error" ? /* @__PURE__ */ i(n, {
-				name: "alert-triangle",
-				size: 14
-			}) : e.icon ? /* @__PURE__ */ i(n, {
-				name: e.icon,
-				size: 14
-			}) : t + 1;
-			let d = /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
-				className: "step-circle",
-				children: c
-			}), y ? /* @__PURE__ */ a("span", {
-				className: "step-text",
-				children: [
-					/* @__PURE__ */ i("span", {
-						className: "step-index",
-						children: `Step ${t + 1}`
-					}),
-					/* @__PURE__ */ i("span", {
-						className: "step-label",
-						children: e.label
-					}),
-					e.description ? /* @__PURE__ */ i("span", {
-						className: "step-desc",
-						children: e.description
-					}) : null
-				]
-			}) : /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
-				className: "step-label",
-				children: e.label
-			}), e.description ? /* @__PURE__ */ i("span", {
-				className: "step-desc",
-				children: e.description
-			}) : null] })] }), f = o === "active" ? "step" : void 0, h = e.key ?? `${e.label}-${t}`, _;
-			return _ = m ? /* @__PURE__ */ i("button", {
-				type: "button",
-				className: s,
-				"aria-current": f,
-				onClick: () => m(e, t),
-				children: d
-			}, h) : e.href ? g ? /* @__PURE__ */ i(g, {
-				className: s,
-				to: e.href,
-				"aria-current": f,
-				children: d
-			}, h) : /* @__PURE__ */ i("a", {
-				className: s,
-				href: e.href,
-				"aria-current": f,
-				children: d
-			}, h) : /* @__PURE__ */ i("div", {
-				className: s,
-				"aria-current": f,
-				children: d
-			}, h), y && t < l.length - 1 ? [_, /* @__PURE__ */ i("span", {
-				className: `step-line${o === "done" ? " done" : ""}`,
-				"aria-hidden": "true"
-			}, `${h}-line`)] : _;
-		})
-	});
-}
-function u(e, t) {
-	return typeof t == "number" ? e < t ? "done" : e === t ? "active" : "pending" : "pending";
-}
-//#endregion
-export { l as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./AppIcon.js";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";var o=[`steps`,`journey`],s=[`horizontal`,`vertical`],c=[`linear`,`outline`,`bold`,`bulk`,`broken`,`twotone`],l=[`sm`,`md`,`lg`],u={sm:12,md:14,lg:18},d=[`done`,`active`,`pending`,`error`];function f({steps:f=[],variant:m=`steps`,orientation:h=`horizontal`,iconVariant:g,size:_=`md`,iconSize:v,activeStep:y,onStepClick:b,label:x=`Progress`,linkComponent:S,className:C=``,...w}){t(`AppStepper`,w),e(`AppStepper`,`variant`,m,o),e(`AppStepper`,`orientation`,h,s),e(`AppStepper`,`iconVariant`,g,c),e(`AppStepper`,`size`,_,l);let T=v>0?v:u[_]??u.md;for(let t of f)e(`AppStepper`,`steps[].status`,t.status,d);let E=m===`journey`;return i(`nav`,{className:[`stepper`,E&&`stepper-journey`,h===`vertical`&&`stepper-vertical`,_!==`md`&&l.includes(_)&&`wui-step-size-${_}`,C].filter(Boolean).join(` `),"aria-label":x,...w,children:f.map((e,t)=>{let o=e.status||p(t,y),s=`step${o===`pending`?``:` ${o}`}`,c;c=o===`done`?i(n,{name:`check`,size:T,variant:g}):o===`error`?i(n,{name:`alert-triangle`,size:T,variant:g}):e.icon?i(n,{name:e.icon,size:T,variant:g}):t+1;let l=a(r,{children:[i(`span`,{className:`step-circle`,children:c}),E?a(`span`,{className:`step-text`,children:[i(`span`,{className:`step-index`,children:`Step ${t+1}`}),i(`span`,{className:`step-label`,children:e.label}),e.description?i(`span`,{className:`step-desc`,children:e.description}):null]}):a(r,{children:[i(`span`,{className:`step-label`,children:e.label}),e.description?i(`span`,{className:`step-desc`,children:e.description}):null]})]}),u=o===`active`?`step`:void 0,d=e.key??`${e.label}-${t}`,m;return m=b?i(`button`,{type:`button`,className:s,"aria-current":u,onClick:()=>b(e,t),children:l},d):e.href?S?i(S,{className:s,to:e.href,"aria-current":u,children:l},d):i(`a`,{className:s,href:e.href,"aria-current":u,children:l},d):i(`div`,{className:s,"aria-current":u,children:l},d),E&&t<f.length-1?[m,i(`span`,{className:`step-line${o===`done`?` done`:``}`,"aria-hidden":`true`},`${d}-line`)]:m})})}function p(e,t){return typeof t==`number`?e<t?`done`:e===t?`active`:`pending`:`pending`}export{f as default};

package/dist/components/AppSwitch.js

@@ -1,26 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "../lib/CheckField.js";
-import { forwardRef as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-//#region src/components/AppSwitch.jsx
-var a = [
-	"round",
-	"pill",
-	"circle"
-], o = r(function({ label: r, id: o, name: s, error: c, hint: l, shape: u = "round", className: d = "", ...f }, p) {
-	return t("AppSwitch", f), e("AppSwitch", "shape", u, a), /* @__PURE__ */ i(n, {
-		ref: p,
-		label: r,
-		id: o,
-		name: s,
-		error: c,
-		hint: l,
-		className: d,
-		rest: f,
-		inputType: "checkbox",
-		wrapperClass: `form-check form-switch${u === "circle" ? " form-switch-circle" : u === "pill" ? " form-switch-pill" : ""}`
-	});
-});
-//#endregion
-export { o as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"../lib/CheckField.js";import{forwardRef as r}from"react";import{jsx as i}from"react/jsx-runtime";var a=[`round`,`pill`,`circle`],o=r(function({label:r,id:o,name:s,error:c,hint:l,shape:u=`round`,className:d=``,...f},p){return t(`AppSwitch`,f),e(`AppSwitch`,`shape`,u,a),i(n,{ref:p,label:r,id:o,name:s,error:c,hint:l,className:d,rest:f,inputType:`checkbox`,wrapperClass:`form-check form-switch${u===`circle`?` form-switch-circle`:u===`pill`?` form-switch-pill`:``}`})});export{o as default};

package/dist/components/AppTableEmptyState.js

@@ -1,30 +1 @@
-import e from "./warnUnknownProps.js";
-import t from "./renderIconProp.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/AppTableEmptyState.jsx
-function i({ icon: i, title: a, text: o, action: s, ...c }) {
-	return e("AppTableEmptyState", c), /* @__PURE__ */ r("div", {
-		className: "tbl-empty",
-		...c,
-		children: [
-			/* @__PURE__ */ n("span", {
-				className: "tbl-empty-icon",
-				children: t(i, { size: 24 })
-			}),
-			/* @__PURE__ */ n("div", {
-				className: "tbl-empty-title",
-				children: a
-			}),
-			o && /* @__PURE__ */ n("div", {
-				className: "tbl-empty-text",
-				children: o
-			}),
-			s && /* @__PURE__ */ n("div", {
-				className: "tbl-empty-action",
-				children: s
-			})
-		]
-	});
-}
-//#endregion
-export { i as default };
+import e from"./warnUnknownProps.js";import t from"./renderIconProp.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i({icon:i,title:a,text:o,action:s,...c}){return e(`AppTableEmptyState`,c),r(`div`,{className:`tbl-empty`,...c,children:[n(`span`,{className:`tbl-empty-icon`,children:t(i,{size:24})}),n(`div`,{className:`tbl-empty-title`,children:a}),o&&n(`div`,{className:`tbl-empty-text`,children:o}),s&&n(`div`,{className:`tbl-empty-action`,children:s})]})}export{i as default};