@app-studio/web 0.3.66 → 0.3.67

package/dist/web.cjs.development.js

@@ -12,8 +12,12 @@ var format = _interopDefault(require('date-fns/format'));
 var formik = require('formik');
 var zustand = require('zustand');
 var View$1 = require('src/components/Layout/View/View');
-var components = require('src/components');
+var Horizontal$1 = require('src/components/Layout/Horizontal/Horizontal');
+var Button$1 = require('src/components/Button/Button');
+var Text$1 = require('src/components/Text/Text');
+var Vertical$1 = require('src/components/Layout/Vertical/Vertical');
 var Svg = require('src/components/Svg');
+var Center$1 = require('src/components/Layout/Center/Center');
 
 var useButtonState = function useButtonState() {
   var _React$useState = React__default.useState(false),
@@ -4987,13 +4991,13 @@ var TabsView = function TabsView(props) {
   var isContentActive = function isContentActive(tab) {
     return tab.value === tabsState[0].value;
   };
-  return React__default.createElement(components.Horizontal, Object.assign({
+  return React__default.createElement(Horizontal$1.Horizontal, Object.assign({
     width: "100w",
     height: '100%'
-  }, styles == null ? void 0 : styles.container), React__default.createElement(components.Horizontal, Object.assign({
+  }, styles == null ? void 0 : styles.container), React__default.createElement(Horizontal$1.Horizontal, Object.assign({
     marginBottom: 20
   }, styles == null ? void 0 : styles.headerTabs), tabs.map(function (tab, idx) {
-    return React__default.createElement(components.Button, Object.assign({
+    return React__default.createElement(Button$1.Button, Object.assign({
       key: tab.title,
       onClick: function onClick() {
         moveSelectedTabToTop(idx);
@@ -5002,7 +5006,7 @@ var TabsView = function TabsView(props) {
       shape: "pillShaped",
       cursor: "pointer",
       isAuto: true
-    }, styles == null ? void 0 : styles.tab, isActive.value === tab.value ? styles == null ? void 0 : styles.activeTab : {}), React__default.createElement(components.Text, Object.assign({}, styles == null ? void 0 : styles.title, isActive.value === tab.value ? styles == null ? void 0 : styles.activeText : {}), tab.title));
+    }, styles == null ? void 0 : styles.tab, isActive.value === tab.value ? styles == null ? void 0 : styles.activeTab : {}), React__default.createElement(Text$1.Text, Object.assign({}, styles == null ? void 0 : styles.title, isActive.value === tab.value ? styles == null ? void 0 : styles.activeText : {}), tab.title));
   })), React__default.createElement(View$1.View, Object.assign({
     width: '100%',
     height: "100%"
@@ -5091,7 +5095,7 @@ var AlertView = function AlertView(_ref) {
     description = _ref.description,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'default' : _ref$variant;
-  return React__default.createElement(components.Horizontal, Object.assign({
+  return React__default.createElement(Horizontal$1.Horizontal, Object.assign({
     gap: 15,
     borderRadius: 10,
     borderWidth: 1,
@@ -5099,17 +5103,17 @@ var AlertView = function AlertView(_ref) {
     padding: 16,
     wrap: "nowrap",
     borderColor: Themes[variant].container.border
-  }, styles == null ? void 0 : styles.container), React__default.createElement(components.View, {
+  }, styles == null ? void 0 : styles.container), React__default.createElement(View$1.View, {
     alignSelf: 'center'
   }, icon ? icon : React__default.createElement(Svg.WarningSvg, {
     size: 24,
     color: (_styles$icon$color = styles == null ? void 0 : styles.icon.color) != null ? _styles$icon$color : Themes[variant].content.color
-  })), React__default.createElement(components.Vertical, {
+  })), React__default.createElement(Vertical$1.Vertical, {
     gap: 10
-  }, React__default.createElement(components.Text, Object.assign({
+  }, React__default.createElement(Text$1.Text, Object.assign({
     fontSize: "16px",
     color: Themes[variant].content.color
-  }, styles == null ? void 0 : styles.title), title), React__default.createElement(components.Text, Object.assign({
+  }, styles == null ? void 0 : styles.title), title), React__default.createElement(Text$1.Text, Object.assign({
     fontSize: "14px",
     color: Themes[variant].content.color
   }, styles == null ? void 0 : styles.description), description)));
@@ -5137,13 +5141,13 @@ var AspectRatioView = function AspectRatioView(_ref) {
     ratio = _ref$ratio === void 0 ? 16 / 9 : _ref$ratio,
     children = _ref.children,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$A);
-  return React__default.createElement(components.Center, Object.assign({
+  return React__default.createElement(Center$1.Center, Object.assign({
     width: '100%',
     position: "relative",
     overflow: "hidden",
     paddingTop: 1 / ratio * 100 + "%",
     borderRadius: 8
-  }, props), React__default.createElement(components.View, {
+  }, props), React__default.createElement(View$1.View, {
     position: "absolute",
     top: 0,
     right: 0,
@@ -5194,7 +5198,7 @@ var AvatarView = function AvatarView(_ref) {
   var imageStyle = _extends({
     objectFit: 'cover'
   }, (styles == null ? void 0 : styles.image) || {});
-  return React__default.createElement(components.Center, Object.assign({
+  return React__default.createElement(Center$1.Center, Object.assign({
     role: "avatar",
     width: avatarSize,
     height: avatarSize,
@@ -5213,7 +5217,7 @@ var AvatarView = function AvatarView(_ref) {
     onError: function onError() {
       return setImageError(true);
     }
-  }) : React__default.createElement(components.Text, Object.assign({
+  }) : React__default.createElement(Text$1.Text, Object.assign({
     size: size
   }, styles == null ? void 0 : styles.fallback), fallback));
 };
@@ -5340,9 +5344,9 @@ var BadgeView = function BadgeView(_ref) {
     width: 'fit-content',
     borderRadius: BadgeShapes[shape]
   }, BadgeSizes[size], BadgeVariants[variant], position ? PositionStyles[position] : {}, styles == null ? void 0 : styles.container);
-  return React__default.createElement(components.Center, Object.assign({
+  return React__default.createElement(Center$1.Center, Object.assign({
     role: "badge"
-  }, combinedStyles), React__default.createElement(components.Text, Object.assign({
+  }, combinedStyles), React__default.createElement(Text$1.Text, Object.assign({
     role: "badgeText",
     size: size
   }, styles == null ? void 0 : styles.text), content));
@@ -5433,7 +5437,7 @@ var ToggleView = function ToggleView(_ref) {
     }
   };
 
-  return React__default.createElement(components.Center, Object.assign({
+  return React__default.createElement(Center$1.Center, Object.assign({
     role: "Toggle",
     padding: shape === 'pillShaped' ? '10px 12px' : '8px',
     width: "fit-content",
@@ -5521,12 +5525,12 @@ var ToggleGroupView = function ToggleGroupView(_ref) {
       return newActiveToggles;
     });
   }, [onToggleChange, setActiveToggles]);
-  return React__default.createElement(components.Horizontal, {
+  return React__default.createElement(Horizontal$1.Horizontal, {
     role: "ToggleGroup",
     display: "flex",
     gap: 5
   }, items.map(function (item) {
-    return React__default.createElement(components.Toggle, {
+    return React__default.createElement(Toggle, {
       role: "toggle-" + item.id,
       key: item.id,
       colorScheme: colorScheme,