@webority/ui-react 0.37.0 → 0.39.0

package/dist/components/AppOtpInput.js

@@ -1,53 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./AppRequiredMark.js";
-import r from "./useWuiControl.js";
-import { forwardRef as i, useId as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import "@webority/ui-elements/elements/otp";
-//#region src/components/AppOtpInput.jsx
-var c = ["numeric", "alphanumeric"], l = i(function({ value: i, onChange: l, onComplete: u, length: d = 6, mode: f = "numeric", label: p, required: m = !1, hint: h, error: g, disabled: _ = !1, name: v, id: y, className: b = "", fieldClassName: x = "", ...S }, C) {
-	t("AppOtpInput", S), e("AppOtpInput", "mode", f, c);
-	let w = a(), T = y || w, E = g ? `${T}-error` : void 0, D = h ? `${T}-hint` : void 0, O = E || D, { setRef: k } = r({
-		ref: C,
-		value: i ?? "",
-		onChange: l,
-		on: { complete: (e) => u?.(e.detail) }
-	}), A = /* @__PURE__ */ o("wui-otp", {
-		"aria-label": typeof p == "string" ? p : void 0,
-		ref: k,
-		id: T,
-		name: v,
-		length: String(d),
-		mode: f,
-		"aria-describedby": O,
-		"aria-invalid": g ? "true" : void 0,
-		disabled: _ ? "" : void 0,
-		required: m ? "" : void 0,
-		className: b || void 0,
-		...S
-	});
-	return !p && !g && !h ? A : /* @__PURE__ */ s("div", {
-		className: `field${x ? ` ${x}` : ""}`,
-		children: [
-			p && /* @__PURE__ */ s("label", {
-				className: "label",
-				htmlFor: T,
-				children: [p, m && /* @__PURE__ */ o(n, {})]
-			}),
-			A,
-			g && /* @__PURE__ */ o("div", {
-				className: "field-error",
-				id: E,
-				children: g
-			}),
-			!g && h && /* @__PURE__ */ o("div", {
-				className: "field-hint",
-				id: D,
-				children: h
-			})
-		]
-	});
-});
-//#endregion
-export { l as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./AppRequiredMark.js";import r from"./useWuiControl.js";import{forwardRef as i,useId as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import"@webority/ui-elements/elements/otp";var c=[`numeric`,`alphanumeric`],l=i(function({value:i,onChange:l,onComplete:u,length:d=6,mode:f=`numeric`,label:p,required:m=!1,hint:h,error:g,disabled:_=!1,name:v,id:y,className:b=``,fieldClassName:x=``,...S},C){t(`AppOtpInput`,S),e(`AppOtpInput`,`mode`,f,c);let w=a(),T=y||w,E=g?`${T}-error`:void 0,D=h?`${T}-hint`:void 0,O=E||D,{setRef:k}=r({ref:C,value:i??``,onChange:l,on:{complete:e=>u?.(e.detail)}}),A=o(`wui-otp`,{"aria-label":typeof p==`string`?p:void 0,ref:k,id:T,name:v,length:String(d),mode:f,"aria-describedby":O,"aria-invalid":g?`true`:void 0,disabled:_?``:void 0,required:m?``:void 0,className:b||void 0,...S});return!p&&!g&&!h?A:s(`div`,{className:`field${x?` ${x}`:``}`,children:[p&&s(`label`,{className:`label`,htmlFor:T,children:[p,m&&o(n,{})]}),A,g&&o(`div`,{className:`field-error`,id:E,children:g}),!g&&h&&o(`div`,{className:`field-hint`,id:D,children:h})]})});export{l as default};

package/dist/components/AppPageHeader.js

@@ -1,82 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./AppIcon.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/AppPageHeader.jsx
-var a = [
-	"primary",
-	"success",
-	"warning",
-	"danger",
-	"info"
-], o = [
-	"sm",
-	"md",
-	"lg"
-], s = ["start", "center"], c = [
-	"h1",
-	"h2",
-	"h3",
-	"h4",
-	"h5",
-	"h6"
-];
-function l({ title: l, as: u = "h1", subtitle: d, eyebrow: f, icon: p, tone: m = "primary", status: h, breadcrumbs: g, actions: _, size: v = "md", align: y = "start", divider: b = !1, sticky: x = !1, className: S = "", ...C }) {
-	t("AppPageHeader", C), e("AppPageHeader", "tone", m, a), e("AppPageHeader", "size", v, o), e("AppPageHeader", "align", y, s), e("AppPageHeader", "as", u, c);
-	let w = c.includes(u) ? u : "h1", T = [
-		"page-header",
-		v && v !== "md" ? `page-header-${v}` : "",
-		y === "center" ? "page-header-center" : "",
-		b ? "page-header-divider" : "",
-		x ? "page-header-sticky" : "",
-		m && m !== "primary" ? `tone-${m}` : "",
-		S
-	].filter(Boolean).join(" "), E = p == null ? null : typeof p == "string" ? /* @__PURE__ */ r(n, {
-		name: p,
-		size: 20
-	}) : p;
-	return /* @__PURE__ */ i("div", {
-		className: T,
-		...C,
-		children: [g != null && /* @__PURE__ */ r("div", {
-			className: "page-breadcrumbs",
-			children: g
-		}), /* @__PURE__ */ i("div", {
-			className: "page-header-bar",
-			children: [/* @__PURE__ */ i("div", {
-				className: "page-header-lead",
-				children: [E != null && /* @__PURE__ */ r("span", {
-					className: "page-header-icon",
-					children: E
-				}), /* @__PURE__ */ i("div", {
-					className: "page-header-titles",
-					children: [
-						f != null && /* @__PURE__ */ r("div", {
-							className: "page-eyebrow",
-							children: f
-						}),
-						/* @__PURE__ */ i("div", {
-							className: "page-titlebar",
-							children: [l != null && /* @__PURE__ */ r(w, {
-								className: "page-title",
-								children: l
-							}), h != null && /* @__PURE__ */ r("span", {
-								className: "page-status",
-								children: h
-							})]
-						}),
-						d != null && /* @__PURE__ */ r("div", {
-							className: "page-subtitle",
-							children: d
-						})
-					]
-				})]
-			}), _ != null && /* @__PURE__ */ r("div", {
-				className: "page-actions",
-				children: _
-			})]
-		})]
-	});
-}
-//#endregion
-export { l as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./AppIcon.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";var a=[`primary`,`success`,`warning`,`danger`,`info`],o=[`sm`,`md`,`lg`],s=[`start`,`center`],c=[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`];function l({title:l,as:u=`h1`,subtitle:d,eyebrow:f,icon:p,tone:m=`primary`,status:h,breadcrumbs:g,actions:_,size:v=`md`,align:y=`start`,divider:b=!1,sticky:x=!1,className:S=``,...C}){t(`AppPageHeader`,C),e(`AppPageHeader`,`tone`,m,a),e(`AppPageHeader`,`size`,v,o),e(`AppPageHeader`,`align`,y,s),e(`AppPageHeader`,`as`,u,c);let w=c.includes(u)?u:`h1`,T=[`page-header`,v&&v!==`md`?`page-header-${v}`:``,y===`center`?`page-header-center`:``,b?`page-header-divider`:``,x?`page-header-sticky`:``,m&&m!==`primary`?`tone-${m}`:``,S].filter(Boolean).join(` `),E=p==null?null:typeof p==`string`?r(n,{name:p,size:20}):p;return i(`div`,{className:T,...C,children:[g!=null&&r(`div`,{className:`page-breadcrumbs`,children:g}),i(`div`,{className:`page-header-bar`,children:[i(`div`,{className:`page-header-lead`,children:[E!=null&&r(`span`,{className:`page-header-icon`,children:E}),i(`div`,{className:`page-header-titles`,children:[f!=null&&r(`div`,{className:`page-eyebrow`,children:f}),i(`div`,{className:`page-titlebar`,children:[l!=null&&r(w,{className:`page-title`,children:l}),h!=null&&r(`span`,{className:`page-status`,children:h})]}),d!=null&&r(`div`,{className:`page-subtitle`,children:d})]})]}),_!=null&&r(`div`,{className:`page-actions`,children:_})]})]})}export{l as default};

package/dist/components/AppPagination.js

@@ -1,66 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import { pageWindow as n } from "../lib/pageWindow.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/AppPagination.jsx
-var a = ["sm", "md"];
-function o({ page: o, totalPages: s, onChange: c, siblings: l = 1, size: u = "md", ariaLabel: d = "Pagination", className: f, ...p }) {
-	if (t("AppPagination", p), e("AppPagination", "size", u, a), s <= 1) return null;
-	let m = n(o, s, { siblingCount: l });
-	return /* @__PURE__ */ r("nav", {
-		className: [
-			"pagination-nav",
-			u && `pagination-${u}`,
-			f
-		].filter(Boolean).join(" "),
-		"aria-label": d,
-		...p,
-		children: /* @__PURE__ */ i("ul", {
-			className: "pagination",
-			children: [
-				/* @__PURE__ */ r("li", {
-					className: `page-item${o <= 1 ? " disabled" : ""}`,
-					children: /* @__PURE__ */ r("button", {
-						type: "button",
-						className: "page-link",
-						onClick: () => c(Math.max(1, o - 1)),
-						disabled: o <= 1,
-						"aria-label": "Previous page",
-						children: "Previous"
-					})
-				}),
-				m.map((e) => typeof e == "number" ? /* @__PURE__ */ r("li", {
-					className: `page-item${e === o ? " active" : ""}`,
-					children: /* @__PURE__ */ r("button", {
-						type: "button",
-						className: "page-link",
-						onClick: () => c(e),
-						"aria-current": e === o ? "page" : void 0,
-						"aria-label": `Page ${e}`,
-						children: e
-					})
-				}, e) : /* @__PURE__ */ r("li", {
-					className: "page-item disabled",
-					children: /* @__PURE__ */ r("span", {
-						className: "page-ellipsis",
-						"aria-hidden": "true",
-						children: "…"
-					})
-				}, e)),
-				/* @__PURE__ */ r("li", {
-					className: `page-item${o >= s ? " disabled" : ""}`,
-					children: /* @__PURE__ */ r("button", {
-						type: "button",
-						className: "page-link",
-						onClick: () => c(Math.min(s, o + 1)),
-						disabled: o >= s,
-						"aria-label": "Next page",
-						children: "Next"
-					})
-				})
-			]
-		})
-	});
-}
-//#endregion
-export { o as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import{pageWindow as n}from"../lib/pageWindow.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";var a=[`sm`,`md`];function o({page:o,totalPages:s,onChange:c,siblings:l=1,size:u=`md`,ariaLabel:d=`Pagination`,className:f,...p}){if(t(`AppPagination`,p),e(`AppPagination`,`size`,u,a),s<=1)return null;let m=n(o,s,{siblingCount:l});return r(`nav`,{className:[`pagination-nav`,u&&`pagination-${u}`,f].filter(Boolean).join(` `),"aria-label":d,...p,children:i(`ul`,{className:`pagination`,children:[r(`li`,{className:`page-item${o<=1?` disabled`:``}`,children:r(`button`,{type:`button`,className:`page-link`,onClick:()=>c(Math.max(1,o-1)),disabled:o<=1,"aria-label":`Previous page`,children:`Previous`})}),m.map(e=>typeof e==`number`?r(`li`,{className:`page-item${e===o?` active`:``}`,children:r(`button`,{type:`button`,className:`page-link`,onClick:()=>c(e),"aria-current":e===o?`page`:void 0,"aria-label":`Page ${e}`,children:e})},e):r(`li`,{className:`page-item disabled`,children:r(`span`,{className:`page-ellipsis`,"aria-hidden":`true`,children:`…`})},e)),r(`li`,{className:`page-item${o>=s?` disabled`:``}`,children:r(`button`,{type:`button`,className:`page-link`,onClick:()=>c(Math.min(s,o+1)),disabled:o>=s,"aria-label":`Next page`,children:`Next`})})]})})}export{o as default};

package/dist/components/AppPhoneNumberInput.js

@@ -1,53 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./AppRequiredMark.js";
-import r from "./useWuiControl.js";
-import { forwardRef as i, useId as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import "@webority/ui-elements/elements/phone";
-//#region src/components/AppPhoneNumberInput.jsx
-var c = [
-	"sm",
-	"md",
-	"lg"
-], l = i(function({ value: i, onChange: l, country: u, disabled: d = !1, name: f, id: p, label: m = "Phone number", placeholder: h, required: g = !1, error: _, showFlag: v = !0, showDialCode: y = !0, size: b = "md", fieldClassName: x = "", ...S }, C) {
-	t("AppPhoneNumberInput", S), e("AppPhoneNumberInput", "size", b, c);
-	let w = a(), T = p || w, E = _ && T ? `${T}-error` : void 0, { setRef: D } = r({
-		ref: C,
-		value: i ?? "",
-		onChange: l,
-		events: ["input", "change"]
-	});
-	return /* @__PURE__ */ s("div", {
-		className: `field app-phone-number-input${b === "sm" ? " phone-sm" : ""}${b === "lg" ? " phone-lg" : ""}${x ? ` ${x}` : ""}`,
-		children: [
-			m && /* @__PURE__ */ s("label", {
-				className: "label",
-				htmlFor: T,
-				children: [m, g && /* @__PURE__ */ o(n, {})]
-			}),
-			/* @__PURE__ */ o("wui-phone", {
-				ref: D,
-				id: T,
-				name: f,
-				"aria-label": typeof m == "string" ? m : void 0,
-				"aria-describedby": E,
-				"aria-invalid": _ ? "true" : void 0,
-				country: u,
-				placeholder: h,
-				required: g ? "" : void 0,
-				disabled: d ? "" : void 0,
-				"hide-flag": v ? void 0 : "",
-				"hide-dial": y ? void 0 : "",
-				...S
-			}),
-			_ && /* @__PURE__ */ o("div", {
-				className: "field-error",
-				id: E,
-				children: _
-			})
-		]
-	});
-});
-//#endregion
-export { l as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./AppRequiredMark.js";import r from"./useWuiControl.js";import{forwardRef as i,useId as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import"@webority/ui-elements/elements/phone";var c=[`sm`,`md`,`lg`],l=i(function({value:i,onChange:l,country:u,disabled:d=!1,name:f,id:p,label:m=`Phone number`,placeholder:h,required:g=!1,error:_,showFlag:v=!0,showDialCode:y=!0,size:b=`md`,fieldClassName:x=``,...S},C){t(`AppPhoneNumberInput`,S),e(`AppPhoneNumberInput`,`size`,b,c);let w=a(),T=p||w,E=_&&T?`${T}-error`:void 0,{setRef:D}=r({ref:C,value:i??``,onChange:l,events:[`input`,`change`]});return s(`div`,{className:`field app-phone-number-input${b===`sm`?` phone-sm`:``}${b===`lg`?` phone-lg`:``}${x?` ${x}`:``}`,children:[m&&s(`label`,{className:`label`,htmlFor:T,children:[m,g&&o(n,{})]}),o(`wui-phone`,{ref:D,id:T,name:f,"aria-label":typeof m==`string`?m:void 0,"aria-describedby":E,"aria-invalid":_?`true`:void 0,country:u,placeholder:h,required:g?``:void 0,disabled:d?``:void 0,"hide-flag":v?void 0:``,"hide-dial":y?void 0:``,...S}),_&&o(`div`,{className:`field-error`,id:E,children:_})]})});export{l as default};

package/dist/components/AppPopover.js

@@ -1,47 +1 @@
-import e from "./warnUnknownProps.js";
-import { cloneElement as t, useId as n, useState as r } from "react";
-import { OverlayTrigger as i, Popover as a } from "react-bootstrap";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/AppPopover.jsx
-var c = {
-	start: "left",
-	end: "right",
-	top: "top",
-	bottom: "bottom",
-	auto: "auto"
-};
-function l({ trigger: l, children: u, title: d, placement: f = "bottom", triggerType: p = "click", onToggle: m, className: h = "", ...g }) {
-	e("AppPopover", g);
-	let _ = n(), [v, y] = r(!1), b = (e) => {
-		y(e), m?.(e);
-	}, x = /* @__PURE__ */ s(a, {
-		id: _,
-		className: h || void 0,
-		children: [d && /* @__PURE__ */ o(a.Header, {
-			as: "h3",
-			children: d
-		}), u == null ? null : /* @__PURE__ */ o(a.Body, { children: u })]
-	}), { onClick: S, "aria-expanded": C, ...w } = g, T = l.props["aria-expanded"], E, D = p === "click" || Array.isArray(p) && p.includes("click");
-	C === void 0 ? T === void 0 ? D && (E = v) : E = T : E = C;
-	let O = t(l, {
-		...w,
-		...E === void 0 ? {} : { "aria-expanded": E },
-		onClick: (e) => {
-			S?.(e), typeof l.props.onClick == "function" && l.props.onClick(e);
-		}
-	}), k = p === "click", A = p === "hover" || Array.isArray(p) && p.includes("hover");
-	return /* @__PURE__ */ o(i, {
-		trigger: p,
-		placement: c[f] || f,
-		overlay: x,
-		rootClose: k,
-		delay: A ? {
-			show: 80,
-			hide: 220
-		} : void 0,
-		onToggle: b,
-		children: O
-	});
-}
-//#endregion
-export { l as default };
+import e from"./warnUnknownProps.js";import{cloneElement as t,useId as n,useState as r}from"react";import{OverlayTrigger as i,Popover as a}from"react-bootstrap";import{jsx as o,jsxs as s}from"react/jsx-runtime";var c={start:`left`,end:`right`,top:`top`,bottom:`bottom`,auto:`auto`};function l({trigger:l,children:u,title:d,placement:f=`bottom`,triggerType:p=`click`,onToggle:m,className:h=``,...g}){e(`AppPopover`,g);let _=n(),[v,y]=r(!1),b=e=>{y(e),m?.(e)},x=s(a,{id:_,className:h||void 0,children:[d&&o(a.Header,{as:`h3`,children:d}),u==null?null:o(a.Body,{children:u})]}),{onClick:S,"aria-expanded":C,...w}=g,T=l.props[`aria-expanded`],E,D=p===`click`||Array.isArray(p)&&p.includes(`click`);C===void 0?T===void 0?D&&(E=v):E=T:E=C;let O=t(l,{...w,...E===void 0?{}:{"aria-expanded":E},onClick:e=>{S?.(e),typeof l.props.onClick==`function`&&l.props.onClick(e)}}),k=p===`click`,A=p===`hover`||Array.isArray(p)&&p.includes(`hover`);return o(i,{trigger:p,placement:c[f]||f,overlay:x,rootClose:k,delay:A?{show:80,hide:220}:void 0,onToggle:b,children:O})}export{l as default};

package/dist/components/AppPricingCard.js

@@ -1,58 +1 @@
-import e from "./warnUnknownProps.js";
-import t from "./AppIcon.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/AppPricingCard.jsx
-function i({ name: i, price: a, unit: o, tagline: s, features: c = [], cta: l, featured: u = !1, current: d = !1, badge: f = "Most popular", className: p = "", ...m }) {
-	return e("AppPricingCard", m), /* @__PURE__ */ r("div", {
-		className: [
-			"plan-card",
-			u ? "featured" : "",
-			d ? "current" : "",
-			p
-		].filter(Boolean).join(" "),
-		...m,
-		children: [
-			u && f && /* @__PURE__ */ n("span", {
-				className: "plan-badge",
-				children: f
-			}),
-			/* @__PURE__ */ n("div", {
-				className: "plan-name",
-				children: i
-			}),
-			/* @__PURE__ */ r("div", {
-				className: "plan-price",
-				children: [a, o && /* @__PURE__ */ n("span", {
-					className: "plan-price-unit",
-					children: o
-				})]
-			}),
-			s && /* @__PURE__ */ n("div", {
-				className: "plan-tagline",
-				children: s
-			}),
-			c.length > 0 && /* @__PURE__ */ n("ul", {
-				className: "plan-features",
-				children: c.map((e, i) => {
-					let a = e.included !== !1;
-					return /* @__PURE__ */ r("li", {
-						className: a ? void 0 : "excluded",
-						children: [/* @__PURE__ */ n("span", {
-							className: "plan-feature-icon",
-							children: /* @__PURE__ */ n(t, {
-								name: a ? "check" : "x",
-								size: 16
-							})
-						}), e.text]
-					}, e.text ? `feat-${i}-${e.text}` : `feat-${i}`);
-				})
-			}),
-			l && /* @__PURE__ */ n("div", {
-				className: "plan-cta",
-				children: l
-			})
-		]
-	});
-}
-//#endregion
-export { i as default };
+import e from"./warnUnknownProps.js";import t from"./AppIcon.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i({name:i,price:a,unit:o,tagline:s,features:c=[],cta:l,featured:u=!1,current:d=!1,badge:f=`Most popular`,className:p=``,...m}){return e(`AppPricingCard`,m),r(`div`,{className:[`plan-card`,u?`featured`:``,d?`current`:``,p].filter(Boolean).join(` `),...m,children:[u&&f&&n(`span`,{className:`plan-badge`,children:f}),n(`div`,{className:`plan-name`,children:i}),r(`div`,{className:`plan-price`,children:[a,o&&n(`span`,{className:`plan-price-unit`,children:o})]}),s&&n(`div`,{className:`plan-tagline`,children:s}),c.length>0&&n(`ul`,{className:`plan-features`,children:c.map((e,i)=>{let a=e.included!==!1;return r(`li`,{className:a?void 0:`excluded`,children:[n(`span`,{className:`plan-feature-icon`,children:n(t,{name:a?`check`:`x`,size:16})}),e.text]},e.text?`feat-${i}-${e.text}`:`feat-${i}`)})}),l&&n(`div`,{className:`plan-cta`,children:l})]})}export{i as default};

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

package/dist/components/AppQrCode.js

@@ -1,40 +1 @@
-import e from "./warnUnknownProps.js";
-import { encodeQr as t, qrSvgPath as n } from "../lib/qrCode.js";
-import { useMemo as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/AppQrCode.jsx
-var o = 4;
-function s({ value: s, size: c = 240, title: l = "QR code", className: u, style: d, ...f }) {
-	e("AppQrCode", f);
-	let p = r(() => {
-		if (!s) return null;
-		let e = t(String(s));
-		return {
-			modules: e.size + o * 2,
-			path: n(e, o)
-		};
-	}, [s]);
-	if (!p) return null;
-	let { modules: m, path: h } = p, g = Math.max(1, Math.floor(Number(c) / m) || 1) * m;
-	return /* @__PURE__ */ a("svg", {
-		viewBox: `0 0 ${m} ${m}`,
-		width: g,
-		height: g,
-		role: "img",
-		"aria-label": l,
-		shapeRendering: "crispEdges",
-		className: u || void 0,
-		style: d,
-		...f,
-		children: [/* @__PURE__ */ i("rect", {
-			width: m,
-			height: m,
-			fill: "#ffffff"
-		}), /* @__PURE__ */ i("path", {
-			d: h,
-			fill: "#000000"
-		})]
-	});
-}
-//#endregion
-export { s as default };
+import e from"./warnUnknownProps.js";import{encodeQr as t,qrSvgPath as n}from"../lib/qrCode.js";import{useMemo as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";var o=4;function s({value:s,size:c=240,title:l=`QR code`,className:u,style:d,...f}){e(`AppQrCode`,f);let p=r(()=>{if(!s)return null;let e=t(String(s));return{modules:e.size+o*2,path:n(e,o)}},[s]);if(!p)return null;let{modules:m,path:h}=p,g=Math.max(1,Math.floor(Number(c)/m)||1)*m;return a(`svg`,{viewBox:`0 0 ${m} ${m}`,width:g,height:g,role:`img`,"aria-label":l,shapeRendering:`crispEdges`,className:u||void 0,style:d,...f,children:[i(`rect`,{width:m,height:m,fill:`#ffffff`}),i(`path`,{d:h,fill:`#000000`})]})}export{s as default};

package/dist/components/AppRadio.js

@@ -1,21 +1 @@
-import e from "./warnUnknownProps.js";
-import t from "../lib/CheckField.js";
-import { forwardRef as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-//#region src/components/AppRadio.jsx
-var i = n(function({ label: n, id: i, name: a, error: o, hint: s, className: c = "", ...l }, u) {
-	return e("AppRadio", l), /* @__PURE__ */ r(t, {
-		ref: u,
-		label: n,
-		id: i,
-		name: a,
-		error: o,
-		hint: s,
-		className: c,
-		rest: l,
-		inputType: "radio",
-		wrapperClass: "form-check"
-	});
-});
-//#endregion
-export { i as default };
+import e from"./warnUnknownProps.js";import t from"../lib/CheckField.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";var i=n(function({label:n,id:i,name:a,error:o,hint:s,className:c=``,...l},u){return e(`AppRadio`,l),r(t,{ref:u,label:n,id:i,name:a,error:o,hint:s,className:c,rest:l,inputType:`radio`,wrapperClass:`form-check`})});export{i as default};

package/dist/components/AppRadioGroup.js

@@ -1,79 +1 @@
-import e from "./warnUnknownProps.js";
-import t from "./AppInfoTip.js";
-import n from "./AppRequiredMark.js";
-import { useId as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/AppRadioGroup.jsx
-function o({ label: o, options: s = [], name: c, value: l, defaultValue: u, onChange: d, inline: f = !1, required: p = !1, disabled: m = !1, error: h, hint: g, help: _, helpLabel: v = "More information", id: y, className: b = "", fieldClassName: x = "", style: S, ...C }) {
-	e("AppRadioGroup", C);
-	let w = r(), T = y || w, E = c || T, D = `${T}-error`, O = `${T}-hint`, k = l !== void 0;
-	return /* @__PURE__ */ a("div", {
-		className: `field${x ? ` ${x}` : ""}`,
-		children: [
-			o != null && /* @__PURE__ */ a("span", {
-				className: "label",
-				id: `${T}-label`,
-				children: [
-					o,
-					p && /* @__PURE__ */ i(n, {}),
-					_ && /* @__PURE__ */ i(t, {
-						label: v,
-						children: _
-					})
-				]
-			}),
-			/* @__PURE__ */ i("div", {
-				className: [
-					"wui-radio-group",
-					f ? "wui-radio-group-inline" : "",
-					b
-				].filter(Boolean).join(" "),
-				style: S,
-				id: T,
-				role: "radiogroup",
-				"aria-labelledby": o == null ? void 0 : `${T}-label`,
-				"aria-required": p ? "true" : void 0,
-				"aria-invalid": h ? "true" : void 0,
-				"aria-describedby": h ? D : g ? O : void 0,
-				...C,
-				children: s.map((e, t) => {
-					let n = `${T}-${t}`;
-					return /* @__PURE__ */ a("div", {
-						className: "form-check",
-						children: [/* @__PURE__ */ i("input", {
-							type: "radio",
-							className: "form-check-input",
-							id: n,
-							name: E,
-							value: e.value,
-							disabled: m || e.disabled || void 0,
-							required: p || void 0,
-							...k ? {
-								checked: l === e.value,
-								onChange: () => d?.(e.value)
-							} : {
-								defaultChecked: u === e.value,
-								onChange: () => d?.(e.value)
-							}
-						}), /* @__PURE__ */ i("label", {
-							className: "form-check-label",
-							htmlFor: n,
-							children: e.label
-						})]
-					}, e.value);
-				})
-			}),
-			h ? /* @__PURE__ */ i("div", {
-				className: "field-error",
-				id: D,
-				children: h
-			}) : g ? /* @__PURE__ */ i("div", {
-				className: "field-hint",
-				id: O,
-				children: g
-			}) : null
-		]
-	});
-}
-//#endregion
-export { o as default };
+import e from"./warnUnknownProps.js";import t from"./AppInfoTip.js";import n from"./AppRequiredMark.js";import{useId as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o({label:o,options:s=[],name:c,value:l,defaultValue:u,onChange:d,inline:f=!1,required:p=!1,disabled:m=!1,error:h,hint:g,help:_,helpLabel:v=`More information`,id:y,className:b=``,fieldClassName:x=``,style:S,...C}){e(`AppRadioGroup`,C);let w=r(),T=y||w,E=c||T,D=`${T}-error`,O=`${T}-hint`,k=l!==void 0;return a(`div`,{className:`field${x?` ${x}`:``}`,children:[o!=null&&a(`span`,{className:`label`,id:`${T}-label`,children:[o,p&&i(n,{}),_&&i(t,{label:v,children:_})]}),i(`div`,{className:[`wui-radio-group`,f?`wui-radio-group-inline`:``,b].filter(Boolean).join(` `),style:S,id:T,role:`radiogroup`,"aria-labelledby":o==null?void 0:`${T}-label`,"aria-required":p?`true`:void 0,"aria-invalid":h?`true`:void 0,"aria-describedby":h?D:g?O:void 0,...C,children:s.map((e,t)=>{let n=`${T}-${t}`;return a(`div`,{className:`form-check`,children:[i(`input`,{type:`radio`,className:`form-check-input`,id:n,name:E,value:e.value,disabled:m||e.disabled||void 0,required:p||void 0,...k?{checked:l===e.value,onChange:()=>d?.(e.value)}:{defaultChecked:u===e.value,onChange:()=>d?.(e.value)}}),i(`label`,{className:`form-check-label`,htmlFor:n,children:e.label})]},e.value)})}),h?i(`div`,{className:`field-error`,id:D,children:h}):g?i(`div`,{className:`field-hint`,id:O,children:g}):null]})}export{o as default};

package/dist/components/AppRepeater.js

@@ -1,57 +1 @@
-import e from "./warnUnknownProps.js";
-import t from "./AppActionIcon.js";
-import n from "./AppButton.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/AppRepeater.jsx
-function a({ rows: a = [], renderRow: o, rowLabel: s, onAdd: c, onRemove: l, addLabel: u = "Add another", addVariant: d = "secondary", removeLabel: f = "Remove row", emptyText: p, min: m = 0, max: h, numbered: g = !0, className: _ = "", ...v }) {
-	e("AppRepeater", v);
-	let y = typeof h == "number" && a.length >= h, b = !!l && a.length > m;
-	return /* @__PURE__ */ i("div", {
-		className: `repeater${_ ? ` ${_}` : ""}`,
-		...v,
-		children: [
-			a.length === 0 && p && /* @__PURE__ */ r("div", {
-				className: "repeater-empty",
-				children: p
-			}),
-			a.map((e, n) => {
-				let a = s ? s(e, n) : null;
-				return /* @__PURE__ */ i("div", {
-					className: "repeater-row",
-					children: [
-						(!!a || b) && /* @__PURE__ */ r("span", {
-							className: "repeater-row-label",
-							children: a
-						}),
-						g && /* @__PURE__ */ r("span", {
-							className: "repeater-index",
-							children: n + 1
-						}),
-						/* @__PURE__ */ r("div", {
-							className: "repeater-body",
-							children: o(e, n)
-						}),
-						b && /* @__PURE__ */ r(t, {
-							icon: "trash-2",
-							label: `${f} ${n + 1}`,
-							danger: !0,
-							className: "repeater-remove",
-							onClick: () => l(n)
-						})
-					]
-				}, e.id ?? n);
-			}),
-			/* @__PURE__ */ r(n, {
-				variant: d,
-				size: "sm",
-				leftIcon: "plus",
-				className: "repeater-add",
-				disabled: y,
-				onClick: c,
-				children: u
-			})
-		]
-	});
-}
-//#endregion
-export { a as default };
+import e from"./warnUnknownProps.js";import t from"./AppActionIcon.js";import n from"./AppButton.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";function a({rows:a=[],renderRow:o,rowLabel:s,onAdd:c,onRemove:l,addLabel:u=`Add another`,addVariant:d=`secondary`,removeLabel:f=`Remove row`,emptyText:p,min:m=0,max:h,numbered:g=!0,className:_=``,...v}){e(`AppRepeater`,v);let y=typeof h==`number`&&a.length>=h,b=!!l&&a.length>m;return i(`div`,{className:`repeater${_?` ${_}`:``}`,...v,children:[a.length===0&&p&&r(`div`,{className:`repeater-empty`,children:p}),a.map((e,n)=>{let a=s?s(e,n):null;return i(`div`,{className:`repeater-row`,children:[(!!a||b)&&r(`span`,{className:`repeater-row-label`,children:a}),g&&r(`span`,{className:`repeater-index`,children:n+1}),r(`div`,{className:`repeater-body`,children:o(e,n)}),b&&r(t,{icon:`trash-2`,label:`${f} ${n+1}`,danger:!0,className:`repeater-remove`,onClick:()=>l(n)})]},e.id??n)}),r(n,{variant:d,size:`sm`,leftIcon:`plus`,className:`repeater-add`,disabled:y,onClick:c,children:u})]})}export{a as default};

package/dist/components/AppRequiredMark.js

@@ -1,11 +1 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/AppRequiredMark.jsx
-function t() {
-	return /* @__PURE__ */ e("span", {
-		className: "required",
-		"aria-hidden": "true",
-		children: "*"
-	});
-}
-//#endregion
-export { t as default };
+import{jsx as e}from"react/jsx-runtime";function t(){return e(`span`,{className:`required`,"aria-hidden":`true`,children:`*`})}export{t as default};