@webority/ui-react 0.37.0 → 0.38.0

package/dist/components/AppTimeline.js

@@ -1,102 +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/AppTimeline.jsx
-var a = ["feed", "progress"], o = ["vertical", "horizontal"], s = [
-	"neutral",
-	"success",
-	"warning",
-	"danger",
-	"info"
-], c = {
-	done: "check",
-	current: "clock",
-	"on-hold": "lock",
-	rejected: "x",
-	cancelled: "minus",
-	skipped: "arrow-right",
-	upcoming: null
-};
-function l({ items: l = [], variant: u = "feed", orientation: d = "vertical", size: f, className: p = "", style: m, ...h }) {
-	t("AppTimeline", h), e("AppTimeline", "variant", u, a), e("AppTimeline", "orientation", d, o);
-	for (let t of l) e("AppTimeline", "items[].tone", t.tone, s), u === "progress" && e("AppTimeline", "items[].status", t.status, Object.keys(c));
-	let g = u === "progress", _ = `timeline${g ? " timeline--progress" : ""}${d === "horizontal" ? " timeline--horizontal" : ""}${p ? ` ${p}` : ""}`, v = typeof f == "number" && f > 0 ? f : void 0, y = v ? Math.round(v * .54) : g ? 13 : 12;
-	return /* @__PURE__ */ r("ol", {
-		className: _,
-		style: v ? {
-			...m,
-			"--wui-timeline-dot": `${v}px`
-		} : m,
-		...h,
-		children: l.map((e, t) => {
-			let a = g ? e.status : void 0, o = a ? ` is-${a}` : "", s = e.tone && e.tone !== "neutral" ? ` ${e.tone}` : "", l = g ? e.icon ?? (a ? c[a] : void 0) : e.icon || "circle";
-			return /* @__PURE__ */ i("li", {
-				className: `timeline-item${o}${s}`,
-				children: [/* @__PURE__ */ r("span", {
-					className: "timeline-dot",
-					children: l ? /* @__PURE__ */ r(n, {
-						name: l,
-						size: y
-					}) : null
-				}), /* @__PURE__ */ i("div", {
-					className: "timeline-body",
-					children: [
-						g ? /* @__PURE__ */ i("div", {
-							className: "timeline-head",
-							children: [/* @__PURE__ */ r("div", {
-								className: "timeline-title",
-								children: e.title
-							}), (e.at || e.time) && /* @__PURE__ */ i("span", {
-								className: "timeline-when",
-								children: [e.at && /* @__PURE__ */ r("span", {
-									className: "timeline-at",
-									children: e.at
-								}), e.time && /* @__PURE__ */ r("span", {
-									className: "timeline-time",
-									children: e.time
-								})]
-							})]
-						}) : /* @__PURE__ */ r("div", {
-							className: "timeline-title",
-							children: e.title
-						}),
-						e.description && /* @__PURE__ */ r("div", {
-							className: "timeline-desc",
-							children: e.description
-						}),
-						!g && (e.at || e.time || e.by) && /* @__PURE__ */ i("div", {
-							className: "timeline-meta",
-							children: [(e.at || e.time) && /* @__PURE__ */ i("span", {
-								className: "timeline-when",
-								children: [e.at && /* @__PURE__ */ r("span", {
-									className: "timeline-at",
-									children: e.at
-								}), e.time && /* @__PURE__ */ r("span", {
-									className: "timeline-time",
-									children: e.time
-								})]
-							}), e.by && /* @__PURE__ */ r("span", {
-								className: "timeline-by",
-								children: e.by
-							})]
-						}),
-						g && e.by && /* @__PURE__ */ r("div", {
-							className: "timeline-meta",
-							children: /* @__PURE__ */ r("span", {
-								className: "timeline-by",
-								children: e.by
-							})
-						}),
-						e.note && /* @__PURE__ */ r("p", {
-							className: "timeline-note",
-							children: e.note
-						})
-					]
-				})]
-			}, e.key ?? `${e.at}-${t}`);
-		})
-	});
-}
-//#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=[`feed`,`progress`],o=[`vertical`,`horizontal`],s=[`neutral`,`success`,`warning`,`danger`,`info`],c={done:`check`,current:`clock`,"on-hold":`lock`,rejected:`x`,cancelled:`minus`,skipped:`arrow-right`,upcoming:null};function l({items:l=[],variant:u=`feed`,orientation:d=`vertical`,size:f,className:p=``,style:m,...h}){t(`AppTimeline`,h),e(`AppTimeline`,`variant`,u,a),e(`AppTimeline`,`orientation`,d,o);for(let t of l)e(`AppTimeline`,`items[].tone`,t.tone,s),u===`progress`&&e(`AppTimeline`,`items[].status`,t.status,Object.keys(c));let g=u===`progress`,_=`timeline${g?` timeline--progress`:``}${d===`horizontal`?` timeline--horizontal`:``}${p?` ${p}`:``}`,v=typeof f==`number`&&f>0?f:void 0,y=v?Math.round(v*.54):g?13:12;return r(`ol`,{className:_,style:v?{...m,"--wui-timeline-dot":`${v}px`}:m,...h,children:l.map((e,t)=>{let a=g?e.status:void 0,o=a?` is-${a}`:``,s=e.tone&&e.tone!==`neutral`?` ${e.tone}`:``,l=g?e.icon??(a?c[a]:void 0):e.icon||`circle`;return i(`li`,{className:`timeline-item${o}${s}`,children:[r(`span`,{className:`timeline-dot`,children:l?r(n,{name:l,size:y}):null}),i(`div`,{className:`timeline-body`,children:[g?i(`div`,{className:`timeline-head`,children:[r(`div`,{className:`timeline-title`,children:e.title}),(e.at||e.time)&&i(`span`,{className:`timeline-when`,children:[e.at&&r(`span`,{className:`timeline-at`,children:e.at}),e.time&&r(`span`,{className:`timeline-time`,children:e.time})]})]}):r(`div`,{className:`timeline-title`,children:e.title}),e.description&&r(`div`,{className:`timeline-desc`,children:e.description}),!g&&(e.at||e.time||e.by)&&i(`div`,{className:`timeline-meta`,children:[(e.at||e.time)&&i(`span`,{className:`timeline-when`,children:[e.at&&r(`span`,{className:`timeline-at`,children:e.at}),e.time&&r(`span`,{className:`timeline-time`,children:e.time})]}),e.by&&r(`span`,{className:`timeline-by`,children:e.by})]}),g&&e.by&&r(`div`,{className:`timeline-meta`,children:r(`span`,{className:`timeline-by`,children:e.by})}),e.note&&r(`p`,{className:`timeline-note`,children:e.note})]})]},e.key??`${e.at}-${t}`)})})}export{l as default};

package/dist/components/AppToast.js

@@ -1,169 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n from "./AppIcon.js";
-import { adoptToast as r, dismissToast as i, subscribeToasts as a } from "./toastStore.js";
-import { useEffect as o, useRef as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/components/AppToast.jsx
-var d = {
-	success: {
-		icon: "check-circle",
-		assertive: !1
-	},
-	info: {
-		icon: "info",
-		assertive: !1
-	},
-	warning: {
-		icon: "alert-triangle",
-		assertive: !0
-	},
-	danger: {
-		icon: "alert-circle",
-		assertive: !0
-	}
-}, f = {
-	"top-start": "top-0 start-0",
-	"top-center": "top-0 start-50 translate-middle-x",
-	"top-end": "top-0 end-0",
-	"middle-center": "top-50 start-50 translate-middle",
-	"bottom-start": "bottom-0 start-0",
-	"bottom-center": "bottom-0 start-50 translate-middle-x",
-	"bottom-end": "bottom-0 end-0"
-}, p = 64, m = /* @__PURE__ */ new Set([
-	"rise",
-	"organic",
-	"jelly",
-	"spring"
-]), h = /* @__PURE__ */ new Set([
-	"rounded",
-	"pill",
-	"sharp"
-]), g = /* @__PURE__ */ new Set(["auto", "inverse"]);
-function _({ position: n = "bottom-end", maxVisible: r = 4, animation: i = "rise", shape: s = "rounded", surface: d = "auto", className: p = "", ..._ }) {
-	t("AppToast", _), e("AppToast", "position", n, Object.keys(f)), e("AppToast", "animation", i, m), e("AppToast", "shape", s, h), e("AppToast", "surface", d, g);
-	let [y, b] = c([]);
-	o(() => a(b), []);
-	let x = Math.max(0, y.length - r), S = x ? y.slice(x) : y, C = f[n] ?? f["bottom-end"];
-	return /* @__PURE__ */ u("div", {
-		..._,
-		className: `wui-toast-container toast-container position-fixed ${C} p-3 ${p}`.trim(),
-		children: [x > 0 && /* @__PURE__ */ u("div", {
-			className: "wui-toast-more",
-			"aria-hidden": "true",
-			children: [
-				"+",
-				x,
-				" more"
-			]
-		}), S.map((e) => /* @__PURE__ */ l(v, {
-			toast: e,
-			defaultAnimation: i,
-			defaultShape: s,
-			defaultSurface: d
-		}, e.id))]
-	});
-}
-function v({ toast: e, defaultAnimation: t = "rise", defaultShape: a = "rounded", defaultSurface: f = "auto" }) {
-	let _ = d[e.variant] ?? d.success, v = m.has(e.animation) ? e.animation : t, y = h.has(e.shape) ? e.shape : a, b = g.has(e.surface) ? e.surface : f, x = (v !== "rise" && m.has(v) ? ` wui-toast--anim-${v}` : "") + (y !== "rounded" && h.has(y) ? ` wui-toast--shape-${y}` : "") + (b === "inverse" ? " wui-toast--surface-inverse" : ""), S = e.duration === 0, [C, w] = c(0), [T, E] = c(!1), D = s(null), O = () => i(e.id), k = s(null);
-	o(() => {
-		if (e.duration === 0) return;
-		r(e.id);
-		let t = k.current, n = t == null ? "" : getComputedStyle(t).animationName;
-		if (t != null && (typeof t.getAnimations == "function" ? t.getAnimations().length > 0 : n !== "" && n !== "none")) return;
-		let a = setTimeout(() => i(e.id), e.duration);
-		return () => clearTimeout(a);
-	}, [e.id, e.duration]);
-	let A = (e) => {
-		e.button !== 0 || e.target.closest("button") || (D.current = e.clientX, E(!0), e.currentTarget.setPointerCapture?.(e.pointerId));
-	}, j = (e) => {
-		D.current !== null && w(e.clientX - D.current);
-	}, M = () => {
-		D.current = null, E(!1), w(0);
-	}, N = (e) => {
-		if (D.current === null) return;
-		let t = e.clientX - D.current;
-		if (Math.abs(t) > p) {
-			O();
-			return;
-		}
-		M();
-	}, P = C ? {
-		transform: `translateX(${C}px)`,
-		opacity: Math.max(0, 1 - Math.abs(C) / 200)
-	} : void 0;
-	return /* @__PURE__ */ u("div", {
-		className: `toast show wui-toast wui-toast--${e.variant}${x}${T ? " wui-toast--dragging" : ""}`,
-		role: _.assertive ? "alert" : "status",
-		"aria-live": _.assertive ? "assertive" : "polite",
-		"aria-atomic": "true",
-		style: P,
-		onPointerDown: A,
-		onPointerMove: j,
-		onPointerUp: N,
-		onPointerCancel: M,
-		children: [
-			/* @__PURE__ */ l("span", {
-				className: "wui-toast-icon",
-				"aria-hidden": "true",
-				children: /* @__PURE__ */ l(n, {
-					name: _.icon,
-					size: 20
-				})
-			}),
-			/* @__PURE__ */ u("div", {
-				className: "wui-toast-content",
-				children: [
-					e.title && /* @__PURE__ */ l("div", {
-						className: "wui-toast-title",
-						children: e.title
-					}),
-					/* @__PURE__ */ l("div", {
-						className: "wui-toast-message",
-						children: e.message
-					}),
-					typeof e.progress == "number" && /* @__PURE__ */ u("div", {
-						className: "wui-toast-task",
-						children: [/* @__PURE__ */ l("div", {
-							className: "wui-toast-track",
-							role: "progressbar",
-							"aria-valuemin": 0,
-							"aria-valuemax": 100,
-							"aria-valuenow": Math.min(100, Math.max(0, Math.round(e.progress))),
-							children: /* @__PURE__ */ l("div", {
-								className: "wui-toast-track-fill",
-								style: { width: `${Math.min(100, Math.max(0, e.progress))}%` }
-							})
-						}), /* @__PURE__ */ u("span", {
-							className: "wui-toast-track-pct",
-							"aria-hidden": "true",
-							children: [Math.min(100, Math.max(0, Math.round(e.progress))), "%"]
-						})]
-					}),
-					e.action && /* @__PURE__ */ l("button", {
-						type: "button",
-						className: "wui-toast-action",
-						onClick: () => {
-							e.action.onClick?.(), O();
-						},
-						children: e.action.label
-					})
-				]
-			}),
-			/* @__PURE__ */ l("button", {
-				type: "button",
-				className: "btn-close wui-toast-close",
-				"aria-label": "Close",
-				onClick: O
-			}),
-			!S && /* @__PURE__ */ l("div", {
-				ref: k,
-				className: "wui-toast-progress",
-				style: { animationDuration: `${e.duration}ms` },
-				onAnimationEnd: O
-			})
-		]
-	});
-}
-//#endregion
-export { _ as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./AppIcon.js";import{adoptToast as r,dismissToast as i,subscribeToasts as a}from"./toastStore.js";import{useEffect as o,useRef as s,useState as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";var d={success:{icon:`check-circle`,assertive:!1},info:{icon:`info`,assertive:!1},warning:{icon:`alert-triangle`,assertive:!0},danger:{icon:`alert-circle`,assertive:!0}},f={"top-start":`top-0 start-0`,"top-center":`top-0 start-50 translate-middle-x`,"top-end":`top-0 end-0`,"middle-center":`top-50 start-50 translate-middle`,"bottom-start":`bottom-0 start-0`,"bottom-center":`bottom-0 start-50 translate-middle-x`,"bottom-end":`bottom-0 end-0`},p=64,m=new Set([`rise`,`organic`,`jelly`,`spring`]),h=new Set([`rounded`,`pill`,`sharp`]),g=new Set([`auto`,`inverse`]);function _({position:n=`bottom-end`,maxVisible:r=4,animation:i=`rise`,shape:s=`rounded`,surface:d=`auto`,className:p=``,..._}){t(`AppToast`,_),e(`AppToast`,`position`,n,Object.keys(f)),e(`AppToast`,`animation`,i,m),e(`AppToast`,`shape`,s,h),e(`AppToast`,`surface`,d,g);let[y,b]=c([]);o(()=>a(b),[]);let x=Math.max(0,y.length-r),S=x?y.slice(x):y,C=f[n]??f[`bottom-end`];return u(`div`,{..._,className:`wui-toast-container toast-container position-fixed ${C} p-3 ${p}`.trim(),children:[x>0&&u(`div`,{className:`wui-toast-more`,"aria-hidden":`true`,children:[`+`,x,` more`]}),S.map(e=>l(v,{toast:e,defaultAnimation:i,defaultShape:s,defaultSurface:d},e.id))]})}function v({toast:e,defaultAnimation:t=`rise`,defaultShape:a=`rounded`,defaultSurface:f=`auto`}){let _=d[e.variant]??d.success,v=m.has(e.animation)?e.animation:t,y=h.has(e.shape)?e.shape:a,b=g.has(e.surface)?e.surface:f,x=(v!==`rise`&&m.has(v)?` wui-toast--anim-${v}`:``)+(y!==`rounded`&&h.has(y)?` wui-toast--shape-${y}`:``)+(b===`inverse`?` wui-toast--surface-inverse`:``),S=e.duration===0,[C,w]=c(0),[T,E]=c(!1),D=s(null),O=()=>i(e.id),k=s(null);o(()=>{if(e.duration===0)return;r(e.id);let t=k.current,n=t==null?``:getComputedStyle(t).animationName;if(t!=null&&(typeof t.getAnimations==`function`?t.getAnimations().length>0:n!==``&&n!==`none`))return;let a=setTimeout(()=>i(e.id),e.duration);return()=>clearTimeout(a)},[e.id,e.duration]);let A=e=>{e.button!==0||e.target.closest(`button`)||(D.current=e.clientX,E(!0),e.currentTarget.setPointerCapture?.(e.pointerId))},j=e=>{D.current!==null&&w(e.clientX-D.current)},M=()=>{D.current=null,E(!1),w(0)},N=e=>{if(D.current===null)return;let t=e.clientX-D.current;if(Math.abs(t)>p){O();return}M()},P=C?{transform:`translateX(${C}px)`,opacity:Math.max(0,1-Math.abs(C)/200)}:void 0;return u(`div`,{className:`toast show wui-toast wui-toast--${e.variant}${x}${T?` wui-toast--dragging`:``}`,role:_.assertive?`alert`:`status`,"aria-live":_.assertive?`assertive`:`polite`,"aria-atomic":`true`,style:P,onPointerDown:A,onPointerMove:j,onPointerUp:N,onPointerCancel:M,children:[l(`span`,{className:`wui-toast-icon`,"aria-hidden":`true`,children:l(n,{name:_.icon,size:20})}),u(`div`,{className:`wui-toast-content`,children:[e.title&&l(`div`,{className:`wui-toast-title`,children:e.title}),l(`div`,{className:`wui-toast-message`,children:e.message}),typeof e.progress==`number`&&u(`div`,{className:`wui-toast-task`,children:[l(`div`,{className:`wui-toast-track`,role:`progressbar`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.min(100,Math.max(0,Math.round(e.progress))),children:l(`div`,{className:`wui-toast-track-fill`,style:{width:`${Math.min(100,Math.max(0,e.progress))}%`}})}),u(`span`,{className:`wui-toast-track-pct`,"aria-hidden":`true`,children:[Math.min(100,Math.max(0,Math.round(e.progress))),`%`]})]}),e.action&&l(`button`,{type:`button`,className:`wui-toast-action`,onClick:()=>{e.action.onClick?.(),O()},children:e.action.label})]}),l(`button`,{type:`button`,className:`btn-close wui-toast-close`,"aria-label":`Close`,onClick:O}),!S&&l(`div`,{ref:k,className:`wui-toast-progress`,style:{animationDuration:`${e.duration}ms`},onAnimationEnd:O})]})}export{_ as default};

package/dist/components/AppToolbar.js

@@ -1,63 +1 @@
-import e from "./warnUnknownProps.js";
-import t from "./renderIconProp.js";
-import { useId as n, useState as r } from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/AppToolbar.jsx
-function o({ items: o = [], actions: s = [], value: c, defaultValue: l, onSelect: u, label: d, name: f, disabled: p = !1, className: m = "", ...h }) {
-	e("AppToolbar", h);
-	let g = n(), _ = f || g, [v, y] = r(l), b = c === void 0 ? v : c;
-	return /* @__PURE__ */ a("div", {
-		className: [
-			"toolbar",
-			p ? "is-disabled" : "",
-			m
-		].filter(Boolean).join(" "),
-		role: "toolbar",
-		"aria-label": d,
-		"aria-disabled": p || void 0,
-		...h,
-		children: [
-			o.map((e) => /* @__PURE__ */ a("label", {
-				className: "toolbar-item",
-				children: [
-					/* @__PURE__ */ i("input", {
-						type: "radio",
-						className: "toolbar-input",
-						name: _,
-						value: e.value,
-						checked: e.value === b,
-						disabled: p || e.disabled,
-						onChange: () => {
-							c === void 0 && y(e.value), u?.(e.value);
-						}
-					}),
-					/* @__PURE__ */ i("span", {
-						className: "toolbar-item-icon",
-						children: t(e.icon, { size: 16 })
-					}),
-					/* @__PURE__ */ i("span", {
-						className: "toolbar-item-label",
-						children: e.title
-					})
-				]
-			}, e.value)),
-			s.length > 0 && /* @__PURE__ */ i("span", {
-				className: "toolbar-sep",
-				"aria-hidden": "true"
-			}),
-			s.map((e, n) => /* @__PURE__ */ i("button", {
-				type: "button",
-				className: "toolbar-action",
-				"aria-label": e.title,
-				disabled: p || e.disabled,
-				onClick: e.onClick,
-				children: /* @__PURE__ */ i("span", {
-					className: "toolbar-item-icon",
-					children: t(e.icon, { size: 16 })
-				})
-			}, e.key ?? `${e.title}-${n}`))
-		]
-	});
-}
-//#endregion
-export { o as default };
+import e from"./warnUnknownProps.js";import t from"./renderIconProp.js";import{useId as n,useState as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o({items:o=[],actions:s=[],value:c,defaultValue:l,onSelect:u,label:d,name:f,disabled:p=!1,className:m=``,...h}){e(`AppToolbar`,h);let g=n(),_=f||g,[v,y]=r(l),b=c===void 0?v:c;return a(`div`,{className:[`toolbar`,p?`is-disabled`:``,m].filter(Boolean).join(` `),role:`toolbar`,"aria-label":d,"aria-disabled":p||void 0,...h,children:[o.map(e=>a(`label`,{className:`toolbar-item`,children:[i(`input`,{type:`radio`,className:`toolbar-input`,name:_,value:e.value,checked:e.value===b,disabled:p||e.disabled,onChange:()=>{c===void 0&&y(e.value),u?.(e.value)}}),i(`span`,{className:`toolbar-item-icon`,children:t(e.icon,{size:16})}),i(`span`,{className:`toolbar-item-label`,children:e.title})]},e.value)),s.length>0&&i(`span`,{className:`toolbar-sep`,"aria-hidden":`true`}),s.map((e,n)=>i(`button`,{type:`button`,className:`toolbar-action`,"aria-label":e.title,disabled:p||e.disabled,onClick:e.onClick,children:i(`span`,{className:`toolbar-item-icon`,children:t(e.icon,{size:16})})},e.key??`${e.title}-${n}`))]})}export{o as default};

package/dist/components/AppTooltip.js

@@ -1,50 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import { cloneElement as n, useId as r } from "react";
-import { OverlayTrigger as i, Tooltip as a } from "react-bootstrap";
-import { jsx as o } from "react/jsx-runtime";
-//#region src/components/AppTooltip.jsx
-var s = [
-	"default",
-	"dark",
-	"primary",
-	"success",
-	"warning",
-	"danger"
-], c = [
-	"sm",
-	"md",
-	"lg"
-], l = {
-	start: "left",
-	end: "right",
-	top: "top",
-	bottom: "bottom"
-}, u = [
-	"auto",
-	"top",
-	"bottom",
-	"start",
-	"end"
-];
-function d({ content: d, children: f, placement: p = "top", tone: m = "default", size: h = "md", className: g = "", ..._ }) {
-	t("AppTooltip", _), e("AppTooltip", "tone", m, s), e("AppTooltip", "size", h, c), e("AppTooltip", "placement", p, u);
-	let v = /* @__PURE__ */ o(a, {
-		id: r(),
-		className: [
-			"wui-tooltip",
-			m && m !== "default" ? `tone-${m}` : "",
-			h && h !== "md" ? `size-${h}` : "",
-			g
-		].filter(Boolean).join(" "),
-		children: d
-	});
-	return /* @__PURE__ */ o(i, {
-		trigger: ["hover", "focus"],
-		placement: l[p] || p,
-		overlay: v,
-		children: n(f, _)
-	});
-}
-//#endregion
-export { d as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import{cloneElement as n,useId as r}from"react";import{OverlayTrigger as i,Tooltip as a}from"react-bootstrap";import{jsx as o}from"react/jsx-runtime";var s=[`default`,`dark`,`primary`,`success`,`warning`,`danger`],c=[`sm`,`md`,`lg`],l={start:`left`,end:`right`,top:`top`,bottom:`bottom`},u=[`auto`,`top`,`bottom`,`start`,`end`];function d({content:d,children:f,placement:p=`top`,tone:m=`default`,size:h=`md`,className:g=``,..._}){t(`AppTooltip`,_),e(`AppTooltip`,`tone`,m,s),e(`AppTooltip`,`size`,h,c),e(`AppTooltip`,`placement`,p,u);let v=o(a,{id:r(),className:[`wui-tooltip`,m&&m!=="default"?`tone-${m}`:``,h&&h!==`md`?`size-${h}`:``,g].filter(Boolean).join(` `),children:d});return o(i,{trigger:[`hover`,`focus`],placement:l[p]||p,overlay:v,children:n(f,_)})}export{d as default};

package/dist/components/AppTour.js

@@ -1,39 +1 @@
-import e from "./warnUnknownProps.js";
-import "@webority/ui-elements/elements/tour";
-import { forwardRef as t, useEffect as n, useLayoutEffect as r, useRef as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-//#region src/components/AppTour.jsx
-var o = t(function({ open: t, onClose: o, tourId: s, steps: c, seenStore: l, onBeforeStep: u, labels: d, className: f, ...p }, m) {
-	e("AppTour", p);
-	let h = i(null), g = (e) => {
-		h.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
-	};
-	r(() => {
-		let e = h.current;
-		e.seenStore = l ?? null, e.onBeforeStep = u ?? null;
-	}), r(() => {
-		let e = h.current;
-		t ? e.setAttribute("open", "") : e.removeAttribute("open");
-	}, [t]);
-	let _ = i(o);
-	return _.current = o, n(() => {
-		let e = h.current, t = (e) => _.current?.(e.detail.reason);
-		return e.addEventListener("wui-tour:close", t), () => e.removeEventListener("wui-tour:close", t);
-	}, []), /* @__PURE__ */ a("wui-tour", {
-		ref: g,
-		"tour-id": s,
-		"back-label": d?.back,
-		"next-label": d?.next,
-		"skip-label": d?.skip,
-		"done-label": d?.done,
-		class: f || void 0,
-		...p,
-		children: c.map((e) => /* @__PURE__ */ a("wui-tour-step", {
-			target: e.target,
-			title: e.title,
-			children: e.description
-		}, `${e.target}|${e.description}`))
-	});
-});
-//#endregion
-export { o as default };
+import e from"./warnUnknownProps.js";import"@webority/ui-elements/elements/tour";import{forwardRef as t,useEffect as n,useLayoutEffect as r,useRef as i}from"react";import{jsx as a}from"react/jsx-runtime";var o=t(function({open:t,onClose:o,tourId:s,steps:c,seenStore:l,onBeforeStep:u,labels:d,className:f,...p},m){e(`AppTour`,p);let h=i(null),g=e=>{h.current=e,typeof m==`function`?m(e):m&&(m.current=e)};r(()=>{let e=h.current;e.seenStore=l??null,e.onBeforeStep=u??null}),r(()=>{let e=h.current;t?e.setAttribute(`open`,``):e.removeAttribute(`open`)},[t]);let _=i(o);return _.current=o,n(()=>{let e=h.current,t=e=>_.current?.(e.detail.reason);return e.addEventListener(`wui-tour:close`,t),()=>e.removeEventListener(`wui-tour:close`,t)},[]),a(`wui-tour`,{ref:g,"tour-id":s,"back-label":d?.back,"next-label":d?.next,"skip-label":d?.skip,"done-label":d?.done,class:f||void 0,...p,children:c.map(e=>a(`wui-tour-step`,{target:e.target,title:e.title,children:e.description},`${e.target}|${e.description}`))})});export{o as default};

package/dist/components/AppTreeView.js

@@ -1,61 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import n, { readValues as r, writeValues as i } from "./useWuiControl.js";
-import { forwardRef as a, useEffect as o, useRef as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-import "@webority/ui-elements/elements/tree";
-//#region src/components/AppTreeView.jsx
-var l = [
-	"none",
-	"single",
-	"multiple"
-], u = a(function({ nodes: a, selection: u, selected: d, onSelect: f, checked: p, onCheck: m, loadChildren: h, loadUrl: g, onLoadError: _, name: v, loadingText: y, errorText: b, ariaLabel: x, id: S, className: C = "", ...w }, T) {
-	t("AppTreeView", w), e("AppTreeView", "selection", u, l);
-	let { setRef: E, innerRef: D } = n({
-		ref: T,
-		value: p,
-		readValue: r,
-		writeValue: i,
-		on: {
-			"wui-tree:check": (e) => m?.(e.detail.values, {
-				id: e.detail.id,
-				checked: e.detail.checked
-			}),
-			"wui-tree:select": (e) => {
-				f?.(e.detail.id, e.detail.node), d !== void 0 && e.currentTarget.selected !== d && (e.currentTarget.selected = d);
-			},
-			"wui-tree:error": (e) => _?.(e.detail.id, e.detail.message)
-		}
-	});
-	o(() => {
-		let e = D.current;
-		e && a !== void 0 && (e.nodes = a);
-	}, [a, D]), o(() => {
-		let e = D.current;
-		e && (e.loadChildren = h);
-	}, [h, D]);
-	let O = s(!1);
-	return o(() => {
-		let e = D.current;
-		if (e) {
-			if (d === void 0) {
-				O.current && (e.selected = null), O.current = !1;
-				return;
-			}
-			O.current = !0, e.selected !== d && (e.selected = d);
-		}
-	}, [d, D]), /* @__PURE__ */ c("wui-tree", {
-		ref: E,
-		id: S || void 0,
-		selection: u || void 0,
-		name: v || void 0,
-		"load-url": g || void 0,
-		"loading-text": y || void 0,
-		"error-text": b || void 0,
-		"aria-label": x || void 0,
-		className: C || void 0,
-		...w
-	});
-});
-//#endregion
-export { u as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n,{readValues as r,writeValues as i}from"./useWuiControl.js";import{forwardRef as a,useEffect as o,useRef as s}from"react";import{jsx as c}from"react/jsx-runtime";import"@webority/ui-elements/elements/tree";var l=[`none`,`single`,`multiple`],u=a(function({nodes:a,selection:u,selected:d,onSelect:f,checked:p,onCheck:m,loadChildren:h,loadUrl:g,onLoadError:_,name:v,loadingText:y,errorText:b,ariaLabel:x,id:S,className:C=``,...w},T){t(`AppTreeView`,w),e(`AppTreeView`,`selection`,u,l);let{setRef:E,innerRef:D}=n({ref:T,value:p,readValue:r,writeValue:i,on:{"wui-tree:check":e=>m?.(e.detail.values,{id:e.detail.id,checked:e.detail.checked}),"wui-tree:select":e=>{f?.(e.detail.id,e.detail.node),d!==void 0&&e.currentTarget.selected!==d&&(e.currentTarget.selected=d)},"wui-tree:error":e=>_?.(e.detail.id,e.detail.message)}});o(()=>{let e=D.current;e&&a!==void 0&&(e.nodes=a)},[a,D]),o(()=>{let e=D.current;e&&(e.loadChildren=h)},[h,D]);let O=s(!1);return o(()=>{let e=D.current;if(e){if(d===void 0){O.current&&(e.selected=null),O.current=!1;return}O.current=!0,e.selected!==d&&(e.selected=d)}},[d,D]),c(`wui-tree`,{ref:E,id:S||void 0,selection:u||void 0,name:v||void 0,"load-url":g||void 0,"loading-text":y||void 0,"error-text":b||void 0,"aria-label":x||void 0,className:C||void 0,...w})});export{u as default};

package/dist/components/AppWizard.js

@@ -1,82 +1 @@
-import e from "./warnInvalidValue.js";
-import t from "./warnUnknownProps.js";
-import { Children as n, forwardRef as r, useEffect as i, useRef as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
-import "@webority/ui-elements/elements/wizard";
-//#region src/components/AppWizard.jsx
-var s = [
-	"steps",
-	"journey",
-	"icons"
-], c = [
-	"primary",
-	"success",
-	"warning",
-	"danger",
-	"info"
-], l = ["horizontal", "vertical"], u = [
-	"done",
-	"active",
-	"pending",
-	"error"
-], d = r(function({ steps: r = [], children: d, active: f, defaultActive: p = 0, onStepChange: m, onFinish: h, onSkip: g, beforeNext: _, onInvalid: v, variant: y = "steps", tone: b, doneTone: x, orientation: S = "horizontal", skippable: C = !1, nonLinear: w = !1, hideStepper: T = !1, hideConnectors: E = !1, disabled: D = !1, label: O = "Progress", backLabel: k = "Back", nextLabel: A = "Next", skipLabel: j = "Skip", finishLabel: M = "Finish", className: N = "", ...P }, F) {
-	t("AppWizard", P), e("AppWizard", "variant", y, s), e("AppWizard", "tone", b, c), e("AppWizard", "doneTone", x, c), e("AppWizard", "orientation", S, l);
-	for (let t of r) e("AppWizard", "steps[].status", t.status, u);
-	let I = a(null), L = (e) => {
-		I.current = e, typeof F == "function" ? F(e) : F && (F.current = e);
-	}, R = n.toArray(d), z = [
-		b && `wui-step-tone-${b}`,
-		x && `wui-step-done-tone-${x}`,
-		N
-	].filter(Boolean).join(" ");
-	return i(() => {
-		let e = I.current;
-		if (!e) return;
-		let t = f === void 0 ? p : f;
-		t && (e.active = t);
-	}, []), i(() => {
-		let e = I.current;
-		e && f !== void 0 && Number(e.active) !== f && (e.active = f);
-	}, [f]), i(() => {
-		let e = I.current;
-		e && (e.beforeNext = _ ?? null);
-	}, [_]), i(() => {
-		let e = I.current;
-		if (!e) return;
-		let t = (e) => m?.(e.detail.index, e.detail), n = (e) => h?.(e.detail), r = (e) => g?.(e.detail.index), i = (e) => v?.(e.detail.index);
-		return e.addEventListener("wui-wizard:change", t), e.addEventListener("wui-wizard:finish", n), e.addEventListener("wui-wizard:skip", r), e.addEventListener("wui-wizard:invalid", i), () => {
-			e.removeEventListener("wui-wizard:change", t), e.removeEventListener("wui-wizard:finish", n), e.removeEventListener("wui-wizard:skip", r), e.removeEventListener("wui-wizard:invalid", i);
-		};
-	}, [
-		m,
-		h,
-		g,
-		v
-	]), /* @__PURE__ */ o("wui-wizard", {
-		ref: L,
-		variant: y,
-		orientation: S,
-		skippable: C ? "" : void 0,
-		"non-linear": w ? "" : void 0,
-		"hide-stepper": T ? "" : void 0,
-		"hide-connectors": E ? "" : void 0,
-		disabled: D ? "" : void 0,
-		label: O,
-		"back-label": k,
-		"next-label": A,
-		"skip-label": j,
-		"finish-label": M,
-		className: z || void 0,
-		...P,
-		children: r.map((e, t) => /* @__PURE__ */ o("wui-wizard-step", {
-			label: e.label,
-			description: e.description || void 0,
-			optional: e.optional ? "" : void 0,
-			icon: e.icon || void 0,
-			status: e.status || void 0,
-			children: R[t]
-		}, e.key ?? `${e.label}-${t}`))
-	});
-});
-//#endregion
-export { d as default };
+import e from"./warnInvalidValue.js";import t from"./warnUnknownProps.js";import n from"./AppIcon.js";import{Children as r,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/wizard";var l=[`steps`,`journey`,`icons`],u=[`primary`,`success`,`warning`,`danger`,`info`],d=[`horizontal`,`vertical`],f=[`done`,`active`,`pending`,`error`],p=[`linear`,`outline`,`bold`,`bulk`,`broken`,`twotone`],m=[`check`,`alert-triangle`,`minus`],h=[`sm`,`md`,`lg`],g={sm:14,md:16,lg:20},_=i(function({steps:i=[],children:_,active:v,defaultActive:y=0,onStepChange:b,onFinish:x,onSkip:S,beforeNext:C,onInvalid:w,variant:T=`steps`,tone:E,doneTone:D,orientation:O=`horizontal`,iconVariant:k,size:A=`md`,iconSize:j,skippable:M=!1,nonLinear:N=!1,hideStepper:P=!1,hideConnectors:F=!1,disabled:I=!1,label:L=`Progress`,backLabel:R=`Back`,nextLabel:z=`Next`,skipLabel:B=`Skip`,finishLabel:V=`Finish`,className:H=``,...U},W){t(`AppWizard`,U),e(`AppWizard`,`variant`,T,l),e(`AppWizard`,`tone`,E,u),e(`AppWizard`,`doneTone`,D,u),e(`AppWizard`,`orientation`,O,d),e(`AppWizard`,`iconVariant`,k,p),e(`AppWizard`,`size`,A,h);let G=j>0?j:g[A]??g.md;for(let t of i)e(`AppWizard`,`steps[].status`,t.status,f);let K=o(null),q=e=>{K.current=e,typeof W==`function`?W(e):W&&(W.current=e)},J=r.toArray(_),Y=k&&k!==`linear`?[...new Set([...m,...i.map(e=>e.icon).filter(Boolean)])]:[],X=[E&&`wui-step-tone-${E}`,D&&`wui-step-done-tone-${D}`,A!==`md`&&h.includes(A)&&`wui-step-size-${A}`,H].filter(Boolean).join(` `);return a(()=>{let e=K.current;if(!e)return;let t=v===void 0?y:v;t&&(e.active=t)},[]),a(()=>{let e=K.current;e&&v!==void 0&&Number(e.active)!==v&&(e.active=v)},[v]),a(()=>{let e=K.current;e&&(e.beforeNext=C??null)},[C]),a(()=>{let e=K.current;if(!e)return;let t=e=>b?.(e.detail.index,e.detail),n=e=>x?.(e.detail),r=e=>S?.(e.detail.index),i=e=>w?.(e.detail.index);return e.addEventListener(`wui-wizard:change`,t),e.addEventListener(`wui-wizard:finish`,n),e.addEventListener(`wui-wizard:skip`,r),e.addEventListener(`wui-wizard:invalid`,i),()=>{e.removeEventListener(`wui-wizard:change`,t),e.removeEventListener(`wui-wizard:finish`,n),e.removeEventListener(`wui-wizard:skip`,r),e.removeEventListener(`wui-wizard:invalid`,i)}},[b,x,S,w]),c(`wui-wizard`,{ref:q,variant:T,orientation:O,"icon-size":G===16?void 0:G,skippable:M?``:void 0,"non-linear":N?``:void 0,"hide-stepper":P?``:void 0,"hide-connectors":F?``:void 0,disabled:I?``:void 0,label:L,"back-label":R,"next-label":z,"skip-label":B,"finish-label":V,className:X||void 0,...U,children:[i.map((e,t)=>s(`wui-wizard-step`,{label:e.label,description:e.description||void 0,optional:e.optional?``:void 0,icon:e.icon||void 0,status:e.status||void 0,children:J[t]},e.key??`${e.label}-${t}`)),Y.length>0&&s(`span`,{hidden:!0,"data-wui-glyphs":``,children:Y.map(e=>s(n,{name:e,size:G,variant:k},e))})]})});export{_ as default};