@app-studio/web 0.8.35 → 0.8.36

package/dist/web.cjs.development.js

@@ -171,7 +171,7 @@ var TextComponent = props => {
 var Text = TextComponent;
 
 var _excluded$1 = ["justifyContent", "isReversed"];
-var Vertical = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+var VerticalBase = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   var {
       // Sets a default alignment for content within the Vertical container to 'flex-start'
       justifyContent = 'flex-start',
@@ -187,10 +187,11 @@ var Vertical = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     ref: ref
   }));
 });
-Vertical.displayName = 'Vertical';
+VerticalBase.displayName = 'Vertical';
+var Vertical = VerticalBase;
 
 var _excluded$2 = ["justifyContent", "isReversed"];
-var Horizontal = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+var HorizontalBase = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   var {
       // Sets a default alignment for content within the Horizontal container to 'flex-start'
       justifyContent = 'flex-start',
@@ -206,18 +207,24 @@ var Horizontal = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     ref: ref
   }));
 });
-Horizontal.displayName = 'Horizontal';
+HorizontalBase.displayName = 'Horizontal';
+var Horizontal = HorizontalBase;
 
-var Center = /*#__PURE__*/React__default.forwardRef((props, ref) => (/*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center"
-}, props, {
-  ref: ref
-}))));
-Center.displayName = 'Center';
+var _excluded$3 = ["justifyContent", "isReversed"];
+var CenterBase = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+  var props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+  return /*#__PURE__*/React__default.createElement(appStudio.View, 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"],
@@ -280,7 +287,7 @@ var IconWrapper = _ref => {
       orientation,
       children
     } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   return /*#__PURE__*/React__default.createElement(Center, Object.assign({
     size: size,
     lineHeight: size,
@@ -1734,7 +1741,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 {
@@ -1744,7 +1751,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__default.createElement(Center, Object.assign({
     width: '100%',
     position: "relative",
@@ -1760,14 +1767,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__default.createElement(AspectRatioView, Object.assign({
     ratio: ratio
@@ -2037,7 +2044,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 {
@@ -2060,7 +2067,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);
@@ -2217,7 +2224,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"];
@@ -2227,7 +2234,7 @@ var DefaultSpinner = _ref => {
       speed = 'normal',
       color = 'theme.loading'
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
   var theme = appStudio.useTheme();
   var colorStyle = theme.getColor(color);
   var sizeStyle = typeof size === 'number' ? size : DefaultSizes[size];
@@ -2380,7 +2387,7 @@ React__default.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;
@@ -2416,7 +2423,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
   } = appStudio.useTheme();
@@ -2531,14 +2538,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
   } = appStudio.useTheme();
@@ -2607,7 +2614,7 @@ var useItemState = () => {
   };
 };
 
-var _excluded$a = ["children", "styles"];
+var _excluded$b = ["children", "styles"];
 var HelperText = _ref => {
   var {
       children,
@@ -2615,7 +2622,7 @@ var HelperText = _ref => {
         helperText: {}
       }
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
   return /*#__PURE__*/React__default.createElement(Text, Object.assign({
     size: "xs",
     marginVertical: 0,
@@ -2624,7 +2631,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,
@@ -2632,7 +2639,7 @@ var FieldContainer = _ref => {
       error = false,
       styles
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
   return /*#__PURE__*/React__default.createElement(Vertical, Object.assign({
     gap: 5,
     position: "relative"
@@ -2691,7 +2698,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,
@@ -2710,7 +2717,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__default.createElement(Horizontal, Object.assign({
@@ -2731,12 +2738,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__default.createElement(Center, Object.assign({
     gap: 10,
     right: 16,
@@ -2788,7 +2795,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,
@@ -2804,7 +2811,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.
@@ -2836,7 +2843,7 @@ React__default.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,
@@ -2847,7 +2854,7 @@ var FieldLabel = _ref => {
         label: {}
       }
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   return /*#__PURE__*/React__default.createElement(Label, Object.assign({
     top: 6,
     zIndex: 1000,
@@ -2860,12 +2867,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__default.createElement(Vertical, Object.assign({
     width: "100%"
   }, props), children);
@@ -2881,7 +2888,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"];
@@ -2895,7 +2902,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.
@@ -3357,7 +3364,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__default.createElement(appStudio.Input, Object.assign({
   type: "checkbox"
 }, props));
@@ -3387,7 +3394,7 @@ var SwitchView = _ref => {
         label: {}
       }
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
   var handleToggle = event => {
     if (!isReadOnly) {
       setValue(!value);
@@ -3477,7 +3484,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,
@@ -3517,7 +3524,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,
@@ -3647,7 +3654,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__default.createElement(appStudio.Input, Object.assign({
   type: "text"
 }, props));
@@ -3690,7 +3697,7 @@ var TextFieldView = _ref => {
       onFocus,
       onBlur = () => {}
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
   var {
     getColor
   } = appStudio.useTheme();
@@ -3871,7 +3878,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,
@@ -3899,7 +3906,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) {
@@ -5458,11 +5465,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__default.createElement(appStudio.Element, Object.assign({
     as: "ul"
   }, props));
@@ -5701,7 +5708,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__default.createElement(appStudio.Input, Object.assign({
   type: "date"
 }, props));
@@ -5735,7 +5742,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);
@@ -5823,7 +5830,7 @@ var usePasswordState = props => {
   }, props, textFieldStates);
 };
 
-var _excluded$o = ["visibleIcon", "hiddenIcon"],
+var _excluded$p = ["visibleIcon", "hiddenIcon"],
   _excluded2$5 = ["isVisible", "setIsVisible"];
 var PasswordComponent = _ref => {
   var {
@@ -5834,7 +5841,7 @@ var PasswordComponent = _ref => {
         size: 14
       })
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
   var _usePasswordState = usePasswordState(props),
     {
       isVisible,
@@ -5888,7 +5895,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 {
@@ -5913,7 +5920,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.
   React.useEffect(() => {
     var handleClickOutside = event => {
@@ -6024,7 +6031,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 {
@@ -6040,7 +6047,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 (
@@ -6056,7 +6063,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__*/React.createContext({
   active: false,
   focusNextInput: () => {},
@@ -6072,7 +6079,7 @@ var FormikForm = _ref => {
       initFocus,
       onChange = () => {}
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
   var formik$1 = formik.useFormikContext();
   React.useEffect(() => {
     onChange(formik$1.values);
@@ -6120,7 +6127,7 @@ var FormikForm = _ref => {
   }, /*#__PURE__*/React__default.createElement(appStudio.Form, Object.assign({}, props), children));
 };
 
-var _excluded$s = ["name", "type"];
+var _excluded$t = ["name", "type"];
 var getInputTypeProps = type => {
   switch (type) {
     case 'email':
@@ -6159,7 +6166,7 @@ var useFormikInput = _ref => {
       name,
       type
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
   var focus = useFormFocus();
   var {
     touched,
@@ -6203,13 +6210,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__default.createElement(CheckboxView, Object.assign({}, checkboxStates, formProps));
@@ -6267,11 +6274,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__default.createElement(TextFieldView, Object.assign({}, textFieldStates, formProps));
 };
 /**
@@ -6279,7 +6286,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 {
@@ -6290,7 +6297,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),
     {
@@ -6315,14 +6322,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
@@ -6691,7 +6698,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"],
@@ -6705,7 +6712,7 @@ var ModalOverlay = _ref => {
       onClose = () => {},
       position = 'center'
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$y);
   var handleClick = () => {
     if (!isClosePrevented) onClose();
   };
@@ -7121,7 +7128,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,
@@ -7135,7 +7142,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 = {
@@ -7177,7 +7184,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 {
@@ -7190,7 +7197,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,
@@ -7319,6 +7326,7 @@ exports.Button = Button;
 exports.CalendarIcon = CalendarIcon;
 exports.CameraIcon = CameraIcon;
 exports.Center = Center;
+exports.CenterBase = CenterBase;
 exports.Checkbox = Checkbox;
 exports.ChevronIcon = ChevronIcon;
 exports.ClockIcon = ClockIcon;
@@ -7350,6 +7358,7 @@ exports.FormikTextField = FormikTextField;
 exports.HeartIcon = HeartIcon;
 exports.HomeIcon = HomeIcon;
 exports.Horizontal = Horizontal;
+exports.HorizontalBase = HorizontalBase;
 exports.Icon = Icon;
 exports.InfoIcon = InfoIcon;
 exports.Inline = Inline;
@@ -7400,6 +7409,7 @@ exports.UnLikeIcon = UnLikeIcon;
 exports.UnlockIcon = UnlockIcon;
 exports.UploadIcon = UploadIcon;
 exports.Vertical = Vertical;
+exports.VerticalBase = VerticalBase;
 exports.View = View;
 exports.WarningIcon = WarningIcon;
 exports.WifiIcon = WifiIcon;