@app-studio/web 0.8.35 → 0.8.36

package/dist/web.esm.js

@@ -164,7 +164,7 @@ var TextComponent = props => {
 var Text = TextComponent;
 
 var _excluded$1 = ["justifyContent", "isReversed"];
-var Vertical = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+var VerticalBase = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var {
       // Sets a default alignment for content within the Vertical container to 'flex-start'
       justifyContent = 'flex-start',
@@ -180,10 +180,11 @@ var Vertical = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     ref: ref
   }));
 });
-Vertical.displayName = 'Vertical';
+VerticalBase.displayName = 'Vertical';
+var Vertical = VerticalBase;
 
 var _excluded$2 = ["justifyContent", "isReversed"];
-var Horizontal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+var HorizontalBase = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   var {
       // Sets a default alignment for content within the Horizontal container to 'flex-start'
       justifyContent = 'flex-start',
@@ -199,18 +200,24 @@ var Horizontal = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     ref: ref
   }));
 });
-Horizontal.displayName = 'Horizontal';
+HorizontalBase.displayName = 'Horizontal';
+var Horizontal = HorizontalBase;
 
-var Center = /*#__PURE__*/React.forwardRef((props, ref) => (/*#__PURE__*/React.createElement(View$1, Object.assign({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center"
-}, props, {
-  ref: ref
-}))));
-Center.displayName = 'Center';
+var _excluded$3 = ["justifyContent", "isReversed"];
+var CenterBase = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  var props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+  return /*#__PURE__*/React.createElement(View$1, Object.assign({
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center"
+  }, props, {
+    ref: ref
+  }));
+});
+CenterBase.displayName = 'Center';
+var Center = CenterBase;
 
-var _excluded$3 = ["size", "color", "transform", "orientation", "children"],
+var _excluded$4 = ["size", "color", "transform", "orientation", "children"],
   _excluded2 = ["size", "color", "filled", "strokeWidth"],
   _excluded3 = ["size", "color", "filled", "strokeWidth"],
   _excluded4 = ["size", "color", "filled", "strokeWidth"],
@@ -273,7 +280,7 @@ var IconWrapper = _ref => {
       orientation,
       children
     } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   return /*#__PURE__*/React.createElement(Center, Object.assign({
     size: size,
     lineHeight: size,
@@ -1727,7 +1734,7 @@ var AlertComponent = _ref => {
 // Exporting the AlertComponent as 'Alert' for use in other parts of the application.
 var Alert = AlertComponent;
 
-var _excluded$4 = ["ratio", "children"];
+var _excluded$5 = ["ratio", "children"];
 // Declaration of a functional component named AspectRatioView.
 var AspectRatioView = _ref => {
   var {
@@ -1737,7 +1744,7 @@ var AspectRatioView = _ref => {
       children
       // Spread the rest of the props to inherit additional properties.
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   return /*#__PURE__*/React.createElement(Center, Object.assign({
     width: '100%',
     position: "relative",
@@ -1753,14 +1760,14 @@ var AspectRatioView = _ref => {
   }, children));
 };
 
-var _excluded$5 = ["ratio", "children"];
+var _excluded$6 = ["ratio", "children"];
 // Declaration of the AspectRatioComponent functional component with destructured props.
 var AspectRatioComponent = _ref => {
   var {
       ratio,
       children
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   // Beginning of the return statement in the functional component.
   return /*#__PURE__*/React.createElement(AspectRatioView, Object.assign({
     ratio: ratio
@@ -2030,7 +2037,7 @@ var IconSizes = {
   '6xl': 64
 };
 
-var _excluded$6 = ["children", "to", "iconSize", "underline", "isHovered", "isExternal", "styles", "setIsHovered"];
+var _excluded$7 = ["children", "to", "iconSize", "underline", "isHovered", "isExternal", "styles", "setIsHovered"];
 // Component definition for 'LinkView', a functional component with props defined by 'LinkViewProps'.
 var LinkView = _ref => {
   var {
@@ -2053,7 +2060,7 @@ var LinkView = _ref => {
       // Setter function for the hover state, noop function provided by default.
       setIsHovered = () => {}
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   // Function to handle mouse enter/leave events to toggle hover state.
   var handleHover = () => {
     if (underline === 'hover') setIsHovered(true);
@@ -2210,7 +2217,7 @@ var DefaultSpeeds = {
   slow: 300
 };
 
-var _excluded$7 = ["size", "speed", "color"],
+var _excluded$8 = ["size", "speed", "color"],
   _excluded2$1 = ["size", "speed", "color"],
   _excluded3$1 = ["size", "speed", "color"],
   _excluded4$1 = ["size", "children", "textColor", "loaderColor", "type", "speed", "textPosition"];
@@ -2220,7 +2227,7 @@ var DefaultSpinner = _ref => {
       speed = 'normal',
       color = 'theme.loading'
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
   var theme = useTheme();
   var colorStyle = theme.getColor(color);
   var sizeStyle = typeof size === 'number' ? size : DefaultSizes[size];
@@ -2373,7 +2380,7 @@ React.createElement(LoaderView, Object.assign({}, props)));
 // Exports the LoaderComponent as Loader, making it available for use in other parts of the application.
 var Loader = LoaderComponent;
 
-var _excluded$8 = ["icon", "shadow", "children", "ariaLabel", "externalHref", "isAuto", "isFilled", "isIconRounded", "isLoading", "isDisabled", "size", "variant", "iconPosition", "colorScheme", "shape", "onClick", "loaderProps", "loaderPosition", "effect", "isHovered", "setIsHovered"];
+var _excluded$9 = ["icon", "shadow", "children", "ariaLabel", "externalHref", "isAuto", "isFilled", "isIconRounded", "isLoading", "isDisabled", "size", "variant", "iconPosition", "colorScheme", "shape", "onClick", "loaderProps", "loaderPosition", "effect", "isHovered", "setIsHovered"];
 var contrast = /*#__PURE__*/require('contrast');
 var ButtonView = _ref => {
   var _props$onClick;
@@ -2409,7 +2416,7 @@ var ButtonView = _ref => {
       setIsHovered = () => {}
       // Defines CSS properties for 'outline' variant of the button with conditional styles based on reverse state.
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
   var {
     getColor
   } = useTheme();
@@ -2524,14 +2531,14 @@ var ButtonComponent = props => {
 };
 var Button = ButtonComponent;
 
-var _excluded$9 = ["src", "color"],
+var _excluded$a = ["src", "color"],
   _excluded2$2 = ["path"];
 var FileSVG = _ref => {
   var {
       src,
       color
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   var {
     getColor
   } = useTheme();
@@ -2600,7 +2607,7 @@ var useItemState = () => {
   };
 };
 
-var _excluded$a = ["children", "styles"];
+var _excluded$b = ["children", "styles"];
 var HelperText = _ref => {
   var {
       children,
@@ -2608,7 +2615,7 @@ var HelperText = _ref => {
         helperText: {}
       }
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
   return /*#__PURE__*/React.createElement(Text, Object.assign({
     size: "xs",
     marginVertical: 0,
@@ -2617,7 +2624,7 @@ var HelperText = _ref => {
   }, styles['helperText'], props), children);
 };
 
-var _excluded$b = ["children", "helperText", "error", "styles"];
+var _excluded$c = ["children", "helperText", "error", "styles"];
 var FieldContainer = _ref => {
   var {
       children,
@@ -2625,7 +2632,7 @@ var FieldContainer = _ref => {
       error = false,
       styles
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
   return /*#__PURE__*/React.createElement(Vertical, Object.assign({
     gap: 5,
     position: "relative"
@@ -2684,7 +2691,7 @@ var PaddingWithoutLabel = {
   paddingRight: 36
 };
 
-var _excluded$c = ["label", "shadow", "children", "value", "size", "shape", "variant", "error", "isWithLabel", "isFocused", "isHovered", "isDisabled", "isReadOnly", "colorScheme", "styles"];
+var _excluded$d = ["label", "shadow", "children", "value", "size", "shape", "variant", "error", "isWithLabel", "isFocused", "isHovered", "isDisabled", "isReadOnly", "colorScheme", "styles"];
 var FieldContent = _ref => {
   var {
       shadow,
@@ -2703,7 +2710,7 @@ var FieldContent = _ref => {
         pickerBox: {}
       }
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   var isInteractive = (isHovered || isFocused) && !isDisabled;
   var color = error ? 'error' : isInteractive ? colorScheme : 'midgray';
   return /*#__PURE__*/React.createElement(Horizontal, Object.assign({
@@ -2724,12 +2731,12 @@ var FieldContent = _ref => {
   }, isWithLabel ? PadddingWithLabel : PaddingWithoutLabel, shadow, Shapes[shape], InputVariants[variant], styles['box'], props), children);
 };
 
-var _excluded$d = ["children"];
+var _excluded$e = ["children"];
 var FieldIcons = _ref => {
   var {
       children
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   return /*#__PURE__*/React.createElement(Center, Object.assign({
     gap: 10,
     right: 16,
@@ -2781,7 +2788,7 @@ var HeadingSizes$1 = {
   }
 };
 
-var _excluded$e = ["children", "heading", "isItalic", "isUnderlined", "isStriked", "weight", "size"];
+var _excluded$f = ["children", "heading", "isItalic", "isUnderlined", "isStriked", "weight", "size"];
 var LabelView = _ref => {
   var {
       children,
@@ -2797,7 +2804,7 @@ var LabelView = _ref => {
       size = 'sm'
       // The fontSize prop for the Element is determined by the 'size' prop passed to LabelView.
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
   // The fontStyle prop toggles between 'italic' and 'normal' based on the 'isItalic' boolean prop.
   var headingStyles = heading ? HeadingSizes$1[heading] : {};
   // fontWeight is derived from the Typography module, ensuring consistent font weighting across the app.
@@ -2829,7 +2836,7 @@ React.createElement(LabelView, Object.assign({}, props))
 var Label = LabelComponent;
 // Export the 'LabelComponent' as 'Label' to be reused throughout the project.
 
-var _excluded$f = ["children", "size", "error", "color", "styles", "helperText"];
+var _excluded$g = ["children", "size", "error", "color", "styles", "helperText"];
 var FieldLabel = _ref => {
   var {
       children,
@@ -2840,7 +2847,7 @@ var FieldLabel = _ref => {
         label: {}
       }
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   return /*#__PURE__*/React.createElement(Label, Object.assign({
     top: 6,
     zIndex: 1000,
@@ -2853,12 +2860,12 @@ var FieldLabel = _ref => {
   }, styles['label'], props), children);
 };
 
-var _excluded$g = ["children"];
+var _excluded$h = ["children"];
 var FieldWrapper = _ref => {
   var {
       children
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   return /*#__PURE__*/React.createElement(Vertical, Object.assign({
     width: "100%"
   }, props), children);
@@ -2874,7 +2881,7 @@ var IconSizes$2 = {
   xl: 16
 };
 
-var _excluded$h = ["isHovered", "setIsHovered", "option", "size", "callback", "style"],
+var _excluded$i = ["isHovered", "setIsHovered", "option", "size", "callback", "style"],
   _excluded2$3 = ["id", "name", "value", "onChange", "isMulti", "isDisabled", "isReadOnly", "options"],
   _excluded3$2 = ["option", "size", "removeOption"],
   _excluded4$2 = ["id", "name", "label", "value", "placeholder", "helperText", "hide", "error", "isMulti", "isFocused", "isHovered", "isDisabled", "isReadOnly", "options", "shadow", "size", "colorScheme", "shape", "variant", "styles", "onChange", "setHide", "setValue", "setIsHovered", "setIsFocused", "setHighlightedIndex", "highlightedIndex"];
@@ -2888,7 +2895,7 @@ var Item = _ref => {
       callback = () => {},
       style
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   // Handles the click event on an option by invoking the callback with the selected option's value.
   var handleOptionClick = option => callback(option);
   // Toggles the hover state on the item.
@@ -3350,7 +3357,7 @@ var SliderPadding = {
   }
 };
 
-var _excluded$i = ["id", "name", "label", "inActiveChild", "activeChild", "labelPosition", "shadow", "size", "colorScheme", "value", "isHovered", "isDisabled", "isReadOnly", "on", "setOn", "onChange", "setValue", "setIsHovered", "helperText", "styles"];
+var _excluded$j = ["id", "name", "label", "inActiveChild", "activeChild", "labelPosition", "shadow", "size", "colorScheme", "value", "isHovered", "isDisabled", "isReadOnly", "on", "setOn", "onChange", "setValue", "setIsHovered", "helperText", "styles"];
 var SwitchContent = props => /*#__PURE__*/React.createElement(Input, Object.assign({
   type: "checkbox"
 }, props));
@@ -3380,7 +3387,7 @@ var SwitchView = _ref => {
         label: {}
       }
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
   var handleToggle = event => {
     if (!isReadOnly) {
       setValue(!value);
@@ -3470,7 +3477,7 @@ var useTextAreaState = _ref => {
   // Export of the useTextAreaState hook for external usage.
 };
 
-var _excluded$j = ["id", "name", "hint", "error", "value", "label", "shadow", "helperText", "placeholder", "size", "shape", "variant", "colorScheme", "isHovered", "isFocused", "isEditable", "isReadOnly", "isDisabled", "isAutoFocus", "isMultiline", "maxRows", "maxCols", "onBlur", "onChange", "onFocus", "onChangeText", "setHint", "setValue", "setIsFocused", "setIsHovered", "styles"];
+var _excluded$k = ["id", "name", "hint", "error", "value", "label", "shadow", "helperText", "placeholder", "size", "shape", "variant", "colorScheme", "isHovered", "isFocused", "isEditable", "isReadOnly", "isDisabled", "isAutoFocus", "isMultiline", "maxRows", "maxCols", "onBlur", "onChange", "onFocus", "onChangeText", "setHint", "setValue", "setIsFocused", "setIsHovered", "styles"];
 var TextAreaView = _ref => {
   var {
       id,
@@ -3510,7 +3517,7 @@ var TextAreaView = _ref => {
         field: {}
       }
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
   var isWithLabel = !!(isFocused && label);
   var fieldStyles = Object.assign({
     margin: 0,
@@ -3640,7 +3647,7 @@ var useTextFieldState = _ref => {
   };
 };
 
-var _excluded$k = ["id", "name", "label", "hint", "value", "onChange", "leftChild", "rightChild", "helperText", "placeholder", "onChangeText", "shadow", "styles", "size", "shape", "variant", "colorScheme", "error", "isFocused", "isHovered", "isDisabled", "isReadOnly", "isClearable", "isAutoFocus", "setHint", "setIsFocused", "setIsHovered", "setValue", "onClick", "onFocus", "onBlur"];
+var _excluded$l = ["id", "name", "label", "hint", "value", "onChange", "leftChild", "rightChild", "helperText", "placeholder", "onChangeText", "shadow", "styles", "size", "shape", "variant", "colorScheme", "error", "isFocused", "isHovered", "isDisabled", "isReadOnly", "isClearable", "isAutoFocus", "setHint", "setIsFocused", "setIsHovered", "setValue", "onClick", "onFocus", "onBlur"];
 var TextFieldInput = props => /*#__PURE__*/React.createElement(Input, Object.assign({
   type: "text"
 }, props));
@@ -3683,7 +3690,7 @@ var TextFieldView = _ref => {
       onFocus,
       onBlur = () => {}
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
   var {
     getColor
   } = useTheme();
@@ -3864,7 +3871,7 @@ var IconSizes$3 = {
   '6xl': 60
 };
 
-var _excluded$l = ["id", "icon", "name", "label", "isChecked", "onChange", "onValueChange", "shadow", "labelPosition", "size", "colorScheme", "error", "isSelected", "isHovered", "isDisabled", "isReadOnly", "isIndeterminate", "defaultIsSelected", "setIsSelected", "setIsHovered", "styles", "infoText", "helperText"];
+var _excluded$m = ["id", "icon", "name", "label", "isChecked", "onChange", "onValueChange", "shadow", "labelPosition", "size", "colorScheme", "error", "isSelected", "isHovered", "isDisabled", "isReadOnly", "isIndeterminate", "defaultIsSelected", "setIsSelected", "setIsHovered", "styles", "infoText", "helperText"];
 var CheckboxView = _ref => {
   var {
       id,
@@ -3892,7 +3899,7 @@ var CheckboxView = _ref => {
       },
       infoText
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$m);
   var handleHover = () => setIsHovered(!isHovered);
   var handleChange = () => {
     if (!isReadOnly && !isDisabled) {
@@ -5451,11 +5458,11 @@ var IconSizes$4 = {
   xl: 16
 };
 
-var _excluded$m = ["size"],
+var _excluded$n = ["size"],
   _excluded2$4 = ["size"],
   _excluded3$3 = ["id", "name", "label", "value", "placeholder", "helperText", "hide", "error", "isHovered", "isFocused", "isAutoFocus", "isDisabled", "isReadOnly", "shadow", "newOptions", "size", "variant", "shape", "colorScheme", "onChange", "onBlur", "setHide", "setNewOptions", "setIsHovered", "setIsFocused", "setValue", "styles"];
 var CountryList = _ref => {
-  var props = _objectWithoutPropertiesLoose(_ref, _excluded$m);
+  var props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
   return /*#__PURE__*/React.createElement(Element, Object.assign({
     as: "ul"
   }, props));
@@ -5694,7 +5701,7 @@ var useDatePickerState = () => {
   };
 };
 
-var _excluded$n = ["id", "icon", "name", "label", "date", "children", "helperText", "shadow", "size", "variant", "shape", "colorScheme", "styles", "error", "isHovered", "isFocused", "isDisabled", "isReadOnly", "setDate", "setIsFocused", "setIsHovered", "onChange", "onChangeText"];
+var _excluded$o = ["id", "icon", "name", "label", "date", "children", "helperText", "shadow", "size", "variant", "shape", "colorScheme", "styles", "error", "isHovered", "isFocused", "isDisabled", "isReadOnly", "setDate", "setIsFocused", "setIsHovered", "onChange", "onChangeText"];
 var DatePickerContent = props => /*#__PURE__*/React.createElement(Input, Object.assign({
   type: "date"
 }, props));
@@ -5728,7 +5735,7 @@ var DatePickerView = _ref => {
       onChange,
       onChangeText
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
   var isWithLabel = !!(isFocused && label);
   var handleHover = () => setIsHovered(!isHovered);
   var handleFocus = () => setIsFocused(true);
@@ -5816,7 +5823,7 @@ var usePasswordState = props => {
   }, props, textFieldStates);
 };
 
-var _excluded$o = ["visibleIcon", "hiddenIcon"],
+var _excluded$p = ["visibleIcon", "hiddenIcon"],
   _excluded2$5 = ["isVisible", "setIsVisible"];
 var PasswordComponent = _ref => {
   var {
@@ -5827,7 +5834,7 @@ var PasswordComponent = _ref => {
         size: 14
       })
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
   var _usePasswordState = usePasswordState(props),
     {
       isVisible,
@@ -5881,7 +5888,7 @@ var useComboBoxState = (items, placeholder, searchPlaceholder) => {
   };
 };
 
-var _excluded$p = ["placeholder", "items", "showTick", "onSelect", "searchEnabled", "left", "right", "label", "filteredItems", "setSelectedItem", "selectedItem", "highlightedIndex", "setHighlightedIndex", "searchQuery", "setSearchQuery", "setFilteredItems", "styles", "isDropdownVisible", "setIsDropdownVisible"];
+var _excluded$q = ["placeholder", "items", "showTick", "onSelect", "searchEnabled", "left", "right", "label", "filteredItems", "setSelectedItem", "selectedItem", "highlightedIndex", "setHighlightedIndex", "searchQuery", "setSearchQuery", "setFilteredItems", "styles", "isDropdownVisible", "setIsDropdownVisible"];
 // Defines the functional component 'ComboBoxView' with destructured props.
 var ComboBoxView = _ref => {
   var {
@@ -5906,7 +5913,7 @@ var ComboBoxView = _ref => {
       setIsDropdownVisible
       // Collects all further props not destructured explicitly.
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
   // Sets up an effect to handle clicking outside the dropdown to close it.
   useEffect(() => {
     var handleClickOutside = event => {
@@ -6017,7 +6024,7 @@ var ComboBoxView = _ref => {
   }))))))))))));
 };
 
-var _excluded$q = ["id", "name", "items", "placeholder", "searchPlaceholder"];
+var _excluded$r = ["id", "name", "items", "placeholder", "searchPlaceholder"];
 // Defines the ComboBoxComponent functional component with ComboBoxProps
 var ComboBoxComponent = _ref => {
   var {
@@ -6033,7 +6040,7 @@ var ComboBoxComponent = _ref => {
       searchPlaceholder
       // Destructures the rest of the props not explicitly defined
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
   // Initializes ComboBox state using custom hook with items and placeholders
   var state = useComboBoxState(items, placeholder, searchPlaceholder);
   return (
@@ -6049,7 +6056,7 @@ var ComboBoxComponent = _ref => {
 // Exports the ComboBoxComponent as ComboBox
 var ComboBox = ComboBoxComponent;
 
-var _excluded$r = ["children", "autoFocus", "initFocus", "onChange"];
+var _excluded$s = ["children", "autoFocus", "initFocus", "onChange"];
 var FocusContext = /*#__PURE__*/createContext({
   active: false,
   focusNextInput: () => {},
@@ -6065,7 +6072,7 @@ var FormikForm = _ref => {
       initFocus,
       onChange = () => {}
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
   var formik = useFormikContext();
   useEffect(() => {
     onChange(formik.values);
@@ -6113,7 +6120,7 @@ var FormikForm = _ref => {
   }, /*#__PURE__*/React.createElement(Form, Object.assign({}, props), children));
 };
 
-var _excluded$s = ["name", "type"];
+var _excluded$t = ["name", "type"];
 var getInputTypeProps = type => {
   switch (type) {
     case 'email':
@@ -6152,7 +6159,7 @@ var useFormikInput = _ref => {
       name,
       type
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
   var focus = useFormFocus();
   var {
     touched,
@@ -6196,13 +6203,13 @@ var useFormikInput = _ref => {
   } : {});
 };
 
-var _excluded$t = ["value"];
+var _excluded$u = ["value"];
 var CheckboxComponent$1 = props => {
   var _useFormikInput = useFormikInput(props),
     {
       value
     } = _useFormikInput,
-    formProps = _objectWithoutPropertiesLoose(_useFormikInput, _excluded$t);
+    formProps = _objectWithoutPropertiesLoose(_useFormikInput, _excluded$u);
   formProps.isChecked = value;
   var checkboxStates = useCheckboxState(props);
   return /*#__PURE__*/React.createElement(CheckboxView, Object.assign({}, checkboxStates, formProps));
@@ -6260,11 +6267,11 @@ var TextAreaComponent$1 = props => {
  */
 var FormikTextArea = TextAreaComponent$1;
 
-var _excluded$u = ["value"];
+var _excluded$v = ["value"];
 var TextFieldComponent$1 = props => {
   var formProps = useFormikInput(props);
   var _useTextFieldState = useTextFieldState(props),
-    textFieldStates = _objectWithoutPropertiesLoose(_useTextFieldState, _excluded$u);
+    textFieldStates = _objectWithoutPropertiesLoose(_useTextFieldState, _excluded$v);
   return /*#__PURE__*/React.createElement(TextFieldView, Object.assign({}, textFieldStates, formProps));
 };
 /**
@@ -6272,7 +6279,7 @@ var TextFieldComponent$1 = props => {
  */
 var FormikTextField = TextFieldComponent$1;
 
-var _excluded$v = ["visibleIcon", "hiddenIcon"],
+var _excluded$w = ["visibleIcon", "hiddenIcon"],
   _excluded2$6 = ["isVisible", "setIsVisible"];
 var PasswordComponent$1 = _ref => {
   var {
@@ -6283,7 +6290,7 @@ var PasswordComponent$1 = _ref => {
         size: 14
       })
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
   var formProps = useFormikInput(props);
   var _usePasswordState = usePasswordState(formProps),
     {
@@ -6308,14 +6315,14 @@ var PasswordComponent$1 = _ref => {
  */
 var FormikPassword = PasswordComponent$1;
 
-var _excluded$w = ["items", "placeholder", "searchPlaceholder"];
+var _excluded$x = ["items", "placeholder", "searchPlaceholder"];
 var ComboBoxComponent$1 = _ref => {
   var {
       items,
       placeholder,
       searchPlaceholder
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
   var formProps = useFormikInput(props);
   var ComboBoxStates = useComboBoxState(items, placeholder, searchPlaceholder);
   // Ensure the onChange function from formProps is being called when an item is selected
@@ -6684,7 +6691,7 @@ var HeaderIconSizes = {
   xl: 28
 };
 
-var _excluded$x = ["children", "blur", "isOpen", "isClosePrevented", "onClose", "position"],
+var _excluded$y = ["children", "blur", "isOpen", "isClosePrevented", "onClose", "position"],
   _excluded2$7 = ["children", "shadow", "isFullScreen", "shape"],
   _excluded3$4 = ["children", "buttonColor", "iconSize", "buttonPosition"],
   _excluded4$3 = ["children"],
@@ -6698,7 +6705,7 @@ var ModalOverlay = _ref => {
       onClose = () => {},
       position = 'center'
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
   var handleClick = () => {
     if (!isClosePrevented) onClose();
   };
@@ -7114,7 +7121,7 @@ var ToggleShapes = {
   pillShaped: 24
 };
 
-var _excluded$y = ["children", "shape", "colorScheme", "variant", "isHovered", "setIsHovered", "isDisabled", "isToggle", "setIsToggled", "onToggle"];
+var _excluded$z = ["children", "shape", "colorScheme", "variant", "isHovered", "setIsHovered", "isDisabled", "isToggle", "setIsToggled", "onToggle"];
 var ToggleView = _ref => {
   var {
       children,
@@ -7128,7 +7135,7 @@ var ToggleView = _ref => {
       setIsToggled,
       onToggle
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
   var toggleColor = !isDisabled ? colorScheme : 'theme.disabled';
   var isActive = !!(isToggle || isHovered);
   var ToggleVariants = {
@@ -7170,7 +7177,7 @@ var ToggleView = _ref => {
   }, ToggleVariants[variant], props), children);
 };
 
-var _excluded$z = ["children", "shape", "colorScheme", "variant", "isDisabled", "isToggled", "onToggle"];
+var _excluded$A = ["children", "shape", "colorScheme", "variant", "isDisabled", "isToggled", "onToggle"];
 // Destructuring properties from ToggleProps to be used within the ToggleComponent.
 var ToggleComponent = _ref => {
   var {
@@ -7183,7 +7190,7 @@ var ToggleComponent = _ref => {
       isToggled = false,
       onToggle
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
   // Initializing toggle state and set state functions using the custom hook useToggleState.
   var {
     isHovered,
@@ -7298,5 +7305,5 @@ var ToggleGroupComponent = _ref => {
 // Expose the ToggleGroupComponent for import into other modules
 var ToggleGroup = ToggleGroupComponent;
 
-export { Alert, ArrowIcon, AspectRatio, Avatar, Badge, BatteryIcon, BluetoothIcon, BoldArrowIcon, BookmarkIcon, Bottom, Button, CalendarIcon, CameraIcon, Center, Checkbox, ChevronIcon, ClockIcon, CloseEyeIcon, CloseIcon, CloudIcon, ComboBox, CopyIcon, CountryPicker, DatePicker, DownloadIcon, DustBinIcon, EditIcon, ErrorIcon, ExternalLinkIcon, FileImage, FileSVG, FilterIcon, FormikCheckbox, FormikComboBox, FormikCountryPicker, FormikDatePicker, FormikForm, FormikPassword, FormikSelect, FormikSwitch, FormikTextArea, FormikTextField, HeartIcon, HomeIcon, Horizontal, Icon, InfoIcon, Inline, InstagramIcon, Left, LikeIcon, Link, LinkedinIcon, Loader, LocationIcon, LockIcon, MenuIcon, MessageLayout, MessageView, MicrophoneIcon, MinusIcon, Modal, MoonIcon, NotificationIcon, OpenEyeIcon, PanelIcon, Password, PlusIcon, PrintIcon, ProfileIcon, RefreshIcon, Right, SaveIcon, SearchIcon, Select, SettingsIcon, ShareIcon, SpinnerIcon, StarIcon, SuccessIcon, Switch, Table, Tabs, Text, TextArea, TextField, ThreadsIcon, TickIcon, Toggle, ToggleGroup, Top, UnLikeIcon, UnlockIcon, UploadIcon, Vertical, View, WarningIcon, WifiIcon, YoutubeIcon, hideMessage, hideModal, showMessage, showModal, useMessageStore, useModalStore };
+export { Alert, ArrowIcon, AspectRatio, Avatar, Badge, BatteryIcon, BluetoothIcon, BoldArrowIcon, BookmarkIcon, Bottom, Button, CalendarIcon, CameraIcon, Center, CenterBase, Checkbox, ChevronIcon, ClockIcon, CloseEyeIcon, CloseIcon, CloudIcon, ComboBox, CopyIcon, CountryPicker, DatePicker, DownloadIcon, DustBinIcon, EditIcon, ErrorIcon, ExternalLinkIcon, FileImage, FileSVG, FilterIcon, FormikCheckbox, FormikComboBox, FormikCountryPicker, FormikDatePicker, FormikForm, FormikPassword, FormikSelect, FormikSwitch, FormikTextArea, FormikTextField, HeartIcon, HomeIcon, Horizontal, HorizontalBase, Icon, InfoIcon, Inline, InstagramIcon, Left, LikeIcon, Link, LinkedinIcon, Loader, LocationIcon, LockIcon, MenuIcon, MessageLayout, MessageView, MicrophoneIcon, MinusIcon, Modal, MoonIcon, NotificationIcon, OpenEyeIcon, PanelIcon, Password, PlusIcon, PrintIcon, ProfileIcon, RefreshIcon, Right, SaveIcon, SearchIcon, Select, SettingsIcon, ShareIcon, SpinnerIcon, StarIcon, SuccessIcon, Switch, Table, Tabs, Text, TextArea, TextField, ThreadsIcon, TickIcon, Toggle, ToggleGroup, Top, UnLikeIcon, UnlockIcon, UploadIcon, Vertical, VerticalBase, View, WarningIcon, WifiIcon, YoutubeIcon, hideMessage, hideModal, showMessage, showModal, useMessageStore, useModalStore };
 //# sourceMappingURL=web.esm.js.map