wimui 0.15.0 → 0.17.0

package/dist/components/data-display/Timeline/timeline.module.js

@@ -1,15 +1,15 @@
 "use client";
 //#region src/components/data-display/Timeline/timeline.module.scss
-var e = "_root_g3htv_2", t = "_left_g3htv_10", n = "_right_g3htv_13", r = "_alternate_g3htv_16", i = "_item_g3htv_19", a = "_content_g3htv_35", o = "_oppositeContent_g3htv_38", s = "_separator_g3htv_50", c = "_connector_g3htv_56", l = "_point_g3htv_61", u = "_primary_g3htv_76", d = "_secondary_g3htv_79", f = "_danger_g3htv_82", p = "_success_g3htv_85", m = "_icon_g3htv_88", h = {
+var e = "_root_x5cp1_3", t = "_left_x5cp1_11", n = "_right_x5cp1_14", r = "_alternate_x5cp1_17", i = "_item_x5cp1_20", a = "_connector_x5cp1_33", o = "_content_x5cp1_45", s = "_oppositeContent_x5cp1_48", c = "_separator_x5cp1_60", l = "_point_x5cp1_71", u = "_primary_x5cp1_86", d = "_secondary_x5cp1_89", f = "_danger_x5cp1_92", p = "_success_x5cp1_95", m = "_icon_x5cp1_98", h = {
 	root: e,
 	left: t,
 	right: n,
 	alternate: r,
 	item: i,
-	content: a,
-	oppositeContent: o,
-	separator: s,
-	connector: c,
+	connector: a,
+	content: o,
+	oppositeContent: s,
+	separator: c,
 	point: l,
 	primary: u,
 	secondary: d,
@@ -18,4 +18,4 @@ var e = "_root_g3htv_2", t = "_left_g3htv_10", n = "_right_g3htv_13", r = "_alte
 	icon: m
 };
 //#endregion
-export { r as alternate, c as connector, a as content, f as danger, h as default, m as icon, i as item, t as left, o as oppositeContent, l as point, u as primary, n as right, e as root, d as secondary, s as separator, p as success };
+export { r as alternate, a as connector, o as content, f as danger, h as default, m as icon, i as item, t as left, s as oppositeContent, l as point, u as primary, n as right, e as root, d as secondary, c as separator, p as success };

package/dist/components/feedback/Alert/alert.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1ntqy_3`,t=`_icon_1ntqy_16`,n=`_content_1ntqy_23`,r=`_title_1ntqy_29`,i=`_description_1ntqy_36`,a=`_close_1ntqy_46`,o=`_info_1ntqy_84`,s=`_success_1ntqy_92`,c=`_warning_1ntqy_100`,l=`_danger_1ntqy_108`,u={root:e,icon:t,content:n,title:r,description:i,close:a,default:`_default_1ntqy_77`,info:o,success:s,warning:c,danger:l};exports.close=a,exports.content=n,exports.danger=l,exports.default=u,exports.description=i,exports.icon=t,exports.info=o,exports.root=e,exports.success=s,exports.title=r,exports.warning=c;
+var e=`_root_tokgo_3`,t=`_icon_tokgo_16`,n=`_content_tokgo_23`,r=`_title_tokgo_29`,i=`_description_tokgo_36`,a=`_close_tokgo_46`,o=`_info_tokgo_84`,s=`_success_tokgo_92`,c=`_warning_tokgo_100`,l=`_danger_tokgo_108`,u={root:e,icon:t,content:n,title:r,description:i,close:a,default:`_default_tokgo_77`,info:o,success:s,warning:c,danger:l};exports.close=a,exports.content=n,exports.danger=l,exports.default=u,exports.description=i,exports.icon=t,exports.info=o,exports.root=e,exports.success=s,exports.title=r,exports.warning=c;

package/dist/components/feedback/Alert/alert.module.js

@@ -1,13 +1,13 @@
 "use client";
 //#region src/components/feedback/Alert/alert.module.scss
-var e = "_root_1ntqy_3", t = "_icon_1ntqy_16", n = "_content_1ntqy_23", r = "_title_1ntqy_29", i = "_description_1ntqy_36", a = "_close_1ntqy_46", o = "_info_1ntqy_84", s = "_success_1ntqy_92", c = "_warning_1ntqy_100", l = "_danger_1ntqy_108", u = {
+var e = "_root_tokgo_3", t = "_icon_tokgo_16", n = "_content_tokgo_23", r = "_title_tokgo_29", i = "_description_tokgo_36", a = "_close_tokgo_46", o = "_info_tokgo_84", s = "_success_tokgo_92", c = "_warning_tokgo_100", l = "_danger_tokgo_108", u = {
 	root: e,
 	icon: t,
 	content: n,
 	title: r,
 	description: i,
 	close: a,
-	default: "_default_1ntqy_77",
+	default: "_default_tokgo_77",
 	info: o,
 	success: s,
 	warning: c,

package/dist/components/feedback/ErrorBoundary/ErrorBoundary.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Box/Box.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../layout/Stack/Stack.cjs"),i=require("../../form/Button/Button.cjs"),a=require("../Alert/Alert.cjs"),o=require("./errorboundary.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=({error:e,errorInfo:l,reset:u,labels:d})=>{let{t:f}=n.useWimTranslation(`common`),[p,m]=(0,s.useState)(!1),h={title:d?.title??f(`error.boundary_title`),retry:d?.retry??f(`error.boundary_retry`),showDetails:d?.showDetails??f(`error.boundary_show_details`),hideDetails:d?.hideDetails??f(`error.boundary_hide_details`)};return(0,c.jsx)(t.Box,{p:`lg`,radius:`md`,bg:`var(--wim-color-danger-subtle)`,className:`wim-error-boundary ${o.default.fallback}`,children:(0,c.jsxs)(r.Stack,{gap:`md`,children:[(0,c.jsx)(a.Alert,{intent:`danger`,title:h.title,description:e.message}),(0,c.jsxs)(r.Stack,{direction:`row`,gap:`sm`,wrap:!0,children:[(0,c.jsx)(i.Button,{onClick:u,variant:`solid`,children:h.retry}),(0,c.jsx)(i.Button,{onClick:()=>m(!p),variant:`outline`,children:p?h.hideDetails:h.showDetails})]}),p&&(0,c.jsx)(t.Box,{p:`md`,bg:`rgba(0, 0, 0, 0.05)`,radius:`sm`,className:o.default.details,children:(0,c.jsxs)(`code`,{children:[e.toString(),(0,c.jsx)(`br`,{}),l?.componentStack]})})]})})},u=class extends s.Component{state={hasError:!1,error:null,errorInfo:null};static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){this.setState({errorInfo:t}),this.props.onError?.(e,t)}reset=()=>{this.setState({hasError:!1,error:null,errorInfo:null}),this.props.onReset?.()};render(){let{hasError:e,error:t,errorInfo:n}=this.state,{children:r,fallback:i,labels:a}=this.props;return e&&t?typeof i==`function`?i(t,n,this.reset):i||(0,c.jsx)(l,{error:t,errorInfo:n,reset:this.reset,labels:a}):r}};exports.ErrorBoundary=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Box/Box.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../layout/Stack/Stack.cjs"),i=require("../../form/Button/Button.cjs"),a=require("../Alert/Alert.cjs"),o=require("./errorboundary.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=({error:e,errorInfo:l,reset:u,labels:d})=>{let{t:f}=n.useWimTranslation(`common`),[p,m]=(0,s.useState)(!1),h={title:d?.title??f(`error.boundary_title`),retry:d?.retry??f(`error.boundary_retry`),showDetails:d?.showDetails??f(`error.boundary_show_details`),hideDetails:d?.hideDetails??f(`error.boundary_hide_details`)};return(0,c.jsx)(t.Box,{p:`lg`,radius:`md`,bg:`var(--wim-color-danger-subtle)`,className:`wim-error-boundary ${o.default.fallback}`,children:(0,c.jsxs)(r.Stack,{gap:`md`,children:[(0,c.jsx)(a.Alert,{intent:`danger`,title:h.title,description:e.message}),(0,c.jsxs)(r.Stack,{direction:`row`,gap:`sm`,wrap:!0,children:[(0,c.jsx)(i.Button,{onClick:u,variant:`solid`,children:h.retry}),(0,c.jsx)(i.Button,{onClick:()=>m(!p),variant:`outline`,children:p?h.hideDetails:h.showDetails})]}),p&&(0,c.jsx)(t.Box,{p:`md`,bg:`surface-inset`,radius:`component`,className:o.default.details,children:(0,c.jsxs)(`code`,{children:[e.toString(),(0,c.jsx)(`br`,{}),l?.componentStack]})})]})})},u=class extends s.Component{state={hasError:!1,error:null,errorInfo:null};static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){this.setState({errorInfo:t}),this.props.onError?.(e,t)}reset=()=>{this.setState({hasError:!1,error:null,errorInfo:null}),this.props.onReset?.()};render(){let{hasError:e,error:t,errorInfo:n}=this.state,{children:r,fallback:i,labels:a}=this.props;return e&&t?typeof i==`function`?i(t,n,this.reset):i||(0,c.jsx)(l,{error:t,errorInfo:n,reset:this.reset,labels:a}):r}};exports.ErrorBoundary=u;

package/dist/components/feedback/ErrorBoundary/ErrorBoundary.js

@@ -44,8 +44,8 @@ var u = ({ error: o, errorInfo: u, reset: d, labels: f }) => {
 				}),
 				m && /* @__PURE__ */ c(e, {
 					p: "md",
-					bg: "rgba(0, 0, 0, 0.05)",
-					radius: "sm",
+					bg: "surface-inset",
+					radius: "component",
 					className: a.details,
 					children: /* @__PURE__ */ l("code", { children: [
 						o.toString(),

package/dist/components/feedback/LoadingOverlay/LoadingOverlay.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../Loader/Loader.cjs"),n=require("../Spinner/Spinner.cjs"),r=require("./loadingoverlay.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=({visible:e=!1,loaderType:i=`spinner`,loaderSize:s=`lg`,loaderColor:c=`primary`,backdropVariant:l=`dark`,blur:u=`sm`,message:d,fixed:f=!1,zIndex:p,children:m,className:h,style:g,..._})=>{if(!e)return null;let v=s?{sm:`sm`,md:`md`,lg:`lg`,xl:`lg`}[s]:void 0,y=()=>m||(i===`spinner`?(0,o.jsx)(n.Spinner,{size:v,color:c}):(0,o.jsx)(t.Loader,{variant:i,size:v,color:c}));return(0,o.jsxs)(`div`,{className:(0,a.default)(`wim-loading-overlay`,r.default.root,f&&r.default.fixed,h),style:{...g,...p!==void 0&&{zIndex:p}},role:`status`,"data-testid":`loading-overlay`,"aria-live":`polite`,"aria-busy":`true`,..._,children:[(0,o.jsx)(`div`,{className:(0,a.default)(r.default.backdrop,r.default[l],r.default[`blur-${u}`])}),(0,o.jsxs)(`div`,{className:r.default.content,children:[y(),d&&(0,o.jsx)(`div`,{className:r.default.message,children:d})]})]})};exports.LoadingOverlay=s,exports.default=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../Loader/Loader.cjs"),n=require("../Spinner/Spinner.cjs"),r=require("./loadingoverlay.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=({visible:e=!1,loaderType:i=`spinner`,loaderSize:s=`lg`,loaderColor:c=`primary`,backdropVariant:l=`dark`,blur:u=`sm`,message:d,fixed:f=!1,zIndex:p,children:m,className:h,style:g,..._})=>{if(!e)return null;let v=()=>m||(i===`spinner`?(0,o.jsx)(n.Spinner,{size:s,color:c}):(0,o.jsx)(t.Loader,{variant:i,size:s,color:c}));return(0,o.jsxs)(`div`,{className:(0,a.default)(`wim-loading-overlay`,r.default.root,f&&r.default.fixed,h),style:{...g,...p!==void 0&&{zIndex:p}},role:`status`,"data-testid":`loading-overlay`,"aria-live":`polite`,"aria-busy":`true`,..._,children:[(0,o.jsx)(`div`,{className:(0,a.default)(r.default.backdrop,r.default[l],r.default[`blur-${u}`])}),(0,o.jsxs)(`div`,{className:r.default.content,children:[v(),d&&(0,o.jsx)(`div`,{className:r.default.message,children:d})]})]})};exports.LoadingOverlay=s,exports.default=s;

package/dist/components/feedback/LoadingOverlay/LoadingOverlay.d.ts

@@ -36,6 +36,16 @@ export type LoadingOverlayProps = React.ComponentPropsWithoutRef<"div"> & {
     message?: string;
     /**
      * Whether to use position: fixed (covers the whole screen).
+     *
+     * When `false` (the default) the overlay is `position: absolute`, so it covers
+     * **the nearest positioned ancestor** — not necessarily the element you wrapped.
+     * Give that element a position explicitly, e.g. `<Box position="relative">`.
+     *
+     * `Card` sets `position: relative` for this reason (T88), so
+     * `<Card><LoadingOverlay /></Card>` covers the card. A plain `<div>` does not,
+     * and the overlay will spread to the viewport — measured at 1280x800 from the
+     * origin while the card it was meant to cover was 1248x75.
+     *
      * @default false
      */
     fixed?: boolean;

package/dist/components/feedback/LoadingOverlay/LoadingOverlay.js

@@ -8,17 +8,12 @@ import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/feedback/LoadingOverlay/LoadingOverlay.tsx
 var o = ({ visible: o = !1, loaderType: s = "spinner", loaderSize: c = "lg", loaderColor: l = "primary", backdropVariant: u = "dark", blur: d = "sm", message: f, fixed: p = !1, zIndex: m, children: h, className: g, style: _, ...v }) => {
 	if (!o) return null;
-	let y = c ? {
-		sm: "sm",
-		md: "md",
-		lg: "lg",
-		xl: "lg"
-	}[c] : void 0, b = () => h || (s === "spinner" ? /* @__PURE__ */ i(t, {
-		size: y,
+	let y = () => h || (s === "spinner" ? /* @__PURE__ */ i(t, {
+		size: c,
 		color: l
 	}) : /* @__PURE__ */ i(e, {
 		variant: s,
-		size: y,
+		size: c,
 		color: l
 	}));
 	return /* @__PURE__ */ a("div", {
@@ -34,7 +29,7 @@ var o = ({ visible: o = !1, loaderType: s = "spinner", loaderSize: c = "lg", loa
 		...v,
 		children: [/* @__PURE__ */ i("div", { className: r(n.backdrop, n[u], n[`blur-${d}`]) }), /* @__PURE__ */ a("div", {
 			className: n.content,
-			children: [b(), f && /* @__PURE__ */ i("div", {
+			children: [y(), f && /* @__PURE__ */ i("div", {
 				className: n.message,
 				children: f
 			})]

package/dist/components/feedback/Toast/toast.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_13zl9_3`,t=`_root_13zl9_38`,n=`_icon_13zl9_54`,r=`_content_13zl9_61`,i=`_title_13zl9_67`,a=`_description_13zl9_73`,o=`_closeButton_13zl9_81`,s=`_info_13zl9_118`,c=`_success_13zl9_125`,l=`_warning_13zl9_132`,u=`_danger_13zl9_139`,d=`_enter_13zl9_146`,f=`_enterFrom_13zl9_149`,p=`_enterTo_13zl9_153`,m=`_leave_13zl9_157`,h=`_leaveFrom_13zl9_160`,g=`_leaveTo_13zl9_164`,_={container:e,"top-right":`_top-right_13zl9_12`,"top-left":`_top-left_13zl9_16`,"top-center":`_top-center_13zl9_20`,"bottom-right":`_bottom-right_13zl9_25`,"bottom-left":`_bottom-left_13zl9_29`,"bottom-center":`_bottom-center_13zl9_33`,root:t,icon:n,content:r,title:i,description:a,closeButton:o,default:`_default_13zl9_111`,info:s,success:c,warning:l,danger:u,enter:d,enterFrom:f,enterTo:p,leave:m,leaveFrom:h,leaveTo:g};exports.closeButton=o,exports.container=e,exports.content=r,exports.danger=u,exports.default=_,exports.description=a,exports.enter=d,exports.enterFrom=f,exports.enterTo=p,exports.icon=n,exports.info=s,exports.leave=m,exports.leaveFrom=h,exports.leaveTo=g,exports.root=t,exports.success=c,exports.title=i,exports.warning=l;
+var e=`_container_1mwqs_3`,t=`_root_1mwqs_38`,n=`_icon_1mwqs_54`,r=`_content_1mwqs_61`,i=`_title_1mwqs_67`,a=`_description_1mwqs_73`,o=`_closeButton_1mwqs_81`,s=`_info_1mwqs_118`,c=`_success_1mwqs_125`,l=`_warning_1mwqs_132`,u=`_danger_1mwqs_139`,d=`_enter_1mwqs_146`,f=`_enterFrom_1mwqs_149`,p=`_enterTo_1mwqs_153`,m=`_leave_1mwqs_157`,h=`_leaveFrom_1mwqs_160`,g=`_leaveTo_1mwqs_164`,_={container:e,"top-right":`_top-right_1mwqs_12`,"top-left":`_top-left_1mwqs_16`,"top-center":`_top-center_1mwqs_20`,"bottom-right":`_bottom-right_1mwqs_25`,"bottom-left":`_bottom-left_1mwqs_29`,"bottom-center":`_bottom-center_1mwqs_33`,root:t,icon:n,content:r,title:i,description:a,closeButton:o,default:`_default_1mwqs_111`,info:s,success:c,warning:l,danger:u,enter:d,enterFrom:f,enterTo:p,leave:m,leaveFrom:h,leaveTo:g};exports.closeButton=o,exports.container=e,exports.content=r,exports.danger=u,exports.default=_,exports.description=a,exports.enter=d,exports.enterFrom=f,exports.enterTo=p,exports.icon=n,exports.info=s,exports.leave=m,exports.leaveFrom=h,exports.leaveTo=g,exports.root=t,exports.success=c,exports.title=i,exports.warning=l;

package/dist/components/feedback/Toast/toast.module.js

@@ -1,20 +1,20 @@
 "use client";
 //#region src/components/feedback/Toast/toast.module.scss
-var e = "_container_13zl9_3", t = "_root_13zl9_38", n = "_icon_13zl9_54", r = "_content_13zl9_61", i = "_title_13zl9_67", a = "_description_13zl9_73", o = "_closeButton_13zl9_81", s = "_info_13zl9_118", c = "_success_13zl9_125", l = "_warning_13zl9_132", u = "_danger_13zl9_139", d = "_enter_13zl9_146", f = "_enterFrom_13zl9_149", p = "_enterTo_13zl9_153", m = "_leave_13zl9_157", h = "_leaveFrom_13zl9_160", g = "_leaveTo_13zl9_164", _ = {
+var e = "_container_1mwqs_3", t = "_root_1mwqs_38", n = "_icon_1mwqs_54", r = "_content_1mwqs_61", i = "_title_1mwqs_67", a = "_description_1mwqs_73", o = "_closeButton_1mwqs_81", s = "_info_1mwqs_118", c = "_success_1mwqs_125", l = "_warning_1mwqs_132", u = "_danger_1mwqs_139", d = "_enter_1mwqs_146", f = "_enterFrom_1mwqs_149", p = "_enterTo_1mwqs_153", m = "_leave_1mwqs_157", h = "_leaveFrom_1mwqs_160", g = "_leaveTo_1mwqs_164", _ = {
 	container: e,
-	"top-right": "_top-right_13zl9_12",
-	"top-left": "_top-left_13zl9_16",
-	"top-center": "_top-center_13zl9_20",
-	"bottom-right": "_bottom-right_13zl9_25",
-	"bottom-left": "_bottom-left_13zl9_29",
-	"bottom-center": "_bottom-center_13zl9_33",
+	"top-right": "_top-right_1mwqs_12",
+	"top-left": "_top-left_1mwqs_16",
+	"top-center": "_top-center_1mwqs_20",
+	"bottom-right": "_bottom-right_1mwqs_25",
+	"bottom-left": "_bottom-left_1mwqs_29",
+	"bottom-center": "_bottom-center_1mwqs_33",
 	root: t,
 	icon: n,
 	content: r,
 	title: i,
 	description: a,
 	closeButton: o,
-	default: "_default_13zl9_111",
+	default: "_default_1mwqs_111",
 	info: s,
 	success: c,
 	warning: l,

package/dist/components/form/Cascader/cascader.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1f4eo_249`,t=`_label_1f4eo_254`,n=`_trigger_1f4eo_261`,r=`_disabled_1f4eo_274`,i=`_open_1f4eo_280`,a=`_value_1f4eo_288`,o=`_placeholder_1f4eo_289`,s=`_icon_1f4eo_292`,c=`_clear_1f4eo_312`,l=`_dropdown_1f4eo_324`,u=`_menu_1f4eo_343`,d=`_menuItem_1f4eo_372`,f=`_active_1f4eo_372`,p=`_selected_1f4eo_380`,m={"wim-docs-container":`_wim-docs-container_1f4eo_129`,"wim-t":`_wim-t_1f4eo_216`,"react-flow":`_react-flow_1f4eo_239`,"react-flow__edges":`_react-flow__edges_1f4eo_240`,"react-flow__connectionline":`_react-flow__connectionline_1f4eo_241`,root:e,label:t,trigger:n,disabled:r,open:i,value:a,placeholder:o,icon:s,clear:c,dropdown:l,menu:u,menuItem:d,active:f,selected:p};exports.active=f,exports.clear=c,exports.default=m,exports.disabled=r,exports.dropdown=l,exports.icon=s,exports.label=t,exports.menu=u,exports.menuItem=d,exports.open=i,exports.placeholder=o,exports.root=e,exports.selected=p,exports.trigger=n,exports.value=a;
+var e=`_root_1tyu7_283`,t=`_label_1tyu7_288`,n=`_trigger_1tyu7_295`,r=`_disabled_1tyu7_308`,i=`_open_1tyu7_314`,a=`_value_1tyu7_322`,o=`_placeholder_1tyu7_323`,s=`_icon_1tyu7_326`,c=`_clear_1tyu7_346`,l=`_dropdown_1tyu7_358`,u=`_menu_1tyu7_377`,d=`_menuItem_1tyu7_406`,f=`_active_1tyu7_406`,p=`_selected_1tyu7_414`,m={"wim-docs-container":`_wim-docs-container_1tyu7_87`,"wim-t":`_wim-t_1tyu7_250`,"react-flow":`_react-flow_1tyu7_273`,"react-flow__edges":`_react-flow__edges_1tyu7_274`,"react-flow__connectionline":`_react-flow__connectionline_1tyu7_275`,root:e,label:t,trigger:n,disabled:r,open:i,value:a,placeholder:o,icon:s,clear:c,dropdown:l,menu:u,menuItem:d,active:f,selected:p};exports.active=f,exports.clear=c,exports.default=m,exports.disabled=r,exports.dropdown=l,exports.icon=s,exports.label=t,exports.menu=u,exports.menuItem=d,exports.open=i,exports.placeholder=o,exports.root=e,exports.selected=p,exports.trigger=n,exports.value=a;

package/dist/components/form/Cascader/cascader.module.js

@@ -1,11 +1,11 @@
 "use client";
 //#region src/components/form/Cascader/cascader.module.scss
-var e = "_root_1f4eo_249", t = "_label_1f4eo_254", n = "_trigger_1f4eo_261", r = "_disabled_1f4eo_274", i = "_open_1f4eo_280", a = "_value_1f4eo_288", o = "_placeholder_1f4eo_289", s = "_icon_1f4eo_292", c = "_clear_1f4eo_312", l = "_dropdown_1f4eo_324", u = "_menu_1f4eo_343", d = "_menuItem_1f4eo_372", f = "_active_1f4eo_372", p = "_selected_1f4eo_380", m = {
-	"wim-docs-container": "_wim-docs-container_1f4eo_129",
-	"wim-t": "_wim-t_1f4eo_216",
-	"react-flow": "_react-flow_1f4eo_239",
-	"react-flow__edges": "_react-flow__edges_1f4eo_240",
-	"react-flow__connectionline": "_react-flow__connectionline_1f4eo_241",
+var e = "_root_1tyu7_283", t = "_label_1tyu7_288", n = "_trigger_1tyu7_295", r = "_disabled_1tyu7_308", i = "_open_1tyu7_314", a = "_value_1tyu7_322", o = "_placeholder_1tyu7_323", s = "_icon_1tyu7_326", c = "_clear_1tyu7_346", l = "_dropdown_1tyu7_358", u = "_menu_1tyu7_377", d = "_menuItem_1tyu7_406", f = "_active_1tyu7_406", p = "_selected_1tyu7_414", m = {
+	"wim-docs-container": "_wim-docs-container_1tyu7_87",
+	"wim-t": "_wim-t_1tyu7_250",
+	"react-flow": "_react-flow_1tyu7_273",
+	"react-flow__edges": "_react-flow__edges_1tyu7_274",
+	"react-flow__connectionline": "_react-flow__connectionline_1tyu7_275",
 	root: e,
 	label: t,
 	trigger: n,

package/dist/components/form/RichTextEditor/RichTextEditor.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../Button/Button.cjs"),r=require("../FieldTemplate/FieldTemplate.cjs"),i=require("../Input/Input.cjs"),a=require("../../overlay/Dialog/Dialog.cjs"),o=require("./commands.cjs"),s=require("./rich-text-editor.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var ee=()=>(0,u.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,"aria-hidden":`true`,children:[(0,u.jsx)(`path`,{d:`M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z`}),(0,u.jsx)(`path`,{d:`M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z`})]}),te=()=>(0,u.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,"aria-hidden":`true`,children:[(0,u.jsx)(`line`,{x1:`19`,y1:`4`,x2:`10`,y2:`4`}),(0,u.jsx)(`line`,{x1:`14`,y1:`20`,x2:`5`,y2:`20`}),(0,u.jsx)(`line`,{x1:`15`,y1:`4`,x2:`9`,y2:`20`})]}),ne=()=>(0,u.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,"aria-hidden":`true`,children:[(0,u.jsx)(`path`,{d:`M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3`}),(0,u.jsx)(`line`,{x1:`4`,y1:`21`,x2:`20`,y2:`21`})]}),re=()=>(0,u.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2.5`,"aria-hidden":`true`,children:[(0,u.jsx)(`path`,{d:`M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6`}),(0,u.jsx)(`line`,{x1:`4`,y1:`12`,x2:`20`,y2:`12`})]}),ie=()=>(0,u.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,"aria-hidden":`true`,children:[(0,u.jsx)(`line`,{x1:`9`,y1:`6`,x2:`20`,y2:`6`}),(0,u.jsx)(`line`,{x1:`9`,y1:`12`,x2:`20`,y2:`12`}),(0,u.jsx)(`line`,{x1:`9`,y1:`18`,x2:`20`,y2:`18`}),(0,u.jsx)(`circle`,{cx:`4`,cy:`6`,r:`1.5`,fill:`currentColor`,stroke:`none`}),(0,u.jsx)(`circle`,{cx:`4`,cy:`12`,r:`1.5`,fill:`currentColor`,stroke:`none`}),(0,u.jsx)(`circle`,{cx:`4`,cy:`18`,r:`1.5`,fill:`currentColor`,stroke:`none`})]}),ae=()=>(0,u.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,"aria-hidden":`true`,children:[(0,u.jsx)(`line`,{x1:`10`,y1:`6`,x2:`21`,y2:`6`}),(0,u.jsx)(`line`,{x1:`10`,y1:`12`,x2:`21`,y2:`12`}),(0,u.jsx)(`line`,{x1:`10`,y1:`18`,x2:`21`,y2:`18`}),(0,u.jsx)(`text`,{x:`1`,y:`8`,fontSize:`7`,fill:`currentColor`,stroke:`none`,fontWeight:`bold`,children:`1.`}),(0,u.jsx)(`text`,{x:`1`,y:`14`,fontSize:`7`,fill:`currentColor`,stroke:`none`,fontWeight:`bold`,children:`2.`}),(0,u.jsx)(`text`,{x:`1`,y:`20`,fontSize:`7`,fill:`currentColor`,stroke:`none`,fontWeight:`bold`,children:`3.`})]}),oe=()=>(0,u.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,"aria-hidden":`true`,children:[(0,u.jsx)(`path`,{d:`M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71`}),(0,u.jsx)(`path`,{d:`M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71`})]}),se=()=>(0,u.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,"aria-hidden":`true`,children:[(0,u.jsx)(`path`,{d:`M18.84 12.25l1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.72`}),(0,u.jsx)(`path`,{d:`M5.17 11.75l-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71`}),(0,u.jsx)(`line`,{x1:`8`,y1:`2`,x2:`8`,y2:`5`}),(0,u.jsx)(`line`,{x1:`2`,y1:`8`,x2:`5`,y2:`8`}),(0,u.jsx)(`line`,{x1:`16`,y1:`19`,x2:`16`,y2:`22`}),(0,u.jsx)(`line`,{x1:`19`,y1:`16`,x2:`22`,y2:`16`})]}),ce=()=>(0,u.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,"aria-hidden":`true`,children:[(0,u.jsx)(`path`,{d:`M20 20H7L3 16l10-10 7 7-3.5 3.5`}),(0,u.jsx)(`line`,{x1:`6`,y1:`7`,x2:`17`,y2:`18`})]}),le=[`bold`,`italic`,`underline`,`strikethrough`,`separator`,`h1`,`h2`,`h3`,`separator`,`ul`,`ol`,`separator`,`link`,`unlink`,`separator`,`removeFormat`],d=c.default.memo(({onClick:e,active:t,disabled:n,title:r,children:i})=>(0,u.jsx)(`button`,{type:`button`,className:(0,l.default)(s.default.toolbarBtn,t&&s.default.active),onClick:e,disabled:n,title:r,"aria-label":r,"aria-pressed":t,tabIndex:-1,children:i}));d.displayName=`ToolbarButton`;var f=({value:e,defaultValue:f=``,onChange:p,placeholder:m,disabled:ue,intent:de=`default`,variant:fe=`outline`,fullWidth:h=!1,width:g,minHeight:_=200,label:v,error:y,required:pe,layout:me,className:he,id:ge,toolbar:_e=le,labels:ve={},"aria-label":ye,"aria-labelledby":be})=>{let{t:b}=t.useWimTranslation(`components`),{bold:xe=b(`a11y.rte_bold`),italic:x=b(`a11y.rte_italic`),underline:S=b(`a11y.rte_underline`),strikethrough:C=b(`a11y.rte_strikethrough`),h1:w=b(`a11y.rte_h1`),h2:T=b(`a11y.rte_h2`),h3:E=b(`a11y.rte_h3`),ul:D=b(`a11y.rte_ul`),ol:O=b(`a11y.rte_ol`),link:k=b(`a11y.rte_link`),unlink:A=b(`a11y.rte_unlink`),removeFormat:j=b(`a11y.rte_remove_format`),toolbar:Se=b(`a11y.rte_toolbar`),linkPrompt:Ce=b(`a11y.rte_link_prompt`),linkApply:we=b(`a11y.rte_link_apply`),linkCancel:Te=b(`a11y.rte_link_cancel`)}=ve,M=c.default.useRef(null),N=c.default.useRef(!1),P=c.default.useRef(e??f),[F,Ee]=c.default.useState(new Set),De=c.default.useId(),I=ge||`wim-rte-${De}`,L=y?`${I}-error`:void 0,Oe=v?`${I}-label`:void 0,R=ue,ke=y?`danger`:de,Ae=typeof g==`string`&&[`xs`,`sm`,`md`,`lg`,`xl`].includes(g),je=g!==void 0&&!Ae&&!h,z=Ae&&!h?g:void 0,Me=z?s.default[`width${z.charAt(0).toUpperCase()}${z.slice(1)}`]:void 0,B=c.default.useRef(e===void 0?f:e),V=c.default.useCallback(()=>{M.current&&Ee(o.getActiveFormats(M.current))},[]),H=c.default.useRef([]),U=c.default.useRef(-1),W=c.default.useRef(void 0),G=c.default.useCallback(e=>{let t=H.current,n=U.current;if(t[n]===e)return;let r=[...t.slice(0,n+1),e];r.length>100&&(r=r.slice(1)),H.current=r,U.current=r.length-1},[]),K=c.default.useCallback(()=>{W.current!==void 0&&(clearTimeout(W.current),W.current=void 0,G(P.current))},[G]),q=c.default.useCallback(e=>{K();let t=H.current,n=U.current+e;if(n<0||n>=t.length||!M.current)return;U.current=n;let r=t[n];M.current.innerHTML=r,P.current=r,p?.(r);let i=document.createRange();i.selectNodeContents(M.current),i.collapse(!1);let a=window.getSelection();a?.removeAllRanges(),a?.addRange(i),V()},[K,p,V]),J=c.default.useCallback(e=>{if(R||!M.current)return;let t=M.current,n=o.getEditorRange(t)?.cloneRange()??null;if(t.focus(),n){let e=window.getSelection();e?.removeAllRanges(),e?.addRange(n)}K(),G(t.innerHTML),e(t),V();let r=t.innerHTML;P.current=r,G(r),p?.(r)},[R,K,G,p,V]),Ne=c.default.useCallback(()=>{J(e=>o.removeAllFormatting(e))},[J]),[Pe,Y]=c.default.useState(!1),[X,Fe]=c.default.useState(`https://`),Z=c.default.useRef(null),Q=c.default.useCallback(()=>{if(R||!M.current)return;M.current.focus();let e=o.getEditorRange(M.current);Z.current=e?e.cloneRange():null;let t=e?.toString()??``;Fe(t.startsWith(`http`)?t:`https://`),Y(!0)},[R]),Ie=c.default.useCallback(()=>{let e=X.trim();if(Y(!1),!e||!M.current)return;let t=window.getSelection();if(t?.removeAllRanges(),Z.current)t?.addRange(Z.current);else{let e=document.createRange();e.selectNodeContents(M.current),e.collapse(!1),t?.addRange(e)}J(t=>o.createLink(t,e))},[X,J]),$=c.default.useCallback(()=>{if(N.current)return;let e=M.current?.innerHTML??``;e!==P.current&&(P.current=e,p?.(e),W.current!==void 0&&clearTimeout(W.current),W.current=setTimeout(()=>{W.current=void 0,G(P.current)},400)),V()},[p,G,V]),Le=c.default.useCallback(e=>{let t=e.nativeEvent.inputType;t===`historyUndo`?(e.preventDefault(),q(-1)):t===`historyRedo`&&(e.preventDefault(),q(1))},[q]),Re=c.default.useCallback(e=>{if(!(e.ctrlKey||e.metaKey))return;let t=e.key.toLowerCase();t===`z`?(e.preventDefault(),q(e.shiftKey?1:-1)):t===`y`&&(e.preventDefault(),q(1))},[q]),ze=c.default.useCallback(()=>{V()},[V]),Be=c.default.useCallback(()=>{V()},[V]),Ve=c.default.useCallback(()=>{N.current=!0},[]),He=c.default.useCallback(()=>{N.current=!1,$()},[$]),Ue=c.default.useCallback(e=>{e.preventDefault()},[]);c.default.useEffect(()=>{M.current&&(M.current.innerHTML=B.current,P.current=B.current,H.current=[B.current],U.current=0)},[]),c.default.useEffect(()=>{e!==void 0&&M.current&&M.current.innerHTML!==e&&(M.current.innerHTML=e,P.current=e)},[e]);let We=c.default.useCallback((e,t)=>{if(e===`separator`)return(0,u.jsx)(`span`,{className:s.default.toolbarSep,"aria-hidden":`true`},`sep-${t}`);let n={disabled:R,active:F.has(e)};switch(e){case`bold`:return(0,u.jsx)(d,{...n,title:xe,onClick:()=>J(e=>o.toggleInline(e,`bold`)),children:(0,u.jsx)(ee,{})},`bold`);case`italic`:return(0,u.jsx)(d,{...n,title:x,onClick:()=>J(e=>o.toggleInline(e,`italic`)),children:(0,u.jsx)(te,{})},`italic`);case`underline`:return(0,u.jsx)(d,{...n,title:S,onClick:()=>J(e=>o.toggleInline(e,`underline`)),children:(0,u.jsx)(ne,{})},`underline`);case`strikethrough`:return(0,u.jsx)(d,{...n,title:C,onClick:()=>J(e=>o.toggleInline(e,`strikethrough`)),children:(0,u.jsx)(re,{})},`strikethrough`);case`h1`:return(0,u.jsx)(d,{...n,active:F.has(`h1`),title:w,onClick:()=>J(e=>o.setBlock(e,`h1`)),children:(0,u.jsx)(`span`,{"aria-hidden":`true`,children:`H1`})},`h1`);case`h2`:return(0,u.jsx)(d,{...n,active:F.has(`h2`),title:T,onClick:()=>J(e=>o.setBlock(e,`h2`)),children:(0,u.jsx)(`span`,{"aria-hidden":`true`,children:`H2`})},`h2`);case`h3`:return(0,u.jsx)(d,{...n,active:F.has(`h3`),title:E,onClick:()=>J(e=>o.setBlock(e,`h3`)),children:(0,u.jsx)(`span`,{"aria-hidden":`true`,children:`H3`})},`h3`);case`ul`:return(0,u.jsx)(d,{...n,title:D,onClick:()=>J(e=>o.toggleList(e,`ul`)),children:(0,u.jsx)(ie,{})},`ul`);case`ol`:return(0,u.jsx)(d,{...n,title:O,onClick:()=>J(e=>o.toggleList(e,`ol`)),children:(0,u.jsx)(ae,{})},`ol`);case`link`:return(0,u.jsx)(d,{...n,title:k,onClick:Q,children:(0,u.jsx)(oe,{})},`link`);case`unlink`:return(0,u.jsx)(d,{...n,title:A,onClick:()=>J(e=>o.removeLink(e)),children:(0,u.jsx)(se,{})},`unlink`);case`removeFormat`:return(0,u.jsx)(d,{...n,title:j,onClick:Ne,children:(0,u.jsx)(ce,{})},`removeFormat`);default:return null}},[F,R,xe,x,S,C,w,T,E,D,O,k,A,j,J,Q,Ne]);return(0,u.jsx)(r.FieldTemplate,{label:v,error:y,required:pe,layout:me,labelId:Oe,errorId:L,className:he,children:(0,u.jsxs)(`div`,{className:(0,l.default)(`wim-rich-text-editor`,s.default.root,s.default[ke],R&&s.default.disabled,s.default[fe],h&&s.default.fullWidth,je&&s.default.hasCustomWidth,Me),style:je?{"--wim-input-width":typeof g==`number`?`${g}px`:g}:void 0,children:[(0,u.jsx)(`div`,{className:s.default.toolbar,role:`toolbar`,"aria-label":Se,"aria-controls":I,onMouseDown:Ue,children:_e.map((e,t)=>We(e,t))}),(0,u.jsx)(`div`,{ref:M,id:I,className:s.default.content,contentEditable:!R,suppressContentEditableWarning:!0,role:`textbox`,"aria-multiline":!0,"aria-label":ye??(v||be?void 0:b(`a11y.rte_editor`)),"aria-labelledby":be??(v?Oe:void 0),"aria-invalid":ke===`danger`,"aria-describedby":L,"aria-required":pe,"aria-disabled":R,"aria-placeholder":m,"data-placeholder":m,tabIndex:R?-1:0,style:{minHeight:typeof _==`number`?`${_}px`:_,outline:`none`},onInput:$,onBeforeInput:Le,onKeyDown:Re,onKeyUp:ze,onMouseUp:Be,onCompositionStart:Ve,onCompositionEnd:He}),(0,u.jsx)(a.Dialog,{open:Pe,onOpenChange:Y,children:(0,u.jsxs)(a.DialogContent,{children:[(0,u.jsx)(a.DialogHeader,{children:(0,u.jsx)(a.DialogTitle,{children:k})}),(0,u.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),Ie()},children:[(0,u.jsx)(i.Input,{label:Ce,type:`url`,value:X,onChange:e=>Fe(e.target.value),fullWidth:!0}),(0,u.jsxs)(a.DialogFooter,{children:[(0,u.jsx)(a.DialogClose,{asChild:!0,children:(0,u.jsx)(n.Button,{variant:`ghost`,type:`button`,children:Te})}),(0,u.jsx)(n.Button,{variant:`solid`,type:`submit`,children:we})]})]})]})})]})})};f.displayName=`RichTextEditor`,exports.RichTextEditor=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/bold.cjs"),r=require("../../../icon/eraser.cjs"),i=require("../../../icon/italic.cjs"),a=require("../../../icon/link.cjs"),ee=require("../../../icon/list-ordered.cjs"),te=require("../../../icon/list.cjs"),ne=require("../../../icon/strikethrough.cjs"),re=require("../../../icon/underline.cjs"),ie=require("../../../icon/unlink.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("../Button/Button.cjs"),ae=require("../FieldTemplate/FieldTemplate.cjs"),oe=require("../Input/Input.cjs"),c=require("../../overlay/Dialog/Dialog.cjs"),l=require("./commands.cjs"),u=require("./rich-text-editor.module.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("classnames");f=e.__toESM(f,1);let p=require("react/jsx-runtime");var se=[`bold`,`italic`,`underline`,`strikethrough`,`separator`,`h1`,`h2`,`h3`,`separator`,`ul`,`ol`,`separator`,`link`,`unlink`,`separator`,`removeFormat`],m=d.default.memo(({onClick:e,active:t,disabled:n,title:r,children:i})=>(0,p.jsx)(`button`,{type:`button`,className:(0,f.default)(u.default.toolbarBtn,t&&u.default.active),onClick:e,disabled:n,title:r,"aria-label":r,"aria-pressed":t,tabIndex:-1,children:i}));m.displayName=`ToolbarButton`;var h=({value:e,defaultValue:h=``,onChange:g,placeholder:ce,disabled:le,intent:ue=`default`,variant:de=`outline`,fullWidth:_=!1,width:v,minHeight:y=200,label:b,error:x,required:S,layout:fe,className:pe,id:me,toolbar:he=se,labels:ge={},"aria-label":_e,"aria-labelledby":C})=>{let{t:w}=t.useWimTranslation(`components`),{bold:ve=w(`a11y.rte_bold`),italic:T=w(`a11y.rte_italic`),underline:E=w(`a11y.rte_underline`),strikethrough:ye=w(`a11y.rte_strikethrough`),h1:be=w(`a11y.rte_h1`),h2:xe=w(`a11y.rte_h2`),h3:Se=w(`a11y.rte_h3`),ul:Ce=w(`a11y.rte_ul`),ol:we=w(`a11y.rte_ol`),link:D=w(`a11y.rte_link`),unlink:Te=w(`a11y.rte_unlink`),removeFormat:O=w(`a11y.rte_remove_format`),toolbar:Ee=w(`a11y.rte_toolbar`),linkPrompt:De=w(`a11y.rte_link_prompt`),linkApply:Oe=w(`a11y.rte_link_apply`),linkCancel:ke=w(`a11y.rte_link_cancel`)}=ge,k=d.default.useRef(null),A=d.default.useRef(!1),j=d.default.useRef(e??h),[M,Ae]=d.default.useState(new Set),je=d.default.useId(),N=me||`wim-rte-${je}`,P=x?`${N}-error`:void 0,F=b?`${N}-label`:void 0,I=le,L=x?`danger`:ue,R=typeof v==`string`&&[`xs`,`sm`,`md`,`lg`,`xl`].includes(v),z=v!==void 0&&!R&&!_,B=R&&!_?v:void 0,Me=B?u.default[`width${B.charAt(0).toUpperCase()}${B.slice(1)}`]:void 0,V=d.default.useRef(e===void 0?h:e),H=d.default.useCallback(()=>{k.current&&Ae(l.getActiveFormats(k.current))},[]),U=d.default.useRef([]),W=d.default.useRef(-1),G=d.default.useRef(void 0),K=d.default.useCallback(e=>{let t=U.current,n=W.current;if(t[n]===e)return;let r=[...t.slice(0,n+1),e];r.length>100&&(r=r.slice(1)),U.current=r,W.current=r.length-1},[]),q=d.default.useCallback(()=>{G.current!==void 0&&(clearTimeout(G.current),G.current=void 0,K(j.current))},[K]),J=d.default.useCallback(e=>{q();let t=U.current,n=W.current+e;if(n<0||n>=t.length||!k.current)return;W.current=n;let r=t[n];k.current.innerHTML=r,j.current=r,g?.(r);let i=document.createRange();i.selectNodeContents(k.current),i.collapse(!1);let a=window.getSelection();a?.removeAllRanges(),a?.addRange(i),H()},[q,g,H]),Y=d.default.useCallback(e=>{if(I||!k.current)return;let t=k.current,n=l.getEditorRange(t)?.cloneRange()??null;if(t.focus(),n){let e=window.getSelection();e?.removeAllRanges(),e?.addRange(n)}q(),K(t.innerHTML),e(t),H();let r=t.innerHTML;j.current=r,K(r),g?.(r)},[I,q,K,g,H]),Ne=d.default.useCallback(()=>{Y(e=>l.removeAllFormatting(e))},[Y]),[Pe,X]=d.default.useState(!1),[Z,Fe]=d.default.useState(`https://`),Q=d.default.useRef(null),Ie=d.default.useCallback(()=>{if(I||!k.current)return;k.current.focus();let e=l.getEditorRange(k.current);Q.current=e?e.cloneRange():null;let t=e?.toString()??``;Fe(t.startsWith(`http`)?t:`https://`),X(!0)},[I]),Le=d.default.useCallback(()=>{let e=Z.trim();if(X(!1),!e||!k.current)return;let t=window.getSelection();if(t?.removeAllRanges(),Q.current)t?.addRange(Q.current);else{let e=document.createRange();e.selectNodeContents(k.current),e.collapse(!1),t?.addRange(e)}Y(t=>l.createLink(t,e))},[Z,Y]),$=d.default.useCallback(()=>{if(A.current)return;let e=k.current?.innerHTML??``;e!==j.current&&(j.current=e,g?.(e),G.current!==void 0&&clearTimeout(G.current),G.current=setTimeout(()=>{G.current=void 0,K(j.current)},400)),H()},[g,K,H]),Re=d.default.useCallback(e=>{let t=e.nativeEvent.inputType;t===`historyUndo`?(e.preventDefault(),J(-1)):t===`historyRedo`&&(e.preventDefault(),J(1))},[J]),ze=d.default.useCallback(e=>{if(!(e.ctrlKey||e.metaKey))return;let t=e.key.toLowerCase();t===`z`?(e.preventDefault(),J(e.shiftKey?1:-1)):t===`y`&&(e.preventDefault(),J(1))},[J]),Be=d.default.useCallback(()=>{H()},[H]),Ve=d.default.useCallback(()=>{H()},[H]),He=d.default.useCallback(()=>{A.current=!0},[]),Ue=d.default.useCallback(()=>{A.current=!1,$()},[$]),We=d.default.useCallback(e=>{e.preventDefault()},[]);d.default.useEffect(()=>{k.current&&(k.current.innerHTML=V.current,j.current=V.current,U.current=[V.current],W.current=0)},[]),d.default.useEffect(()=>{e!==void 0&&k.current&&k.current.innerHTML!==e&&(k.current.innerHTML=e,j.current=e)},[e]);let Ge=d.default.useCallback((e,t)=>{if(e===`separator`)return(0,p.jsx)(`span`,{className:u.default.toolbarSep,"aria-hidden":`true`},`sep-${t}`);let s={disabled:I,active:M.has(e)};switch(e){case`bold`:return(0,p.jsx)(m,{...s,title:ve,onClick:()=>Y(e=>l.toggleInline(e,`bold`)),children:(0,p.jsx)(o.Icon,{component:n.default,size:`sm`})},`bold`);case`italic`:return(0,p.jsx)(m,{...s,title:T,onClick:()=>Y(e=>l.toggleInline(e,`italic`)),children:(0,p.jsx)(o.Icon,{component:i.default,size:`sm`})},`italic`);case`underline`:return(0,p.jsx)(m,{...s,title:E,onClick:()=>Y(e=>l.toggleInline(e,`underline`)),children:(0,p.jsx)(o.Icon,{component:re.default,size:`sm`})},`underline`);case`strikethrough`:return(0,p.jsx)(m,{...s,title:ye,onClick:()=>Y(e=>l.toggleInline(e,`strikethrough`)),children:(0,p.jsx)(o.Icon,{component:ne.default,size:`sm`})},`strikethrough`);case`h1`:return(0,p.jsx)(m,{...s,active:M.has(`h1`),title:be,onClick:()=>Y(e=>l.setBlock(e,`h1`)),children:(0,p.jsx)(`span`,{"aria-hidden":`true`,children:`H1`})},`h1`);case`h2`:return(0,p.jsx)(m,{...s,active:M.has(`h2`),title:xe,onClick:()=>Y(e=>l.setBlock(e,`h2`)),children:(0,p.jsx)(`span`,{"aria-hidden":`true`,children:`H2`})},`h2`);case`h3`:return(0,p.jsx)(m,{...s,active:M.has(`h3`),title:Se,onClick:()=>Y(e=>l.setBlock(e,`h3`)),children:(0,p.jsx)(`span`,{"aria-hidden":`true`,children:`H3`})},`h3`);case`ul`:return(0,p.jsx)(m,{...s,title:Ce,onClick:()=>Y(e=>l.toggleList(e,`ul`)),children:(0,p.jsx)(o.Icon,{component:te.default,size:`sm`})},`ul`);case`ol`:return(0,p.jsx)(m,{...s,title:we,onClick:()=>Y(e=>l.toggleList(e,`ol`)),children:(0,p.jsx)(o.Icon,{component:ee.default,size:`sm`})},`ol`);case`link`:return(0,p.jsx)(m,{...s,title:D,onClick:Ie,children:(0,p.jsx)(o.Icon,{component:a.default,size:`sm`})},`link`);case`unlink`:return(0,p.jsx)(m,{...s,title:Te,onClick:()=>Y(e=>l.removeLink(e)),children:(0,p.jsx)(o.Icon,{component:ie.default,size:`sm`})},`unlink`);case`removeFormat`:return(0,p.jsx)(m,{...s,title:O,onClick:Ne,children:(0,p.jsx)(o.Icon,{component:r.default,size:`sm`})},`removeFormat`);default:return null}},[M,I,ve,T,E,ye,be,xe,Se,Ce,we,D,Te,O,Y,Ie,Ne]);return(0,p.jsx)(ae.FieldTemplate,{label:b,error:x,required:S,layout:fe,labelId:F,errorId:P,className:pe,children:(0,p.jsxs)(`div`,{className:(0,f.default)(`wim-rich-text-editor`,u.default.root,u.default[L],I&&u.default.disabled,u.default[de],_&&u.default.fullWidth,z&&u.default.hasCustomWidth,Me),style:z?{"--wim-input-width":typeof v==`number`?`${v}px`:v}:void 0,children:[(0,p.jsx)(`div`,{className:u.default.toolbar,role:`toolbar`,"aria-label":Ee,"aria-controls":N,onMouseDown:We,children:he.map((e,t)=>Ge(e,t))}),(0,p.jsx)(`div`,{ref:k,id:N,className:u.default.content,contentEditable:!I,suppressContentEditableWarning:!0,role:`textbox`,"aria-multiline":!0,"aria-label":_e??(b||C?void 0:w(`a11y.rte_editor`)),"aria-labelledby":C??(b?F:void 0),"aria-invalid":L===`danger`,"aria-describedby":P,"aria-required":S,"aria-disabled":I,"aria-placeholder":ce,"data-placeholder":ce,tabIndex:I?-1:0,style:{minHeight:typeof y==`number`?`${y}px`:y,outline:`none`},onInput:$,onBeforeInput:Re,onKeyDown:ze,onKeyUp:Be,onMouseUp:Ve,onCompositionStart:He,onCompositionEnd:Ue}),(0,p.jsx)(c.Dialog,{open:Pe,onOpenChange:X,children:(0,p.jsxs)(c.DialogContent,{children:[(0,p.jsx)(c.DialogHeader,{children:(0,p.jsx)(c.DialogTitle,{children:D})}),(0,p.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),Le()},children:[(0,p.jsx)(oe.Input,{label:De,type:`url`,value:Z,onChange:e=>Fe(e.target.value),fullWidth:!0}),(0,p.jsxs)(c.DialogFooter,{children:[(0,p.jsx)(c.DialogClose,{asChild:!0,children:(0,p.jsx)(s.Button,{variant:`ghost`,type:`button`,children:ke})}),(0,p.jsx)(s.Button,{variant:`solid`,type:`submit`,children:Oe})]})]})]})})]})})};h.displayName=`RichTextEditor`,exports.RichTextEditor=h;