@react-form-builder/components-rsuite 7.11.0 → 7.13.0

package/dist/search.js

@@ -4,7 +4,7 @@ import { define as P, string as s, boolean as y, useComponentData as I, useAriaA
 import { Search as R } from "@rsuite/icons";
 import { useCallback as j, useMemo as D } from "react";
 import { InputPicker as F, Loader as M } from "rsuite";
-import { b as O } from "./commonProperties-ETOgvhCH.js";
+import { b as O } from "./commonProperties-X-t50qaZ.js";
 import { u as T, a as w } from "./hooks-DMVtrI-b.js";
 import { f as z } from "./categories-_98lyB3C.js";
 import { u as E } from "./useTouchOnEvent-BPYbKiku.js";

package/dist/tab.js

@@ -3,7 +3,7 @@ import b from "@emotion/styled";
 import { define as v, node as f, boolean as y, array as h, toLabeledValues as g, useComponentData as K } from "@react-form-builder/core";
 import { useCallback as C } from "react";
 import { Nav as i } from "rsuite";
-import { n as I } from "./commonProperties-ETOgvhCH.js";
+import { n as I } from "./commonProperties-X-t50qaZ.js";
 import { s as T } from "./categories-_98lyB3C.js";
 const x = b(i)({
   ".builder & .rs-nav-item": {

package/dist/tag-picker.js

@@ -2,7 +2,7 @@ import { jsx as o } from "@emotion/react/jsx-runtime";
 import { define as p, array as s, toLabeledValues as i } from "@react-form-builder/core";
 import { useRef as d, useEffect as g, useMemo as P } from "react";
 import { TagPicker as T } from "rsuite";
-import { b as n } from "./commonProperties-ETOgvhCH.js";
+import { b as n } from "./commonProperties-X-t50qaZ.js";
 import { s as b } from "./hooks-DMVtrI-b.js";
 import { f as k } from "./categories-_98lyB3C.js";
 import { u as h } from "./useTouchOnEvent-BPYbKiku.js";

package/dist/text-area.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "@emotion/react/jsx-runtime";
-import { define as d, event as a, disabled as i, string as e } from "@react-form-builder/core";
+import { define as d, event as a, string as e, disabled as i } from "@react-form-builder/core";
 import { Input as f } from "rsuite";
-import { r as m, s as n, d as p } from "./commonProperties-ETOgvhCH.js";
+import { r as m, s as n, d as p } from "./commonProperties-X-t50qaZ.js";
 import { f as u } from "./categories-_98lyB3C.js";
 import { L as x } from "./Labeled-BWYRwMiY.js";
 const T = ({ style: t, className: s, label: o, ...l }) => /* @__PURE__ */ r(x, { label: o, style: t, className: s, passAriaToChildren: !0, children: /* @__PURE__ */ r(f, { as: "textarea", ...l }) }), y = d(T, "RsTextArea").name("Text area").category(u).props({

package/dist/time-picker.js

@@ -1,9 +1,9 @@
 import { jsx as u } from "@emotion/react/jsx-runtime";
-import { define as P, event as e, boolean as m, disabled as V, string as l, time as T, isNull as v, timeFormat as o } from "@react-form-builder/core";
+import { define as P, event as e, boolean as m, time as T, string as l, disabled as V, isNull as v, timeFormat as o } from "@react-form-builder/core";
 import { format as x, parse as y } from "date-fns";
 import { useMemo as a, useCallback as F } from "react";
 import { DatePicker as H } from "rsuite";
-import { s as I, p as w, r as A } from "./commonProperties-ETOgvhCH.js";
+import { s as I, p as w, r as A } from "./commonProperties-X-t50qaZ.js";
 import { f as L, t as M } from "./dateTimeUtils-C2AEniv5.js";
 import { f as R } from "./categories-_98lyB3C.js";
 import { u as S } from "./useTouchOnEvent-BPYbKiku.js";

package/dist/toggle.js

@@ -1,7 +1,7 @@
 import o from "@emotion/styled";
-import { define as r, event as a, boolean as l, oneOf as d, disabled as t, string as e } from "@react-form-builder/core";
+import { define as r, event as a, string as e, boolean as l, oneOf as d, disabled as t } from "@react-form-builder/core";
 import { Toggle as s } from "rsuite";
-import { c as i, r as f } from "./commonProperties-ETOgvhCH.js";
+import { c as i, r as f } from "./commonProperties-X-t50qaZ.js";
 import { f as g } from "./categories-_98lyB3C.js";
 import { r as n } from "./Labeled-BWYRwMiY.js";
 const m = o(s)`

package/dist/tooltip.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "@emotion/react/jsx-runtime";
-import { define as n, someOf as p, oneOf as s, node as d, string as m } from "@react-form-builder/core";
+import { define as n, node as p, someOf as s, oneOf as d, string as m } from "@react-form-builder/core";
 import { useMemo as c } from "react";
 import { Tooltip as u, Whisper as f } from "rsuite";
 import { a as h } from "./categories-_98lyB3C.js";
@@ -8,8 +8,8 @@ const g = { width: "100%", height: "100%" }, S = ({ text: o, placement: e, trigg
   return r ? /* @__PURE__ */ t(f, { placement: e, trigger: i, speaker: l, children: /* @__PURE__ */ t("div", { ...a, style: g, children: r }) }) : null;
 }, q = n(S, "RsTooltip").name("Tooltip").category(h).props({
   text: m.required.default("Tooltip message...").dataBound,
-  children: d,
-  placement: s(
+  children: p,
+  placement: d(
     "top",
     "bottom",
     "right",
@@ -29,7 +29,7 @@ const g = { width: "100%", height: "100%" }, S = ({ text: o, placement: e, trigg
     "autoHorizontal",
     "autoHorizontalStart"
   ).required.default("bottom").withEditorProps({ creatable: !1 }),
-  trigger: p("click", "hover", "focus", "active", "contextMenu").required.default(["hover"])
+  trigger: s("click", "hover", "focus", "active", "contextMenu").required.default(["hover"])
 }).componentRole("tooltip");
 export {
   q as rsTooltip

package/dist/uploader.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "@emotion/react/jsx-runtime";
-import { define as y, array as R, boolean as e, event as t, string as o, oneOf as U, disabled as x, node as E } from "@react-form-builder/core";
+import { define as y, event as t, string as o, node as R, array as U, boolean as e, oneOf as x, disabled as E } from "@react-form-builder/core";
 import { useRef as I, useEffect as C, useMemo as m } from "react";
 import { Uploader as w } from "rsuite";
-import { a as A, r as P } from "./commonProperties-ETOgvhCH.js";
+import { a as A, r as P } from "./commonProperties-X-t50qaZ.js";
 import { s as N } from "./hooks-DMVtrI-b.js";
 import { f as O } from "./categories-_98lyB3C.js";
 import { u as T } from "./useTouchOnEvent-BPYbKiku.js";
@@ -37,14 +37,14 @@ const S = ({ customElement: p, children: c, disabled: d, multiple: l, fileList:
   accept: o,
   autoUpload: e.default(!0),
   customElement: e.default(!1),
-  children: E,
+  children: R,
   disableMultipart: e.default(!1),
-  disabled: x.default(!1),
+  disabled: E.default(!1),
   readOnly: P,
   disabledFileItem: e.default(!1),
   draggable: e.default(!1),
   fileListVisible: e.default(!0),
-  listType: U("text", "picture-text", "picture").withEditorProps({ creatable: !1 }),
+  listType: x("text", "picture-text", "picture").withEditorProps({ creatable: !1 }),
   method: o,
   multiple: e.default(!1),
   name: o,
@@ -59,7 +59,7 @@ const S = ({ customElement: p, children: c, disabled: d, multiple: l, fileList:
   removable: e.default(!1),
   timeout: A,
   withCredentials: e.default(!1),
-  fileList: R.withEditorProps({ columns: j }).valued
+  fileList: U.withEditorProps({ columns: j }).valued
 });
 export {
   G as rsUploader

package/dist/wizard.d.ts

@@ -2,9 +2,11 @@ import { ClassAttributes } from 'react';
 import { Definer } from '@react-form-builder/core';
 import { HTMLAttributes } from 'react';
 import { PropsWithChildren } from 'react';
+import { RefAttributes } from 'react';
+import { SyntheticEvent } from 'react';
 import { Theme } from '@emotion/react';
 
-export declare const rsWizard: Definer<RsWizardProps>;
+export declare const rsWizard: Definer<Omit<RsWizardProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
 /**
  * Props for the RsWizard component.
@@ -45,11 +47,11 @@ export declare interface RsWizardProps extends PropsWithChildren<any> {
     /**
      * Whether to validate on next.
      */
-    validateOnNext: boolean;
+    validateOnNext?: boolean;
     /**
      * Whether to validate on finish.
      */
-    validateOnFinish: boolean;
+    validateOnFinish?: boolean;
     /**
      * Callback when step changes.
      */
@@ -57,15 +59,15 @@ export declare interface RsWizardProps extends PropsWithChildren<any> {
     /**
      * Callback when next button is clicked.
      */
-    onNext?: () => void;
+    onNext?: (event: SyntheticEvent) => void;
     /**
      * Callback when previous button is clicked.
      */
-    onPrev?: () => void;
+    onPrev?: (event: SyntheticEvent) => void;
     /**
      * Callback when finish button is clicked.
      */
-    onFinish?: () => void;
+    onFinish?: (event: SyntheticEvent) => void;
 }
 
 export declare const rsWizardStep: Definer<    {

package/dist/wizard.js

@@ -1,14 +1,14 @@
-import { jsxs as f, jsx as n } from "@emotion/react/jsx-runtime";
-import { cx as n1 } from "@emotion/css";
-import m from "@emotion/styled";
-import { define as D, node as o1, string as b, containerStyles as q, ComponentStore as G, event as P, boolean as h, nodeArray as i1, array as l1, oneOf as a1, number as c1, useBuilderMode as C1, useComponentData as p1 } from "@react-form-builder/core";
-import { useState as d1, useEffect as u1, useCallback as p, useMemo as R } from "react";
-import { Steps as K, ButtonToolbar as h1, Button as $ } from "rsuite";
-import { b as f1 } from "./hooks-DMVtrI-b.js";
-import { s as Q } from "./categories-_98lyB3C.js";
-import { I as m1 } from "./InputCell-BDyUJFGm.js";
-const y1 = () => /* @__PURE__ */ f("svg", { width: "18", height: "18", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ n(
+import { jsxs as v, jsx as i } from "@emotion/react/jsx-runtime";
+import { cx as a1 } from "@emotion/css";
+import b from "@emotion/styled";
+import { define as G, node as l1, string as S, containerStyles as K, ComponentStore as Q, useBuilderMode as c1, useComponentData as d1, event as N, boolean as m, nodeArray as p1, array as C1, oneOf as h1, number as u1 } from "@react-form-builder/core";
+import { forwardRef as f1, useState as m1, useEffect as v1, useCallback as p, useMemo as z } from "react";
+import { Steps as U, ButtonToolbar as b1, Button as q } from "rsuite";
+import { b as y1 } from "./hooks-DMVtrI-b.js";
+import { s as X } from "./categories-_98lyB3C.js";
+import { I as g1 } from "./InputCell-BDyUJFGm.js";
+const S1 = () => /* @__PURE__ */ v("svg", { width: "18", height: "18", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ i(
     "path",
     {
       d: "M15.35 8C15.35 12.0593 12.0593 15.35 8 15.35C3.94071 15.35 0.65 12.0593 0.65 8C0.65 3.94071 3.94071 0.65 8 0.65C12.0593 0.65 15.35 3.94071 15.35 8Z",
@@ -16,65 +16,65 @@ const y1 = () => /* @__PURE__ */ f("svg", { width: "18", height: "18", viewBox:
       strokeWidth: "1.3"
     }
   ),
-  /* @__PURE__ */ n(
+  /* @__PURE__ */ i(
     "path",
     {
       d: "M10.0277 9.42974C10.3591 9.42974 10.6277 9.69837 10.6277 10.0297V10.511C10.6277 10.8424 10.3591 11.111 10.0277 11.111H6.47016C6.13879 11.111 5.87016 10.8424 5.87016 10.511V10.0297C5.87016 9.69837 6.13879 9.42974 6.47016 9.42974H7.43397V6.45251C7.3679 6.54591 7.26511 6.63932 7.12562 6.73272C6.98612 6.82612 6.82827 6.91563 6.65207 7.00125C6.4832 7.08687 6.31067 7.15693 6.13446 7.21141V7.21141C5.87237 7.28088 5.6499 7.06169 5.6499 6.79054C5.6499 6.66281 5.6499 6.52969 5.6499 6.41748C5.6499 6.30209 5.6499 6.16457 5.6499 6.03355C5.6499 5.76842 5.86835 5.54026 6.11244 5.43675V5.43675C6.29599 5.35113 6.47953 5.24605 6.66308 5.12151C6.85397 4.99697 7.01916 4.87243 7.15865 4.7479C7.16692 4.74089 7.17501 4.73395 7.18292 4.72709C7.3584 4.57498 7.58215 4.44434 7.81438 4.44434H8.62906C8.96043 4.44434 9.22906 4.71297 9.22906 5.04434V9.42974H10.0277Z",
       fill: "#9CA3AF"
     }
   )
-] }), g1 = m.div`
+] }), x1 = b.div`
   display: flex;
-`, { flexDirection: b1, gap: v1 } = q, F = "RsWizardStep", T1 = D(g1, F).name("Wizard step").category(Q).kind("container").icon(y1).props({
-  label: b.default("Step"),
-  children: o1
+`, { flexDirection: w1, gap: A1 } = K, B = "RsWizardStep", $1 = G(x1, B).name("Wizard step").category(X).kind("container").icon(S1).props({
+  label: S.default("Step"),
+  children: l1
 }).css({
-  ...q,
-  flexDirection: b1.default("column"),
-  gap: v1.default("10px")
-}).insertRestriction((e, t) => t.model.type === "RsWizard"), S1 = m.div`
+  ...K,
+  flexDirection: w1.default("column"),
+  gap: A1.default("10px")
+}).insertRestriction((e, t) => t.model.type === "RsWizard"), L1 = b.div`
   display: flex;
   flex: 1;
   flex-direction: column;
-`, U = (e) => {
-  const t = new G(`step${e}`, F);
+`, Y = (e) => {
+  const t = new Q(`step${e}`, B);
   return t.props.label = { value: `Step ${e}` }, t;
-}, w1 = {
-  onAdd: (e, t, o) => {
-    const s = U(e + 1), c = o.createComponentData(s), l = t.store.props.activeIndex ??= {};
-    if (l.value = e, t.children?.length) {
-      t.children[e - 1]?.insertAfterMe(c);
+}, V1 = {
+  onAdd: (e, t, a) => {
+    const o = Y(e + 1), s = a.createComponentData(o), c = t.store.props.activeIndex ??= {};
+    if (c.value = e, t.children?.length) {
+      t.children[e - 1]?.insertAfterMe(s);
       return;
     }
-    c.setParent(t);
+    s.setParent(t);
   },
   onRemove: (e, t) => {
-    const { activeIndex: o } = t.store.props;
-    o?.value === e && e > 0 && (o.value = e - 1), t.children[e].delete();
+    const { activeIndex: a } = t.store.props;
+    a?.value === e && e > 0 && (a.value = e - 1), t.children[e].delete();
   },
-  columns: [{ name: "label", input: m1 }],
-  calculateEditorProps: ({ store: e }) => ({ data: e.children?.map(({ props: s }) => ({
-    label: s.label?.value
-  })) ?? [], onChange: (s) => {
-    s.forEach(({ label: c }, l) => {
-      if (!e.children?.[l]) return;
-      const { props: v } = e.children[l];
-      v.label = { value: c };
+  columns: [{ name: "label", input: g1 }],
+  calculateEditorProps: ({ store: e }) => ({ data: e.children?.map(({ props: o }) => ({
+    label: o.label?.value
+  })) ?? [], onChange: (o) => {
+    o.forEach(({ label: s }, c) => {
+      if (!e.children?.[c]) return;
+      const { props: u } = e.children[c];
+      u.label = { value: s };
     });
   } })
-}, X = (e, t) => {
+}, e1 = (e, t) => {
   if (t(e)) return e;
   if (e.parent)
-    return X(e.parent, t);
-}, A1 = {
+    return e1(e.parent, t);
+}, W1 = {
   onSelectNode: (e, t) => {
-    const o = X(e, (s) => s?.parent === t);
-    if (o) {
-      const s = t.children.indexOf(o);
-      s >= 0 && t.field?.setValue(s);
+    const a = e1(e, (o) => o?.parent === t);
+    if (a) {
+      const o = t.children.indexOf(a);
+      o >= 0 && t.field?.setValue(o);
     }
   }
-}, V1 = m(K.Item)`
+}, I1 = b(U.Item)`
   z-index: 7;
 
   &.rs-steps-item-status-process:not(.active) .rs-steps-item-icon-wrapper {
@@ -97,8 +97,8 @@ const y1 = () => /* @__PURE__ */ f("svg", { width: "18", height: "18", viewBox:
   &.active:hover .rs-steps-item-icon-wrapper {
     opacity: 0.8;
   }
-`, W1 = () => /* @__PURE__ */ f("svg", { width: "18", height: "18", viewBox: "0 0 18 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ n(
+`, M1 = () => /* @__PURE__ */ v("svg", { width: "18", height: "18", viewBox: "0 0 18 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ i(
     "path",
     {
       d: "M9.91356 12.2014C9.94902 12.2322 9.96392 12.2507 9.97091 12.2611C9.9746 12.2666 9.97974 12.2747 9.98431 12.293C9.98452 12.3881 9.97896 12.4231 9.97347 12.4425L9.9733 12.4431C9.97154 12.4494 9.96743 12.4642 9.94436 12.4941C9.90102 12.5221 9.86337 12.5361 9.80599 12.5436C9.75021 12.5297 9.72282 12.5146 9.70528 12.5027C9.68601 12.4896 9.66045 12.468 9.62262 12.4232C9.61547 12.3737 9.61955 12.3255 9.63721 12.2648C9.65945 12.2353 9.67573 12.218 9.6883 12.2069C9.69672 12.1994 9.705 12.1933 9.71561 12.1879C9.80453 12.1766 9.86973 12.1854 9.91356 12.2014ZM7.52741 12.2182C7.54337 12.2371 7.55058 12.2496 7.55453 12.2575C7.55976 12.268 7.56852 12.2889 7.57406 12.336C7.56955 12.3926 7.56029 12.4238 7.55195 12.4439C7.54495 12.4608 7.5331 12.4831 7.50747 12.5145C7.48191 12.5284 7.4499 12.5383 7.39689 12.544C7.35485 12.5304 7.31728 12.5092 7.26778 12.4674C7.25183 12.4212 7.24534 12.3592 7.25504 12.2605C7.27472 12.2349 7.29919 12.2102 7.33282 12.1831C7.39802 12.1809 7.45887 12.1918 7.52741 12.2182Z",
@@ -106,7 +106,7 @@ const y1 = () => /* @__PURE__ */ f("svg", { width: "18", height: "18", viewBox:
       stroke: "#9CA3AF"
     }
   ),
-  /* @__PURE__ */ n(
+  /* @__PURE__ */ i(
     "path",
     {
       d: "M1.02321 12.3725L1.0232 12.3725C0.908298 12.2509 0.716529 12.2454 0.594907 12.3603C0.473281 12.4752 0.467834 12.667 0.582742 12.7886L1.02321 12.3725ZM1.02321 12.3725L1.76724 13.16L2.11533 13.5284L2.47898 13.1754L5.40979 10.3297L5.40979 10.3297C5.52984 10.2132 5.72166 10.216 5.83822 10.3361C5.95478 10.4561 5.95195 10.6479 5.8319 10.7645C5.8319 10.7645 5.8319 10.7645 5.8319 10.7645L2.34629 14.1488L2.69459 14.5075L2.34628 14.1488C2.20902 14.2821 1.98925 14.2773 1.85784 14.1383C1.85784 14.1383 1.85784 14.1382 1.85783 14.1382L0.582748 12.7886L1.02321 12.3725Z",
@@ -114,7 +114,7 @@ const y1 = () => /* @__PURE__ */ f("svg", { width: "18", height: "18", viewBox:
       stroke: "#9CA3AF"
     }
   ),
-  /* @__PURE__ */ n(
+  /* @__PURE__ */ i(
     "path",
     {
       d: "M17.1002 12.2259C17.1002 13.5286 16.0442 14.5846 14.7416 14.5846C13.4389 14.5846 12.3829 13.5286 12.3829 12.2259C12.3829 10.9233 13.4389 9.86729 14.7416 9.86729C16.0442 9.86729 17.1002 10.9233 17.1002 12.2259Z",
@@ -122,21 +122,21 @@ const y1 = () => /* @__PURE__ */ f("svg", { width: "18", height: "18", viewBox:
       strokeWidth: "1.8"
     }
   ),
-  /* @__PURE__ */ n(
+  /* @__PURE__ */ i(
     "path",
     {
       d: "M4.75316 4.55147C5.08454 4.55147 5.35316 4.8201 5.35316 5.15147V5.41897C5.35316 5.75034 5.08454 6.01897 4.75316 6.01897H1.80055C1.46918 6.01897 1.20055 5.75034 1.20055 5.41897V5.15147C1.20055 4.8201 1.46918 4.55147 1.80055 4.55147H2.56553V1.95279C2.50786 2.03432 2.41814 2.11584 2.29638 2.19737C2.17462 2.2789 2.03684 2.35703 1.88304 2.43176C1.73565 2.5065 1.58505 2.56764 1.43125 2.6152V2.6152C1.20248 2.67583 1.0083 2.48451 1.0083 2.24784C1.0083 2.13636 1.0083 2.02016 1.0083 1.92222C1.0083 1.8215 1.0083 1.70146 1.0083 1.5871C1.0083 1.35568 1.19897 1.15653 1.41203 1.06618V1.06618C1.57224 0.991446 1.73244 0.899728 1.89265 0.791025C2.05927 0.682321 2.20346 0.573618 2.32522 0.464915V0.464915C2.49279 0.322793 2.70572 0.199951 2.92545 0.199951H3.53237C3.86374 0.199951 4.13237 0.46858 4.13237 0.799951V4.55147H4.75316Z",
       fill: "#9CA3AF"
     }
   ),
-  /* @__PURE__ */ n(
+  /* @__PURE__ */ i(
     "path",
     {
       d: "M13.1693 6.01897C12.838 6.01897 12.5639 5.74955 12.5974 5.41987C12.6059 5.33585 12.6164 5.25512 12.6288 5.17766C12.6742 4.93061 12.745 4.70693 12.8414 4.50662C12.9434 4.29964 13.0765 4.10934 13.2409 3.93574C13.4109 3.75546 13.6234 3.5852 13.8784 3.42495C14.1448 3.25802 14.3658 3.1178 14.5415 3.0043C14.7228 2.88411 14.8673 2.78395 14.975 2.70383C15.0827 2.62371 15.1563 2.54692 15.196 2.47347C15.2413 2.39335 15.264 2.30655 15.264 2.21307C15.264 2.08621 15.2385 1.97604 15.1875 1.88256C15.1365 1.78908 15.0628 1.71897 14.9665 1.67223C14.8702 1.61882 14.7511 1.59211 14.6095 1.59211C14.4961 1.59211 14.3885 1.6088 14.2864 1.64219C14.1844 1.67557 14.0853 1.72565 13.9889 1.79242C13.8983 1.85919 13.8104 1.93931 13.7254 2.03279V2.03279C13.5884 2.17273 13.3537 2.17265 13.2386 2.01418L12.8889 1.53287C12.7263 1.309 12.7367 0.999513 12.9545 0.828708C12.962 0.822771 12.9697 0.816834 12.9774 0.810897C13.1304 0.697389 13.3032 0.597234 13.4959 0.510432C13.6886 0.416954 13.8983 0.343507 14.1249 0.290091C14.3573 0.229998 14.5981 0.199951 14.8475 0.199951C15.2555 0.199951 15.5984 0.273398 15.8761 0.420293C16.1594 0.56051 16.3748 0.76082 16.5221 1.02122C16.6694 1.28163 16.7431 1.58877 16.7431 1.94265C16.7431 2.16967 16.7119 2.36998 16.6496 2.54358C16.5929 2.71051 16.5164 2.86074 16.4201 2.99428C16.3237 3.12782 16.2132 3.24801 16.0886 3.35484C15.9696 3.46167 15.8505 3.55849 15.7315 3.64529C15.5955 3.72541 15.468 3.80554 15.349 3.88566C15.23 3.95911 15.1195 4.03256 15.0175 4.106C14.9155 4.17277 14.8191 4.24622 14.7285 4.32634V4.32634C14.6235 4.41704 14.695 4.57673 14.8337 4.57673H16.2366C16.568 4.57673 16.8366 4.84536 16.8366 5.17673V5.41897C16.8366 5.75034 16.568 6.01897 16.2366 6.01897H13.1693Z",
       fill: "#9CA3AF"
     }
   )
-] }), M1 = { justifyContent: "end", zIndex: 7 }, L1 = m(S1)`
+] }), F1 = { justifyContent: "end", zIndex: 7 }, N1 = b(L1)`
   gap: 10px;
   padding: 10px;
 
@@ -145,133 +145,133 @@ const y1 = () => /* @__PURE__ */ f("svg", { width: "18", height: "18", viewBox:
       display: none;
     }
   }
-`, z1 = m.div`
+`, z1 = b.div`
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100px;
-`, k1 = () => /* @__PURE__ */ n(z1, { children: "Missing content" }), P1 = ({
-  children: e,
-  activeIndex: t = 0,
-  onChange: o,
-  onNext: s,
-  onPrev: c,
-  onFinish: l,
-  showSteps: v,
-  showStepsLabels: Y,
-  verticalSteps: S,
-  stepsNavigation: w,
-  prevButtonLabel: H,
-  nextButtonLabel: A,
-  finishButtonLabel: V,
-  validateOnNext: Z,
-  validateOnFinish: x,
-  ...t1
-}) => {
-  const [a, N] = d1(t), B = C1() === "builder";
-  u1(() => {
-    a < t && N(t);
-  }, [a, t]);
-  const d = p1(), u = f1(
-    d.store.children,
-    ({ props: r }) => ({ label: r.label?.value })
-  ), C = p((r) => {
-    a < r && N(r), o?.(r);
-  }, [a, o]), j = p(() => {
-    if (x) {
-      d.validate().then(() => {
-        d.hasErrors || l?.();
+`, P1 = () => /* @__PURE__ */ i(z1, { children: "Missing content" }), B1 = f1(function(t, a) {
+  const {
+    children: o,
+    activeIndex: s = 0,
+    onChange: c,
+    onNext: u,
+    onPrev: R,
+    onFinish: x,
+    showSteps: t1,
+    showStepsLabels: n1,
+    verticalSteps: w,
+    stepsNavigation: A,
+    prevButtonLabel: k,
+    nextButtonLabel: L,
+    finishButtonLabel: V,
+    validateOnNext: E,
+    validateOnFinish: H,
+    ...s1
+  } = t, [l, Z] = m1(s), O = c1() === "builder";
+  v1(() => {
+    l < s && Z(s);
+  }, [l, s]);
+  const C = d1(), f = y1(
+    C.store.children,
+    ({ props: n }) => ({ label: n.label?.value })
+  ), d = p((n) => {
+    l < n && Z(n), c?.(n);
+  }, [l, c]), j = p((n) => {
+    if (H) {
+      C.validate().then(() => {
+        C.hasErrors || x?.(n);
       });
       return;
     }
-    l?.();
-  }, [d, l, x]), O = p(() => {
-    let r = t ?? 0;
-    r < u.length && (r = r + 1);
-    const i = d.children[t];
-    if (Z) {
-      i?.validate().then(() => {
-        i?.hasErrors || (C?.(r), s?.());
+    x?.(n);
+  }, [C, x, H]), T = p((n) => {
+    let r = s ?? 0;
+    r < f.length && (r = r + 1);
+    const h = C.children[s];
+    if (E) {
+      h?.validate().then(() => {
+        h?.hasErrors || (d?.(r), u?.(n));
       });
       return;
     }
-    C?.(r), s?.();
-  }, [t, d.children, u.length, s, C, Z]), T = p(() => {
-    let r = t ?? 0;
-    r > 0 && (r = r - 1), C?.(r), c?.();
-  }, [t, c, C]), y = p((r) => B || w === "any" || w === "onlyVisited" && r <= a, [a, B, w]), I = p((r) => r <= a ? "process" : "wait", [a]), J = p((r) => {
-    y(r) && C(r);
-  }, [C, y]), W = t <= 0, g = t >= u.length - 1, _ = g && V === A, e1 = R(() => ({
+    d?.(r), u?.(n);
+  }, [s, C.children, f.length, u, d, E]), J = p((n) => {
+    let r = s ?? 0;
+    r > 0 && (r = r - 1), d?.(r), R?.(n);
+  }, [s, R, d]), y = p((n) => O || A === "any" || A === "onlyVisited" && n <= l, [l, O, A]), _ = p((n) => n <= l ? "process" : "wait", [l]), $ = p((n) => {
+    y(n) && d(n);
+  }, [d, y]), W = s <= 0, g = s >= f.length - 1, D = g && V === L, r1 = z(() => ({
     display: "flex",
-    flexDirection: S ? "row" : "column",
+    flexDirection: w ? "row" : "column",
     gap: 10
-  }), [S]), M = Array.isArray(e) ? e[t] ?? e[0] : null, r1 = R(() => /* @__PURE__ */ f(h1, { style: M1, className: "buttons", children: [
-    !W && /* @__PURE__ */ n($, { onClick: T, disabled: W, children: H }),
-    /* @__PURE__ */ n(
-      $,
+  }), [w]), I = Array.isArray(o) ? o[s] ?? o[0] : null, o1 = z(() => /* @__PURE__ */ v(b1, { style: F1, className: "buttons", children: [
+    !W && /* @__PURE__ */ i(q, { onClick: J, disabled: W, children: k }),
+    /* @__PURE__ */ i(
+      q,
       {
-        onClick: g ? j : O,
-        disabled: _,
+        onClick: g ? j : T,
+        disabled: D,
         appearance: "primary",
-        children: g ? V : A
+        children: g ? V : L
       }
     )
-  ] }), [_, V, j, O, T, g, W, A, H]), s1 = R(() => u.map(({ label: r }, i) => {
-    const L = n1({
-      available: y(i),
-      active: i === t
-    }), z = () => J(i), k = I(i);
+  ] }), [D, V, j, T, J, g, W, L, k]), i1 = z(() => f.map(({ label: n }, r) => {
+    const h = a1({
+      available: y(r),
+      active: r === s
+    }), M = () => $(r), F = _(r);
     return {
-      label: r,
-      className: L,
-      status: k,
-      onClick: z
+      label: n,
+      className: h,
+      status: F,
+      onClick: M
     };
-  }), [t, I, J, y, u]);
-  return /* @__PURE__ */ f(L1, { ...t1, children: [
-    /* @__PURE__ */ f("div", { style: e1, children: [
-      v && !!M && /* @__PURE__ */ n(K, { current: t, vertical: S, className: "steps", children: s1.map(({ label: r, onClick: i, status: L, className: z }, k) => /* @__PURE__ */ n(
-        V1,
+  }), [s, _, $, y, f]);
+  return /* @__PURE__ */ v(N1, { ...s1, ref: a, children: [
+    /* @__PURE__ */ v("div", { style: r1, children: [
+      t1 && !!I && /* @__PURE__ */ i(U, { current: s, vertical: w, className: "steps", children: i1.map(({ label: n, onClick: r, status: h, className: M }, F) => /* @__PURE__ */ i(
+        I1,
         {
-          title: Y && r,
-          onClick: i,
-          status: L,
-          className: z
+          title: n1 && n,
+          onClick: r,
+          status: h,
+          className: M
         },
-        k
+        F
       )) }),
-      /* @__PURE__ */ n("div", { className: "content", children: M ?? /* @__PURE__ */ n(k1, {}) })
+      /* @__PURE__ */ i("div", { className: "content", children: I ?? /* @__PURE__ */ i(P1, {}) })
     ] }),
-    !!M && r1
+    !!I && o1
   ] });
-}, E = "RsWizard", R1 = () => {
-  const e = new G(E, E);
-  return e.children = [1, 2, 3].map((t) => U(t)), JSON.stringify(e);
-}, I1 = D(P1, E).name("Wizard").category(Q).icon(W1).initialJson(R1()).eventListeners(A1).props({
-  activeIndex: c1.valued.default(0).withEditorProps({
+}), P = "RsWizard", R1 = () => {
+  const e = new Q(P, P);
+  return e.children = [1, 2, 3].map((t) => Y(t)), JSON.stringify(e);
+}, D1 = G(B1, P).name("Wizard").category(X).icon(M1).initialJson(R1()).eventListeners(W1).props({
+  activeIndex: u1.valued.default(0).withEditorProps({
     calculateEditorProps: ({ store: e }) => ({
       min: 0,
       max: (e.children?.length || 1) - 1
     })
   }),
-  stepsNavigation: a1("disable", "onlyVisited", "any").labeled("Disable", "Only visited", "Any").default("onlyVisited").withEditorProps({ creatable: !1 }),
-  steps: l1.default([]).withEditorProps(w1),
-  children: i1.withInsertRestriction((e, t) => t.model.type === F),
-  prevButtonLabel: b.default("Previous"),
-  nextButtonLabel: b.default("Next"),
-  finishButtonLabel: b.default("Finish"),
-  showSteps: h.default(!0),
-  showStepsLabels: h.default(!0),
-  verticalSteps: h.default(!1),
-  validateOnNext: h.default(!0),
-  validateOnFinish: h.default(!0),
-  onNext: P,
-  onPrev: P,
-  onFinish: P
+  stepsNavigation: h1("disable", "onlyVisited", "any").labeled("Disable", "Only visited", "Any").default("onlyVisited").withEditorProps({ creatable: !1 }),
+  steps: C1.default([]).withEditorProps(V1),
+  children: p1.withInsertRestriction((e, t) => t.model.type === B),
+  prevButtonLabel: S.default("Previous"),
+  nextButtonLabel: S.default("Next"),
+  finishButtonLabel: S.default("Finish"),
+  showSteps: m.default(!0),
+  showStepsLabels: m.default(!0),
+  verticalSteps: m.default(!1),
+  validateOnNext: m.default(!0),
+  validateOnFinish: m.default(!0),
+  onNext: N,
+  onPrev: N,
+  onFinish: N
 });
 export {
-  I1 as rsWizard,
-  T1 as rsWizardStep
+  D1 as rsWizard,
+  $1 as rsWizardStep
 };
 //# sourceMappingURL=wizard.js.map