@webority/ui-react 0.37.0 → 0.38.0

package/dist/components/AppLogoPicker.js

@@ -1,264 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./withTooltip.js";
-import r from "./AppIcon.js";
-import i from "./AppAlert.js";
-import ee from "./AppButton.js";
-import te from "./AppRequiredMark.js";
-import ne from "./AppModal.js";
-import { DEFAULT_MAX_SIZE_MB as re, validateFile as a } from "@webority/ui-elements/helpers";
-import { useCallback as ie, useEffect as o, useId as ae, useRef as s, useState as c } from "react";
-import { Fragment as oe, jsx as l, jsxs as u } from "react/jsx-runtime";
-import "@webority/ui-elements/elements/image-crop";
-//#region src/components/AppLogoPicker.jsx
-var se = [
-	"stacked",
-	"inline",
-	"profile"
-], ce = ["initials", "avatar"], le = [
-	"circle",
-	"rounded",
-	"square"
-], d = {
-	sm: 72,
-	md: 120,
-	lg: 160
-}, ue = "That image could not be cropped. Choose another one.", de = "That image could not be opened. Choose another one.";
-function f({ value: f, fallback: fe, name: pe, onPick: me, onRemove: p, loading: m = !1, disabled: h = !1, accept: g = "image/png,image/jpeg,image/webp", maxSizeMb: _ = re, crop: v, overlayIcon: he = "image", overlayLabel: y = "Update photo", ariaLabel: ge = "Upload photo", label: b, hint: x, error: _e, layout: S = "stacked", title: ve, subtitle: ye, required: be = !1, variant: C = "initials", size: w = "md", shape: T = "circle", className: E = "", ...D }) {
-	t("AppLogoPicker", D), e("AppLogoPicker", "layout", S, se), e("AppLogoPicker", "variant", C, ce), e("AppLogoPicker", "shape", T, le), e("AppLogoPicker", "size", typeof w == "string" ? w : null, Object.keys(d));
-	let O = v === "free" ? null : typeof v == "number" && Number.isFinite(v) && v > 0 ? v : void 0;
-	v != null && O === void 0 && e("AppLogoPicker", "crop", String(v), ["free", "a positive number"]);
-	let k = s(null), A = s(null), j = ae(), [M, N] = c(null), [xe, P] = c(""), [Se, F] = c(!1), [I, L] = c(!1), [R, z] = c(null), [B, V] = c(!1), [H, U] = c("loading"), [W, G] = c(""), Ce = ie((e) => {
-		if (A.current = e, !e) return;
-		let t = () => U("ready"), n = () => U("error");
-		return e.addEventListener("load", t), e.addEventListener("error", n), () => {
-			e.removeEventListener("load", t), e.removeEventListener("error", n), A.current = null;
-		};
-	}, []);
-	o(() => () => R && URL.revokeObjectURL(R.url), [R]), o(() => () => M && URL.revokeObjectURL(M), [M]), o(() => {
-		N(null), F(!1);
-	}, [f]);
-	let K = m || h, q = M || (f && !Se ? f : null), J = _e || xe, we = x && !J ? `${j}-hint` : void 0, Te = J ? `${j}-error` : void 0, Ee = !K && (!!M || !!q && !!p), De = () => {
-		K || k.current?.click();
-	}, Y = (e) => {
-		P(""), F(!1), N(URL.createObjectURL(e)), me(e);
-	}, Oe = (e) => {
-		let t = O !== void 0 && e.type !== "image/svg+xml", n = a(e, {
-			accept: g,
-			maxSizeMb: t ? 0 : _
-		});
-		if (n) {
-			P(n);
-			return;
-		}
-		if (t) {
-			P(""), U("loading"), G(""), z({
-				file: e,
-				url: URL.createObjectURL(e)
-			});
-			return;
-		}
-		Y(e);
-	}, ke = async () => {
-		let { file: e } = R;
-		V(!0), G("");
-		let t = null;
-		try {
-			t = await A.current?.toFile({
-				name: e.name,
-				type: e.type,
-				maxBytes: _ > 0 ? _ * 1024 * 1024 : 0
-			});
-		} catch {
-			t = null;
-		}
-		if (V(!1), !t) {
-			G(ue);
-			return;
-		}
-		z(null);
-		let n = a(t, {
-			accept: g,
-			maxSizeMb: _
-		});
-		n ? P(n) : Y(t);
-	}, Ae = () => {
-		B || z(null);
-	}, je = (e) => {
-		let t = e.target.files?.[0];
-		e.target.value = "", t && Oe(t);
-	}, Me = (e) => {
-		if (e.preventDefault(), L(!1), K) return;
-		let t = e.dataTransfer.files?.[0];
-		t && Oe(t);
-	}, Ne = () => {
-		N(null), P(""), F(!1), k.current && (k.current.value = ""), p?.();
-	}, X = typeof w == "number" ? w : d[w] ?? d.md, Pe = Math.max(14, Math.round(X * .18)), Fe = Math.round(X * .5), Ie = [
-		"set-uploader",
-		C === "avatar" ? "set-uploader--avatar" : "",
-		T === "rounded" ? "set-uploader--rounded" : T === "square" ? "set-uploader--square" : "",
-		I && "is-dragging"
-	].filter(Boolean).join(" "), Le = S === "inline", Re = S === "profile", Z = /* @__PURE__ */ u("div", {
-		className: "set-uploader-shell",
-		style: { "--wui-logo-size": `${X}px` },
-		children: [
-			/* @__PURE__ */ l("button", {
-				type: "button",
-				className: Ie,
-				onClick: De,
-				disabled: K,
-				"aria-busy": m || void 0,
-				"aria-label": ge,
-				"aria-describedby": Te || we,
-				onDragOver: (e) => {
-					e.preventDefault(), !K && !I && L(!0);
-				},
-				onDragLeave: (e) => {
-					e.preventDefault(), L(!1);
-				},
-				onDrop: Me,
-				...D,
-				children: /* @__PURE__ */ u("span", {
-					className: "set-uploader-ring",
-					"data-overlay-label": y,
-					children: [q ? /* @__PURE__ */ l("img", {
-						className: "set-uploader-img",
-						src: q,
-						alt: "",
-						onError: () => F(!0)
-					}) : /* @__PURE__ */ l("span", {
-						className: "set-uploader-logo",
-						children: fe || C === "avatar" && /* @__PURE__ */ l(r, {
-							name: "user",
-							size: Fe
-						})
-					}), m ? /* @__PURE__ */ l("span", {
-						className: "set-uploader-overlay is-loading",
-						"aria-hidden": "true",
-						children: /* @__PURE__ */ l(r, {
-							name: "refresh-cw",
-							size: Pe,
-							className: "wui-spin"
-						})
-					}) : !h && /* @__PURE__ */ u("span", {
-						className: "set-uploader-overlay",
-						children: [/* @__PURE__ */ l(r, {
-							name: he,
-							size: Pe
-						}), /* @__PURE__ */ l("span", { children: y })]
-					})]
-				})
-			}),
-			n(/* @__PURE__ */ l("button", {
-				type: "button",
-				className: "set-uploader-remove",
-				hidden: !Ee,
-				"aria-label": "Remove photo",
-				onClick: Ne,
-				children: /* @__PURE__ */ l(r, {
-					name: "x",
-					size: 14
-				})
-			}), Ee ? "Remove photo" : null),
-			/* @__PURE__ */ l("input", {
-				id: j,
-				ref: k,
-				type: "file",
-				name: pe,
-				hidden: !0,
-				accept: g,
-				onChange: je,
-				disabled: K
-			}),
-			O !== void 0 && /* @__PURE__ */ u(ne, {
-				open: !!R,
-				title: "Crop photo",
-				subtitle: "Drag the frame and zoom to choose what to keep.",
-				size: "lg",
-				staticBackdrop: !0,
-				dismissible: !B,
-				onClose: Ae,
-				footer: /* @__PURE__ */ u(oe, { children: [/* @__PURE__ */ l(ee, {
-					type: "button",
-					variant: "secondary",
-					disabled: B,
-					onClick: Ae,
-					children: "Cancel"
-				}), /* @__PURE__ */ l(ee, {
-					type: "button",
-					variant: "primary",
-					loading: B,
-					disabled: H !== "ready",
-					onClick: ke,
-					children: "Apply"
-				})] }),
-				children: [
-					H === "error" && /* @__PURE__ */ l(i, {
-						variant: "danger",
-						children: de
-					}),
-					W && /* @__PURE__ */ l(i, {
-						variant: "danger",
-						children: W
-					}),
-					R && H !== "error" && /* @__PURE__ */ l("wui-image-crop", {
-						ref: Ce,
-						src: R.url,
-						aspect: O ?? "free",
-						round: O === 1 && T === "circle"
-					})
-				]
-			})
-		]
-	}), ze = x && !J ? /* @__PURE__ */ l("div", {
-		className: "set-uploader-hint",
-		id: we,
-		children: x
-	}) : null, Be = J ? /* @__PURE__ */ l("div", {
-		className: "field-error",
-		id: Te,
-		children: J
-	}) : null, Q = b && /* @__PURE__ */ u("label", {
-		className: "label",
-		htmlFor: j,
-		children: [b, be && /* @__PURE__ */ l(te, {})]
-	}), $ = /* @__PURE__ */ u("div", {
-		className: "set-uploader-meta",
-		children: [
-			ve && /* @__PURE__ */ l("div", {
-				className: "set-uploader-title",
-				children: ve
-			}),
-			ye && /* @__PURE__ */ l("div", {
-				className: "set-uploader-subtitle",
-				children: ye
-			}),
-			ze,
-			Be
-		]
-	});
-	return Le ? /* @__PURE__ */ u("div", {
-		className: `field set-uploader-field set-uploader-field--inline${E ? ` ${E}` : ""}`,
-		children: [Q, /* @__PURE__ */ u("div", {
-			className: "set-uploader-row",
-			children: [Z, $]
-		})]
-	}) : Re ? /* @__PURE__ */ u("div", {
-		className: `field set-uploader-field set-uploader-field--profile${E ? ` ${E}` : ""}`,
-		children: [
-			Q,
-			Z,
-			$
-		]
-	}) : /* @__PURE__ */ u("div", {
-		className: `field set-uploader-field${E ? ` ${E}` : ""}`,
-		children: [
-			Q,
-			Z,
-			ze,
-			Be
-		]
-	});
-}
-//#endregion
-export { f as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./withTooltip.js";import r from"./AppIcon.js";import i from"./AppAlert.js";import ee from"./AppButton.js";import te from"./AppRequiredMark.js";import ne from"./AppModal.js";import{DEFAULT_MAX_SIZE_MB as re,validateFile as a}from"@webority/ui-elements/helpers";import{useCallback as ie,useEffect as o,useId as ae,useRef as s,useState as c}from"react";import{Fragment as oe,jsx as l,jsxs as u}from"react/jsx-runtime";import"@webority/ui-elements/elements/image-crop";var se=[`stacked`,`inline`,`profile`],ce=[`initials`,`avatar`],le=[`circle`,`rounded`,`square`],d={sm:72,md:120,lg:160},ue=`That image could not be cropped. Choose another one.`,de=`That image could not be opened. Choose another one.`;function f({value:f,fallback:fe,name:pe,onPick:me,onRemove:p,loading:m=!1,disabled:h=!1,accept:g=`image/png,image/jpeg,image/webp`,maxSizeMb:_=re,crop:v,overlayIcon:he=`image`,overlayLabel:y=`Update photo`,ariaLabel:ge=`Upload photo`,label:b,hint:x,error:_e,layout:S=`stacked`,title:ve,subtitle:ye,required:be=!1,variant:C=`initials`,size:w=`md`,shape:T=`circle`,className:E=``,...D}){t(`AppLogoPicker`,D),e(`AppLogoPicker`,`layout`,S,se),e(`AppLogoPicker`,`variant`,C,ce),e(`AppLogoPicker`,`shape`,T,le),e(`AppLogoPicker`,`size`,typeof w==`string`?w:null,Object.keys(d));let O=v===`free`?null:typeof v==`number`&&Number.isFinite(v)&&v>0?v:void 0;v!=null&&O===void 0&&e(`AppLogoPicker`,`crop`,String(v),[`free`,`a positive number`]);let k=s(null),A=s(null),j=ae(),[M,N]=c(null),[xe,P]=c(``),[Se,F]=c(!1),[I,L]=c(!1),[R,z]=c(null),[B,V]=c(!1),[H,U]=c(`loading`),[W,G]=c(``),Ce=ie(e=>{if(A.current=e,!e)return;let t=()=>U(`ready`),n=()=>U(`error`);return e.addEventListener(`load`,t),e.addEventListener(`error`,n),()=>{e.removeEventListener(`load`,t),e.removeEventListener(`error`,n),A.current=null}},[]);o(()=>()=>R&&URL.revokeObjectURL(R.url),[R]),o(()=>()=>M&&URL.revokeObjectURL(M),[M]),o(()=>{N(null),F(!1)},[f]);let K=m||h,q=M||(f&&!Se?f:null),J=_e||xe,we=x&&!J?`${j}-hint`:void 0,Te=J?`${j}-error`:void 0,Ee=!K&&(!!M||!!q&&!!p),De=()=>{K||k.current?.click()},Y=e=>{P(``),F(!1),N(URL.createObjectURL(e)),me(e)},Oe=e=>{let t=O!==void 0&&e.type!==`image/svg+xml`,n=a(e,{accept:g,maxSizeMb:t?0:_});if(n){P(n);return}if(t){P(``),U(`loading`),G(``),z({file:e,url:URL.createObjectURL(e)});return}Y(e)},ke=async()=>{let{file:e}=R;V(!0),G(``);let t=null;try{t=await A.current?.toFile({name:e.name,type:e.type,maxBytes:_>0?_*1024*1024:0})}catch{t=null}if(V(!1),!t){G(ue);return}z(null);let n=a(t,{accept:g,maxSizeMb:_});n?P(n):Y(t)},Ae=()=>{B||z(null)},je=e=>{let t=e.target.files?.[0];e.target.value=``,t&&Oe(t)},Me=e=>{if(e.preventDefault(),L(!1),K)return;let t=e.dataTransfer.files?.[0];t&&Oe(t)},Ne=()=>{N(null),P(``),F(!1),k.current&&(k.current.value=``),p?.()},X=typeof w==`number`?w:d[w]??d.md,Pe=Math.max(14,Math.round(X*.18)),Fe=Math.round(X*.5),Ie=[`set-uploader`,C===`avatar`?`set-uploader--avatar`:``,T===`rounded`?`set-uploader--rounded`:T===`square`?`set-uploader--square`:``,I&&`is-dragging`].filter(Boolean).join(` `),Le=S===`inline`,Re=S===`profile`,Z=u(`div`,{className:`set-uploader-shell`,style:{"--wui-logo-size":`${X}px`},children:[l(`button`,{type:`button`,className:Ie,onClick:De,disabled:K,"aria-busy":m||void 0,"aria-label":ge,"aria-describedby":Te||we,onDragOver:e=>{e.preventDefault(),!K&&!I&&L(!0)},onDragLeave:e=>{e.preventDefault(),L(!1)},onDrop:Me,...D,children:u(`span`,{className:`set-uploader-ring`,"data-overlay-label":y,children:[q?l(`img`,{className:`set-uploader-img`,src:q,alt:``,onError:()=>F(!0)}):l(`span`,{className:`set-uploader-logo`,children:fe||C===`avatar`&&l(r,{name:`user`,size:Fe})}),m?l(`span`,{className:`set-uploader-overlay is-loading`,"aria-hidden":`true`,children:l(r,{name:`refresh-cw`,size:Pe,className:`wui-spin`})}):!h&&u(`span`,{className:`set-uploader-overlay`,children:[l(r,{name:he,size:Pe}),l(`span`,{children:y})]})]})}),n(l(`button`,{type:`button`,className:`set-uploader-remove`,hidden:!Ee,"aria-label":`Remove photo`,onClick:Ne,children:l(r,{name:`x`,size:14})}),Ee?`Remove photo`:null),l(`input`,{id:j,ref:k,type:`file`,name:pe,hidden:!0,accept:g,onChange:je,disabled:K}),O!==void 0&&u(ne,{open:!!R,title:`Crop photo`,subtitle:`Drag the frame and zoom to choose what to keep.`,size:`lg`,staticBackdrop:!0,dismissible:!B,onClose:Ae,footer:u(oe,{children:[l(ee,{type:`button`,variant:`secondary`,disabled:B,onClick:Ae,children:`Cancel`}),l(ee,{type:`button`,variant:`primary`,loading:B,disabled:H!==`ready`,onClick:ke,children:`Apply`})]}),children:[H===`error`&&l(i,{variant:`danger`,children:de}),W&&l(i,{variant:`danger`,children:W}),R&&H!==`error`&&l(`wui-image-crop`,{ref:Ce,src:R.url,aspect:O??`free`,round:O===1&&T===`circle`})]})]}),ze=x&&!J?l(`div`,{className:`set-uploader-hint`,id:we,children:x}):null,Be=J?l(`div`,{className:`field-error`,id:Te,children:J}):null,Q=b&&u(`label`,{className:`label`,htmlFor:j,children:[b,be&&l(te,{})]}),$=u(`div`,{className:`set-uploader-meta`,children:[ve&&l(`div`,{className:`set-uploader-title`,children:ve}),ye&&l(`div`,{className:`set-uploader-subtitle`,children:ye}),ze,Be]});return Le?u(`div`,{className:`field set-uploader-field set-uploader-field--inline${E?` ${E}`:``}`,children:[Q,u(`div`,{className:`set-uploader-row`,children:[Z,$]})]}):Re?u(`div`,{className:`field set-uploader-field set-uploader-field--profile${E?` ${E}`:``}`,children:[Q,Z,$]}):u(`div`,{className:`field set-uploader-field${E?` ${E}`:``}`,children:[Q,Z,ze,Be]})}export{f as default};

package/dist/components/AppMeter.js

@@ -1,42 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/AppMeter.jsx
-var r = ["high", "low"], i = ["sm", "md"], a = [
-	"info",
-	"success",
-	"warning",
-	"danger",
-	"neutral"
-];
-function o(e, t, n) {
-	let r = n - t;
-	if (!(r > 0)) return 0;
-	let i = Math.min(100, Math.max(0, (e - t) / r * 100));
-	return Number(i.toFixed(2));
-}
-function s(e, t, n, r, i) {
-	if (t == null && n == null) return i;
-	let a = "mid";
-	return t != null && e <= t ? a = "low" : n != null && e >= n && (a = "high"), r === "low" ? a === "low" ? "success" : a === "high" ? "danger" : "warning" : a === "high" ? "success" : a === "low" ? "danger" : "warning";
-}
-function c({ value: c = 0, min: l = 0, max: u = 100, tone: d = "info", optimum: f = "high", low: p, high: m, size: h = "md", label: g, showLabel: _ = !1, className: v = "", ...y }) {
-	t("AppMeter", y), e("AppMeter", "tone", d, a), e("AppMeter", "optimum", f, r), e("AppMeter", "size", h, i);
-	let b = s(c, p, m, f, a.includes(d) ? d : "info"), x = o(c, l, u);
-	return /* @__PURE__ */ n("div", {
-		className: `progress${h === "sm" ? " progress-sm" : ""}${v ? ` ${v}` : ""}`,
-		role: "meter",
-		"aria-valuenow": c,
-		"aria-valuemin": l,
-		"aria-valuemax": u,
-		"aria-label": g || void 0,
-		...y,
-		children: /* @__PURE__ */ n("div", {
-			className: `progress-bar wui-progress-${b}`,
-			style: { width: `${x}%` },
-			children: _ && g
-		})
-	});
-}
-//#endregion
-export { c as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import{jsx as n}from"react/jsx-runtime";var r=[`high`,`low`],i=[`sm`,`md`],a=[`info`,`success`,`warning`,`danger`,`neutral`];function o(e,t,n){let r=n-t;if(!(r>0))return 0;let i=Math.min(100,Math.max(0,(e-t)/r*100));return Number(i.toFixed(2))}function s(e,t,n,r,i){if(t==null&&n==null)return i;let a=`mid`;return t!=null&&e<=t?a=`low`:n!=null&&e>=n&&(a=`high`),r===`low`?a===`low`?`success`:a===`high`?`danger`:`warning`:a===`high`?`success`:a===`low`?`danger`:`warning`}function c({value:c=0,min:l=0,max:u=100,tone:d=`info`,optimum:f=`high`,low:p,high:m,size:h=`md`,label:g,showLabel:_=!1,className:v=``,...y}){t(`AppMeter`,y),e(`AppMeter`,`tone`,d,a),e(`AppMeter`,`optimum`,f,r),e(`AppMeter`,`size`,h,i);let b=s(c,p,m,f,a.includes(d)?d:`info`),x=o(c,l,u);return n(`div`,{className:`progress${h===`sm`?` progress-sm`:``}${v?` ${v}`:``}`,role:`meter`,"aria-valuenow":c,"aria-valuemin":l,"aria-valuemax":u,"aria-label":g||void 0,...y,children:n(`div`,{className:`progress-bar wui-progress-${b}`,style:{width:`${x}%`},children:_&&g})})}export{c as default};

package/dist/components/AppModal.js

@@ -1,124 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./AppIcon.js";
-import { useEffect as r, useRef as i } from "react";
-import { Modal as a } from "react-bootstrap";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/AppModal.jsx
-var c = [
-	"default",
-	"danger",
-	"success",
-	"warning"
-], l = ["center", "top"], u = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])", d = {
-	sm: 380,
-	md: 440,
-	lg: 640,
-	xl: 880
-}, f = "wui-modal-fullscreen", p = !1;
-function m() {
-	let e = !0;
-	try {
-		e = process.env.NODE_ENV !== "production";
-	} catch {
-		e = !0;
-	}
-	!e || p || (p = !0, console.warn("[@webority/ui-react] <AppModal hideHeader> has no accessible name — pass `ariaLabel` (or a string `title`)."));
-}
-function h({ open: p, eyebrow: h, title: g, subtitle: _, headerIcon: v, tone: y = "default", dismissible: b = !0, onClose: x, footer: S, size: C = "md", placement: w = "center", hideHeader: T = !1, staticBackdrop: E = !1, ariaLabel: D, className: O = "", children: k, ...A }) {
-	t("AppModal", A), e("AppModal", "tone", y, c), e("AppModal", "placement", w, l), e("AppModal", "size", typeof C == "string" ? C : null, [...Object.keys(d), "fullscreen"]);
-	let { style: j, ...M } = A;
-	T && !D && typeof g != "string" && m();
-	let N = i(null);
-	r(() => {
-		if (!p) return;
-		let e = N.current?.closest(".modal-content");
-		if (!e) return;
-		let t = () => Array.from(e.querySelectorAll(u));
-		(e.querySelector("[data-autofocus]") || t().find((e) => !e.classList.contains("wui-modal-close")) || t()[0] || e).focus?.();
-	}, [p]);
-	let P = C === "fullscreen", F = typeof C == "number" ? C : d[C] ?? d.md, I = [
-		"wui-modal",
-		y === "default" ? "" : `tone-${y}`,
-		O
-	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ s(a, {
-		...M,
-		show: p,
-		onHide: x,
-		backdrop: !E || "static",
-		keyboard: !E,
-		autoFocus: !1,
-		enforceFocus: !0,
-		restoreFocus: !0,
-		centered: w !== "top",
-		className: P ? `wui-modal-shell ${f}` : "wui-modal-shell",
-		style: P ? j : {
-			"--wui-modal-max-width": `${F}px`,
-			...j
-		},
-		dialogClassName: "wui-rb-dialog",
-		contentClassName: I,
-		backdropClassName: "wui-modal-dim",
-		"aria-label": D || (typeof g == "string" ? g : void 0),
-		children: [
-			!T && /* @__PURE__ */ s("div", {
-				className: "wui-modal-header",
-				children: [/* @__PURE__ */ s("div", {
-					className: "wui-modal-heading",
-					children: [v && /* @__PURE__ */ o("span", {
-						className: "wui-modal-headicon",
-						children: /* @__PURE__ */ o(n, {
-							name: v,
-							size: 18
-						})
-					}), /* @__PURE__ */ s("div", {
-						className: "wui-modal-headtext",
-						children: [
-							h && /* @__PURE__ */ o("div", {
-								className: "wui-modal-eyebrow",
-								children: h
-							}),
-							/* @__PURE__ */ o("div", {
-								className: "wui-modal-title",
-								children: g
-							}),
-							_ && /* @__PURE__ */ o("div", {
-								className: "wui-modal-subtitle",
-								children: _
-							})
-						]
-					})]
-				}), b && /* @__PURE__ */ o("button", {
-					type: "button",
-					className: "wui-modal-close",
-					onClick: x,
-					"aria-label": "Close",
-					children: /* @__PURE__ */ o("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__ */ o("path", { d: "M18 6 6 18M6 6l12 12" })
-					})
-				})]
-			}),
-			/* @__PURE__ */ o("div", {
-				className: "wui-modal-body",
-				ref: N,
-				children: k
-			}),
-			S && /* @__PURE__ */ o("div", {
-				className: "wui-modal-footer",
-				children: S
-			})
-		]
-	});
-}
-//#endregion
-export { h as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./AppIcon.js";import{useEffect as r,useRef as i}from"react";import{Modal as a}from"react-bootstrap";import{jsx as o,jsxs as s}from"react/jsx-runtime";var c=[`default`,`danger`,`success`,`warning`],l=[`center`,`top`],u=`a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])`,d={sm:380,md:440,lg:640,xl:880},f=`wui-modal-fullscreen`,p=!1;function m(){let e=!0;try{e=process.env.NODE_ENV!==`production`}catch{e=!0}!e||p||(p=!0,console.warn("[@webority/ui-react] <AppModal hideHeader> has no accessible name — pass `ariaLabel` (or a string `title`)."))}function h({open:p,eyebrow:h,title:g,subtitle:_,headerIcon:v,tone:y=`default`,dismissible:b=!0,onClose:x,footer:S,size:C=`md`,placement:w=`center`,hideHeader:T=!1,staticBackdrop:E=!1,ariaLabel:D,className:O=``,children:k,...A}){t(`AppModal`,A),e(`AppModal`,`tone`,y,c),e(`AppModal`,`placement`,w,l),e(`AppModal`,`size`,typeof C==`string`?C:null,[...Object.keys(d),`fullscreen`]);let{style:j,...M}=A;T&&!D&&typeof g!=`string`&&m();let N=i(null);r(()=>{if(!p)return;let e=N.current?.closest(`.modal-content`);if(!e)return;let t=()=>Array.from(e.querySelectorAll(u));(e.querySelector(`[data-autofocus]`)||t().find(e=>!e.classList.contains(`wui-modal-close`))||t()[0]||e).focus?.()},[p]);let P=C===`fullscreen`,F=typeof C==`number`?C:d[C]??d.md,I=[`wui-modal`,y==="default"?``:`tone-${y}`,O].filter(Boolean).join(` `);return s(a,{...M,show:p,onHide:x,backdrop:!E||`static`,keyboard:!E,autoFocus:!1,enforceFocus:!0,restoreFocus:!0,centered:w!==`top`,className:P?`wui-modal-shell ${f}`:`wui-modal-shell`,style:P?j:{"--wui-modal-max-width":`${F}px`,...j},dialogClassName:`wui-rb-dialog`,contentClassName:I,backdropClassName:`wui-modal-dim`,"aria-label":D||(typeof g==`string`?g:void 0),children:[!T&&s(`div`,{className:`wui-modal-header`,children:[s(`div`,{className:`wui-modal-heading`,children:[v&&o(`span`,{className:`wui-modal-headicon`,children:o(n,{name:v,size:18})}),s(`div`,{className:`wui-modal-headtext`,children:[h&&o(`div`,{className:`wui-modal-eyebrow`,children:h}),o(`div`,{className:`wui-modal-title`,children:g}),_&&o(`div`,{className:`wui-modal-subtitle`,children:_})]})]}),b&&o(`button`,{type:`button`,className:`wui-modal-close`,onClick:x,"aria-label":`Close`,children:o(`svg`,{width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,"aria-hidden":`true`,children:o(`path`,{d:`M18 6 6 18M6 6l12 12`})})})]}),o(`div`,{className:`wui-modal-body`,ref:N,children:k}),S&&o(`div`,{className:`wui-modal-footer`,children:S})]})}export{h as default};

package/dist/components/AppMultiSelect.js

@@ -1,75 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./AppInfoTip.js";
-import r from "./AppRequiredMark.js";
-import i, { optionsEqual as a, readValues as o, writeValues as s } from "./useWuiControl.js";
-import { forwardRef as c, useEffect as l, useId as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import "@webority/ui-elements/elements/multiselect";
-//#region src/components/AppMultiSelect.jsx
-var p = ["sm", "lg"], m = c(function({ values: c, onChange: m, options: h, placeholder: g = "Select…", searchPlaceholder: _ = "Search…", searchable: v = !0, disabled: y = !1, icon: b, size: x, collapseChips: S = !1, allowCustom: C = !1, validateCustom: w, customPattern: T, customInvalidMessage: E, name: D, id: O, label: k, error: A, hint: j, required: M = !1, help: N, helpLabel: P = "More information", fieldClassName: F = "", ...I }, L) {
-	t("AppMultiSelect", I), e("AppMultiSelect", "size", x, p);
-	let R = u(), z = O || R, { setRef: B, innerRef: V } = i({
-		ref: L,
-		value: c,
-		onChange: m,
-		readValue: o,
-		writeValue: s
-	});
-	return l(() => {
-		let e = V.current;
-		if (!e) return;
-		let t = h || [];
-		a(t, e.options) || (e.options = t);
-	}, [h, V]), l(() => {
-		let e = V.current;
-		e && (e.validateCustom = w ?? null);
-	}, [w, V]), /* @__PURE__ */ f("div", {
-		className: `field${F ? ` ${F}` : ""}`,
-		children: [
-			k && /* @__PURE__ */ f("label", {
-				className: "label",
-				htmlFor: z,
-				children: [
-					k,
-					M && /* @__PURE__ */ d(r, {}),
-					N && /* @__PURE__ */ d(n, {
-						label: P,
-						children: N
-					})
-				]
-			}),
-			/* @__PURE__ */ d("wui-multiselect", {
-				"aria-label": typeof k == "string" ? k : void 0,
-				"aria-describedby": A ? `${z}-error` : j ? `${z}-hint` : void 0,
-				"aria-invalid": A ? "true" : void 0,
-				id: z,
-				ref: B,
-				name: D,
-				placeholder: g,
-				"search-placeholder": _,
-				icon: b || void 0,
-				size: x || void 0,
-				"collapse-chips": S ? "" : void 0,
-				"allow-custom": C ? "" : void 0,
-				"custom-pattern": T || void 0,
-				"custom-invalid-message": E || void 0,
-				searchable: v ? "" : void 0,
-				disabled: y ? "" : void 0,
-				required: M ? "" : void 0,
-				...I
-			}),
-			A ? /* @__PURE__ */ d("div", {
-				className: "field-error",
-				id: `${z}-error`,
-				children: A
-			}) : j ? /* @__PURE__ */ d("div", {
-				className: "field-hint",
-				id: `${z}-hint`,
-				children: j
-			}) : null
-		]
-	});
-});
-//#endregion
-export { m as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./AppInfoTip.js";import r from"./AppRequiredMark.js";import i,{optionsEqual as a,readValues as o,writeValues as s}from"./useWuiControl.js";import{forwardRef as c,useEffect as l,useId as u}from"react";import{jsx as d,jsxs as f}from"react/jsx-runtime";import"@webority/ui-elements/elements/multiselect";var p=[`sm`,`lg`],m=c(function({values:c,onChange:m,options:h,placeholder:g=`Select…`,searchPlaceholder:_=`Search…`,searchable:v=!0,disabled:y=!1,icon:b,size:x,collapseChips:S=!1,allowCustom:C=!1,validateCustom:w,customPattern:T,customInvalidMessage:E,name:D,id:O,label:k,error:A,hint:j,required:M=!1,help:N,helpLabel:P=`More information`,fieldClassName:F=``,...I},L){t(`AppMultiSelect`,I),e(`AppMultiSelect`,`size`,x,p);let R=u(),z=O||R,{setRef:B,innerRef:V}=i({ref:L,value:c,onChange:m,readValue:o,writeValue:s});return l(()=>{let e=V.current;if(!e)return;let t=h||[];a(t,e.options)||(e.options=t)},[h,V]),l(()=>{let e=V.current;e&&(e.validateCustom=w??null)},[w,V]),f(`div`,{className:`field${F?` ${F}`:``}`,children:[k&&f(`label`,{className:`label`,htmlFor:z,children:[k,M&&d(r,{}),N&&d(n,{label:P,children:N})]}),d(`wui-multiselect`,{"aria-label":typeof k==`string`?k:void 0,"aria-describedby":A?`${z}-error`:j?`${z}-hint`:void 0,"aria-invalid":A?`true`:void 0,id:z,ref:B,name:D,placeholder:g,"search-placeholder":_,icon:b||void 0,size:x||void 0,"collapse-chips":S?``:void 0,"allow-custom":C?``:void 0,"custom-pattern":T||void 0,"custom-invalid-message":E||void 0,searchable:v?``:void 0,disabled:y?``:void 0,required:M?``:void 0,...I}),A?d(`div`,{className:`field-error`,id:`${z}-error`,children:A}):j?d(`div`,{className:`field-hint`,id:`${z}-hint`,children:j}):null]})});export{m as default};

package/dist/components/AppNumberInput.js

@@ -1,139 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./AppIcon.js";
-import r from "./AppInfoTip.js";
-import i from "./AppRequiredMark.js";
-import { forwardRef as a, useEffect as o, useId as s, useState as c } from "react";
-import { Form as l } from "react-bootstrap";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/components/AppNumberInput.jsx
-var f = [
-	"sm",
-	"md",
-	"lg"
-], p = a(function({ label: a, required: p = !1, error: m, hint: h, help: g, helpLabel: _ = "More information", value: v, onChange: y, min: b, max: x, step: S = 1, precision: C = 0, unit: w, size: T = "md", id: E, name: D, className: O = "", fieldClassName: k = "", disabled: A = !1, ...j }, M) {
-	t("AppNumberInput", j), e("AppNumberInput", "size", T, f);
-	let N = s(), P = E || N, F = (e) => {
-		if (C === 0) return Math.round(e);
-		let t = 10 ** C;
-		return Math.round(e * t) / t;
-	}, I = (e) => {
-		let t = e;
-		return typeof b == "number" && (t = Math.max(t, b)), typeof x == "number" && (t = Math.min(t, x)), t;
-	}, L = (e) => {
-		if (e === "" || e === null) return null;
-		let t = parseFloat(e);
-		return Number.isNaN(t) ? null : t;
-	}, [R, z] = c(v ?? "");
-	o(() => {
-		z(v ?? "");
-	}, [v]);
-	let B = (e) => {
-		let t = (L(R) ?? I(0)) + e * S, n = I(F(t));
-		z(String(n)), y?.(n);
-	}, V = L(R), H = A || V !== null && typeof b == "number" && V <= b, U = A || V !== null && typeof x == "number" && V >= x, W = m && P ? `${P}-error` : void 0, G = h && P ? `${P}-hint` : void 0, K = W || G, q = [
-		"input",
-		T === "sm" ? "input-sm" : "",
-		T === "lg" ? "input-lg" : "",
-		m ? "error" : "",
-		"num-input",
-		O
-	].filter(Boolean).join(" "), J = (e) => {
-		let t = e.target.value;
-		z(t);
-		let n = L(t);
-		n !== null && y?.(n);
-	}, Y = (e) => {
-		let t = L(e.target.value);
-		if (t === null) z(""), y?.("");
-		else {
-			let e = I(F(t));
-			z(String(e)), y?.(e);
-		}
-		j.onBlur?.(e);
-	}, X = (e) => {
-		e.key === "ArrowUp" ? (e.preventDefault(), B(1)) : e.key === "ArrowDown" && (e.preventDefault(), B(-1)), j.onKeyDown?.(e);
-	}, Z = /* @__PURE__ */ u(l.Control, {
-		...j,
-		id: P,
-		name: D,
-		type: "text",
-		inputMode: C > 0 ? "decimal" : "numeric",
-		className: q,
-		disabled: A,
-		required: p,
-		"aria-invalid": m ? "true" : "false",
-		"aria-describedby": K,
-		value: R,
-		ref: M,
-		onChange: J,
-		onBlur: Y,
-		onKeyDown: X
-	}), Q = /* @__PURE__ */ d("div", {
-		className: [
-			"num-wrap",
-			T === "sm" ? "num-wrap-sm" : "",
-			T === "lg" ? "num-wrap-lg" : ""
-		].filter(Boolean).join(" "),
-		children: [
-			/* @__PURE__ */ u("button", {
-				type: "button",
-				className: "num-btn",
-				"aria-label": "Decrease",
-				tabIndex: -1,
-				disabled: H,
-				onClick: () => B(-1),
-				children: /* @__PURE__ */ u(n, {
-					name: "minus",
-					size: 16
-				})
-			}),
-			Z,
-			w && /* @__PURE__ */ u("span", {
-				className: "affix",
-				children: w
-			}),
-			/* @__PURE__ */ u("button", {
-				type: "button",
-				className: "num-btn",
-				"aria-label": "Increase",
-				tabIndex: -1,
-				disabled: U,
-				onClick: () => B(1),
-				children: /* @__PURE__ */ u(n, {
-					name: "plus",
-					size: 16
-				})
-			})
-		]
-	});
-	return /* @__PURE__ */ d(l.Group, {
-		className: `field${k ? ` ${k}` : ""}`,
-		children: [
-			a && /* @__PURE__ */ d(l.Label, {
-				className: "label",
-				htmlFor: P,
-				children: [
-					a,
-					p && /* @__PURE__ */ u(i, {}),
-					g && /* @__PURE__ */ u(r, {
-						label: _,
-						children: g
-					})
-				]
-			}),
-			Q,
-			m ? /* @__PURE__ */ u("div", {
-				className: "field-error",
-				id: W,
-				children: m
-			}) : h ? /* @__PURE__ */ u("div", {
-				className: "field-hint",
-				id: G,
-				children: h
-			}) : null
-		]
-	});
-});
-//#endregion
-export { p as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./AppIcon.js";import r from"./AppInfoTip.js";import i from"./AppRequiredMark.js";import{forwardRef as a,useEffect as o,useId as s,useState as c}from"react";import{Form as l}from"react-bootstrap";import{jsx as u,jsxs as d}from"react/jsx-runtime";var f=[`sm`,`md`,`lg`],p=a(function({label:a,required:p=!1,error:m,hint:h,help:g,helpLabel:_=`More information`,value:v,onChange:y,min:b,max:x,step:S=1,precision:C=0,unit:w,size:T=`md`,id:E,name:D,className:O=``,fieldClassName:k=``,disabled:A=!1,...j},M){t(`AppNumberInput`,j),e(`AppNumberInput`,`size`,T,f);let N=s(),P=E||N,F=e=>{if(C===0)return Math.round(e);let t=10**C;return Math.round(e*t)/t},I=e=>{let t=e;return typeof b==`number`&&(t=Math.max(t,b)),typeof x==`number`&&(t=Math.min(t,x)),t},L=e=>{if(e===``||e===null)return null;let t=parseFloat(e);return Number.isNaN(t)?null:t},[R,z]=c(v??``);o(()=>{z(v??``)},[v]);let B=e=>{let t=(L(R)??I(0))+e*S,n=I(F(t));z(String(n)),y?.(n)},V=L(R),H=A||V!==null&&typeof b==`number`&&V<=b,U=A||V!==null&&typeof x==`number`&&V>=x,W=m&&P?`${P}-error`:void 0,G=h&&P?`${P}-hint`:void 0,K=W||G,q=[`input`,T===`sm`?`input-sm`:``,T===`lg`?`input-lg`:``,m?`error`:``,`num-input`,O].filter(Boolean).join(` `),J=e=>{let t=e.target.value;z(t);let n=L(t);n!==null&&y?.(n)},Y=e=>{let t=L(e.target.value);if(t===null)z(``),y?.(``);else{let e=I(F(t));z(String(e)),y?.(e)}j.onBlur?.(e)},X=e=>{e.key===`ArrowUp`?(e.preventDefault(),B(1)):e.key===`ArrowDown`&&(e.preventDefault(),B(-1)),j.onKeyDown?.(e)},Z=u(l.Control,{...j,id:P,name:D,type:`text`,inputMode:C>0?`decimal`:`numeric`,className:q,disabled:A,required:p,"aria-invalid":m?`true`:`false`,"aria-describedby":K,value:R,ref:M,onChange:J,onBlur:Y,onKeyDown:X}),Q=d(`div`,{className:[`num-wrap`,T===`sm`?`num-wrap-sm`:``,T===`lg`?`num-wrap-lg`:``].filter(Boolean).join(` `),children:[u(`button`,{type:`button`,className:`num-btn`,"aria-label":`Decrease`,tabIndex:-1,disabled:H,onClick:()=>B(-1),children:u(n,{name:`minus`,size:16})}),Z,w&&u(`span`,{className:`affix`,children:w}),u(`button`,{type:`button`,className:`num-btn`,"aria-label":`Increase`,tabIndex:-1,disabled:U,onClick:()=>B(1),children:u(n,{name:`plus`,size:16})})]});return d(l.Group,{className:`field${k?` ${k}`:``}`,children:[a&&d(l.Label,{className:`label`,htmlFor:P,children:[a,p&&u(i,{}),g&&u(r,{label:_,children:g})]}),Q,m?u(`div`,{className:`field-error`,id:W,children:m}):h?u(`div`,{className:`field-hint`,id:G,children:h}):null]})});export{p as default};