@teamturing/react-native-kit 0.1.0 → 1.2.0

package/lib/commonjs/component/Layout/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_jsxRuntime","Column","props","jsx","Box","flexDirection","reverse","exports","ColumnCenter","alignItems"],"sourceRoot":"../../../../src","sources":["component/Layout/Column.tsx"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AAA6B,IAAAC,WAAA,GAAAD,OAAA;AAG7B,MAAME,MAAM,GAAIC,KAAY,IAAK;EAC/B,oBAAO,IAAAF,WAAA,CAAAG,GAAA,EAACL,MAAA,CAAAM,GAAG;IAACC,aAAa,EAAEH,KAAK,CAACI,OAAO,GAAG,gBAAgB,GAAG,QAAS;IAAA,GAAKJ;EAAK,CAAG,CAAC;AACvF,CAAC;AAACK,OAAA,CAAAN,MAAA,GAAAA,MAAA;AACK,MAAMO,YAAY,GAAIN,KAAY,IAAK;EAC5C,oBAAO,IAAAF,WAAA,CAAAG,GAAA,EAACF,MAAM;IAACQ,UAAU,EAAE,QAAS;IAAA,GAAKP;EAAK,CAAG,CAAC;AACpD,CAAC;AAACK,OAAA,CAAAC,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/component/Layout/FixedBottomLayout.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FixedBottomLayout = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../Box/index.js");
+var _LayoutProvider = require("./Layout/LayoutProvider.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const FixedBottomLayout = ({
+  excludeSafeAreaBottom = false,
+  children
+}) => {
+  const {
+    sfBottom,
+    screenWidth,
+    screenHeight
+  } = (0, _LayoutProvider.useDynamicLayout)();
+  const [iosKeyboardPaddingBottom, setIosKeyboardPaddingBottom] = (0, _react.useState)(0);
+
+  /* iOS Handling */
+  (0, _react.useEffect)(() => {
+    if (!_reactNativeKit.is.iOS()) {
+      return;
+    }
+    const subscription = _reactNative.Keyboard.addListener('keyboardWillChangeFrame', ({
+      endCoordinates: {
+        screenY,
+        width
+      },
+      isEventFromThisApp
+    }) => {
+      if (isEventFromThisApp) {
+        const isFloatingKeyboard = width < screenWidth;
+        const keyboardHeight = screenHeight - screenY;
+        if (isFloatingKeyboard) {
+          const isOpen = keyboardHeight > 0 && !(screenY === 0);
+          if (isOpen) {
+            setIosKeyboardPaddingBottom(40);
+          } else {
+            setIosKeyboardPaddingBottom(0);
+          }
+        } else {
+          const isOpen = keyboardHeight > 0;
+          setIosKeyboardPaddingBottom(!isOpen ? 0 : keyboardHeight - sfBottom);
+        }
+      }
+    });
+    return subscription.remove;
+  }, [screenHeight, screenWidth, sfBottom, iosKeyboardPaddingBottom]);
+  const paddingBottom = (excludeSafeAreaBottom ? 0 : sfBottom) + _reactNativeKit.spacing[4] + iosKeyboardPaddingBottom;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Box, {
+    pos: 'absolute',
+    right: 0,
+    left: 0,
+    bottom: 0,
+    pt: 12,
+    pb: `${paddingBottom}px`,
+    pointerEvents: 'box-none',
+    children: children
+  });
+};
+exports.FixedBottomLayout = FixedBottomLayout;
+//# sourceMappingURL=FixedBottomLayout.js.map

package/lib/commonjs/component/Layout/FixedBottomLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_react","_interopRequireWildcard","_reactNative","_index","_LayoutProvider","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FixedBottomLayout","excludeSafeAreaBottom","children","sfBottom","screenWidth","screenHeight","useDynamicLayout","iosKeyboardPaddingBottom","setIosKeyboardPaddingBottom","useState","useEffect","is","iOS","subscription","Keyboard","addListener","endCoordinates","screenY","width","isEventFromThisApp","isFloatingKeyboard","keyboardHeight","isOpen","remove","paddingBottom","spacing","jsx","Box","pos","right","left","bottom","pt","pb","pointerEvents","exports"],"sourceRoot":"../../../../src","sources":["component/Layout/FixedBottomLayout.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/Layout/Gap.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GapW = exports.GapH = exports.GapFlex = void 0;
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const GapW = ({
+  unit
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      marginLeft: _index.spacing[unit]
+    },
+    "aria-hidden": true
+  });
+};
+exports.GapW = GapW;
+const GapH = ({
+  unit
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      marginTop: _index.spacing[unit]
+    },
+    "aria-hidden": true
+  });
+};
+exports.GapH = GapH;
+const GapFlex = ({
+  flex = 1
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      flex
+    },
+    "aria-hidden": true
+  });
+};
+exports.GapFlex = GapFlex;
+//# sourceMappingURL=Gap.js.map

package/lib/commonjs/component/Layout/Gap.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_index","_jsxRuntime","GapW","unit","jsx","View","style","marginLeft","spacing","exports","GapH","marginTop","GapFlex","flex"],"sourceRoot":"../../../../src","sources":["component/Layout/Gap.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAAoD,IAAAE,WAAA,GAAAF,OAAA;AAK7C,MAAMG,IAAI,GAAGA,CAAC;EAAEC;AAAY,CAAC,KAAK;EACvC,oBAAO,IAAAF,WAAA,CAAAG,GAAA,EAACN,YAAA,CAAAO,IAAI;IAACC,KAAK,EAAE;MAAEC,UAAU,EAAEC,cAAO,CAACL,IAAI;IAAE,CAAE;IAAC;EAAW,CAAE,CAAC;AACnE,CAAC;AAACM,OAAA,CAAAP,IAAA,GAAAA,IAAA;AACK,MAAMQ,IAAI,GAAGA,CAAC;EAAEP;AAAY,CAAC,KAAK;EACvC,oBAAO,IAAAF,WAAA,CAAAG,GAAA,EAACN,YAAA,CAAAO,IAAI;IAACC,KAAK,EAAE;MAAEK,SAAS,EAAEH,cAAO,CAACL,IAAI;IAAE,CAAE;IAAC;EAAW,CAAE,CAAC;AAClE,CAAC;AAACM,OAAA,CAAAC,IAAA,GAAAA,IAAA;AACK,MAAME,OAAO,GAAGA,CAAC;EAAEC,IAAI,GAAG;AAAqB,CAAC,KAAK;EAC1D,oBAAO,IAAAZ,WAAA,CAAAG,GAAA,EAACN,YAAA,CAAAO,IAAI;IAACC,KAAK,EAAE;MAAEO;IAAK,CAAE;IAAC;EAAW,CAAE,CAAC;AAC9C,CAAC;AAACJ,OAAA,CAAAG,OAAA,GAAAA,OAAA","ignoreList":[]}

package/lib/commonjs/component/Layout/Grid.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Grid = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _spacing = require("../../theme/token/spacing.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Grid = ({
+  children,
+  spacing = 0,
+  reverse = false,
+  alignItems = 'center',
+  wrap = true,
+  layout
+}) => {
+  const childStyle = {
+    paddingTop: _spacing.spacing[spacing],
+    paddingHorizontal: _spacing.spacing[spacing] / 2
+  };
+  const childrenWithProps = _react.default.Children.map(children, child => {
+    if ( /*#__PURE__*/_react.default.isValidElement(child)) {
+      const childProps = {
+        ...(child.props || {}),
+        style: _reactNative.StyleSheet.flatten([childStyle, child.props.style])
+      };
+      return /*#__PURE__*/_react.default.cloneElement(child, childProps);
+    }
+    return child;
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: layout,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flexDirection: reverse ? 'row-reverse' : 'row',
+        flexWrap: wrap && reverse ? 'wrap-reverse' : wrap ? 'wrap' : 'nowrap',
+        alignItems,
+        marginHorizontal: -_spacing.spacing[spacing] / 2,
+        marginTop: -_spacing.spacing[spacing]
+      },
+      children: childrenWithProps
+    })
+  });
+};
+exports.Grid = Grid;
+const Unit = ({
+  style,
+  children,
+  size
+}) => {
+  const percetage = Math.round(size * 100 * 10000) / 10000;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [size === 'min' ? {
+      flexGrow: 0,
+      flexBasis: 'auto',
+      width: 'auto'
+    } : size === 'max' ? {
+      flexGrow: 1,
+      flex: 1,
+      flexBasis: 'auto',
+      width: 'auto',
+      maxWidth: '100%'
+    } : {
+      flexGrow: 1,
+      flexBasis: `${percetage}%`,
+      maxWidth: `${percetage}%`
+    }, style],
+    children: children
+  });
+};
+Grid.Unit = Unit;
+//# sourceMappingURL=Grid.js.map

package/lib/commonjs/component/Layout/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_spacing","_jsxRuntime","e","__esModule","default","Grid","children","spacing","reverse","alignItems","wrap","layout","childStyle","paddingTop","tokenSpacing","paddingHorizontal","childrenWithProps","React","Children","map","child","isValidElement","childProps","props","style","StyleSheet","flatten","cloneElement","jsx","View","flexDirection","flexWrap","marginHorizontal","marginTop","exports","Unit","size","percetage","Math","round","flexGrow","flexBasis","width","flex","maxWidth"],"sourceRoot":"../../../../src","sources":["component/Layout/Grid.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/Layout/ItemList.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ItemList = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ItemList = ({
+  items,
+  renderItem,
+  renderItemWrapper = children => children,
+  emptyState = null,
+  gap = 0,
+  style
+}) => {
+  if (_reactNativeKit.is.emptyArray(items)) {
+    return emptyState;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      gap: _reactNativeKit.spacing[gap]
+    }, style],
+    children: items.map((item, i) => renderItemWrapper(renderItem(item, i), item, i))
+  });
+};
+exports.ItemList = ItemList;
+//# sourceMappingURL=ItemList.js.map

package/lib/commonjs/component/Layout/ItemList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_react","_interopRequireDefault","_reactNative","_jsxRuntime","e","__esModule","default","ItemList","items","renderItem","renderItemWrapper","children","emptyState","gap","style","is","emptyArray","jsx","View","spacing","map","item","i","exports"],"sourceRoot":"../../../../src","sources":["component/Layout/ItemList.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AAAoC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWpC,MAAMG,QAAQ,GAAGA,CAAK;EACpBC,KAAK;EACLC,UAAU;EACVC,iBAAiB,GAAIC,QAAQ,IAAKA,QAAQ;EAC1CC,UAAU,GAAG,IAAI;EACjBC,GAAG,GAAG,CAAC;EACPC;AACQ,CAAC,KAAK;EACd,IAAIC,kBAAE,CAACC,UAAU,CAACR,KAAK,CAAC,EAAE;IACxB,OAAOI,UAAU;EACnB;EACA,oBACE,IAAAT,WAAA,CAAAc,GAAA,EAACf,YAAA,CAAAgB,IAAI;IAACJ,KAAK,EAAE,CAAC;MAAED,GAAG,EAAEM,uBAAO,CAACN,GAAG;IAAE,CAAC,EAAEC,KAAK,CAAE;IAAAH,QAAA,EACzCH,KAAK,CAACY,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,KAAKZ,iBAAiB,CAACD,UAAU,CAACY,IAAI,EAAEC,CAAC,CAAC,EAAED,IAAI,EAAEC,CAAC,CAAC;EAAC,CACpE,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAhB,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/commonjs/component/Layout/Layout/LayoutProvider.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDynamicLayout = exports.LayoutProvider = void 0;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _WindowSizeClass = require("./WindowSizeClass.js");
+var _useDynamicDimensions = require("./useDynamicDimensions.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const [useDynamicLayout, LayoutProvider] = (0, _reactNativeKit.createCtx)(({
+  useSafeAreaInsetsHook = _reactNativeSafeAreaContext.useSafeAreaInsets
+}, transformChildren) => {
+  const [windowWidth, setWindowWidth] = (0, _react.useState)(Math.ceil(_reactNative.Dimensions.get('window').width));
+  const [windowHeight, setWindowHeight] = (0, _react.useState)(Math.ceil(_reactNative.Dimensions.get('window').height));
+  const windowShortLen = Math.min(windowWidth, windowHeight);
+  const windowLongLen = Math.max(windowWidth, windowHeight);
+  const _insets = useSafeAreaInsetsHook();
+  const insets = {
+    top: Math.ceil(_insets.top),
+    bottom: Math.ceil(_insets.bottom),
+    left: Math.ceil(_insets.left),
+    right: Math.ceil(_insets.right)
+  };
+  const windowWidthSizeClass = (0, _react.useMemo)(() => (0, _WindowSizeClass.decideWindowWidthSizeClass)(windowWidth), [windowWidth]);
+  const windowHeightSizeClass = (0, _react.useMemo)(() => (0, _WindowSizeClass.decideWindowHeightSizeClass)(windowHeight), [windowHeight]);
+  const isWindowWidthSizeClassAtLeast = (0, _react.useCallback)(sizeClass => windowWidthSizeClass >= sizeClass, [windowWidthSizeClass]);
+  const isWindowHeightSizeClassAtLeast = (0, _react.useCallback)(sizeClass => windowHeightSizeClass >= sizeClass, [windowHeightSizeClass]);
+  const isWidthAtLeastMedium = isWindowWidthSizeClassAtLeast(_WindowSizeClass.WindowSizeClass.MEDIUM);
+  const isWidthAtLeastExpanded = isWindowWidthSizeClassAtLeast(_WindowSizeClass.WindowSizeClass.EXPANDED);
+  const isHeightAtLeastMedium = isWindowHeightSizeClassAtLeast(_WindowSizeClass.WindowSizeClass.MEDIUM);
+  const isHeightAtLeastExpanded = isWindowHeightSizeClassAtLeast(_WindowSizeClass.WindowSizeClass.EXPANDED);
+  const dimensions = (0, _useDynamicDimensions.useDynamicDimensions)({
+    screenShortLen: windowShortLen,
+    safeAreaBottom: insets.bottom,
+    screenWidth: windowWidth,
+    windowWidthSizeClass,
+    windowHeightSizeClass
+  });
+  const updateScreenSizesBeforeRotation = (0, _react.useCallback)(orientation => {
+    if (orientation === 'portrait') {
+      setWindowWidth(windowShortLen);
+      setWindowHeight(windowLongLen);
+    } else if (orientation === 'landscape') {
+      setWindowWidth(windowLongLen);
+      setWindowHeight(windowShortLen);
+    }
+  }, [windowLongLen, windowShortLen]);
+  const localImageDimensionProps = (0, _reactNativeKit.useStableCallback)((imageWidth, imageHeight, {
+    containerWidth
+  } = {
+    containerWidth: 'padding-width'
+  }) => {
+    if (containerWidth === 'full-width') {
+      const w = Math.min(windowWidth, imageWidth);
+      return {
+        width: w,
+        height: w * imageHeight / imageWidth
+      };
+    } else if (containerWidth === 'padding-width') {
+      const w = Math.min(windowWidth - 2 * dimensions.sidePadding, imageWidth);
+      return {
+        width: w,
+        height: w * imageHeight / imageWidth
+      };
+    } else {
+      const w = Math.min(containerWidth, imageWidth);
+      return {
+        width: w,
+        height: w * imageHeight / imageWidth
+      };
+    }
+  });
+  transformChildren(children => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    testID: 'LayoutProvider',
+    style: _reactNative.StyleSheet.absoluteFill,
+    onLayout: ({
+      nativeEvent: {
+        layout: {
+          width,
+          height
+        }
+      }
+    }) => {
+      setWindowWidth(Math.ceil(width));
+      setWindowHeight(Math.ceil(height));
+    },
+    children: children
+  }));
+  return {
+    ...dimensions,
+    screenHeight: windowHeight,
+    screenWidth: windowWidth,
+    screenWidthWithPadding: windowWidth - 2 * dimensions.sidePadding,
+    screenShortLen: windowShortLen,
+    screenLongLen: windowLongLen,
+    updateScreenSizesBeforeRotation,
+    safeAreaInsets: insets,
+    sfTop: insets.top,
+    sfLeft: insets.left,
+    sfRight: insets.right,
+    sfBottom: insets.bottom,
+    windowWidthSizeClass,
+    windowHeightSizeClass,
+    isWindowHeightSizeClassAtLeast,
+    isWidthAtLeastMedium,
+    isWidthAtLeastExpanded,
+    isHeightAtLeastMedium,
+    isHeightAtLeastExpanded,
+    isWindowWidthSizeClassAtLeast,
+    localImageDimensionProps
+  };
+}, 'Layout');
+exports.LayoutProvider = LayoutProvider;
+exports.useDynamicLayout = useDynamicLayout;
+//# sourceMappingURL=LayoutProvider.js.map

package/lib/commonjs/component/Layout/Layout/LayoutProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_react","_reactNative","_reactNativeSafeAreaContext","_WindowSizeClass","_useDynamicDimensions","_jsxRuntime","useDynamicLayout","LayoutProvider","createCtx","useSafeAreaInsetsHook","useSafeAreaInsets","transformChildren","windowWidth","setWindowWidth","useState","Math","ceil","Dimensions","get","width","windowHeight","setWindowHeight","height","windowShortLen","min","windowLongLen","max","_insets","insets","top","bottom","left","right","windowWidthSizeClass","useMemo","decideWindowWidthSizeClass","windowHeightSizeClass","decideWindowHeightSizeClass","isWindowWidthSizeClassAtLeast","useCallback","sizeClass","isWindowHeightSizeClassAtLeast","isWidthAtLeastMedium","WindowSizeClass","MEDIUM","isWidthAtLeastExpanded","EXPANDED","isHeightAtLeastMedium","isHeightAtLeastExpanded","dimensions","useDynamicDimensions","screenShortLen","safeAreaBottom","screenWidth","updateScreenSizesBeforeRotation","orientation","localImageDimensionProps","useStableCallback","imageWidth","imageHeight","containerWidth","w","sidePadding","children","jsx","View","testID","style","StyleSheet","absoluteFill","onLayout","nativeEvent","layout","screenHeight","screenWidthWithPadding","screenLongLen","safeAreaInsets","sfTop","sfLeft","sfRight","sfBottom","exports"],"sourceRoot":"../../../../../src","sources":["component/Layout/Layout/LayoutProvider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/component/Layout/Layout/WindowSizeClass.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WindowSizeClass = void 0;
+exports.createWindowSizeClassIntRecord = createWindowSizeClassIntRecord;
+exports.createWindowSizeClassRecord = createWindowSizeClassRecord;
+exports.decideWindowHeightSizeClass = decideWindowHeightSizeClass;
+exports.decideWindowWidthSizeClass = decideWindowWidthSizeClass;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+let WindowSizeClass = exports.WindowSizeClass = /*#__PURE__*/function (WindowSizeClass) {
+  WindowSizeClass[WindowSizeClass["COMPACT"] = 1] = "COMPACT";
+  WindowSizeClass[WindowSizeClass["MEDIUM"] = 2] = "MEDIUM";
+  WindowSizeClass[WindowSizeClass["EXPANDED"] = 3] = "EXPANDED";
+  return WindowSizeClass;
+}({});
+function createWindowSizeClassRecord({
+  expanded,
+  medium,
+  compact
+}) {
+  return {
+    [WindowSizeClass.COMPACT]: compact,
+    [WindowSizeClass.MEDIUM]: medium,
+    [WindowSizeClass.EXPANDED]: expanded
+  };
+}
+function createWindowSizeClassIntRecord({
+  compact,
+  medium,
+  expanded,
+  fallback = 0
+}) {
+  return createWindowSizeClassRecord({
+    compact: _reactNativeKit.is.number(compact) ? compact : fallback,
+    medium: _reactNativeKit.is.number(medium) ? medium : fallback,
+    expanded: _reactNativeKit.is.number(expanded) ? expanded : fallback
+  });
+}
+function decideWindowWidthSizeClass(windowWidth) {
+  if (windowWidth < 600) {
+    return WindowSizeClass.COMPACT;
+  }
+  if (windowWidth < 840) {
+    return WindowSizeClass.MEDIUM;
+  }
+  return WindowSizeClass.EXPANDED;
+}
+function decideWindowHeightSizeClass(windowHeight) {
+  if (windowHeight < 480) {
+    return WindowSizeClass.COMPACT;
+  }
+  if (windowHeight < 900) {
+    return WindowSizeClass.MEDIUM;
+  }
+  return WindowSizeClass.EXPANDED;
+}
+//# sourceMappingURL=WindowSizeClass.js.map

package/lib/commonjs/component/Layout/Layout/WindowSizeClass.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","WindowSizeClass","exports","createWindowSizeClassRecord","expanded","medium","compact","COMPACT","MEDIUM","EXPANDED","createWindowSizeClassIntRecord","fallback","is","number","decideWindowWidthSizeClass","windowWidth","decideWindowHeightSizeClass","windowHeight"],"sourceRoot":"../../../../../src","sources":["component/Layout/Layout/WindowSizeClass.ts"],"mappings":";;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAkD,IAEtCC,eAAe,GAAAC,OAAA,CAAAD,eAAA,0BAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA;AAKpB,SAASE,2BAA2BA,CAAI;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAgD,CAAC,EAAE;EACpH,OAAO;IACL,CAACL,eAAe,CAACM,OAAO,GAAGD,OAAO;IAClC,CAACL,eAAe,CAACO,MAAM,GAAGH,MAAM;IAChC,CAACJ,eAAe,CAACQ,QAAQ,GAAGL;EAC9B,CAAC;AACH;AAEO,SAASM,8BAA8BA,CAAC;EAC7CJ,OAAO;EACPD,MAAM;EACND,QAAQ;EACRO,QAAQ,GAAG;AAMb,CAAC,EAAE;EACD,OAAOR,2BAA2B,CAAC;IACjCG,OAAO,EAAEM,kBAAE,CAACC,MAAM,CAACP,OAAO,CAAC,GAAGA,OAAO,GAAGK,QAAQ;IAChDN,MAAM,EAAEO,kBAAE,CAACC,MAAM,CAACR,MAAM,CAAC,GAAGA,MAAM,GAAGM,QAAQ;IAC7CP,QAAQ,EAAEQ,kBAAE,CAACC,MAAM,CAACT,QAAQ,CAAC,GAAGA,QAAQ,GAAGO;EAC7C,CAAC,CAAC;AACJ;AAEO,SAASG,0BAA0BA,CAACC,WAAmB,EAAmB;EAC/E,IAAIA,WAAW,GAAG,GAAG,EAAE;IACrB,OAAOd,eAAe,CAACM,OAAO;EAChC;EACA,IAAIQ,WAAW,GAAG,GAAG,EAAE;IACrB,OAAOd,eAAe,CAACO,MAAM;EAC/B;EACA,OAAOP,eAAe,CAACQ,QAAQ;AACjC;AACO,SAASO,2BAA2BA,CAACC,YAAoB,EAAmB;EACjF,IAAIA,YAAY,GAAG,GAAG,EAAE;IACtB,OAAOhB,eAAe,CAACM,OAAO;EAChC;EACA,IAAIU,YAAY,GAAG,GAAG,EAAE;IACtB,OAAOhB,eAAe,CAACO,MAAM;EAC/B;EACA,OAAOP,eAAe,CAACQ,QAAQ;AACjC","ignoreList":[]}

package/lib/commonjs/component/Layout/Layout/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _LayoutProvider = require("./LayoutProvider.js");
+Object.keys(_LayoutProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LayoutProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LayoutProvider[key];
+    }
+  });
+});
+var _useDynamicDimensions = require("./useDynamicDimensions.js");
+Object.keys(_useDynamicDimensions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDynamicDimensions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useDynamicDimensions[key];
+    }
+  });
+});
+var _WindowSizeClass = require("./WindowSizeClass.js");
+Object.keys(_WindowSizeClass).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _WindowSizeClass[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _WindowSizeClass[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/component/Layout/Layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_LayoutProvider","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useDynamicDimensions","_WindowSizeClass"],"sourceRoot":"../../../../../src","sources":["component/Layout/Layout/index.ts"],"mappings":";;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,qBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,qBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,qBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,qBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,gBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,gBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,gBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,gBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/component/Layout/Layout/useDynamicDimensions.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDynamicDimensions = useDynamicDimensions;
+var _reactNativeKit = require("@teamturing/react-native-kit");
+var _react = require("react");
+var _WindowSizeClass = require("./WindowSizeClass.js");
+function useDynamicDimensions({
+  windowWidthSizeClass,
+  screenWidth
+}) {
+  return (0, _react.useMemo)(() => {
+    const sidePadding = (0, _WindowSizeClass.createWindowSizeClassIntRecord)({
+      compact: _reactNativeKit.spacing[5],
+      medium: _reactNativeKit.spacing[20],
+      expanded: _reactNativeKit.spacing[32]
+    })[windowWidthSizeClass];
+    return {
+      sidePadding,
+      dialogWidth: Math.min(screenWidth * 0.85, 320)
+    };
+  }, [windowWidthSizeClass, screenWidth]);
+}
+//# sourceMappingURL=useDynamicDimensions.js.map

package/lib/commonjs/component/Layout/Layout/useDynamicDimensions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeKit","require","_react","_WindowSizeClass","useDynamicDimensions","windowWidthSizeClass","screenWidth","useMemo","sidePadding","createWindowSizeClassIntRecord","compact","spacing","medium","expanded","dialogWidth","Math","min"],"sourceRoot":"../../../../../src","sources":["component/Layout/Layout/useDynamicDimensions.ts"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGA,IAAAE,gBAAA,GAAAF,OAAA;AAEO,SAASG,oBAAoBA,CAAC;EACnCC,oBAAoB;EACpBC;AAOF,CAAC,EAAE;EACD,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,MAAMC,WAAW,GAAG,IAAAC,+CAA8B,EAAC;MACjDC,OAAO,EAAEC,uBAAO,CAAC,CAAC,CAAC;MACnBC,MAAM,EAAED,uBAAO,CAAC,EAAE,CAAC;MACnBE,QAAQ,EAAEF,uBAAO,CAAC,EAAE;IACtB,CAAC,CAAC,CAACN,oBAAoB,CAAC;IACxB,OAAO;MACLG,WAAW;MACXM,WAAW,EAAEC,IAAI,CAACC,GAAG,CAACV,WAAW,GAAG,IAAI,EAAE,GAAG;IAC/C,CAAC;EACH,CAAC,EAAE,CAACD,oBAAoB,EAAEC,WAAW,CAAC,CAAC;AACzC","ignoreList":[]}

package/lib/commonjs/component/Layout/LayoutStyle.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=LayoutStyle.js.map

package/lib/commonjs/component/Layout/LayoutStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["component/Layout/LayoutStyle.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/component/Layout/Row.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RowCenter = exports.Row = void 0;
+var _index = require("../Box/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const Row = props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Box, {
+    flexDirection: props.reverse ? 'row-reverse' : 'row',
+    ...props
+  });
+};
+exports.Row = Row;
+const RowCenter = props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Row, {
+    alignItems: 'center',
+    ...props
+  });
+};
+exports.RowCenter = RowCenter;
+//# sourceMappingURL=Row.js.map

package/lib/commonjs/component/Layout/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_jsxRuntime","Row","props","jsx","Box","flexDirection","reverse","exports","RowCenter","alignItems"],"sourceRoot":"../../../../src","sources":["component/Layout/Row.tsx"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AAA6B,IAAAC,WAAA,GAAAD,OAAA;AAG7B,MAAME,GAAG,GAAIC,KAAY,IAAK;EAC5B,oBAAO,IAAAF,WAAA,CAAAG,GAAA,EAACL,MAAA,CAAAM,GAAG;IAACC,aAAa,EAAEH,KAAK,CAACI,OAAO,GAAG,aAAa,GAAG,KAAM;IAAA,GAAKJ;EAAK,CAAG,CAAC;AACjF,CAAC;AAACK,OAAA,CAAAN,GAAA,GAAAA,GAAA;AACK,MAAMO,SAAS,GAAIN,KAAY,IAAK;EACzC,oBAAO,IAAAF,WAAA,CAAAG,GAAA,EAACF,GAAG;IAACQ,UAAU,EAAE,QAAS;IAAA,GAAKP;EAAK,CAAG,CAAC;AACjD,CAAC;AAACK,OAAA,CAAAC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/component/Layout/SectionLayout/Section.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _core = require("@react-native-styled-system/core");
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Section = props => {
+  const {
+    children,
+    onLayout
+  } = props;
+  const {
+    getStyle
+  } = (0, _core.useSx)(props, {
+    fallback: {
+      bg: 'white'
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: getStyle(),
+    onLayout,
+    children: children
+  });
+};
+var _default = exports.default = Section;
+//# sourceMappingURL=Section.js.map

package/lib/commonjs/component/Layout/SectionLayout/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","_react","_interopRequireDefault","_reactNative","_jsxRuntime","e","__esModule","default","Section","props","children","onLayout","getStyle","useSx","fallback","bg","jsx","View","style","_default","exports"],"sourceRoot":"../../../../../src","sources":["component/Layout/SectionLayout/Section.tsx"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AAAoC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOpC,MAAMG,OAAO,GAAIC,KAAqC,IAAK;EACzD,MAAM;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACpC,MAAM;IAAEG;EAAS,CAAC,GAAG,IAAAC,WAAK,EAACJ,KAAK,EAAE;IAAEK,QAAQ,EAAE;MAAEC,EAAE,EAAE;IAAQ;EAAE,CAAC,CAAC;EAChE,oBACE,IAAAX,WAAA,CAAAY,GAAA,EAACb,YAAA,CAAAc,IAAI;IAACC,KAAK,EAAEN,QAAQ,CAAC,CAAE;IAAOD,QAAQ;IAAAD,QAAA,EACpCA;EAAQ,CACL,CAAC;AAEX,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEaC,OAAO","ignoreList":[]}