@app-studio/web 0.8.21 → 0.8.22

package/dist/components/Layout/Center/Center.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-import { CenterProps } from './Center/Center.props';
-export declare const Center: React.FC<CenterProps>;
+import { CenterProps } from './Center.props';
+declare const Center: React.ForwardRefExoticComponent<Pick<CenterProps, string | number> & React.RefAttributes<HTMLElement>>;
+export { Center };

package/dist/components/Layout/Center/{Center/Center.props.d.ts → Center.props.d.ts}

@@ -1,3 +1,3 @@
-import { ViewProps } from '../../View/View';
+import { ViewProps } from '../View/View';
 export interface CenterProps extends ViewProps {
 }

package/dist/components/Layout/Horizontal/Horizontal.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-import { HorizontalProps } from './Horizontal/Horizontal.props';
-export declare const Horizontal: React.FC<HorizontalProps>;
+import { HorizontalProps } from './Horizontal.props';
+declare const Horizontal: React.ForwardRefExoticComponent<Pick<HorizontalProps, string | number> & React.RefAttributes<HTMLElement>>;
+export { Horizontal };

package/dist/components/Layout/Vertical/Vertical.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
-import { VerticalProps } from './Vertical/Vertical.props';
-export declare const Vertical: React.FC<VerticalProps>;
+import { VerticalProps } from './Vertical.props';
+declare const Vertical: React.ForwardRefExoticComponent<Pick<VerticalProps, string | number> & React.RefAttributes<HTMLElement>>;
+export { Vertical };

package/dist/web.cjs.development.js

@@ -171,7 +171,7 @@ var TextComponent = props => {
 var Text = TextComponent;
 
 var _excluded$1 = ["justifyContent", "isReversed"];
-var VerticalView = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+var Vertical = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   var {
       // Sets a default alignment for content within the Vertical container to 'flex-start'
       justifyContent = 'flex-start',
@@ -187,12 +187,10 @@ var VerticalView = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     ref: ref
   }));
 });
-VerticalView.displayName = 'VerticalView';
-
-var Vertical = props => (/*#__PURE__*/React__default.createElement(VerticalView, Object.assign({}, props)));
+Vertical.displayName = 'Vertical';
 
 var _excluded$2 = ["justifyContent", "isReversed"];
-var HorizontalView = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+var Horizontal = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   var {
       // Sets a default alignment for content within the Horizontal container to 'flex-start'
       justifyContent = 'flex-start',
@@ -208,12 +206,10 @@ var HorizontalView = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     ref: ref
   }));
 });
-HorizontalView.displayName = 'Horizontal';
-
-var Horizontal = props => (/*#__PURE__*/React__default.createElement(HorizontalView, Object.assign({}, props)));
+Horizontal.displayName = 'Horizontal';
 
 var _excluded$3 = ["isReversed"];
-var CenterView = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+var Center = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   var props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   return /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({
     display: "flex",
@@ -223,9 +219,7 @@ var CenterView = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     ref: ref
   }));
 });
-CenterView.displayName = 'Center';
-
-var Center = props => (/*#__PURE__*/React__default.createElement(CenterView, Object.assign({}, props)));
+Center.displayName = 'Center';
 
 var _excluded$4 = ["size", "color"],
   _excluded2 = ["size", "color"],