@ttoss/forms 0.31.4 → 0.31.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,111 +1,100 @@
1
1
  /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
2
- import { Form, useForm, yupResolver } from "../chunk-7COMWRW2.js";
2
+ import { Form, __name, useForm, yupResolver } from "../chunk-HIARJN6N.js";
3
3
 
4
4
  // src/MultistepForm/MultistepForm.tsx
5
5
  import { Flex as Flex6 } from "@ttoss/ui";
6
- import * as React3 from "react";
6
+ import * as React7 from "react";
7
7
 
8
8
  // src/MultistepForm/MultistepFooter.tsx
9
9
  import { Flex, Text } from "@ttoss/ui";
10
- import { jsx } from "react/jsx-runtime";
11
- var MultistepFooter = ({
10
+ var MultistepFooter = /* @__PURE__ */__name(({
12
11
  footer
13
12
  }) => {
14
- return /* @__PURE__ */jsx(Flex, {
13
+ return /* @__PURE__ */React.createElement(Flex, {
15
14
  sx: {
16
15
  display: "flex",
17
16
  justifyContent: "center"
18
- },
19
- children: /* @__PURE__ */jsx(Text, {
20
- sx: {
21
- textAlign: "center",
22
- marginTop: "8",
23
- marginBottom: "4",
24
- marginX: "6"
25
- },
26
- children: footer
27
- })
28
- });
29
- };
17
+ }
18
+ }, /* @__PURE__ */React.createElement(Text, {
19
+ sx: {
20
+ textAlign: "center",
21
+ marginTop: "8",
22
+ marginBottom: "4",
23
+ marginX: "6"
24
+ }
25
+ }, footer));
26
+ }, "MultistepFooter");
30
27
 
31
28
  // src/MultistepForm/MultistepFormStepper.tsx
32
29
  import { Button } from "@ttoss/ui";
30
+ import * as React4 from "react";
33
31
 
34
32
  // src/MultistepForm/MultistepFlowMessageImageText.tsx
35
33
  import { Flex as Flex2, Image, Text as Text2 } from "@ttoss/ui";
36
- import { jsx as jsx2, jsxs } from "react/jsx-runtime";
37
- var MultistepFlowMessageImageText = ({
34
+ import * as React2 from "react";
35
+ var MultistepFlowMessageImageText = /* @__PURE__ */__name(({
38
36
  src,
39
37
  description
40
38
  }) => {
41
- return /* @__PURE__ */jsxs(Flex2, {
39
+ return /* @__PURE__ */React2.createElement(Flex2, {
42
40
  sx: {
43
41
  flexDirection: "column",
44
42
  paddingY: "5",
45
43
  paddingX: "6",
46
44
  gap: "5"
47
- },
48
- children: [/* @__PURE__ */jsx2(Image, {
49
- src,
50
- sx: {
51
- width: "184px",
52
- height: "184px",
53
- objectFit: "cover",
54
- alignSelf: "center"
55
- }
56
- }), /* @__PURE__ */jsx2(Text2, {
57
- sx: {
58
- textAlign: "center"
59
- },
60
- children: description
61
- })]
62
- });
63
- };
45
+ }
46
+ }, /* @__PURE__ */React2.createElement(Image, {
47
+ src,
48
+ sx: {
49
+ width: "184px",
50
+ height: "184px",
51
+ objectFit: "cover",
52
+ alignSelf: "center"
53
+ }
54
+ }), /* @__PURE__ */React2.createElement(Text2, {
55
+ sx: {
56
+ textAlign: "center"
57
+ }
58
+ }, description));
59
+ }, "MultistepFlowMessageImageText");
64
60
 
65
61
  // src/MultistepForm/MultistepFlowMessage.tsx
66
- import { jsx as jsx3 } from "react/jsx-runtime";
67
- var MultistepFlowMessage = props => {
62
+ var MultistepFlowMessage = /* @__PURE__ */__name(props => {
68
63
  if (props.variant === "image-text") {
69
- return /* @__PURE__ */jsx3(MultistepFlowMessageImageText, {
70
- ...props
71
- });
64
+ return /* @__PURE__ */React.createElement(MultistepFlowMessageImageText, props);
72
65
  }
73
66
  return null;
74
- };
67
+ }, "MultistepFlowMessage");
75
68
 
76
69
  // src/MultistepForm/MultistepQuestion.tsx
77
70
  import { Flex as Flex3, Text as Text3 } from "@ttoss/ui";
78
- import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
79
- var MultistepQuestion = ({
71
+ import * as React3 from "react";
72
+ var MultistepQuestion = /* @__PURE__ */__name(({
80
73
  fields,
81
74
  question
82
75
  }) => {
83
- return /* @__PURE__ */jsxs2(Flex3, {
76
+ return /* @__PURE__ */React3.createElement(Flex3, {
84
77
  sx: {
85
78
  flexDirection: "column",
86
79
  paddingTop: "5",
87
80
  paddingX: "6"
88
- },
89
- children: [/* @__PURE__ */jsx4(Text3, {
90
- sx: {
91
- textAlign: "center",
92
- fontSize: "lg",
93
- marginBottom: "5"
94
- },
95
- children: question
96
- }), /* @__PURE__ */jsx4(Flex3, {
97
- sx: {
98
- flexDirection: "column",
99
- gap: "4"
100
- },
101
- children: fields
102
- })]
103
- });
104
- };
81
+ }
82
+ }, /* @__PURE__ */React3.createElement(Text3, {
83
+ sx: {
84
+ textAlign: "center",
85
+ fontSize: "lg",
86
+ marginBottom: "5"
87
+ }
88
+ }, question), /* @__PURE__ */React3.createElement(Flex3, {
89
+ sx: {
90
+ flexDirection: "column",
91
+ gap: "4"
92
+ }
93
+ }, fields));
94
+ }, "MultistepQuestion");
105
95
 
106
96
  // src/MultistepForm/MultistepFormStepper.tsx
107
- import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
108
- var MultistepFormStepper = ({
97
+ var MultistepFormStepper = /* @__PURE__ */__name(({
109
98
  flowMessage,
110
99
  fields,
111
100
  onSubmit,
@@ -115,41 +104,36 @@ var MultistepFormStepper = ({
115
104
  isLastStep,
116
105
  defaultValues,
117
106
  stepNumber
118
- // isCurrentStep,
119
107
  }) => {
120
108
  const formMethods = useForm({
121
109
  resolver: schema ? yupResolver(schema) : void 0,
122
110
  defaultValues
123
111
  });
124
- return /* @__PURE__ */jsxs3(Form, {
112
+ return /* @__PURE__ */React4.createElement(Form, {
125
113
  ...formMethods,
126
114
  sx: {
127
115
  display: "flex",
128
116
  flexDirection: "column"
129
117
  },
130
- onSubmit,
131
- children: [/* @__PURE__ */jsx5(MultistepFlowMessage, {
132
- ...flowMessage
133
- }), /* @__PURE__ */jsx5(MultistepQuestion, {
134
- fields,
135
- question
136
- }), /* @__PURE__ */jsx5(Button, {
137
- sx: {
138
- justifyContent: "center",
139
- marginTop: "6",
140
- marginBottom: "4",
141
- marginX: "6"
142
- },
143
- rightIcon: isLastStep ? void 0 : "nav-right",
144
- "aria-label": `btn-step-${stepNumber}`,
145
- type: "submit",
146
- children: submitLabel
147
- })]
148
- });
149
- };
118
+ onSubmit
119
+ }, /* @__PURE__ */React4.createElement(MultistepFlowMessage, flowMessage), /* @__PURE__ */React4.createElement(MultistepQuestion, {
120
+ fields,
121
+ question
122
+ }), /* @__PURE__ */React4.createElement(Button, {
123
+ sx: {
124
+ justifyContent: "center",
125
+ marginTop: "6",
126
+ marginBottom: "4",
127
+ marginX: "6"
128
+ },
129
+ rightIcon: isLastStep ? void 0 : "nav-right",
130
+ "aria-label": `btn-step-${stepNumber}`,
131
+ type: "submit"
132
+ }, submitLabel));
133
+ }, "MultistepFormStepper");
150
134
 
151
135
  // ../../node_modules/.pnpm/@iconify-icon+react@2.3.0_react@19.1.1/node_modules/@iconify-icon/react/dist/iconify.mjs
152
- import React from "react";
136
+ import React5 from "react";
153
137
 
154
138
  // ../../node_modules/.pnpm/iconify-icon@2.3.0/node_modules/iconify-icon/dist/iconify-icon.mjs
155
139
  var defaultIconDimensions = Object.freeze({
@@ -190,6 +174,7 @@ function rotateFromString(value, defaultValue = 0) {
190
174
  }
191
175
  return value2 % 4;
192
176
  }
177
+ __name(cleanup, "cleanup");
193
178
  if (units === "") {
194
179
  const num = parseInt(value);
195
180
  return isNaN(num) ? 0 : cleanup(num);
@@ -213,6 +198,7 @@ function rotateFromString(value, defaultValue = 0) {
213
198
  }
214
199
  return defaultValue;
215
200
  }
201
+ __name(rotateFromString, "rotateFromString");
216
202
  var separator = /[\s,]+/;
217
203
  function flipFromString(custom, flip) {
218
204
  flip.split(separator).forEach(str => {
@@ -227,6 +213,7 @@ function flipFromString(custom, flip) {
227
213
  }
228
214
  });
229
215
  }
216
+ __name(flipFromString, "flipFromString");
230
217
  var defaultCustomisations = {
231
218
  ...defaultIconCustomisations,
232
219
  preserveAspectRatio: ""
@@ -235,7 +222,7 @@ function getCustomisations(node) {
235
222
  const customisations = {
236
223
  ...defaultCustomisations
237
224
  };
238
- const attr = (key, def) => node.getAttribute(key) || def;
225
+ const attr = /* @__PURE__ */__name((key, def) => node.getAttribute(key) || def, "attr");
239
226
  customisations.width = attr("width", null);
240
227
  customisations.height = attr("height", null);
241
228
  customisations.rotate = rotateFromString(attr("rotate", ""));
@@ -243,6 +230,7 @@ function getCustomisations(node) {
243
230
  customisations.preserveAspectRatio = attr("preserveAspectRatio", attr("preserveaspectratio", ""));
244
231
  return customisations;
245
232
  }
233
+ __name(getCustomisations, "getCustomisations");
246
234
  function haveCustomisationsChanged(value1, value2) {
247
235
  for (const key in defaultCustomisations) {
248
236
  if (value1[key] !== value2[key]) {
@@ -251,8 +239,9 @@ function haveCustomisationsChanged(value1, value2) {
251
239
  }
252
240
  return false;
253
241
  }
242
+ __name(haveCustomisationsChanged, "haveCustomisationsChanged");
254
243
  var matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
255
- var stringToIcon = (value, validate, allowSimpleName, provider = "") => {
244
+ var stringToIcon = /* @__PURE__ */__name((value, validate, allowSimpleName, provider = "") => {
256
245
  const colonSeparated = value.split(":");
257
246
  if (value.slice(0, 1) === "@") {
258
247
  if (colonSeparated.length < 2 || colonSeparated.length > 3) {
@@ -293,8 +282,8 @@ var stringToIcon = (value, validate, allowSimpleName, provider = "") => {
293
282
  return validate && !validateIconName(result, allowSimpleName) ? null : result;
294
283
  }
295
284
  return null;
296
- };
297
- var validateIconName = (icon, allowSimpleName) => {
285
+ }, "stringToIcon");
286
+ var validateIconName = /* @__PURE__ */__name((icon, allowSimpleName) => {
298
287
  if (!icon) {
299
288
  return false;
300
289
  }
@@ -302,7 +291,7 @@ var validateIconName = (icon, allowSimpleName) => {
302
291
  // Check prefix: cannot be empty, unless allowSimpleName is enabled
303
292
  // Check name: cannot be empty
304
293
  (allowSimpleName && icon.prefix === "" || !!icon.prefix) && !!icon.name);
305
- };
294
+ }, "validateIconName");
306
295
  function mergeIconTransformations(obj1, obj2) {
307
296
  const result = {};
308
297
  if (!obj1.hFlip !== !obj2.hFlip) {
@@ -317,6 +306,7 @@ function mergeIconTransformations(obj1, obj2) {
317
306
  }
318
307
  return result;
319
308
  }
309
+ __name(mergeIconTransformations, "mergeIconTransformations");
320
310
  function mergeIconData(parent, child) {
321
311
  const result = mergeIconTransformations(parent, child);
322
312
  for (const key in defaultExtendedIconProps) {
@@ -332,6 +322,7 @@ function mergeIconData(parent, child) {
332
322
  }
333
323
  return result;
334
324
  }
325
+ __name(mergeIconData, "mergeIconData");
335
326
  function getIconsTree(data, names) {
336
327
  const icons = data.icons;
337
328
  const aliases = data.aliases || /* @__PURE__ */Object.create(null);
@@ -350,9 +341,11 @@ function getIconsTree(data, names) {
350
341
  }
351
342
  return resolved[name];
352
343
  }
344
+ __name(resolve, "resolve");
353
345
  Object.keys(icons).concat(Object.keys(aliases)).forEach(resolve);
354
346
  return resolved;
355
347
  }
348
+ __name(getIconsTree, "getIconsTree");
356
349
  function internalGetIconData(data, name, tree) {
357
350
  const icons = data.icons;
358
351
  const aliases = data.aliases || /* @__PURE__ */Object.create(null);
@@ -360,10 +353,12 @@ function internalGetIconData(data, name, tree) {
360
353
  function parse(name2) {
361
354
  currentProps = mergeIconData(icons[name2] || aliases[name2], currentProps);
362
355
  }
356
+ __name(parse, "parse");
363
357
  parse(name);
364
358
  tree.forEach(parse);
365
359
  return mergeIconData(data, currentProps);
366
360
  }
361
+ __name(internalGetIconData, "internalGetIconData");
367
362
  function parseIconSet(data, callback) {
368
363
  const names = [];
369
364
  if (typeof data !== "object" || typeof data.icons !== "object") {
@@ -385,6 +380,7 @@ function parseIconSet(data, callback) {
385
380
  }
386
381
  return names;
387
382
  }
383
+ __name(parseIconSet, "parseIconSet");
388
384
  var optionalPropertyDefaults = {
389
385
  provider: "",
390
386
  aliases: {},
@@ -399,6 +395,7 @@ function checkOptionalProps(item, defaults) {
399
395
  }
400
396
  return true;
401
397
  }
398
+ __name(checkOptionalProps, "checkOptionalProps");
402
399
  function quicklyValidateIconSet(obj) {
403
400
  if (typeof obj !== "object" || obj === null) {
404
401
  return null;
@@ -439,6 +436,7 @@ function quicklyValidateIconSet(obj) {
439
436
  }
440
437
  return data;
441
438
  }
439
+ __name(quicklyValidateIconSet, "quicklyValidateIconSet");
442
440
  var dataStorage = /* @__PURE__ */Object.create(null);
443
441
  function newStorage(provider, prefix) {
444
442
  return {
@@ -448,10 +446,12 @@ function newStorage(provider, prefix) {
448
446
  missing: /* @__PURE__ */new Set()
449
447
  };
450
448
  }
449
+ __name(newStorage, "newStorage");
451
450
  function getStorage(provider, prefix) {
452
451
  const providerStorage = dataStorage[provider] || (dataStorage[provider] = /* @__PURE__ */Object.create(null));
453
452
  return providerStorage[prefix] || (providerStorage[prefix] = newStorage(provider, prefix));
454
453
  }
454
+ __name(getStorage, "getStorage");
455
455
  function addIconSet(storage2, data) {
456
456
  if (!quicklyValidateIconSet(data)) {
457
457
  return [];
@@ -464,6 +464,7 @@ function addIconSet(storage2, data) {
464
464
  }
465
465
  });
466
466
  }
467
+ __name(addIconSet, "addIconSet");
467
468
  function addIconToStorage(storage2, name, icon) {
468
469
  try {
469
470
  if (typeof icon.body === "string") {
@@ -475,6 +476,7 @@ function addIconToStorage(storage2, name, icon) {
475
476
  } catch (err) {}
476
477
  return false;
477
478
  }
479
+ __name(addIconToStorage, "addIconToStorage");
478
480
  function listIcons$1(provider, prefix) {
479
481
  let allIcons = [];
480
482
  const providers = typeof provider === "string" ? [provider] : Object.keys(dataStorage);
@@ -487,6 +489,7 @@ function listIcons$1(provider, prefix) {
487
489
  });
488
490
  return allIcons;
489
491
  }
492
+ __name(listIcons$1, "listIcons$1");
490
493
  var simpleNames = false;
491
494
  function allowSimpleNames(allow) {
492
495
  if (typeof allow === "boolean") {
@@ -494,6 +497,7 @@ function allowSimpleNames(allow) {
494
497
  }
495
498
  return simpleNames;
496
499
  }
500
+ __name(allowSimpleNames, "allowSimpleNames");
497
501
  function getIconData(name) {
498
502
  const icon = typeof name === "string" ? stringToIcon(name, true, simpleNames) : name;
499
503
  if (icon) {
@@ -502,6 +506,7 @@ function getIconData(name) {
502
506
  return storage2.icons[iconName] || (storage2.missing.has(iconName) ? null : void 0);
503
507
  }
504
508
  }
509
+ __name(getIconData, "getIconData");
505
510
  function addIcon$1(name, data) {
506
511
  const icon = stringToIcon(name, true, simpleNames);
507
512
  if (!icon) {
@@ -515,6 +520,7 @@ function addIcon$1(name, data) {
515
520
  return true;
516
521
  }
517
522
  }
523
+ __name(addIcon$1, "addIcon$1");
518
524
  function addCollection$1(data, provider) {
519
525
  if (typeof data !== "object") {
520
526
  return false;
@@ -545,9 +551,11 @@ function addCollection$1(data, provider) {
545
551
  const storage2 = getStorage(provider, prefix);
546
552
  return !!addIconSet(storage2, data);
547
553
  }
554
+ __name(addCollection$1, "addCollection$1");
548
555
  function iconLoaded$1(name) {
549
556
  return !!getIconData(name);
550
557
  }
558
+ __name(iconLoaded$1, "iconLoaded$1");
551
559
  function getIcon$1(name) {
552
560
  const result = getIconData(name);
553
561
  return result ? {
@@ -555,6 +563,7 @@ function getIcon$1(name) {
555
563
  ...result
556
564
  } : result;
557
565
  }
566
+ __name(getIcon$1, "getIcon$1");
558
567
  function sortIcons(icons) {
559
568
  const result = {
560
569
  loaded: [],
@@ -603,6 +612,7 @@ function sortIcons(icons) {
603
612
  });
604
613
  return result;
605
614
  }
615
+ __name(sortIcons, "sortIcons");
606
616
  function removeCallback(storages, id) {
607
617
  storages.forEach(storage2 => {
608
618
  const items = storage2.loaderCallbacks;
@@ -611,6 +621,7 @@ function removeCallback(storages, id) {
611
621
  }
612
622
  });
613
623
  }
624
+ __name(removeCallback, "removeCallback");
614
625
  function updateCallbacks(storage2) {
615
626
  if (!storage2.pendingCallbacksFlag) {
616
627
  storage2.pendingCallbacksFlag = true;
@@ -659,6 +670,7 @@ function updateCallbacks(storage2) {
659
670
  });
660
671
  }
661
672
  }
673
+ __name(updateCallbacks, "updateCallbacks");
662
674
  var idCounter = 0;
663
675
  function storeCallback(callback, icons, pendingSources) {
664
676
  const id = idCounter++;
@@ -677,13 +689,16 @@ function storeCallback(callback, icons, pendingSources) {
677
689
  });
678
690
  return abort;
679
691
  }
692
+ __name(storeCallback, "storeCallback");
680
693
  var storage = /* @__PURE__ */Object.create(null);
681
694
  function setAPIModule(provider, item) {
682
695
  storage[provider] = item;
683
696
  }
697
+ __name(setAPIModule, "setAPIModule");
684
698
  function getAPIModule(provider) {
685
699
  return storage[provider] || storage[""];
686
700
  }
701
+ __name(getAPIModule, "getAPIModule");
687
702
  function listToIcons(list, validate = true, simpleNames2 = false) {
688
703
  const result = [];
689
704
  list.forEach(item => {
@@ -694,6 +709,7 @@ function listToIcons(list, validate = true, simpleNames2 = false) {
694
709
  });
695
710
  return result;
696
711
  }
712
+ __name(listToIcons, "listToIcons");
697
713
  var defaultConfig = {
698
714
  resources: [],
699
715
  index: 0,
@@ -734,6 +750,7 @@ function sendQuery(config, payload, query, done) {
734
750
  timer = null;
735
751
  }
736
752
  }
753
+ __name(resetTimer, "resetTimer");
737
754
  function abort() {
738
755
  if (status === "pending") {
739
756
  status = "aborted";
@@ -746,6 +763,7 @@ function sendQuery(config, payload, query, done) {
746
763
  });
747
764
  queue = [];
748
765
  }
766
+ __name(abort, "abort");
749
767
  function subscribe(callback, overwrite) {
750
768
  if (overwrite) {
751
769
  doneCallbacks = [];
@@ -754,6 +772,7 @@ function sendQuery(config, payload, query, done) {
754
772
  doneCallbacks.push(callback);
755
773
  }
756
774
  }
775
+ __name(subscribe, "subscribe");
757
776
  function getQueryStatus() {
758
777
  return {
759
778
  startTime,
@@ -765,12 +784,14 @@ function sendQuery(config, payload, query, done) {
765
784
  abort
766
785
  };
767
786
  }
787
+ __name(getQueryStatus, "getQueryStatus");
768
788
  function failQuery() {
769
789
  status = "failed";
770
790
  doneCallbacks.forEach(callback => {
771
791
  callback(void 0, lastError);
772
792
  });
773
793
  }
794
+ __name(failQuery, "failQuery");
774
795
  function clearQueue() {
775
796
  queue.forEach(item => {
776
797
  if (item.status === "pending") {
@@ -779,6 +800,7 @@ function sendQuery(config, payload, query, done) {
779
800
  });
780
801
  queue = [];
781
802
  }
803
+ __name(clearQueue, "clearQueue");
782
804
  function moduleResponse(item, response, data) {
783
805
  const isError = response !== "success";
784
806
  queue = queue.filter(queued => queued !== item);
@@ -822,6 +844,7 @@ function sendQuery(config, payload, query, done) {
822
844
  callback(data);
823
845
  });
824
846
  }
847
+ __name(moduleResponse, "moduleResponse");
825
848
  function execNext() {
826
849
  if (status !== "pending") {
827
850
  return;
@@ -845,18 +868,20 @@ function sendQuery(config, payload, query, done) {
845
868
  const item = {
846
869
  status: "pending",
847
870
  resource,
848
- callback: (status2, data) => {
871
+ callback: /* @__PURE__ */__name((status2, data) => {
849
872
  moduleResponse(item, status2, data);
850
- }
873
+ }, "callback")
851
874
  };
852
875
  queue.push(item);
853
876
  queriesSent++;
854
877
  timer = setTimeout(execNext, config.rotate);
855
878
  query(resource, payload, item.callback);
856
879
  }
880
+ __name(execNext, "execNext");
857
881
  setTimeout(execNext);
858
882
  return getQueryStatus;
859
883
  }
884
+ __name(sendQuery, "sendQuery");
860
885
  function initRedundancy(cfg) {
861
886
  const config = {
862
887
  ...defaultConfig,
@@ -866,6 +891,7 @@ function initRedundancy(cfg) {
866
891
  function cleanup() {
867
892
  queries = queries.filter(item => item().status === "pending");
868
893
  }
894
+ __name(cleanup, "cleanup");
869
895
  function query(payload, queryCallback, doneCallback) {
870
896
  const query2 = sendQuery(config, payload, queryCallback, (data, error) => {
871
897
  cleanup();
@@ -876,22 +902,25 @@ function initRedundancy(cfg) {
876
902
  queries.push(query2);
877
903
  return query2;
878
904
  }
905
+ __name(query, "query");
879
906
  function find(callback) {
880
907
  return queries.find(value => {
881
908
  return callback(value);
882
909
  }) || null;
883
910
  }
911
+ __name(find, "find");
884
912
  const instance = {
885
913
  query,
886
914
  find,
887
- setIndex: index => {
915
+ setIndex: /* @__PURE__ */__name(index => {
888
916
  config.index = index;
889
- },
890
- getIndex: () => config.index,
917
+ }, "setIndex"),
918
+ getIndex: /* @__PURE__ */__name(() => config.index, "getIndex"),
891
919
  cleanup
892
920
  };
893
921
  return instance;
894
922
  }
923
+ __name(initRedundancy, "initRedundancy");
895
924
  function createAPIConfig(source) {
896
925
  let resources;
897
926
  if (typeof source.resources === "string") {
@@ -922,6 +951,7 @@ function createAPIConfig(source) {
922
951
  };
923
952
  return result;
924
953
  }
954
+ __name(createAPIConfig, "createAPIConfig");
925
955
  var configStorage = /* @__PURE__ */Object.create(null);
926
956
  var fallBackAPISources = ["https://api.simplesvg.com", "https://api.unisvg.com"];
927
957
  var fallBackAPI = [];
@@ -947,13 +977,17 @@ function addAPIProvider$1(provider, customConfig) {
947
977
  configStorage[provider] = config;
948
978
  return true;
949
979
  }
980
+ __name(addAPIProvider$1, "addAPIProvider$1");
950
981
  function getAPIConfig(provider) {
951
982
  return configStorage[provider];
952
983
  }
984
+ __name(getAPIConfig, "getAPIConfig");
953
985
  function listAPIProviders() {
954
986
  return Object.keys(configStorage);
955
987
  }
988
+ __name(listAPIProviders, "listAPIProviders");
956
989
  function emptyCallback$1() {}
990
+ __name(emptyCallback$1, "emptyCallback$1");
957
991
  var redundancyCache = /* @__PURE__ */Object.create(null);
958
992
  function getRedundancyCache(provider) {
959
993
  if (!redundancyCache[provider]) {
@@ -970,6 +1004,7 @@ function getRedundancyCache(provider) {
970
1004
  }
971
1005
  return redundancyCache[provider];
972
1006
  }
1007
+ __name(getRedundancyCache, "getRedundancyCache");
973
1008
  function sendAPIQuery(target, query, callback) {
974
1009
  let redundancy;
975
1010
  let send2;
@@ -1001,7 +1036,9 @@ function sendAPIQuery(target, query, callback) {
1001
1036
  }
1002
1037
  return redundancy.query(query, send2, callback)().abort;
1003
1038
  }
1039
+ __name(sendAPIQuery, "sendAPIQuery");
1004
1040
  function emptyCallback() {}
1041
+ __name(emptyCallback, "emptyCallback");
1005
1042
  function loadedNewIcons(storage2) {
1006
1043
  if (!storage2.iconsLoaderFlag) {
1007
1044
  storage2.iconsLoaderFlag = true;
@@ -1011,6 +1048,7 @@ function loadedNewIcons(storage2) {
1011
1048
  });
1012
1049
  }
1013
1050
  }
1051
+ __name(loadedNewIcons, "loadedNewIcons");
1014
1052
  function checkIconNamesForAPI(icons) {
1015
1053
  const valid = [];
1016
1054
  const invalid = [];
@@ -1022,6 +1060,7 @@ function checkIconNamesForAPI(icons) {
1022
1060
  invalid
1023
1061
  };
1024
1062
  }
1063
+ __name(checkIconNamesForAPI, "checkIconNamesForAPI");
1025
1064
  function parseLoaderResponse(storage2, icons, data) {
1026
1065
  function checkMissing() {
1027
1066
  const pending = storage2.pendingIcons;
@@ -1034,6 +1073,7 @@ function parseLoaderResponse(storage2, icons, data) {
1034
1073
  }
1035
1074
  });
1036
1075
  }
1076
+ __name(checkMissing, "checkMissing");
1037
1077
  if (data && typeof data === "object") {
1038
1078
  try {
1039
1079
  const parsed = addIconSet(storage2, data);
@@ -1048,6 +1088,7 @@ function parseLoaderResponse(storage2, icons, data) {
1048
1088
  checkMissing();
1049
1089
  loadedNewIcons(storage2);
1050
1090
  }
1091
+ __name(parseLoaderResponse, "parseLoaderResponse");
1051
1092
  function parsePossiblyAsyncResponse(response, callback) {
1052
1093
  if (response instanceof Promise) {
1053
1094
  response.then(data => {
@@ -1059,6 +1100,7 @@ function parsePossiblyAsyncResponse(response, callback) {
1059
1100
  callback(response);
1060
1101
  }
1061
1102
  }
1103
+ __name(parsePossiblyAsyncResponse, "parsePossiblyAsyncResponse");
1062
1104
  function loadNewIcons(storage2, icons) {
1063
1105
  if (!storage2.iconsToLoad) {
1064
1106
  storage2.iconsToLoad = icons;
@@ -1124,7 +1166,8 @@ function loadNewIcons(storage2, icons) {
1124
1166
  });
1125
1167
  }
1126
1168
  }
1127
- var loadIcons$1 = (icons, callback) => {
1169
+ __name(loadNewIcons, "loadNewIcons");
1170
+ var loadIcons$1 = /* @__PURE__ */__name((icons, callback) => {
1128
1171
  const cleanedIcons = listToIcons(icons, true, allowSimpleNames());
1129
1172
  const sortedIcons = sortIcons(cleanedIcons);
1130
1173
  if (!sortedIcons.pending.length) {
@@ -1179,8 +1222,8 @@ var loadIcons$1 = (icons, callback) => {
1179
1222
  }
1180
1223
  });
1181
1224
  return callback ? storeCallback(callback, sortedIcons, sources) : emptyCallback;
1182
- };
1183
- var loadIcon$1 = icon => {
1225
+ }, "loadIcons$1");
1226
+ var loadIcon$1 = /* @__PURE__ */__name(icon => {
1184
1227
  return new Promise((fulfill, reject) => {
1185
1228
  const iconObj = typeof icon === "string" ? stringToIcon(icon, true) : icon;
1186
1229
  if (!iconObj) {
@@ -1201,7 +1244,7 @@ var loadIcon$1 = icon => {
1201
1244
  reject(icon);
1202
1245
  });
1203
1246
  });
1204
- };
1247
+ }, "loadIcon$1");
1205
1248
  function testIconObject(value) {
1206
1249
  try {
1207
1250
  const obj = typeof value === "string" ? JSON.parse(value) : value;
@@ -1212,6 +1255,7 @@ function testIconObject(value) {
1212
1255
  }
1213
1256
  } catch (err) {}
1214
1257
  }
1258
+ __name(testIconObject, "testIconObject");
1215
1259
  function parseIconValue(value, onload) {
1216
1260
  if (typeof value === "object") {
1217
1261
  const data2 = testIconObject(value);
@@ -1256,6 +1300,7 @@ function parseIconValue(value, onload) {
1256
1300
  loading
1257
1301
  };
1258
1302
  }
1303
+ __name(parseIconValue, "parseIconValue");
1259
1304
  var isBuggedSafari = false;
1260
1305
  try {
1261
1306
  isBuggedSafari = navigator.vendor.indexOf("Apple") === 0;
@@ -1273,6 +1318,7 @@ function getRenderMode(body, mode) {
1273
1318
  }
1274
1319
  return body.indexOf("currentColor") === -1 ? "bg" : "mask";
1275
1320
  }
1321
+ __name(getRenderMode, "getRenderMode");
1276
1322
  var unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
1277
1323
  var unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
1278
1324
  function calculateSize$1(size, ratio, precision) {
@@ -1311,6 +1357,7 @@ function calculateSize$1(size, ratio, precision) {
1311
1357
  isNumber = !isNumber;
1312
1358
  }
1313
1359
  }
1360
+ __name(calculateSize$1, "calculateSize$1");
1314
1361
  function splitSVGDefs(content, tag = "defs") {
1315
1362
  let defs = "";
1316
1363
  const index = content.indexOf("<" + tag);
@@ -1332,14 +1379,17 @@ function splitSVGDefs(content, tag = "defs") {
1332
1379
  content
1333
1380
  };
1334
1381
  }
1382
+ __name(splitSVGDefs, "splitSVGDefs");
1335
1383
  function mergeDefsAndContent(defs, content) {
1336
1384
  return defs ? "<defs>" + defs + "</defs>" + content : content;
1337
1385
  }
1386
+ __name(mergeDefsAndContent, "mergeDefsAndContent");
1338
1387
  function wrapSVGContent(body, start, end) {
1339
1388
  const split = splitSVGDefs(body);
1340
1389
  return mergeDefsAndContent(split.defs, start + split.content + end);
1341
1390
  }
1342
- var isUnsetKeyword = value => value === "unset" || value === "undefined" || value === "none";
1391
+ __name(wrapSVGContent, "wrapSVGContent");
1392
+ var isUnsetKeyword = /* @__PURE__ */__name(value => value === "unset" || value === "undefined" || value === "none", "isUnsetKeyword");
1343
1393
  function iconToSVG(icon, customisations) {
1344
1394
  const fullIcon = {
1345
1395
  ...defaultIconProps,
@@ -1422,11 +1472,11 @@ function iconToSVG(icon, customisations) {
1422
1472
  height = customisationsHeight === null ? calculateSize$1(width, boxHeight / boxWidth) : customisationsHeight === "auto" ? boxHeight : customisationsHeight;
1423
1473
  }
1424
1474
  const attributes = {};
1425
- const setAttr = (prop, value) => {
1475
+ const setAttr = /* @__PURE__ */__name((prop, value) => {
1426
1476
  if (!isUnsetKeyword(value)) {
1427
1477
  attributes[prop] = value.toString();
1428
1478
  }
1429
- };
1479
+ }, "setAttr");
1430
1480
  setAttr("width", width);
1431
1481
  setAttr("height", height);
1432
1482
  const viewBox = [box.left, box.top, boxWidth, boxHeight];
@@ -1437,6 +1487,7 @@ function iconToSVG(icon, customisations) {
1437
1487
  body
1438
1488
  };
1439
1489
  }
1490
+ __name(iconToSVG, "iconToSVG");
1440
1491
  function iconToHTML$1(body, attributes) {
1441
1492
  let renderAttribsHTML = body.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
1442
1493
  for (const attr in attributes) {
@@ -1444,16 +1495,20 @@ function iconToHTML$1(body, attributes) {
1444
1495
  }
1445
1496
  return '<svg xmlns="http://www.w3.org/2000/svg"' + renderAttribsHTML + ">" + body + "</svg>";
1446
1497
  }
1498
+ __name(iconToHTML$1, "iconToHTML$1");
1447
1499
  function encodeSVGforURL(svg) {
1448
1500
  return svg.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
1449
1501
  }
1502
+ __name(encodeSVGforURL, "encodeSVGforURL");
1450
1503
  function svgToData(svg) {
1451
1504
  return "data:image/svg+xml," + encodeSVGforURL(svg);
1452
1505
  }
1506
+ __name(svgToData, "svgToData");
1453
1507
  function svgToURL$1(svg) {
1454
1508
  return 'url("' + svgToData(svg) + '")';
1455
1509
  }
1456
- var detectFetch = () => {
1510
+ __name(svgToURL$1, "svgToURL$1");
1511
+ var detectFetch = /* @__PURE__ */__name(() => {
1457
1512
  let callback;
1458
1513
  try {
1459
1514
  callback = fetch;
@@ -1461,14 +1516,16 @@ var detectFetch = () => {
1461
1516
  return callback;
1462
1517
  }
1463
1518
  } catch (err) {}
1464
- };
1519
+ }, "detectFetch");
1465
1520
  var fetchModule = detectFetch();
1466
1521
  function setFetch(fetch2) {
1467
1522
  fetchModule = fetch2;
1468
1523
  }
1524
+ __name(setFetch, "setFetch");
1469
1525
  function getFetch() {
1470
1526
  return fetchModule;
1471
1527
  }
1528
+ __name(getFetch, "getFetch");
1472
1529
  function calculateMaxLength(provider, prefix) {
1473
1530
  const config = getAPIConfig(provider);
1474
1531
  if (!config) {
@@ -1488,10 +1545,12 @@ function calculateMaxLength(provider, prefix) {
1488
1545
  }
1489
1546
  return result;
1490
1547
  }
1548
+ __name(calculateMaxLength, "calculateMaxLength");
1491
1549
  function shouldAbort(status) {
1492
1550
  return status === 404;
1493
1551
  }
1494
- var prepare = (provider, prefix, icons) => {
1552
+ __name(shouldAbort, "shouldAbort");
1553
+ var prepare = /* @__PURE__ */__name((provider, prefix, icons) => {
1495
1554
  const results = [];
1496
1555
  const maxLength = calculateMaxLength(provider, prefix);
1497
1556
  const type = "icons";
@@ -1518,7 +1577,7 @@ var prepare = (provider, prefix, icons) => {
1518
1577
  });
1519
1578
  results.push(item);
1520
1579
  return results;
1521
- };
1580
+ }, "prepare");
1522
1581
  function getPath(provider) {
1523
1582
  if (typeof provider === "string") {
1524
1583
  const config = getAPIConfig(provider);
@@ -1528,7 +1587,8 @@ function getPath(provider) {
1528
1587
  }
1529
1588
  return "/";
1530
1589
  }
1531
- var send = (host, params, callback) => {
1590
+ __name(getPath, "getPath");
1591
+ var send = /* @__PURE__ */__name((host, params, callback) => {
1532
1592
  if (!fetchModule) {
1533
1593
  callback("abort", 424);
1534
1594
  return;
@@ -1584,7 +1644,7 @@ var send = (host, params, callback) => {
1584
1644
  }).catch(() => {
1585
1645
  callback("next", defaultError);
1586
1646
  });
1587
- };
1647
+ }, "send");
1588
1648
  var fetchAPIModule = {
1589
1649
  prepare,
1590
1650
  send
@@ -1592,14 +1652,17 @@ var fetchAPIModule = {
1592
1652
  function setCustomIconsLoader$1(loader, prefix, provider) {
1593
1653
  getStorage(provider || "", prefix).loadIcons = loader;
1594
1654
  }
1655
+ __name(setCustomIconsLoader$1, "setCustomIconsLoader$1");
1595
1656
  function setCustomIconLoader$1(loader, prefix, provider) {
1596
1657
  getStorage(provider || "", prefix).loadIcon = loader;
1597
1658
  }
1659
+ __name(setCustomIconLoader$1, "setCustomIconLoader$1");
1598
1660
  var nodeAttr = "data-style";
1599
1661
  var customStyle = "";
1600
1662
  function appendCustomStyle(style) {
1601
1663
  customStyle = style;
1602
1664
  }
1665
+ __name(appendCustomStyle, "appendCustomStyle");
1603
1666
  function updateStyle(parent, inline) {
1604
1667
  let styleNode = Array.from(parent.childNodes).find(node => node.hasAttribute && node.hasAttribute(nodeAttr));
1605
1668
  if (!styleNode) {
@@ -1609,6 +1672,7 @@ function updateStyle(parent, inline) {
1609
1672
  }
1610
1673
  styleNode.textContent = ":host{display:inline-block;vertical-align:" + (inline ? "-0.125em" : "0") + "}span,svg{display:block;margin:auto}" + customStyle;
1611
1674
  }
1675
+ __name(updateStyle, "updateStyle");
1612
1676
  function exportFunctions() {
1613
1677
  setAPIModule("", fetchAPIModule);
1614
1678
  allowSimpleNames(true);
@@ -1668,9 +1732,9 @@ function exportFunctions() {
1668
1732
  };
1669
1733
  return {
1670
1734
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
1671
- enableCache: storage2 => {},
1735
+ enableCache: /* @__PURE__ */__name(storage2 => {}, "enableCache"),
1672
1736
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
1673
- disableCache: storage2 => {},
1737
+ disableCache: /* @__PURE__ */__name(storage2 => {}, "disableCache"),
1674
1738
  iconLoaded: iconLoaded$1,
1675
1739
  iconExists: iconLoaded$1,
1676
1740
  // deprecated, kept to avoid breaking changes
@@ -1691,6 +1755,7 @@ function exportFunctions() {
1691
1755
  _api: _api2
1692
1756
  };
1693
1757
  }
1758
+ __name(exportFunctions, "exportFunctions");
1694
1759
  var monotoneProps = {
1695
1760
  "background-color": "currentColor"
1696
1761
  };
@@ -1716,6 +1781,7 @@ for (const prefix in propsToAddTo) {
1716
1781
  function fixSize(value) {
1717
1782
  return value ? value + (value.match(/^[-0-9.]+$/) ? "px" : "") : "inherit";
1718
1783
  }
1784
+ __name(fixSize, "fixSize");
1719
1785
  function renderSPAN(data, icon, useMask) {
1720
1786
  const node = document.createElement("span");
1721
1787
  let body = data.body;
@@ -1741,23 +1807,26 @@ function renderSPAN(data, icon, useMask) {
1741
1807
  }
1742
1808
  return node;
1743
1809
  }
1810
+ __name(renderSPAN, "renderSPAN");
1744
1811
  var policy;
1745
1812
  function createPolicy() {
1746
1813
  try {
1747
1814
  policy = window.trustedTypes.createPolicy("iconify", {
1748
1815
  // eslint-disable-next-line @typescript-eslint/no-unsafe-return
1749
- createHTML: s => s
1816
+ createHTML: /* @__PURE__ */__name(s => s, "createHTML")
1750
1817
  });
1751
1818
  } catch (err) {
1752
1819
  policy = null;
1753
1820
  }
1754
1821
  }
1822
+ __name(createPolicy, "createPolicy");
1755
1823
  function cleanUpInnerHTML(html) {
1756
1824
  if (policy === void 0) {
1757
1825
  createPolicy();
1758
1826
  }
1759
1827
  return policy ? policy.createHTML(html) : html;
1760
1828
  }
1829
+ __name(cleanUpInnerHTML, "cleanUpInnerHTML");
1761
1830
  function renderSVG(data) {
1762
1831
  const node = document.createElement("span");
1763
1832
  const attr = data.attributes;
@@ -1775,12 +1844,14 @@ function renderSVG(data) {
1775
1844
  node.innerHTML = cleanUpInnerHTML(html);
1776
1845
  return node.firstChild;
1777
1846
  }
1847
+ __name(renderSVG, "renderSVG");
1778
1848
  function findIconElement(parent) {
1779
1849
  return Array.from(parent.childNodes).find(node => {
1780
1850
  const tag = node.tagName && node.tagName.toUpperCase();
1781
1851
  return tag === "SPAN" || tag === "SVG";
1782
1852
  });
1783
1853
  }
1854
+ __name(findIconElement, "findIconElement");
1784
1855
  function renderIcon(parent, state) {
1785
1856
  const iconData = state.icon.data;
1786
1857
  const customisations = state.customisations;
@@ -1811,6 +1882,7 @@ function renderIcon(parent, state) {
1811
1882
  parent.appendChild(node);
1812
1883
  }
1813
1884
  }
1885
+ __name(renderIcon, "renderIcon");
1814
1886
  function setPendingState(icon, inline, lastState) {
1815
1887
  const lastRender = lastState && (lastState.rendered ? lastState : lastState.lastRender);
1816
1888
  return {
@@ -1820,6 +1892,7 @@ function setPendingState(icon, inline, lastState) {
1820
1892
  lastRender
1821
1893
  };
1822
1894
  }
1895
+ __name(setPendingState, "setPendingState");
1823
1896
  function defineIconifyIcon(name = "iconify-icon") {
1824
1897
  let customElements;
1825
1898
  let ParentClass;
@@ -1843,7 +1916,10 @@ function defineIconifyIcon(name = "iconify-icon") {
1843
1916
  "mode", "inline", "noobserver",
1844
1917
  // Customisations
1845
1918
  "width", "height", "rotate", "flip"];
1846
- const IconifyIcon2 = class extends ParentClass {
1919
+ const IconifyIcon = class extends ParentClass {
1920
+ static {
1921
+ __name(this, "IconifyIcon");
1922
+ }
1847
1923
  // Root
1848
1924
  _shadowRoot;
1849
1925
  // Initialised
@@ -2139,28 +2215,29 @@ function defineIconifyIcon(name = "iconify-icon") {
2139
2215
  }
2140
2216
  };
2141
2217
  attributes.forEach(attr => {
2142
- if (!(attr in IconifyIcon2.prototype)) {
2143
- Object.defineProperty(IconifyIcon2.prototype, attr, {
2144
- get: function () {
2218
+ if (!(attr in IconifyIcon.prototype)) {
2219
+ Object.defineProperty(IconifyIcon.prototype, attr, {
2220
+ get: /* @__PURE__ */__name(function () {
2145
2221
  return this.getAttribute(attr);
2146
- },
2147
- set: function (value) {
2222
+ }, "get"),
2223
+ set: /* @__PURE__ */__name(function (value) {
2148
2224
  if (value !== null) {
2149
2225
  this.setAttribute(attr, value);
2150
2226
  } else {
2151
2227
  this.removeAttribute(attr);
2152
2228
  }
2153
- }
2229
+ }, "set")
2154
2230
  });
2155
2231
  }
2156
2232
  });
2157
2233
  const functions = exportFunctions();
2158
2234
  for (const key in functions) {
2159
- IconifyIcon2[key] = IconifyIcon2.prototype[key] = functions[key];
2235
+ IconifyIcon[key] = IconifyIcon.prototype[key] = functions[key];
2160
2236
  }
2161
- customElements.define(name, IconifyIcon2);
2162
- return IconifyIcon2;
2237
+ customElements.define(name, IconifyIcon);
2238
+ return IconifyIcon;
2163
2239
  }
2240
+ __name(defineIconifyIcon, "defineIconifyIcon");
2164
2241
  var IconifyIconComponent = defineIconifyIcon() || exportFunctions();
2165
2242
  var {
2166
2243
  enableCache,
@@ -2185,7 +2262,7 @@ var {
2185
2262
  } = IconifyIconComponent;
2186
2263
 
2187
2264
  // ../../node_modules/.pnpm/@iconify-icon+react@2.3.0_react@19.1.1/node_modules/@iconify-icon/react/dist/iconify.mjs
2188
- var Icon = React.forwardRef((props, ref) => {
2265
+ var Icon = React5.forwardRef((props, ref) => {
2189
2266
  const newProps = {
2190
2267
  ...props,
2191
2268
  ref
@@ -2199,14 +2276,13 @@ var Icon = React.forwardRef((props, ref) => {
2199
2276
  if (props.className) {
2200
2277
  newProps["class"] = props.className;
2201
2278
  }
2202
- return React.createElement("iconify-icon", newProps);
2279
+ return React5.createElement("iconify-icon", newProps);
2203
2280
  });
2204
2281
 
2205
2282
  // ../react-icons/src/Icon.tsx
2206
- import * as React2 from "react";
2207
- import { jsx as jsx6 } from "react/jsx-runtime";
2208
- var Icon2 = React2.forwardRef((props, ref) => {
2209
- return /* @__PURE__ */jsx6(Icon, {
2283
+ import * as React6 from "react";
2284
+ var Icon2 = /* @__PURE__ */React6.forwardRef((props, ref) => {
2285
+ return /* @__PURE__ */React6.createElement(Icon, {
2210
2286
  ref,
2211
2287
  "data-testid": "iconify-icon",
2212
2288
  ...props
@@ -2216,192 +2292,176 @@ Icon2.displayName = "Icon";
2216
2292
 
2217
2293
  // src/MultistepForm/MultistepHeader.tsx
2218
2294
  import { CloseButton, Flex as Flex4, Image as Image2, Text as Text4 } from "@ttoss/ui";
2219
- import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
2220
- var MultistepHeaderTitled = ({
2295
+ var MultistepHeaderTitled = /* @__PURE__ */__name(({
2221
2296
  title,
2222
2297
  leftIcon,
2223
2298
  onLeftIconClick,
2224
2299
  rightIcon,
2225
2300
  onRightIconClick
2226
2301
  }) => {
2227
- return /* @__PURE__ */jsxs4(Flex4, {
2302
+ return /* @__PURE__ */React.createElement(Flex4, {
2228
2303
  sx: {
2229
2304
  display: "flex",
2230
2305
  justifyContent: "space-between",
2231
2306
  paddingX: "5",
2232
2307
  paddingY: "4",
2233
2308
  alignItems: "center"
2234
- },
2235
- children: [/* @__PURE__ */jsx7(Icon2, {
2236
- icon: leftIcon,
2237
- onClick: onLeftIconClick
2238
- }), /* @__PURE__ */jsx7(Text4, {
2239
- sx: {
2240
- fontWeight: "bold",
2241
- fontSize: "lg"
2242
- },
2243
- children: title
2244
- }), /* @__PURE__ */jsx7(Icon2, {
2245
- icon: rightIcon,
2246
- onClick: onRightIconClick
2247
- })]
2248
- });
2249
- };
2250
- var MultistepHeaderLogo = ({
2309
+ }
2310
+ }, /* @__PURE__ */React.createElement(Icon2, {
2311
+ icon: leftIcon,
2312
+ onClick: onLeftIconClick
2313
+ }), /* @__PURE__ */React.createElement(Text4, {
2314
+ sx: {
2315
+ fontWeight: "bold",
2316
+ fontSize: "lg"
2317
+ }
2318
+ }, title), /* @__PURE__ */React.createElement(Icon2, {
2319
+ icon: rightIcon,
2320
+ onClick: onRightIconClick
2321
+ }));
2322
+ }, "MultistepHeaderTitled");
2323
+ var MultistepHeaderLogo = /* @__PURE__ */__name(({
2251
2324
  onClose,
2252
2325
  src
2253
2326
  }) => {
2254
- return /* @__PURE__ */jsxs4(Flex4, {
2327
+ return /* @__PURE__ */React.createElement(Flex4, {
2255
2328
  sx: {
2256
2329
  justifyContent: "space-between",
2257
2330
  alignItems: "center",
2258
2331
  paddingX: "5",
2259
2332
  paddingY: "4"
2260
- },
2261
- children: [/* @__PURE__ */jsx7(Image2, {
2333
+ }
2334
+ }, /* @__PURE__ */React.createElement(Image2, {
2335
+ width: 115,
2336
+ height: 32,
2337
+ sx: {
2338
+ objectFit: "cover",
2262
2339
  width: 115,
2263
- height: 32,
2264
- sx: {
2265
- objectFit: "cover",
2266
- width: 115,
2267
- height: 32
2268
- },
2269
- src
2270
- }), onClose && /* @__PURE__ */jsx7(CloseButton, {
2271
- onClick: onClose
2272
- })]
2273
- });
2274
- };
2275
- var MultistepHeader = props => {
2340
+ height: 32
2341
+ },
2342
+ src
2343
+ }), onClose && /* @__PURE__ */React.createElement(CloseButton, {
2344
+ onClick: onClose
2345
+ }));
2346
+ }, "MultistepHeaderLogo");
2347
+ var MultistepHeader = /* @__PURE__ */__name(props => {
2276
2348
  if (props.variant === "logo") {
2277
- return /* @__PURE__ */jsx7(MultistepHeaderLogo, {
2278
- ...props
2279
- });
2349
+ return /* @__PURE__ */React.createElement(MultistepHeaderLogo, props);
2280
2350
  }
2281
2351
  if (props.variant === "titled") {
2282
- return /* @__PURE__ */jsx7(MultistepHeaderTitled, {
2283
- ...props
2284
- });
2352
+ return /* @__PURE__ */React.createElement(MultistepHeaderTitled, props);
2285
2353
  }
2286
2354
  return null;
2287
- };
2355
+ }, "MultistepHeader");
2288
2356
 
2289
2357
  // src/MultistepForm/MultistepNavigation.tsx
2290
2358
  import { Flex as Flex5, Text as Text5 } from "@ttoss/ui";
2291
- import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
2292
- var MultistepNavigation = ({
2359
+ var MultistepNavigation = /* @__PURE__ */__name(({
2293
2360
  amountOfSteps,
2294
2361
  currentStepNumber,
2295
2362
  onBack,
2296
2363
  stepsLabel
2297
2364
  }) => {
2298
- return /* @__PURE__ */jsxs5(Flex5, {
2365
+ return /* @__PURE__ */React.createElement(Flex5, {
2299
2366
  sx: {
2300
2367
  justifyContent: "space-between",
2301
2368
  marginX: "5"
2302
- },
2303
- children: [/* @__PURE__ */jsxs5(Flex5, {
2304
- onClick: onBack,
2305
- sx: {
2306
- alignItems: "center",
2307
- cursor: "pointer"
2308
- },
2309
- children: [/* @__PURE__ */jsx8(Text5, {
2310
- sx: {
2311
- color: "#ACADB7",
2312
- display: "flex"
2313
- },
2314
- children: /* @__PURE__ */jsx8(Icon2, {
2315
- icon: "nav-left"
2316
- })
2317
- }), /* @__PURE__ */jsx8(Text5, {
2318
- sx: {
2319
- color: "#ACADB7"
2320
- },
2321
- children: stepsLabel[currentStepNumber - 2]
2322
- })]
2323
- }), /* @__PURE__ */jsxs5(Text5, {
2324
- sx: {
2325
- alignItems: "center",
2326
- color: "#ACADB7"
2327
- },
2328
- children: [currentStepNumber, "/", amountOfSteps]
2329
- })]
2330
- });
2331
- };
2369
+ }
2370
+ }, /* @__PURE__ */React.createElement(Flex5, {
2371
+ onClick: onBack,
2372
+ sx: {
2373
+ alignItems: "center",
2374
+ cursor: "pointer"
2375
+ }
2376
+ }, /* @__PURE__ */React.createElement(Text5, {
2377
+ sx: {
2378
+ color: "#ACADB7",
2379
+ display: "flex"
2380
+ }
2381
+ }, /* @__PURE__ */React.createElement(Icon2, {
2382
+ icon: "nav-left"
2383
+ })), /* @__PURE__ */React.createElement(Text5, {
2384
+ sx: {
2385
+ color: "#ACADB7"
2386
+ }
2387
+ }, stepsLabel[currentStepNumber - 2])), /* @__PURE__ */React.createElement(Text5, {
2388
+ sx: {
2389
+ alignItems: "center",
2390
+ color: "#ACADB7"
2391
+ }
2392
+ }, currentStepNumber, "/", amountOfSteps));
2393
+ }, "MultistepNavigation");
2332
2394
 
2333
2395
  // src/MultistepForm/MultistepForm.tsx
2334
- import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
2335
- var MultistepForm = ({
2396
+ var MultistepForm = /* @__PURE__ */__name(({
2336
2397
  nextStepButtonLabel = "Next",
2337
2398
  submitButtonLabel = "Send",
2338
2399
  ...props
2339
2400
  }) => {
2340
2401
  const amountOfSteps = props.steps.length;
2341
- const [currentStep, setCurrentStep] = React3.useState(1);
2342
- const [form, setForm] = React3.useState({});
2343
- const nextStep = () => {
2402
+ const [currentStep, setCurrentStep] = React7.useState(1);
2403
+ const [form, setForm] = React7.useState({});
2404
+ const nextStep = /* @__PURE__ */__name(() => {
2344
2405
  if (currentStep < amountOfSteps) {
2345
2406
  setCurrentStep(step => {
2346
2407
  return step + 1;
2347
2408
  });
2348
2409
  }
2349
- };
2350
- const backStep = () => {
2410
+ }, "nextStep");
2411
+ const backStep = /* @__PURE__ */__name(() => {
2351
2412
  if (currentStep > 1) {
2352
2413
  setCurrentStep(step => {
2353
2414
  return step - 1;
2354
2415
  });
2355
2416
  }
2356
- };
2357
- return /* @__PURE__ */jsxs6(Flex6, {
2417
+ }, "backStep");
2418
+ return /* @__PURE__ */React7.createElement(Flex6, {
2358
2419
  sx: {
2359
2420
  flexDirection: "column",
2360
2421
  maxWidth: "390px",
2361
2422
  background: "#fff"
2362
- },
2363
- children: [/* @__PURE__ */jsx9(MultistepHeader, {
2364
- ...props.header
2365
- }), props.steps.map((step, stepIndex) => {
2366
- const isLastStep = stepIndex + 1 === amountOfSteps;
2367
- const isCurrentStep = stepIndex + 1 === currentStep;
2368
- return /* @__PURE__ */jsx9(Flex6, {
2369
- sx: {
2370
- flexDirection: "column",
2371
- display: isCurrentStep ? "flex" : "none"
2372
- },
2373
- "aria-hidden": !isCurrentStep,
2374
- children: /* @__PURE__ */jsx9(MultistepFormStepper, {
2375
- ...step,
2376
- stepNumber: stepIndex + 1,
2377
- isLastStep,
2378
- onSubmit: data => {
2379
- const newValue = {
2380
- ...form,
2381
- ...data
2382
- };
2383
- setForm(newValue);
2384
- if (isLastStep) {
2385
- props.onSubmit(newValue);
2386
- } else {
2387
- nextStep();
2388
- }
2389
- },
2390
- submitLabel: isLastStep ? submitButtonLabel : nextStepButtonLabel
2391
- })
2392
- }, `form-step-${step.question}`);
2393
- }), currentStep > 1 && /* @__PURE__ */jsx9(MultistepNavigation, {
2394
- amountOfSteps,
2395
- currentStepNumber: currentStep,
2396
- onBack: backStep,
2397
- stepsLabel: props.steps.map(s => {
2398
- return s.label;
2399
- })
2400
- }), props.footer && /* @__PURE__ */jsx9(MultistepFooter, {
2401
- footer: props.footer
2402
- })]
2403
- });
2404
- };
2423
+ }
2424
+ }, /* @__PURE__ */React7.createElement(MultistepHeader, props.header), props.steps.map((step, stepIndex) => {
2425
+ const isLastStep = stepIndex + 1 === amountOfSteps;
2426
+ const isCurrentStep = stepIndex + 1 === currentStep;
2427
+ return /* @__PURE__ */React7.createElement(Flex6, {
2428
+ sx: {
2429
+ flexDirection: "column",
2430
+ display: isCurrentStep ? "flex" : "none"
2431
+ },
2432
+ key: `form-step-${step.question}`,
2433
+ "aria-hidden": !isCurrentStep
2434
+ }, /* @__PURE__ */React7.createElement(MultistepFormStepper, {
2435
+ ...step,
2436
+ stepNumber: stepIndex + 1,
2437
+ isLastStep,
2438
+ // isCurrentStep={isCurrentStep}
2439
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
2440
+ onSubmit: /* @__PURE__ */__name(data => {
2441
+ const newValue = {
2442
+ ...form,
2443
+ ...data
2444
+ };
2445
+ setForm(newValue);
2446
+ if (isLastStep) {
2447
+ props.onSubmit(newValue);
2448
+ } else {
2449
+ nextStep();
2450
+ }
2451
+ }, "onSubmit"),
2452
+ submitLabel: isLastStep ? submitButtonLabel : nextStepButtonLabel
2453
+ }));
2454
+ }), currentStep > 1 && /* @__PURE__ */React7.createElement(MultistepNavigation, {
2455
+ amountOfSteps,
2456
+ currentStepNumber: currentStep,
2457
+ onBack: backStep,
2458
+ stepsLabel: props.steps.map(s => {
2459
+ return s.label;
2460
+ })
2461
+ }), props.footer && /* @__PURE__ */React7.createElement(MultistepFooter, {
2462
+ footer: props.footer
2463
+ }));
2464
+ }, "MultistepForm");
2405
2465
  export { MultistepForm };
2406
2466
  /*! Bundled license information:
2407
2467