@wlloyalty/wll-react-sdk 1.0.44 → 1.0.45

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
 import * as LucideIcons from 'lucide-react';
 import * as react_native from 'react-native';
-import { ImageSourcePropType, StyleProp, ViewStyle, View, TextProps as TextProps$1, TextStyle, ImageProps } from 'react-native';
+import { ImageSourcePropType, StyleProp, ViewStyle, TextProps as TextProps$1, TextStyle, ImageProps } from 'react-native';
 
 declare const sizes: {
     readonly borderRadiusSm: 15;
@@ -99,12 +99,6 @@ type ProgressiveImageProps = {
 };
 declare const ProgressiveImage: ({ source, style, isDesaturated, ...props }: ProgressiveImageProps) => JSX.Element;
 
-type RowHeaderProps = {
-    children: React$1.ReactNode;
-    className?: string;
-} & React$1.ComponentProps<typeof View>;
-declare const RowHeader: ({ children, style, ...props }: RowHeaderProps) => JSX.Element;
-
 type TextVariant = 'eyebrow' | 'title' | 'description' | 'body' | 'caption' | 'label' | 'tier-requirement' | 'tier-earned';
 type TextProps = TextProps$1 & {
     variant?: TextVariant;
@@ -383,38 +377,6 @@ type TileContainerProps = {
  */
 declare const TileContainer: ({ tiles }: TileContainerProps) => JSX.Element;
 
-type ImagePropsNoSource = Omit<ImageProps, 'source'>;
-type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
-type Justify = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
-type Align = 'start' | 'end' | 'center' | 'stretch' | 'baseline';
-type LayoutProps = {
-    children: React.ReactNode;
-    justify?: Justify;
-    align?: Align;
-    direction?: FlexDirection;
-    style?: ViewStyle;
-};
-declare const justifyMap: Record<Justify, ViewStyle['justifyContent']>;
-declare const alignMap: Record<Align, ViewStyle['alignItems']>;
-
-type FlexProps = {
-    justify?: Justify;
-    align?: Align;
-    style?: ViewStyle;
-};
-type ColumnLayoutProps = FlexProps & {
-    children?: React__default.ReactNode;
-};
-/**
- * A Column layout component that arranges its children in a vertical stack.
- *
- * @param children - The child components to render inside the column.
- * @param justify - Defines how children are aligned along the main axis.
- * @param align - Defines how children are aligned along the cross axis.
- * @param style - Additional styles to apply to the container.
- */
-declare const Column: React__default.MemoExoticComponent<({ children, justify, align, style, }: ColumnLayoutProps) => JSX.Element>;
-
 /**
  * Props for the FlexBox component.
  *
@@ -433,16 +395,28 @@ type FlexBoxProps = {
  */
 declare const FlexBox: ({ children, style }: FlexBoxProps) => JSX.Element;
 
-/**
- * A Row layout component that arranges its children in a horizontal stack.
- *
- * @param children - The child components to render inside the row.
- * @param justify - Defines how children are aligned along the main axis (horizontal).
- * @param align - Defines how children are aligned along the cross axis (vertical).
- * @param direction - The flex direction for the row (default is 'row').
- * @param style - Additional styles to apply to the container.
- */
-declare const Row: ({ children, justify, align, direction, style, }: LayoutProps) => JSX.Element;
+type ImagePropsNoSource = Omit<ImageProps, 'source'>;
+type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+type Justify = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+type Align = 'start' | 'end' | 'center' | 'stretch' | 'baseline';
+type LayoutProps$1 = {
+    children: React.ReactNode;
+    justify?: Justify;
+    align?: Align;
+    direction?: FlexDirection;
+    style?: ViewStyle;
+};
+declare const justifyMap: Record<Justify, ViewStyle['justifyContent']>;
+declare const alignMap: Record<Align, ViewStyle['alignItems']>;
+
+type LayoutProps = {
+    children: React$1.ReactNode;
+    justify?: Justify;
+    align?: Align;
+    direction?: FlexDirection;
+    style?: ViewStyle;
+};
+declare const Layout: ({ children, justify, align, direction, style, }: LayoutProps) => JSX.Element;
 
 /**
  * Props for the Spacer component.
@@ -460,17 +434,6 @@ type SpacerProps = {
  */
 declare const Spacer: ({ style }: SpacerProps) => JSX.Element;
 
-/**
- * A Stack layout component that arranges its children in a flexible stack.
- *
- * @param children - The child components to render inside the stack.
- * @param justify - Defines how children are aligned along the main axis.
- * @param align - Defines how children are aligned along the cross axis.
- * @param direction - The flex direction for the stack (default is 'column').
- * @param style - Additional styles to apply to the container.
- */
-declare const Stack: ({ children, justify, align, direction, style, }: LayoutProps) => JSX.Element;
-
 declare enum SectionType {
     Grid = "GRID",
     Banner = "BANNER"
@@ -641,4 +604,4 @@ type WllSdkProviderProps = {
 declare const WllSdkProvider: ({ children, theme: providedTheme, config, navigationConfig, }: WllSdkProviderProps) => JSX.Element;
 declare const useWllSdk: () => WllSdkContextType;
 
-export { type APIResponse, type Align, type Availability, type Badge, type BadgeDetail, _default$5 as BadgeTile, BadgeTileConfig, BadgeTileType, _default$4 as BannerTile, BannerTileConfig, BaseBanner, type BaseThemeObject, BaseTile, Button, CTALinkTarget, Carousel, Column, _default$3 as ContentTile, ContentTileConfig, type DerivedProperties, FlexBox, type FlexDirection, Grid, Group, Icon, type ImagePropsNoSource, Indicator, type Justify, type LayoutProps, LoadingIndicator, type NavigationConfig, type NavigationType, _default$2 as PointsTile, PointsTileConfig, type ProgessType, ProgressBar, ProgressIndicator, ProgressType, ProgressiveImage, Reward, type RewardCategory, _default$1 as RewardCategoryTile, RewardCategoryTileConfig, _default as RewardTile, RewardTileConfig, Row, RowHeader, type SDKConfig, Section, SectionHeader, SectionType, type Size, Skeleton, Spacer, Stack, type TGroup, type TSection, Text, type ThemeContextType, type ThemeObject, type ThemeProviderProps, TierTileConfig, TierTileType, TierTile as TierTileUpdated, type TierType, type Tile, type TileConfig, TileContainer, TileHeight, TileType, type Variant, WllSdkProvider, alignMap, justifyMap, useWllSdk };
+export { type APIResponse, type Align, type Availability, type Badge, type BadgeDetail, _default$5 as BadgeTile, BadgeTileConfig, BadgeTileType, _default$4 as BannerTile, BannerTileConfig, BaseBanner, type BaseThemeObject, BaseTile, Button, CTALinkTarget, Carousel, _default$3 as ContentTile, ContentTileConfig, type DerivedProperties, FlexBox, type FlexDirection, Grid, Group, Icon, type ImagePropsNoSource, Indicator, type Justify, Layout, type LayoutProps$1 as LayoutProps, LoadingIndicator, type NavigationConfig, type NavigationType, _default$2 as PointsTile, PointsTileConfig, type ProgessType, ProgressBar, ProgressIndicator, ProgressType, ProgressiveImage, Reward, type RewardCategory, _default$1 as RewardCategoryTile, RewardCategoryTileConfig, _default as RewardTile, RewardTileConfig, type SDKConfig, Section, SectionHeader, SectionType, type Size, Skeleton, Spacer, type TGroup, type TSection, Text, type ThemeContextType, type ThemeObject, type ThemeProviderProps, TierTileConfig, TierTileType, TierTile as TierTileUpdated, type TierType, type Tile, type TileConfig, TileContainer, TileHeight, TileType, type Variant, WllSdkProvider, alignMap, justifyMap, useWllSdk };

package/dist/index.js

@@ -18198,27 +18198,6 @@ var styles$8 = StyleSheet$1.create({
   }
 });
 
-var RowHeader = function (_a) {
-  var children = _a.children,
-    style = _a.style,
-    props = __rest(_a, ["children", "style"]);
-  var _b = useResponsive$1(),
-    isDesktop = _b.isDesktop,
-    isTablet = _b.isTablet;
-  var theme = useWllSdk().theme;
-  var dynamicStyles = StyleSheet$1.create({
-    header: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'space-between',
-      marginBottom: useResponsiveValue(theme.sizes.xxs, theme.sizes.xxxs, isDesktop, isTablet)
-    }
-  });
-  return /*#__PURE__*/React__namespace.createElement(View$2, _extends({
-    style: [dynamicStyles.header, style]
-  }, props), children);
-};
-
 var Text = function (_a) {
   var _b = _a.variant,
     variant = _b === void 0 ? 'body' : _b,
@@ -19681,7 +19660,7 @@ var BadgeTileRoot = function (_a) {
   if (!tile) return null;
   return /*#__PURE__*/React.createElement(BaseTile, {
     tile: tile
-  }, /*#__PURE__*/React.createElement(BadgeTile.Media, null, /*#__PURE__*/React.createElement(BadgeTile.Status, null)), /*#__PURE__*/React.createElement(Column, {
+  }, /*#__PURE__*/React.createElement(BadgeTile.Media, null, /*#__PURE__*/React.createElement(BadgeTile.Status, null)), /*#__PURE__*/React.createElement(Layout, {
     justify: "between",
     align: "start"
   }, /*#__PURE__*/React.createElement(BadgeTile.Title, null), /*#__PURE__*/React.createElement(BadgeTile.Description, null), /*#__PURE__*/React.createElement(Spacer, null), /*#__PURE__*/React.createElement(BadgeTile.DateEarned, null)));
@@ -19813,15 +19792,13 @@ var isArtworkOnly$1 = function (configuration) {
 var BannerTileRoot = function (_a) {
   var tile = _a.tile;
   if (!tile) return null;
-  var styles = useBannerTileStyles();
+  useBannerTileStyles();
   var configuration = tile.configuration;
   return /*#__PURE__*/React.createElement(BaseBanner, {
     tile: tile
   }, /*#__PURE__*/React.createElement(BannerTile.Media, {
     isArtworkOnly: isArtworkOnly$1(configuration)
-  }), /*#__PURE__*/React.createElement(View$2, {
-    style: styles.slideContent
-  }, /*#__PURE__*/React.createElement(BannerTile.Title, null), /*#__PURE__*/React.createElement(BannerTile.Description, null), /*#__PURE__*/React.createElement(BannerTile.CTA, null)));
+  }), /*#__PURE__*/React.createElement(FlexBox, null, /*#__PURE__*/React.createElement(BannerTile.Title, null), /*#__PURE__*/React.createElement(BannerTile.Description, null), /*#__PURE__*/React.createElement(BannerTile.CTA, null)));
 };
 /**
  * The BannerTile component with subcomponents attached.
@@ -20626,7 +20603,6 @@ var usePointsTileStyles = function (isFullSize) {
       justifyContent: 'space-between'
     },
     contentContainer: {
-      flexDirection: 'column',
       width: isFullSize ? '100%' : 'auto'
     },
     suffix: {
@@ -20671,7 +20647,9 @@ var PointsTileFormattedPoints = function () {
   var calculatedPoints = points * multiplier;
   return /*#__PURE__*/React.createElement(Text, {
     variant: "caption"
-  }, pointsPrefix, /*#__PURE__*/React.createElement(Row, null, calculatedPoints, /*#__PURE__*/React.createElement(Text, {
+  }, pointsPrefix, /*#__PURE__*/React.createElement(Layout, {
+    direction: "row"
+  }, calculatedPoints, /*#__PURE__*/React.createElement(Text, {
     style: styles.suffix
   }, pointsSuffix)));
 };
@@ -20719,7 +20697,7 @@ var PointsTileRoot = function (_a) {
     style: styles.container
   }, !isFullSize && /*#__PURE__*/React.createElement(PointsTile.Media, {
     isFullSize: false
-  }), /*#__PURE__*/React.createElement(View$2, {
+  }), /*#__PURE__*/React.createElement(Layout, {
     style: styles.contentContainer
   }, /*#__PURE__*/React.createElement(PointsTile.Title, null), /*#__PURE__*/React.createElement(PointsTile.Points, null))));
 };
@@ -20964,7 +20942,8 @@ var RewardTileRoot = function (_a) {
     tile: tile
   }, /*#__PURE__*/React.createElement(RewardTile.Media, {
     isArtworkOnly: isArtworkOnly(configuration)
-  }), /*#__PURE__*/React.createElement(Column, null, /*#__PURE__*/React.createElement(Row, {
+  }), /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Layout, {
+    direction: "row",
     justify: "between",
     align: "center",
     style: styles.header
@@ -20982,169 +20961,6 @@ var RewardTile = Object.assign(RewardTileRoot, {
 });
 var RewardTile$1 = withTileFetching(RewardTile);
 
-var justifyMap = {
-  start: 'flex-start',
-  end: 'flex-end',
-  center: 'center',
-  between: 'space-between',
-  around: 'space-around',
-  evenly: 'space-evenly'
-};
-var alignMap = {
-  start: 'flex-start',
-  end: 'flex-end',
-  center: 'center',
-  stretch: 'stretch',
-  baseline: 'baseline'
-};
-
-/**
- * A Column layout component that arranges its children in a vertical stack.
- *
- * @param children - The child components to render inside the column.
- * @param justify - Defines how children are aligned along the main axis.
- * @param align - Defines how children are aligned along the cross axis.
- * @param style - Additional styles to apply to the container.
- */
-var Column = /*#__PURE__*/React.memo(function (_a) {
-  var _b, _c;
-  var children = _a.children,
-    _d = _a.justify,
-    justify = _d === void 0 ? 'start' : _d,
-    _e = _a.align,
-    align = _e === void 0 ? 'stretch' : _e,
-    style = _a.style;
-  var _f = useResponsive$1(),
-    isDesktop = _f.isDesktop,
-    isTablet = _f.isTablet;
-  var theme = useWllSdk().theme;
-  var spacing = useResponsiveValue((_b = theme === null || theme === void 0 ? void 0 : theme.sizes) === null || _b === void 0 ? void 0 : _b.sm, (_c = theme === null || theme === void 0 ? void 0 : theme.sizes) === null || _c === void 0 ? void 0 : _c.xxxs, isDesktop, isTablet);
-  return /*#__PURE__*/React.createElement(View$2, {
-    style: [{
-      flex: 1,
-      flexDirection: 'column',
-      justifyContent: justifyMap[justify],
-      alignItems: alignMap[align],
-      paddingHorizontal: spacing,
-      paddingBottom: spacing
-    }, style]
-  }, children);
-});
-
-/**
- * A FlexBox component that provides a flexible container with `flex: 1`.
- *
- * This component is commonly used to create a full-flex container that expands
- * to fill available space in a layout.
- */
-var FlexBox = function (_a) {
-  var children = _a.children,
-    style = _a.style;
-  return /*#__PURE__*/React.createElement(View$2, {
-    style: [{
-      flex: 1
-    }, style]
-  }, children);
-};
-
-var Layout = function (_a) {
-  var children = _a.children,
-    _b = _a.justify,
-    justify = _b === void 0 ? 'start' : _b,
-    _c = _a.align,
-    align = _c === void 0 ? 'stretch' : _c,
-    _d = _a.direction,
-    direction = _d === void 0 ? 'column' : _d,
-    _e = _a.style,
-    style = _e === void 0 ? {} : _e;
-  var theme = useWllSdk().theme;
-  var _f = useResponsive$1(),
-    isDesktop = _f.isDesktop,
-    isTablet = _f.isTablet;
-  var dynamicStyles = StyleSheet$1.create({
-    column: {
-      flex: 1,
-      paddingHorizontal: useResponsiveValue(theme.sizes.sm, theme.sizes.xxs, isDesktop, isTablet),
-      paddingBottom: useResponsiveValue(theme.sizes.sm, theme.sizes.xxs, isDesktop, isTablet),
-      justifyContent: justifyMap[justify],
-      alignItems: alignMap[align],
-      flexDirection: direction
-    }
-  });
-  return /*#__PURE__*/React__namespace.createElement(View$2, {
-    style: [dynamicStyles.column, style]
-  }, children);
-};
-
-/**
- * A Row layout component that arranges its children in a horizontal stack.
- *
- * @param children - The child components to render inside the row.
- * @param justify - Defines how children are aligned along the main axis (horizontal).
- * @param align - Defines how children are aligned along the cross axis (vertical).
- * @param direction - The flex direction for the row (default is 'row').
- * @param style - Additional styles to apply to the container.
- */
-var Row = function (_a) {
-  var children = _a.children,
-    _b = _a.justify,
-    justify = _b === void 0 ? 'start' : _b,
-    _c = _a.align,
-    align = _c === void 0 ? 'center' : _c,
-    _d = _a.direction,
-    direction = _d === void 0 ? 'row' : _d,
-    style = _a.style;
-  return /*#__PURE__*/React.createElement(View$2, {
-    style: [{
-      flexDirection: direction,
-      justifyContent: justifyMap[justify],
-      alignItems: alignMap[align]
-    }, style]
-  }, children);
-};
-
-/**
- * A simple Spacer component that creates flexible space in layouts.
- *
- * The Spacer is commonly used in flexbox layouts to create adjustable empty space
- * between child elements, avoiding the need for explicit margins or padding.
- */
-var Spacer = function (_a) {
-  var style = _a.style;
-  return /*#__PURE__*/React.createElement(View$2, {
-    style: [{
-      flex: 1
-    }, style]
-  });
-};
-
-/**
- * A Stack layout component that arranges its children in a flexible stack.
- *
- * @param children - The child components to render inside the stack.
- * @param justify - Defines how children are aligned along the main axis.
- * @param align - Defines how children are aligned along the cross axis.
- * @param direction - The flex direction for the stack (default is 'column').
- * @param style - Additional styles to apply to the container.
- */
-var Stack = function (_a) {
-  var children = _a.children,
-    _b = _a.justify,
-    justify = _b === void 0 ? 'start' : _b,
-    _c = _a.align,
-    align = _c === void 0 ? 'stretch' : _c,
-    _d = _a.direction,
-    direction = _d === void 0 ? 'column' : _d,
-    style = _a.style;
-  return /*#__PURE__*/React.createElement(View$2, {
-    style: [{
-      flexDirection: direction,
-      justifyContent: justifyMap[justify],
-      alignItems: alignMap[align]
-    }, style]
-  }, children);
-};
-
 var useTierTileStyles = function () {
   var _a = useResponsive$1(),
     isDesktop = _a.isDesktop,
@@ -21227,8 +21043,7 @@ var TierTileFull = function (_a) {
     resizeMode: "center"
   })), /*#__PURE__*/React__namespace.createElement(Layout, {
     align: "stretch",
-    justify: artworkUrl ? 'start' : 'center',
-    direction: "column"
+    justify: artworkUrl ? 'start' : 'center'
   }, /*#__PURE__*/React__namespace.createElement(View$2, null, title && /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "eyebrow",
     style: styles.title
@@ -21299,16 +21114,12 @@ var TierTileEmpty = function (_a) {
       style: {
         paddingTop: 16
       }
-    }, /*#__PURE__*/React__namespace.createElement(Column, {
-      style: {
-        flex: 1
-      }
-    }, title && /*#__PURE__*/React__namespace.createElement(Text, {
+    }, /*#__PURE__*/React__namespace.createElement(FlexBox, null, title && /*#__PURE__*/React__namespace.createElement(Text, {
       variant: "title",
       style: styles.title
     }, title), emptyDescription && /*#__PURE__*/React__namespace.createElement(Text, {
       variant: "body"
-    }, emptyDescription)), emptyArtworkUrl && /*#__PURE__*/React__namespace.createElement(Column, {
+    }, emptyDescription)), emptyArtworkUrl && /*#__PURE__*/React__namespace.createElement(View$2, {
       style: styles.smallImageContainer
     }, /*#__PURE__*/React__namespace.createElement(Image$2, {
       source: {
@@ -21330,9 +21141,8 @@ var TierTileEmpty = function (_a) {
     resizeMode: "center"
   })), /*#__PURE__*/React__namespace.createElement(Layout, {
     align: "stretch",
-    justify: "center",
-    direction: "column"
-  }, /*#__PURE__*/React__namespace.createElement(Column, null, title && /*#__PURE__*/React__namespace.createElement(Text, {
+    justify: "center"
+  }, /*#__PURE__*/React__namespace.createElement(Layout, null, title && /*#__PURE__*/React__namespace.createElement(Text, {
     variant: "title",
     style: styles.title
   }, title), emptyDescription && /*#__PURE__*/React__namespace.createElement(Text, {
@@ -21382,6 +21192,82 @@ var styles = StyleSheet$1.create({
   }
 });
 
+/**
+ * A FlexBox component that provides a flexible container with `flex: 1`.
+ *
+ * This component is commonly used to create a full-flex container that expands
+ * to fill available space in a layout.
+ */
+var FlexBox = function (_a) {
+  var children = _a.children,
+    style = _a.style;
+  return /*#__PURE__*/React.createElement(View$2, {
+    style: [{
+      flex: 1
+    }, style]
+  }, children);
+};
+
+var justifyMap = {
+  start: 'flex-start',
+  end: 'flex-end',
+  center: 'center',
+  between: 'space-between',
+  around: 'space-around',
+  evenly: 'space-evenly'
+};
+var alignMap = {
+  start: 'flex-start',
+  end: 'flex-end',
+  center: 'center',
+  stretch: 'stretch',
+  baseline: 'baseline'
+};
+
+var Layout = function (_a) {
+  var children = _a.children,
+    _b = _a.justify,
+    justify = _b === void 0 ? 'start' : _b,
+    _c = _a.align,
+    align = _c === void 0 ? 'stretch' : _c,
+    _d = _a.direction,
+    direction = _d === void 0 ? 'column' : _d,
+    _e = _a.style,
+    style = _e === void 0 ? {} : _e;
+  var theme = useWllSdk().theme;
+  var _f = useResponsive$1(),
+    isDesktop = _f.isDesktop,
+    isTablet = _f.isTablet;
+  var dynamicStyles = StyleSheet$1.create({
+    column: {
+      flex: 1,
+      paddingHorizontal: useResponsiveValue(theme.sizes.sm, theme.sizes.xxs, isDesktop, isTablet),
+      paddingBottom: useResponsiveValue(theme.sizes.sm, theme.sizes.xxs, isDesktop, isTablet),
+      justifyContent: justifyMap[justify],
+      alignItems: alignMap[align],
+      flexDirection: direction
+    }
+  });
+  return /*#__PURE__*/React__namespace.createElement(View$2, {
+    style: [dynamicStyles.column, style]
+  }, children);
+};
+
+/**
+ * A simple Spacer component that creates flexible space in layouts.
+ *
+ * The Spacer is commonly used in flexbox layouts to create adjustable empty space
+ * between child elements, avoiding the need for explicit margins or padding.
+ */
+var Spacer = function (_a) {
+  var style = _a.style;
+  return /*#__PURE__*/React.createElement(View$2, {
+    style: [{
+      flex: 1
+    }, style]
+  });
+};
+
 var Reward = /** @class */function () {
   function Reward() {}
   return Reward;
@@ -21395,7 +21281,6 @@ exports.BaseBanner = BaseBanner;
 exports.BaseTile = BaseTile;
 exports.Button = Button;
 exports.Carousel = Carousel;
-exports.Column = Column;
 exports.ContentTile = ContentTile$1;
 exports.ContentTileConfig = ContentTileConfig;
 exports.FlexBox = FlexBox;
@@ -21403,6 +21288,7 @@ exports.Grid = Grid;
 exports.Group = Group;
 exports.Icon = Icon;
 exports.Indicator = Indicator;
+exports.Layout = Layout;
 exports.LoadingIndicator = LoadingIndicator;
 exports.PointsTile = PointsTile$1;
 exports.PointsTileConfig = PointsTileConfig;
@@ -21414,13 +21300,10 @@ exports.RewardCategoryTile = RewardCategoryTile$1;
 exports.RewardCategoryTileConfig = RewardCategoryTileConfig;
 exports.RewardTile = RewardTile$1;
 exports.RewardTileConfig = RewardTileConfig;
-exports.Row = Row;
-exports.RowHeader = RowHeader;
 exports.Section = Section;
 exports.SectionHeader = SectionHeader;
 exports.Skeleton = Skeleton;
 exports.Spacer = Spacer;
-exports.Stack = Stack;
 exports.Text = Text;
 exports.TierTileConfig = TierTileConfig;
 exports.TierTileUpdated = TierTile;