@streamplace/components 0.7.0 → 0.7.2

package/dist/lib/theme/atoms.js

@@ -1,9 +1,18 @@
+"use strict";
 /**
  * Theme atoms - Enhanced exports with pairify function for array-style syntax
  * These provide direct access to static design tokens and support composition
  */
-import { Platform } from "react-native";
-import { animations, borderRadius, colors as rawColors, shadows, spacing, touchTargets, typography, } from "./tokens";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.px = exports.pl = exports.pb = exports.pr = exports.pt = exports.p = exports.my = exports.mx = exports.ml = exports.mb = exports.mr = exports.mt = exports.m = exports.text = exports.bg = exports.a = exports.atoms = exports.layouts = exports.gap = exports.aspectRatio = exports.position = exports.transforms = exports.textAlignVertical = exports.textDecoration = exports.textTransform = exports.letterSpacing = exports.lineHeight = exports.fontSize = exports.fontWeight = exports.textAlign = exports.overflow = exports.zIndex = exports.opacity = exports.flex = exports.sizes = exports.textColors = exports.backgrounds = exports.radiusAtoms = exports.spacingAtoms = exports.borders = exports.layout = exports.iconSizes = exports.typographyAtoms = exports.getPlatformTypography = exports.colors = exports.touchTargets = exports.spacing = exports.shadows = exports.borderRadius = exports.animations = void 0;
+exports.translateY = exports.translateX = exports.scale = exports.rotate = exports.left = exports.bottom = exports.right = exports.top = exports.r = exports.h = exports.w = exports.py = void 0;
+const react_native_1 = require("react-native");
+const tokens_1 = require("./tokens");
+Object.defineProperty(exports, "animations", { enumerable: true, get: function () { return tokens_1.animations; } });
+Object.defineProperty(exports, "borderRadius", { enumerable: true, get: function () { return tokens_1.borderRadius; } });
+Object.defineProperty(exports, "shadows", { enumerable: true, get: function () { return tokens_1.shadows; } });
+Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return tokens_1.spacing; } });
+Object.defineProperty(exports, "touchTargets", { enumerable: true, get: function () { return tokens_1.touchTargets; } });
 /**
  * Pairify function - converts nested objects into key-value pairs that return style objects
  * This allows for array-style syntax like style={[a.borders.green[300], a.shadows.xl]}
@@ -25,39 +34,35 @@ function pairify(obj, styleKeyPrefix) {
     }
     return result;
 }
-/**
- * Create pairified style atoms for easy composition
- */
-// Re-export static design tokens that don't change with theme
-export { animations, borderRadius, shadows, spacing, touchTargets };
 // Export raw color tokens for advanced use cases
-export const colors = rawColors;
+exports.colors = tokens_1.colors;
 // Platform-aware typography helper
-export const getPlatformTypography = () => {
-    if (Platform.OS === "ios") {
-        return typography.ios;
+const getPlatformTypography = () => {
+    if (react_native_1.Platform.OS === "ios") {
+        return tokens_1.typography.ios;
     }
-    else if (Platform.OS === "android") {
-        return typography.android;
+    else if (react_native_1.Platform.OS === "android") {
+        return tokens_1.typography.android;
     }
-    return typography.universal;
+    return tokens_1.typography.universal;
 };
+exports.getPlatformTypography = getPlatformTypography;
 // Export all typography scales
-export const typographyAtoms = {
-    platform: getPlatformTypography(),
-    universal: typography.universal,
-    ios: typography.ios,
-    android: typography.android,
+exports.typographyAtoms = {
+    platform: (0, exports.getPlatformTypography)(),
+    universal: tokens_1.typography.universal,
+    ios: tokens_1.typography.ios,
+    android: tokens_1.typography.android,
 };
 // Static icon sizes (colors are handled by theme)
-export const iconSizes = {
+exports.iconSizes = {
     sm: 16,
     md: 20,
     lg: 24,
     xl: 32,
 };
 // Common layout utilities
-export const layout = {
+exports.layout = {
     flex: {
         center: {
             justifyContent: "center",
@@ -95,7 +100,7 @@ export const layout = {
     },
 };
 // Enhanced border utilities with pairified colors and widths
-export const borders = {
+exports.borders = {
     width: pairify({
         thin: 1,
         medium: 2,
@@ -107,7 +112,7 @@ export const borders = {
         dotted: { borderStyle: "dotted" },
     },
     // Pairified color borders
-    color: pairify(rawColors, "borderColor"),
+    color: pairify(tokens_1.colors, "borderColor"),
     // Top border utilities
     top: {
         width: pairify({
@@ -115,7 +120,7 @@ export const borders = {
             medium: 2,
             thick: 4,
         }, "borderTopWidth"),
-        color: pairify(rawColors, "borderTopColor"),
+        color: pairify(tokens_1.colors, "borderTopColor"),
     },
     // Bottom border utilities
     bottom: {
@@ -124,7 +129,7 @@ export const borders = {
             medium: 2,
             thick: 4,
         }, "borderBottomWidth"),
-        color: pairify(rawColors, "borderBottomColor"),
+        color: pairify(tokens_1.colors, "borderBottomColor"),
     },
     // Left border utilities
     left: {
@@ -133,7 +138,7 @@ export const borders = {
             medium: 2,
             thick: 4,
         }, "borderLeftWidth"),
-        color: pairify(rawColors, "borderLeftColor"),
+        color: pairify(tokens_1.colors, "borderLeftColor"),
     },
     // Right border utilities
     right: {
@@ -142,40 +147,40 @@ export const borders = {
             medium: 2,
             thick: 4,
         }, "borderRightWidth"),
-        color: pairify(rawColors, "borderRightColor"),
+        color: pairify(tokens_1.colors, "borderRightColor"),
     },
 };
 // Pairified spacing utilities
-export const spacingAtoms = {
-    margin: pairify(spacing, "margin"),
-    marginTop: pairify(spacing, "marginTop"),
-    marginRight: pairify(spacing, "marginRight"),
-    marginBottom: pairify(spacing, "marginBottom"),
-    marginLeft: pairify(spacing, "marginLeft"),
-    marginHorizontal: pairify(spacing, "marginHorizontal"),
-    marginVertical: pairify(spacing, "marginVertical"),
-    padding: pairify(spacing, "padding"),
-    paddingTop: pairify(spacing, "paddingTop"),
-    paddingRight: pairify(spacing, "paddingRight"),
-    paddingBottom: pairify(spacing, "paddingBottom"),
-    paddingLeft: pairify(spacing, "paddingLeft"),
-    paddingHorizontal: pairify(spacing, "paddingHorizontal"),
-    paddingVertical: pairify(spacing, "paddingVertical"),
+exports.spacingAtoms = {
+    margin: pairify(tokens_1.spacing, "margin"),
+    marginTop: pairify(tokens_1.spacing, "marginTop"),
+    marginRight: pairify(tokens_1.spacing, "marginRight"),
+    marginBottom: pairify(tokens_1.spacing, "marginBottom"),
+    marginLeft: pairify(tokens_1.spacing, "marginLeft"),
+    marginHorizontal: pairify(tokens_1.spacing, "marginHorizontal"),
+    marginVertical: pairify(tokens_1.spacing, "marginVertical"),
+    padding: pairify(tokens_1.spacing, "padding"),
+    paddingTop: pairify(tokens_1.spacing, "paddingTop"),
+    paddingRight: pairify(tokens_1.spacing, "paddingRight"),
+    paddingBottom: pairify(tokens_1.spacing, "paddingBottom"),
+    paddingLeft: pairify(tokens_1.spacing, "paddingLeft"),
+    paddingHorizontal: pairify(tokens_1.spacing, "paddingHorizontal"),
+    paddingVertical: pairify(tokens_1.spacing, "paddingVertical"),
 };
 // Pairified border radius utilities
-export const radiusAtoms = {
-    all: pairify(borderRadius, "borderRadius"),
-    top: pairify(borderRadius, "borderTopLeftRadius"),
-    topRight: pairify(borderRadius, "borderTopRightRadius"),
-    bottom: pairify(borderRadius, "borderBottomLeftRadius"),
-    bottomRight: pairify(borderRadius, "borderBottomRightRadius"),
-    left: pairify(borderRadius, "borderTopLeftRadius"),
-    right: pairify(borderRadius, "borderTopRightRadius"),
+exports.radiusAtoms = {
+    all: pairify(tokens_1.borderRadius, "borderRadius"),
+    top: pairify(tokens_1.borderRadius, "borderTopLeftRadius"),
+    topRight: pairify(tokens_1.borderRadius, "borderTopRightRadius"),
+    bottom: pairify(tokens_1.borderRadius, "borderBottomLeftRadius"),
+    bottomRight: pairify(tokens_1.borderRadius, "borderBottomRightRadius"),
+    left: pairify(tokens_1.borderRadius, "borderTopLeftRadius"),
+    right: pairify(tokens_1.borderRadius, "borderTopRightRadius"),
 };
 // Background color utilities
-export const backgrounds = pairify(rawColors, "backgroundColor");
+exports.backgrounds = pairify(tokens_1.colors, "backgroundColor");
 // Text color utilities
-export const textColors = pairify(rawColors, "color");
+exports.textColors = pairify(tokens_1.colors, "color");
 // Percentage-based sizes
 const percentageSizes = {
     "10": "10%",
@@ -194,34 +199,34 @@ const percentageSizes = {
     "100": "100%",
 };
 // Size utilities (width and height)
-export const sizes = {
+exports.sizes = {
     width: {
-        ...pairify(spacing, "width"),
+        ...pairify(tokens_1.spacing, "width"),
         percent: pairify(percentageSizes, "width"),
     },
     height: {
-        ...pairify(spacing, "height"),
+        ...pairify(tokens_1.spacing, "height"),
         percent: pairify(percentageSizes, "height"),
     },
     minWidth: {
-        ...pairify(spacing, "minWidth"),
+        ...pairify(tokens_1.spacing, "minWidth"),
         percent: pairify(percentageSizes, "minWidth"),
     },
     minHeight: {
-        ...pairify(spacing, "minHeight"),
+        ...pairify(tokens_1.spacing, "minHeight"),
         percent: pairify(percentageSizes, "minHeight"),
     },
     maxWidth: {
-        ...pairify(spacing, "maxWidth"),
+        ...pairify(tokens_1.spacing, "maxWidth"),
         percent: pairify(percentageSizes, "maxWidth"),
     },
     maxHeight: {
-        ...pairify(spacing, "maxHeight"),
+        ...pairify(tokens_1.spacing, "maxHeight"),
         percent: pairify(percentageSizes, "maxHeight"),
     },
 };
 // Flex utilities
-export const flex = {
+exports.flex = {
     values: pairify({
         0: 0,
         1: 1,
@@ -239,13 +244,13 @@ export const flex = {
         1: 1,
     }, "flexShrink"),
     basis: {
-        ...pairify(spacing, "flexBasis"),
+        ...pairify(tokens_1.spacing, "flexBasis"),
         ...pairify(percentageSizes, "flexBasis"),
         auto: { flexBasis: "auto" },
     },
 };
 // Opacity utilities
-export const opacity = pairify({
+exports.opacity = pairify({
     0: 0,
     5: 0.05,
     10: 0.1,
@@ -263,7 +268,7 @@ export const opacity = pairify({
     100: 1,
 }, "opacity");
 // Z-index utilities
-export const zIndex = pairify({
+exports.zIndex = pairify({
     0: 0,
     10: 10,
     20: 20,
@@ -273,13 +278,13 @@ export const zIndex = pairify({
     auto: "auto",
 }, "zIndex");
 // Overflow utilities
-export const overflow = {
+exports.overflow = {
     visible: { overflow: "visible" },
     hidden: { overflow: "hidden" },
     scroll: { overflow: "scroll" },
 };
 // Text alignment utilities
-export const textAlign = {
+exports.textAlign = {
     left: { textAlign: "left" },
     center: { textAlign: "center" },
     right: { textAlign: "right" },
@@ -287,7 +292,7 @@ export const textAlign = {
     auto: { textAlign: "auto" },
 };
 // Font weight utilities
-export const fontWeight = pairify({
+exports.fontWeight = pairify({
     thin: "100",
     extralight: "200",
     light: "300",
@@ -299,7 +304,7 @@ export const fontWeight = pairify({
     black: "900",
 }, "fontWeight");
 // Font size utilities (separate from typography for quick access)
-export const fontSize = pairify({
+exports.fontSize = pairify({
     xs: 12,
     sm: 14,
     base: 16,
@@ -315,7 +320,7 @@ export const fontSize = pairify({
     "9xl": 128,
 }, "fontSize");
 // Line height utilities
-export const lineHeight = pairify({
+exports.lineHeight = pairify({
     none: 1,
     tight: 1.25,
     snug: 1.375,
@@ -332,7 +337,7 @@ export const lineHeight = pairify({
     10: 40,
 }, "lineHeight");
 // Letter spacing utilities
-export const letterSpacing = pairify({
+exports.letterSpacing = pairify({
     tighter: -0.5,
     tight: -0.25,
     normal: 0,
@@ -341,14 +346,14 @@ export const letterSpacing = pairify({
     widest: 1,
 }, "letterSpacing");
 // Text transform utilities
-export const textTransform = {
+exports.textTransform = {
     uppercase: { textTransform: "uppercase" },
     lowercase: { textTransform: "lowercase" },
     capitalize: { textTransform: "capitalize" },
     none: { textTransform: "none" },
 };
 // Text decoration utilities
-export const textDecoration = {
+exports.textDecoration = {
     none: { textDecorationLine: "none" },
     underline: { textDecorationLine: "underline" },
     lineThrough: { textDecorationLine: "line-through" },
@@ -357,14 +362,14 @@ export const textDecoration = {
     },
 };
 // Text align vertical utilities (React Native specific)
-export const textAlignVertical = {
+exports.textAlignVertical = {
     auto: { textAlignVertical: "auto" },
     top: { textAlignVertical: "top" },
     bottom: { textAlignVertical: "bottom" },
     center: { textAlignVertical: "center" },
 };
 // Transform utilities
-export const transforms = {
+exports.transforms = {
     rotate: pairify({
         0: 0,
         1: 1,
@@ -416,15 +421,15 @@ export const transforms = {
         150: 1.5,
         200: 2,
     }, "scaleY"),
-    translateX: pairify(spacing, "translateX"),
-    translateY: pairify(spacing, "translateY"),
+    translateX: pairify(tokens_1.spacing, "translateX"),
+    translateY: pairify(tokens_1.spacing, "translateY"),
 };
 // Absolute positioning utilities
-export const position = {
-    top: pairify(spacing, "top"),
-    right: pairify(spacing, "right"),
-    bottom: pairify(spacing, "bottom"),
-    left: pairify(spacing, "left"),
+exports.position = {
+    top: pairify(tokens_1.spacing, "top"),
+    right: pairify(tokens_1.spacing, "right"),
+    bottom: pairify(tokens_1.spacing, "bottom"),
+    left: pairify(tokens_1.spacing, "left"),
     // Common position combinations
     topLeft: (top, left) => ({
         position: "absolute",
@@ -479,7 +484,7 @@ export const position = {
     },
 };
 // Aspect ratio utilities (React Native 0.71+)
-export const aspectRatio = pairify({
+exports.aspectRatio = pairify({
     square: 1,
     video: 16 / 9,
     photo: 4 / 3,
@@ -493,13 +498,13 @@ export const aspectRatio = pairify({
     "21/9": 21 / 9,
 }, "aspectRatio");
 // Gap utilities (React Native 0.71+)
-export const gap = {
-    row: pairify(spacing, "rowGap"),
-    column: pairify(spacing, "columnGap"),
-    all: pairify(spacing, "gap"),
+exports.gap = {
+    row: pairify(tokens_1.spacing, "rowGap"),
+    column: pairify(tokens_1.spacing, "columnGap"),
+    all: pairify(tokens_1.spacing, "gap"),
 };
 // Common layout patterns
-export const layouts = {
+exports.layouts = {
     // Full screen
     fullScreen: {
         position: "absolute",
@@ -528,7 +533,7 @@ export const layouts = {
     // Safe area friendly
     safeContainer: {
         flex: 1,
-        paddingTop: Platform.OS === "ios" ? 44 : 0, // Status bar height
+        paddingTop: react_native_1.Platform.OS === "ios" ? 44 : 0, // Status bar height
     },
     // Row with space between
     spaceBetweenRow: {
@@ -555,66 +560,66 @@ export const layouts = {
     },
 };
 // Export everything as a combined atoms object for convenience
-export const atoms = {
-    colors: rawColors,
-    spacing,
-    borderRadius,
-    radius: radiusAtoms,
-    typography: typographyAtoms,
-    shadows,
-    touchTargets,
-    animations,
-    iconSizes,
-    layout,
-    borders,
-    backgrounds,
-    textColors,
-    spacingAtoms,
-    sizes,
-    flex,
-    opacity,
-    zIndex,
-    overflow,
-    textAlign,
-    fontWeight,
-    fontSize,
-    lineHeight,
-    letterSpacing,
-    textTransform,
-    textDecoration,
-    textAlignVertical,
-    transforms,
-    position,
-    aspectRatio,
-    gap,
-    layouts,
+exports.atoms = {
+    colors: tokens_1.colors,
+    spacing: tokens_1.spacing,
+    borderRadius: tokens_1.borderRadius,
+    radius: exports.radiusAtoms,
+    typography: exports.typographyAtoms,
+    shadows: tokens_1.shadows,
+    touchTargets: tokens_1.touchTargets,
+    animations: tokens_1.animations,
+    iconSizes: exports.iconSizes,
+    layout: exports.layout,
+    borders: exports.borders,
+    backgrounds: exports.backgrounds,
+    textColors: exports.textColors,
+    spacingAtoms: exports.spacingAtoms,
+    sizes: exports.sizes,
+    flex: exports.flex,
+    opacity: exports.opacity,
+    zIndex: exports.zIndex,
+    overflow: exports.overflow,
+    textAlign: exports.textAlign,
+    fontWeight: exports.fontWeight,
+    fontSize: exports.fontSize,
+    lineHeight: exports.lineHeight,
+    letterSpacing: exports.letterSpacing,
+    textTransform: exports.textTransform,
+    textDecoration: exports.textDecoration,
+    textAlignVertical: exports.textAlignVertical,
+    transforms: exports.transforms,
+    position: exports.position,
+    aspectRatio: exports.aspectRatio,
+    gap: exports.gap,
+    layouts: exports.layouts,
 };
 // Convenient shorthand aliases
-export const a = atoms;
-export const bg = backgrounds;
-export const text = textColors;
-export const m = spacingAtoms.margin;
-export const mt = spacingAtoms.marginTop;
-export const mr = spacingAtoms.marginRight;
-export const mb = spacingAtoms.marginBottom;
-export const ml = spacingAtoms.marginLeft;
-export const mx = spacingAtoms.marginHorizontal;
-export const my = spacingAtoms.marginVertical;
-export const p = spacingAtoms.padding;
-export const pt = spacingAtoms.paddingTop;
-export const pr = spacingAtoms.paddingRight;
-export const pb = spacingAtoms.paddingBottom;
-export const pl = spacingAtoms.paddingLeft;
-export const px = spacingAtoms.paddingHorizontal;
-export const py = spacingAtoms.paddingVertical;
-export const w = sizes.width;
-export const h = sizes.height;
-export const r = radiusAtoms.all;
-export const top = position.top;
-export const right = position.right;
-export const bottom = position.bottom;
-export const left = position.left;
-export const rotate = transforms.rotate;
-export const scale = transforms.scale;
-export const translateX = transforms.translateX;
-export const translateY = transforms.translateY;
+exports.a = exports.atoms;
+exports.bg = exports.backgrounds;
+exports.text = exports.textColors;
+exports.m = exports.spacingAtoms.margin;
+exports.mt = exports.spacingAtoms.marginTop;
+exports.mr = exports.spacingAtoms.marginRight;
+exports.mb = exports.spacingAtoms.marginBottom;
+exports.ml = exports.spacingAtoms.marginLeft;
+exports.mx = exports.spacingAtoms.marginHorizontal;
+exports.my = exports.spacingAtoms.marginVertical;
+exports.p = exports.spacingAtoms.padding;
+exports.pt = exports.spacingAtoms.paddingTop;
+exports.pr = exports.spacingAtoms.paddingRight;
+exports.pb = exports.spacingAtoms.paddingBottom;
+exports.pl = exports.spacingAtoms.paddingLeft;
+exports.px = exports.spacingAtoms.paddingHorizontal;
+exports.py = exports.spacingAtoms.paddingVertical;
+exports.w = exports.sizes.width;
+exports.h = exports.sizes.height;
+exports.r = exports.radiusAtoms.all;
+exports.top = exports.position.top;
+exports.right = exports.position.right;
+exports.bottom = exports.position.bottom;
+exports.left = exports.position.left;
+exports.rotate = exports.transforms.rotate;
+exports.scale = exports.transforms.scale;
+exports.translateX = exports.transforms.translateX;
+exports.translateY = exports.transforms.translateY;

package/dist/lib/theme/atoms.types.js

@@ -1,5 +1,6 @@
+"use strict";
 /**
  * Type definitions for enhanced atoms with pairify function
  * Provides comprehensive type safety for array-style syntax
  */
-export {};
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/lib/theme/index.js

@@ -1,9 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tokens = exports.atoms = exports.typographyAtoms = exports.layout = exports.iconSizes = exports.getPlatformTypography = exports.borders = exports.typography = exports.touchTargets = exports.spacing = exports.shadows = exports.colors = exports.breakpoints = exports.borderRadius = exports.animations = exports.useTheme = exports.usePlatformTypography = exports.lightTheme = exports.darkTheme = exports.createThemedStyles = exports.createThemeStyles = exports.createThemeIcons = exports.createThemeColors = exports.ThemeProvider = void 0;
+const tslib_1 = require("tslib");
 // Main theme system exports
-export { ThemeProvider, createThemeColors, createThemeIcons, createThemeStyles, createThemedStyles, darkTheme, lightTheme, usePlatformTypography, useTheme, } from "./theme";
+var theme_1 = require("./theme");
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return theme_1.ThemeProvider; } });
+Object.defineProperty(exports, "createThemeColors", { enumerable: true, get: function () { return theme_1.createThemeColors; } });
+Object.defineProperty(exports, "createThemeIcons", { enumerable: true, get: function () { return theme_1.createThemeIcons; } });
+Object.defineProperty(exports, "createThemeStyles", { enumerable: true, get: function () { return theme_1.createThemeStyles; } });
+Object.defineProperty(exports, "createThemedStyles", { enumerable: true, get: function () { return theme_1.createThemedStyles; } });
+Object.defineProperty(exports, "darkTheme", { enumerable: true, get: function () { return theme_1.darkTheme; } });
+Object.defineProperty(exports, "lightTheme", { enumerable: true, get: function () { return theme_1.lightTheme; } });
+Object.defineProperty(exports, "usePlatformTypography", { enumerable: true, get: function () { return theme_1.usePlatformTypography; } });
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return theme_1.useTheme; } });
 // Design tokens
-export { animations, borderRadius, breakpoints, colors, shadows, spacing, touchTargets, typography, } from "./tokens";
+var tokens_1 = require("./tokens");
+Object.defineProperty(exports, "animations", { enumerable: true, get: function () { return tokens_1.animations; } });
+Object.defineProperty(exports, "borderRadius", { enumerable: true, get: function () { return tokens_1.borderRadius; } });
+Object.defineProperty(exports, "breakpoints", { enumerable: true, get: function () { return tokens_1.breakpoints; } });
+Object.defineProperty(exports, "colors", { enumerable: true, get: function () { return tokens_1.colors; } });
+Object.defineProperty(exports, "shadows", { enumerable: true, get: function () { return tokens_1.shadows; } });
+Object.defineProperty(exports, "spacing", { enumerable: true, get: function () { return tokens_1.spacing; } });
+Object.defineProperty(exports, "touchTargets", { enumerable: true, get: function () { return tokens_1.touchTargets; } });
+Object.defineProperty(exports, "typography", { enumerable: true, get: function () { return tokens_1.typography; } });
 // Utility atoms
-export { borders, getPlatformTypography, iconSizes, layout, typographyAtoms, } from "./atoms";
+var atoms_1 = require("./atoms");
+Object.defineProperty(exports, "borders", { enumerable: true, get: function () { return atoms_1.borders; } });
+Object.defineProperty(exports, "getPlatformTypography", { enumerable: true, get: function () { return atoms_1.getPlatformTypography; } });
+Object.defineProperty(exports, "iconSizes", { enumerable: true, get: function () { return atoms_1.iconSizes; } });
+Object.defineProperty(exports, "layout", { enumerable: true, get: function () { return atoms_1.layout; } });
+Object.defineProperty(exports, "typographyAtoms", { enumerable: true, get: function () { return atoms_1.typographyAtoms; } });
 // Convenience re-exports
-export * as atoms from "./atoms";
-export * as tokens from "./tokens";
+exports.atoms = tslib_1.__importStar(require("./atoms"));
+exports.tokens = tslib_1.__importStar(require("./tokens"));