@algolia/satellite 2.10.0 → 2.11.0

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.
Files changed (145) hide show
  1. package/dist/cjs/Actions/Accordion/Accordion.js +1 -2
  2. package/dist/cjs/Actions/Accordion/Accordion.styles.d.ts +2 -2
  3. package/dist/cjs/Actions/Accordion/Accordion.styles.js +23 -23
  4. package/dist/cjs/Actions/Button/PolymorphicButton.js +1 -2
  5. package/dist/cjs/Actions/Button/styles.js +4 -4
  6. package/dist/cjs/Actions/IconButtonWithFeedback/IconButtonWithFeedback.js +1 -1
  7. package/dist/cjs/Actions/ToggleButton/ToggleButtonBase.js +2 -2
  8. package/dist/cjs/Actions/ToggleGroup/ToggleGroup.js +1 -2
  9. package/dist/cjs/Chat/ChatCodeDisplay/ChatCodeDisplay.js +2 -3
  10. package/dist/cjs/Chat/ChatCodeDisplay/ChatCodeDisplay.styles.d.ts +4 -4
  11. package/dist/cjs/Chat/ChatContextAccordion/ChatContextAccordion.styles.d.ts +2 -2
  12. package/dist/cjs/Chat/ChatContextContainer/ChatContextContainer.styles.d.ts +2 -2
  13. package/dist/cjs/Chat/ChatMessage/ChatMessage.js +1 -1
  14. package/dist/cjs/Chat/ChatMessage/ChatMessage.styles.d.ts +2 -2
  15. package/dist/cjs/Chat/ChatMessage/ChatMessage.styles.js +10 -10
  16. package/dist/cjs/Chat/ChatMessageError/ChatMessageError.styles.d.ts +3 -3
  17. package/dist/cjs/Chat/ChatMessageLoader/ChatMessageLoader.styles.d.ts +3 -3
  18. package/dist/cjs/Chat/ChatMessages/ChatMessages.styles.d.ts +2 -2
  19. package/dist/cjs/Chat/ChatPrompt/ChatPrompt.styles.d.ts +2 -2
  20. package/dist/cjs/Fields/AutoComplete/AutoComplete.js +14 -14
  21. package/dist/cjs/Fields/DatePicker/components/Popover.js +2 -3
  22. package/dist/cjs/Fields/Dropzone/Dropzone.js +5 -5
  23. package/dist/cjs/Fields/FilePicker/FilePicker.js +4 -4
  24. package/dist/cjs/Fields/Form/stories/AsynchronousValidation.js +17 -18
  25. package/dist/cjs/Fields/Form/stories/Complex.js +67 -68
  26. package/dist/cjs/Fields/Form/stories/DependentFieldsValidation.js +9 -10
  27. package/dist/cjs/Fields/Form/stories/DirtyFields.js +18 -19
  28. package/dist/cjs/Fields/Form/stories/DynamicFieldsValidation.js +19 -20
  29. package/dist/cjs/Fields/Form/stories/ExtraErrors.js +13 -14
  30. package/dist/cjs/Fields/Form/stories/FieldArrays.js +23 -24
  31. package/dist/cjs/Fields/Form/stories/JSONForms.js +79 -79
  32. package/dist/cjs/Fields/Form/stories/MultiStep.js +72 -73
  33. package/dist/cjs/Fields/Form/stories/ValidationStrategies.js +15 -16
  34. package/dist/cjs/Fields/Input/Input.js +10 -10
  35. package/dist/cjs/Fields/SelectableCard/SelectableCard.js +9 -9
  36. package/dist/cjs/Fields/Switch/Switch.tailwind.js +4 -1
  37. package/dist/cjs/Fields/TextAreaAutoSize/TextAreaAutoSize.styles.d.ts +2 -2
  38. package/dist/cjs/Icons/AmexCardIcon.d.ts +2 -0
  39. package/dist/cjs/Icons/AmexCardIcon.js +34 -0
  40. package/dist/cjs/Icons/DiscoverCardIcon.d.ts +2 -0
  41. package/dist/cjs/Icons/DiscoverCardIcon.js +34 -0
  42. package/dist/cjs/Icons/MasterCardIcon.d.ts +2 -0
  43. package/dist/cjs/Icons/MasterCardIcon.js +34 -0
  44. package/dist/cjs/Icons/VisaCardIcon.d.ts +2 -0
  45. package/dist/cjs/Icons/VisaCardIcon.js +34 -0
  46. package/dist/cjs/Icons/index.d.ts +4 -0
  47. package/dist/cjs/Icons/index.js +28 -0
  48. package/dist/cjs/Indicators/Avatars/utils.js +4 -4
  49. package/dist/cjs/Indicators/Badge/Badge.js +4 -4
  50. package/dist/cjs/Indicators/Banners/Alert/Alert.js +13 -13
  51. package/dist/cjs/Indicators/Banners/Promote/Promote.js +4 -4
  52. package/dist/cjs/Indicators/EmptyState/EmptyState.js +16 -16
  53. package/dist/cjs/Indicators/Medallion/Medallion.js +3 -3
  54. package/dist/cjs/Indicators/ProgressBar/ProgressBar.js +1 -2
  55. package/dist/cjs/Indicators/Separator/Separator.js +1 -2
  56. package/dist/cjs/Indicators/Tag/Tag.js +10 -10
  57. package/dist/cjs/Indicators/Toast/Toast.js +12 -13
  58. package/dist/cjs/Indicators/Toast/Toasts.js +2 -3
  59. package/dist/cjs/Layout/CollapsibleCard/CollapsibleCard.js +1 -2
  60. package/dist/cjs/Layout/FlexGrid/FlexGrid.js +11 -11
  61. package/dist/cjs/Layout/Tables/DataTable/DataTable.js +3 -3
  62. package/dist/cjs/Navigation/Stepper/Step.js +12 -12
  63. package/dist/cjs/Navigation/Tabs/components/LinkTab.js +6 -6
  64. package/dist/cjs/Overlay/MenuButton/MenuButton.d.ts +1 -1
  65. package/dist/cjs/Overlay/MenuButton/MenuButton.js +1 -2
  66. package/dist/cjs/Overlay/MenuButton/components/Content.js +1 -1
  67. package/dist/cjs/Overlay/MenuButton/components/CustomTrigger.js +1 -2
  68. package/dist/cjs/Overlay/MenuButton/components/DefaultTrigger.js +1 -2
  69. package/dist/cjs/Overlay/MenuButton/components/Divider.js +1 -2
  70. package/dist/cjs/Overlay/MenuButton/components/collapsible/CollapsibleItem.js +1 -2
  71. package/dist/cjs/Overlay/MenuButton/components/items/Item.js +1 -2
  72. package/dist/cjs/Overlay/MenuButton/components/items/LinkItem.js +1 -2
  73. package/dist/cjs/Overlay/MenuButton/components/items/RadioItem.js +1 -2
  74. package/dist/cjs/Overlay/MenuButton/components/items/ToggleItem.js +1 -2
  75. package/dist/cjs/Overlay/Modal/Modal.js +9 -10
  76. package/dist/cjs/Overlay/Popover/Popover.js +2 -3
  77. package/dist/cjs/Overlay/TooltipWrapper/TooltipWrapper.js +2 -3
  78. package/dist/cjs/utils/getTextFromReactNode.js +1 -1
  79. package/dist/cjs/utils/onlyText.js +2 -2
  80. package/dist/esm/Actions/Accordion/Accordion.styles.d.ts +2 -2
  81. package/dist/esm/Actions/Accordion/Accordion.styles.js +23 -23
  82. package/dist/esm/Actions/Button/styles.js +4 -4
  83. package/dist/esm/Actions/IconButtonWithFeedback/IconButtonWithFeedback.js +1 -1
  84. package/dist/esm/Actions/ToggleButton/ToggleButtonBase.js +2 -2
  85. package/dist/esm/Chat/ChatCodeDisplay/ChatCodeDisplay.js +1 -1
  86. package/dist/esm/Chat/ChatCodeDisplay/ChatCodeDisplay.styles.d.ts +4 -4
  87. package/dist/esm/Chat/ChatContextAccordion/ChatContextAccordion.styles.d.ts +2 -2
  88. package/dist/esm/Chat/ChatContextContainer/ChatContextContainer.styles.d.ts +2 -2
  89. package/dist/esm/Chat/ChatMessage/ChatMessage.js +1 -1
  90. package/dist/esm/Chat/ChatMessage/ChatMessage.styles.d.ts +2 -2
  91. package/dist/esm/Chat/ChatMessage/ChatMessage.styles.js +10 -10
  92. package/dist/esm/Chat/ChatMessageError/ChatMessageError.styles.d.ts +3 -3
  93. package/dist/esm/Chat/ChatMessageLoader/ChatMessageLoader.styles.d.ts +3 -3
  94. package/dist/esm/Chat/ChatMessages/ChatMessages.styles.d.ts +2 -2
  95. package/dist/esm/Chat/ChatPrompt/ChatPrompt.styles.d.ts +2 -2
  96. package/dist/esm/Fields/AutoComplete/AutoComplete.js +14 -14
  97. package/dist/esm/Fields/DatePicker/components/Popover.js +1 -1
  98. package/dist/esm/Fields/Dropzone/Dropzone.js +5 -5
  99. package/dist/esm/Fields/FilePicker/FilePicker.js +4 -4
  100. package/dist/esm/Fields/Form/stories/AsynchronousValidation.js +16 -16
  101. package/dist/esm/Fields/Form/stories/Complex.js +66 -66
  102. package/dist/esm/Fields/Form/stories/DependentFieldsValidation.js +8 -8
  103. package/dist/esm/Fields/Form/stories/DirtyFields.js +17 -17
  104. package/dist/esm/Fields/Form/stories/DynamicFieldsValidation.js +18 -18
  105. package/dist/esm/Fields/Form/stories/ExtraErrors.js +12 -12
  106. package/dist/esm/Fields/Form/stories/FieldArrays.js +22 -22
  107. package/dist/esm/Fields/Form/stories/JSONForms.js +79 -79
  108. package/dist/esm/Fields/Form/stories/MultiStep.js +71 -71
  109. package/dist/esm/Fields/Form/stories/ValidationStrategies.js +14 -14
  110. package/dist/esm/Fields/Input/Input.js +10 -10
  111. package/dist/esm/Fields/SelectableCard/SelectableCard.js +9 -9
  112. package/dist/esm/Fields/Switch/Switch.tailwind.js +4 -1
  113. package/dist/esm/Fields/TextAreaAutoSize/TextAreaAutoSize.styles.d.ts +2 -2
  114. package/dist/esm/Icons/AmexCardIcon.d.ts +2 -0
  115. package/dist/esm/Icons/AmexCardIcon.js +27 -0
  116. package/dist/esm/Icons/DiscoverCardIcon.d.ts +2 -0
  117. package/dist/esm/Icons/DiscoverCardIcon.js +27 -0
  118. package/dist/esm/Icons/MasterCardIcon.d.ts +2 -0
  119. package/dist/esm/Icons/MasterCardIcon.js +27 -0
  120. package/dist/esm/Icons/VisaCardIcon.d.ts +2 -0
  121. package/dist/esm/Icons/VisaCardIcon.js +27 -0
  122. package/dist/esm/Icons/index.d.ts +4 -0
  123. package/dist/esm/Icons/index.js +4 -0
  124. package/dist/esm/Indicators/Avatars/utils.js +4 -4
  125. package/dist/esm/Indicators/Badge/Badge.js +4 -4
  126. package/dist/esm/Indicators/Banners/Alert/Alert.js +13 -13
  127. package/dist/esm/Indicators/Banners/Promote/Promote.js +4 -4
  128. package/dist/esm/Indicators/EmptyState/EmptyState.js +16 -16
  129. package/dist/esm/Indicators/Medallion/Medallion.js +3 -3
  130. package/dist/esm/Indicators/Tag/Tag.js +10 -10
  131. package/dist/esm/Indicators/Toast/Toast.js +11 -11
  132. package/dist/esm/Indicators/Toast/Toasts.js +1 -1
  133. package/dist/esm/Layout/FlexGrid/FlexGrid.js +11 -11
  134. package/dist/esm/Layout/Tables/DataTable/DataTable.js +3 -3
  135. package/dist/esm/Navigation/Stepper/Step.js +12 -12
  136. package/dist/esm/Navigation/Tabs/components/LinkTab.js +6 -6
  137. package/dist/esm/Overlay/MenuButton/MenuButton.d.ts +1 -1
  138. package/dist/esm/Overlay/MenuButton/components/Content.js +1 -1
  139. package/dist/esm/Overlay/Modal/Modal.js +8 -8
  140. package/dist/esm/Overlay/Popover/Popover.js +1 -1
  141. package/dist/esm/Overlay/TooltipWrapper/TooltipWrapper.js +1 -1
  142. package/dist/esm/utils/getTextFromReactNode.js +1 -1
  143. package/dist/esm/utils/onlyText.js +2 -2
  144. package/dist/satellite.min.css +1 -1
  145. package/package.json +19 -28
@@ -1,5 +1,5 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
2
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
3
3
  import stl from "./../../styles/helpers/satellitePrefixer";
4
4
  import { tv } from "./../../styles/helpers/tv";
5
5
  export var chatMessageStyles = tv({
@@ -23,44 +23,44 @@ export var chatMessageStyles = tv({
23
23
  },
24
24
  side: {
25
25
  left: {
26
- container: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["justify-start"])))
26
+ container: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["justify-start"])))
27
27
  },
28
28
  right: {
29
- container: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["justify-end ms-auto"])))
29
+ container: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["justify-end ms-auto"])))
30
30
  }
31
31
  },
32
32
  leading: {
33
- "true": stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral([""])))
33
+ "true": stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral([""])))
34
34
  },
35
35
  actions: {
36
- "true": stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral([""])))
36
+ "true": stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral([""])))
37
37
  },
38
38
  autoHideActions: {
39
- "true": stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral([""])))
39
+ "true": stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral([""])))
40
40
  }
41
41
  },
42
42
  compoundVariants: [{
43
43
  variant: "neutral",
44
44
  className: {
45
- message: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["p-3 rounded-[8px]"])))
45
+ message: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["p-3 rounded-[8px]"])))
46
46
  }
47
47
  }, {
48
48
  leading: true,
49
49
  side: "left",
50
50
  className: {
51
- actions: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["left-11"])))
51
+ actions: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["left-11"])))
52
52
  }
53
53
  }, {
54
54
  actions: true,
55
55
  autoHideActions: true,
56
56
  className: {
57
- actions: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["opacity-0 group-hover/message:opacity-100 transition-opacity"])))
57
+ actions: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["opacity-0 group-hover/message:opacity-100 transition-opacity"])))
58
58
  }
59
59
  }, {
60
60
  actions: true,
61
61
  side: "right",
62
62
  className: {
63
- actions: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["justify-end"])))
63
+ actions: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["justify-end"])))
64
64
  }
65
65
  }],
66
66
  defaultVariants: {
@@ -46,7 +46,7 @@ export declare const chatMessageErrorStyles: import("tailwind-variants").TVRetur
46
46
  actions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
47
47
  autoHideActions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
48
48
  } | undefined;
49
- } & import("tailwind-variants/dist/config").TWMConfig & {
49
+ } & import("tailwind-variants/dist/config.js").TWMConfig & {
50
50
  twMergeConfig: {
51
51
  prefix: string;
52
52
  };
@@ -126,7 +126,7 @@ export declare const chatMessageErrorStyles: import("tailwind-variants").TVRetur
126
126
  actions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
127
127
  autoHideActions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
128
128
  } | undefined;
129
- } & import("tailwind-variants/dist/config").TWMConfig & {
129
+ } & import("tailwind-variants/dist/config.js").TWMConfig & {
130
130
  twMergeConfig: {
131
131
  prefix: string;
132
132
  };
@@ -198,7 +198,7 @@ export declare const chatMessageErrorStyles: import("tailwind-variants").TVRetur
198
198
  message: string;
199
199
  actions: string;
200
200
  footer: string;
201
- }, undefined, import("tailwind-variants/dist/config").TVConfig<{
201
+ }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
202
202
  variant: {
203
203
  neutral: {
204
204
  message: string;
@@ -73,7 +73,7 @@ export declare const chatMessageLoaderStyles: import("tailwind-variants").TVRetu
73
73
  actions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
74
74
  autoHideActions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
75
75
  } | undefined;
76
- } & import("tailwind-variants/dist/config").TWMConfig & {
76
+ } & import("tailwind-variants/dist/config.js").TWMConfig & {
77
77
  twMergeConfig: {
78
78
  prefix: string;
79
79
  };
@@ -153,7 +153,7 @@ export declare const chatMessageLoaderStyles: import("tailwind-variants").TVRetu
153
153
  actions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
154
154
  autoHideActions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
155
155
  } | undefined;
156
- } & import("tailwind-variants/dist/config").TWMConfig & {
156
+ } & import("tailwind-variants/dist/config.js").TWMConfig & {
157
157
  twMergeConfig: {
158
158
  prefix: string;
159
159
  };
@@ -225,7 +225,7 @@ export declare const chatMessageLoaderStyles: import("tailwind-variants").TVRetu
225
225
  message: string;
226
226
  actions: string;
227
227
  footer: string;
228
- }, undefined, import("tailwind-variants/dist/config").TVConfig<{
228
+ }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
229
229
  variant: {
230
230
  neutral: {
231
231
  message: string;
@@ -16,7 +16,7 @@ export declare const chatMessagesStyles: import("tailwind-variants").TVReturnTyp
16
16
  responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
17
17
  isAtBottom?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
18
18
  } | undefined;
19
- } & import("tailwind-variants/dist/config").TWMConfig & {
19
+ } & import("tailwind-variants/dist/config.js").TWMConfig & {
20
20
  twMergeConfig: {
21
21
  prefix: string;
22
22
  };
@@ -48,7 +48,7 @@ export declare const chatMessagesStyles: import("tailwind-variants").TVReturnTyp
48
48
  scroll: string;
49
49
  content: string;
50
50
  scrollToBottom: string;
51
- }, undefined, import("tailwind-variants/dist/config").TVConfig<{
51
+ }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
52
52
  isAtBottom: {
53
53
  true: {
54
54
  scrollToBottom: string;
@@ -16,7 +16,7 @@ export declare const chatPromptStyles: import("tailwind-variants").TVReturnType<
16
16
  responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
17
17
  disabled?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
18
18
  } | undefined;
19
- } & import("tailwind-variants/dist/config").TWMConfig & {
19
+ } & import("tailwind-variants/dist/config.js").TWMConfig & {
20
20
  twMergeConfig: {
21
21
  prefix: string;
22
22
  };
@@ -48,7 +48,7 @@ export declare const chatPromptStyles: import("tailwind-variants").TVReturnType<
48
48
  actions: string;
49
49
  submit: string;
50
50
  footer: string;
51
- }, undefined, import("tailwind-variants/dist/config").TVConfig<{
51
+ }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
52
52
  disabled: {
53
53
  true: {
54
54
  actions: string;
@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
5
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30;
5
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
6
6
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7
7
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
8
8
  import cx from "clsx";
@@ -358,11 +358,11 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
358
358
  combobox.openMenu();
359
359
  },
360
360
  children: [Icon && /*#__PURE__*/_jsx(Icon, {
361
- className: cx(stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["mr-4 shrink-0"]))), stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-300" : inputFocused ? "text-accent-600" : "text-grey-500")),
361
+ className: cx(stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["mr-4 shrink-0"]))), stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-300" : inputFocused ? "text-accent-600" : "text-grey-500")),
362
362
  width: "1rem",
363
363
  height: "1rem"
364
364
  }), /*#__PURE__*/_jsxs("div", {
365
- className: cx(stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["flex items-center flex-1 max-h-full"]))), !noWrap && stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["flex-wrap overflow-y-scroll no-scrollbar"]))), multiple && stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["-ml-1"]))), valuesClassName),
365
+ className: cx(stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["flex items-center flex-1 max-h-full"]))), !noWrap && stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["flex-wrap overflow-y-scroll no-scrollbar"]))), multiple && stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["-ml-1"]))), valuesClassName),
366
366
  children: [multiple && selectedItems.map(function (option, index) {
367
367
  return renderValueTemplate ? /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, multipleSelection.getSelectedItemProps({
368
368
  selectedItem: option,
@@ -377,7 +377,7 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
377
377
  evt.stopPropagation();
378
378
  multipleSelection.removeSelectedItem(option);
379
379
  },
380
- className: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["m-1 max-w-48 ", ""])), disabled && "opacity-50")
380
+ className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["m-1 max-w-48 ", ""])), disabled && "opacity-50")
381
381
  }, multipleSelection.getSelectedItemProps({
382
382
  selectedItem: option,
383
383
  index: index
@@ -395,10 +395,10 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
395
395
  type: "text",
396
396
  placeholder: hasValue ? "" : placeholder,
397
397
  autoComplete: "off",
398
- className: cx(stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["autocomplete-input"]))), multiple && stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["ml-1"]))), shouldRenderCustomTemplate && hasValue ? stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["h-0 w-0 opacity-0"]))) : stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["py-1.5"]))))
398
+ className: cx(stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["autocomplete-input"]))), multiple && stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["ml-1"]))), shouldRenderCustomTemplate && hasValue ? stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["h-0 w-0 opacity-0"]))) : stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["py-1.5"]))))
399
399
  }))]
400
400
  }), showClearButton && /*#__PURE__*/_jsx(IconButton, {
401
- className: stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["", ""])), inputFocused ? "visible" : "invisible group-hover:visible"),
401
+ className: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["", ""])), inputFocused ? "visible" : "invisible group-hover:visible"),
402
402
  title: locale.clearInputButton,
403
403
  icon: XIcon,
404
404
  variant: "subtle",
@@ -415,13 +415,13 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
415
415
  multipleSelection.setSelectedItems([]);
416
416
  }
417
417
  }), !!endItem && /*#__PURE__*/_jsx("div", {
418
- className: stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["text-grey-700 ", ""])), showClearButton ? "ml-2" : ""),
418
+ className: stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["text-grey-700 ", ""])), showClearButton ? "ml-2" : ""),
419
419
  children: endItem
420
420
  }), /*#__PURE__*/_jsx(StatusIcon, {})]
421
- }), createPortal( /*#__PURE__*/_jsx(ClickAwayContainer, {
421
+ }), createPortal(/*#__PURE__*/_jsx(ClickAwayContainer, {
422
422
  element: menuRef.current,
423
423
  children: /*#__PURE__*/_jsxs(Card, _objectSpread(_objectSpread({}, menuPopper.attributes), {}, {
424
- className: cx(stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["z-dropdown"]))), menuClassName),
424
+ className: cx(stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["z-dropdown"]))), menuClassName),
425
425
  style: _objectSpread(_objectSpread(_objectSpread({}, menuPopper.styles.popper), hideMenu && {
426
426
  display: "none"
427
427
  }), {}, {
@@ -432,7 +432,7 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
432
432
  elevation: "300",
433
433
  fullBleed: true,
434
434
  children: [hideMenu ? /*#__PURE__*/_jsx("div", _objectSpread({}, combobox.getMenuProps())) : items.length === 0 ? /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, combobox.getMenuProps({
435
- className: stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["min-h-10"])))
435
+ className: stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["min-h-10"])))
436
436
  })), {}, {
437
437
  children: /*#__PURE__*/_jsx("div", {
438
438
  role: "option",
@@ -443,15 +443,15 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
443
443
  })
444
444
  })
445
445
  })) : /*#__PURE__*/_jsx(ScrollIndicator, {
446
- className: menuSize === "large" ? stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["max-h-96"]))) : stl(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["max-h-64"]))),
446
+ className: menuSize === "large" ? stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["max-h-96"]))) : stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["max-h-64"]))),
447
447
  children: /*#__PURE__*/_jsx("ul", _objectSpread(_objectSpread({}, combobox.getMenuProps()), {}, {
448
448
  children: items.map(function (item, index) {
449
449
  return /*#__PURE__*/_jsx("li", _objectSpread(_objectSpread({}, combobox.getItemProps({
450
450
  item: item,
451
- className: cx(stl(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["autocomplete-result flex items-center min-h-10 px-4 cursor-pointer"]))), index === combobox.highlightedIndex && stl(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["bg-grey-100"]))), item.disabled && stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["cursor-not-allowed"]))))
451
+ className: cx(stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["autocomplete-result flex items-center min-h-10 px-4 cursor-pointer"]))), index === combobox.highlightedIndex && stl(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["bg-grey-100"]))), item.disabled && stl(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["cursor-not-allowed"]))))
452
452
  })), {}, {
453
453
  children: item.value === SHOW_ALL_ITEMS_ID ? /*#__PURE__*/_jsx("span", {
454
- className: stl(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["w-full py-2 truncate text-center text-grey-900"]))),
454
+ className: stl(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["w-full py-2 truncate text-center text-grey-900"]))),
455
455
  children: item.label
456
456
  }, item.value) : /*#__PURE__*/_jsx(OptionItem, {
457
457
  multiple: Boolean(multiple),
@@ -463,7 +463,7 @@ export var AutoComplete = /*#__PURE__*/forwardRef(function (_ref, ref) {
463
463
  })
464
464
  }))
465
465
  }), !!menuFooter && /*#__PURE__*/_jsx("footer", {
466
- className: stl(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["flex items-center justify-center min-h-12 p-4 bg-grey-100 border-t border-grey-200 text-grey-600"]))),
466
+ className: stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["flex items-center justify-center min-h-12 p-4 bg-grey-100 border-t border-grey-200 text-grey-600"]))),
467
467
  children: menuFooter
468
468
  })]
469
469
  }))
@@ -28,7 +28,7 @@ export var DatePickerPopover = function DatePickerPopover(_ref) {
28
28
  }), anchor ? /*#__PURE__*/_jsx(Popover.Anchor, {
29
29
  asChild: true,
30
30
  children: anchor
31
- }) : null, createPortal( /*#__PURE__*/_jsx(Popover.Content, {
31
+ }) : null, createPortal(/*#__PURE__*/_jsx(Popover.Content, {
32
32
  side: side,
33
33
  sideOffset: 16,
34
34
  align: align,
@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
5
5
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
6
6
  var _excluded = ["id", "placeholder", "requirements", "disabled", "multiple", "clearable", "onChange", "className", "locale", "required", "hideFiles"];
7
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
7
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11;
8
8
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9
9
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10
10
  import cx from "clsx";
@@ -175,22 +175,22 @@ export var Dropzone = /*#__PURE__*/forwardRef(function (_ref2, ref) {
175
175
  size: "1rem",
176
176
  className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-200" : "text-grey-500")
177
177
  }), /*#__PURE__*/_jsx("p", {
178
- className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-300" : "text-grey-900"),
178
+ className: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["", ""])), disabled ? "text-grey-300" : "text-grey-900"),
179
179
  children: placeholder || /*#__PURE__*/_jsxs(_Fragment, {
180
180
  children: [locale.placeholder(multiple), /*#__PURE__*/_jsx("span", {
181
- className: cx(!disabled && stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["typo-link underline"])))),
181
+ className: cx(!disabled && stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["typo-link underline"])))),
182
182
  children: locale.clickToSelect
183
183
  })]
184
184
  })
185
185
  })]
186
186
  }), requirements && /*#__PURE__*/_jsx("p", {
187
- className: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["typo-subdued typo-display-body"]))),
187
+ className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["typo-subdued typo-display-body"]))),
188
188
  children: requirements
189
189
  })]
190
190
  })
191
191
  }), clearable && !disabled && !isValueEmpty && /*#__PURE__*/_jsx("span", {
192
192
  children: /*#__PURE__*/_jsx(IconButton, {
193
- className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["mr-2 invisible group-hover/dropzone:visible group-[:has(&:focus)]/dropzone:visible"]))),
193
+ className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["mr-2 invisible group-hover/dropzone:visible group-[:has(&:focus)]/dropzone:visible"]))),
194
194
  title: locale.clearInput,
195
195
  icon: XIcon,
196
196
  variant: "subtle",
@@ -4,7 +4,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
4
4
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
5
5
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
6
6
  var _excluded = ["clearable"];
7
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
7
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10;
8
8
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
9
9
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
10
10
  import cx from "clsx";
@@ -39,7 +39,7 @@ var FileCard = function FileCard(_ref) {
39
39
  className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["line-clamp-1"]))),
40
40
  children: errors[0].message
41
41
  }) : /*#__PURE__*/_jsx("div", {
42
- className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["typo-subdued line-clamp-1"]))),
42
+ className: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["typo-subdued line-clamp-1"]))),
43
43
  children: formatHumanSize(file.size)
44
44
  })]
45
45
  })]
@@ -115,13 +115,13 @@ export var FilePicker = /*#__PURE__*/forwardRef(function (props, ref) {
115
115
  (_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 || _props$onChange2.call(props, acceptedFiles, rejectedFiles);
116
116
  };
117
117
  return /*#__PURE__*/_jsxs("div", {
118
- className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["flex flex-col gap-4"]))),
118
+ className: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["flex flex-col gap-4"]))),
119
119
  children: [/*#__PURE__*/_jsx(Dropzone, _objectSpread(_objectSpread({}, dropzoneProps), {}, {
120
120
  ref: ref,
121
121
  onDrop: onDrop,
122
122
  hideFiles: true
123
123
  })), files.length > 0 && /*#__PURE__*/_jsx("div", {
124
- className: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["flex flex-col gap-1"]))),
124
+ className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["flex flex-col gap-1"]))),
125
125
  children: files.map(function (_ref5, index) {
126
126
  var file = _ref5.file,
127
127
  errors = _ref5.errors;
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
3
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
4
  import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
5
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
5
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
6
6
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7
7
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
8
8
  import _regeneratorRuntime from "@babel/runtime/regenerator";
@@ -28,7 +28,7 @@ var sleep = function sleep(ms) {
28
28
  });
29
29
  };
30
30
  var validateUsername = /*#__PURE__*/function () {
31
- var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(username) {
31
+ var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(username) {
32
32
  return _regeneratorRuntime.wrap(function _callee$(_context) {
33
33
  while (1) switch (_context.prev = _context.next) {
34
34
  case 0:
@@ -47,7 +47,7 @@ var validateUsername = /*#__PURE__*/function () {
47
47
  };
48
48
  }();
49
49
  var validatePassword = /*#__PURE__*/function () {
50
- var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(password) {
50
+ var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(password) {
51
51
  return _regeneratorRuntime.wrap(function _callee2$(_context2) {
52
52
  while (1) switch (_context2.prev = _context2.next) {
53
53
  case 0:
@@ -68,8 +68,8 @@ var validatePassword = /*#__PURE__*/function () {
68
68
  var zodSchema = z.object({
69
69
  username: z.string().min(1, {
70
70
  message: "You must specify an username (hint: admin)"
71
- }).refine( /*#__PURE__*/function () {
72
- var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(value) {
71
+ }).refine(/*#__PURE__*/function () {
72
+ var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(value) {
73
73
  return _regeneratorRuntime.wrap(function _callee3$(_context3) {
74
74
  while (1) switch (_context3.prev = _context3.next) {
75
75
  case 0:
@@ -103,8 +103,8 @@ var zodSchema = z.object({
103
103
  }),
104
104
  password: z.string().min(1, {
105
105
  message: "You must specify a password (hint: qwerty)"
106
- }).refine( /*#__PURE__*/function () {
107
- var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(value) {
106
+ }).refine(/*#__PURE__*/function () {
107
+ var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(value) {
108
108
  return _regeneratorRuntime.wrap(function _callee4$(_context4) {
109
109
  while (1) switch (_context4.prev = _context4.next) {
110
110
  case 0:
@@ -260,7 +260,7 @@ var yupSchema = yup.object({
260
260
  return "Username \"".concat(value, "\" does not exist (hint: admin)");
261
261
  },
262
262
  test: function () {
263
- var _test = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(value) {
263
+ var _test = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(value) {
264
264
  return _regeneratorRuntime.wrap(function _callee5$(_context5) {
265
265
  while (1) switch (_context5.prev = _context5.next) {
266
266
  case 0:
@@ -281,7 +281,7 @@ var yupSchema = yup.object({
281
281
  name: "password",
282
282
  message: "Password is incorrect (hint: qwerty)",
283
283
  test: function () {
284
- var _test2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(value) {
284
+ var _test2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(value) {
285
285
  return _regeneratorRuntime.wrap(function _callee6$(_context6) {
286
286
  while (1) switch (_context6.prev = _context6.next) {
287
287
  case 0:
@@ -341,7 +341,7 @@ export var FormikAsyncValidationComponent = function FormikAsyncValidationCompon
341
341
  return /*#__PURE__*/_jsx("div", {
342
342
  className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["@container w-full flex justify-center"]))),
343
343
  children: /*#__PURE__*/_jsxs("div", {
344
- className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["flex flex-col gap-8 w-full @lg:w-1/2"]))),
344
+ className: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["flex flex-col gap-8 w-full @lg:w-1/2"]))),
345
345
  children: [/*#__PURE__*/_jsxs(Form, {
346
346
  onSubmit: function onSubmit(e) {
347
347
  setRevalidationEnabled(true);
@@ -351,13 +351,13 @@ export var FormikAsyncValidationComponent = function FormikAsyncValidationCompon
351
351
  setRevalidationEnabled(false);
352
352
  formik.handleReset(e);
353
353
  },
354
- className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
354
+ className: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
355
355
  children: [/*#__PURE__*/_jsx(FormErrorMessage, {}), /*#__PURE__*/_jsx(Field, {
356
356
  label: "Username",
357
357
  labelFor: "username",
358
358
  description: "Please enter your username",
359
359
  state: getFieldState("username"),
360
- className: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["w-full"]))),
360
+ className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["w-full"]))),
361
361
  children: /*#__PURE__*/_jsx(Input, _objectSpread({
362
362
  id: "username",
363
363
  placeholder: "Username",
@@ -368,7 +368,7 @@ export var FormikAsyncValidationComponent = function FormikAsyncValidationCompon
368
368
  labelFor: "password",
369
369
  description: "Please enter your password",
370
370
  state: getFieldState("password"),
371
- className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["w-full"]))),
371
+ className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["w-full"]))),
372
372
  children: /*#__PURE__*/_jsx(Input, _objectSpread({
373
373
  id: "password",
374
374
  placeholder: "Password",
@@ -376,7 +376,7 @@ export var FormikAsyncValidationComponent = function FormikAsyncValidationCompon
376
376
  required: true
377
377
  }, formik.getFieldProps("password")))
378
378
  }), /*#__PURE__*/_jsxs("div", {
379
- className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["flex gap-2"]))),
379
+ className: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["flex gap-2"]))),
380
380
  children: [/*#__PURE__*/_jsx(FormSubmit, {
381
381
  variant: "primary",
382
382
  "aria-label": "Login to the website",
@@ -391,9 +391,9 @@ export var FormikAsyncValidationComponent = function FormikAsyncValidationCompon
391
391
  })]
392
392
  })]
393
393
  }), /*#__PURE__*/_jsx("hr", {
394
- className: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["text-grey-500"])))
394
+ className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["text-grey-500"])))
395
395
  }), /*#__PURE__*/_jsx("code", {
396
- className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
396
+ className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
397
397
  children: JSON.stringify(formData, null, 2)
398
398
  })]
399
399
  })