@streamplace/components 0.7.18 → 0.7.21

package/dist/lib/theme/atoms.js

@@ -0,0 +1,646 @@
+"use strict";
+/**
+ * Theme atoms - Enhanced exports with pairify function for array-style syntax
+ * These provide direct access to static design tokens and support composition
+ */
+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]}
+ */
+function pairify(obj, styleKeyPrefix) {
+    const result = {};
+    for (const [key, value] of Object.entries(obj)) {
+        if (typeof value === "object" && value !== null && !Array.isArray(value)) {
+            // For nested objects (like color scales), create another level
+            result[key] = {};
+            for (const [nestedKey, nestedValue] of Object.entries(value)) {
+                result[key][nestedKey] = { [styleKeyPrefix]: nestedValue };
+            }
+        }
+        else {
+            // For simple values, create the style object directly
+            result[key] = { [styleKeyPrefix]: value };
+        }
+    }
+    return result;
+}
+// Export raw color tokens for advanced use cases
+exports.colors = tokens_1.colors;
+// Platform-aware typography helper
+const getPlatformTypography = () => {
+    if (react_native_1.Platform.OS === "ios") {
+        return tokens_1.typography.ios;
+    }
+    else if (react_native_1.Platform.OS === "android") {
+        return tokens_1.typography.android;
+    }
+    return tokens_1.typography.universal;
+};
+exports.getPlatformTypography = getPlatformTypography;
+// Export all typography scales
+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)
+exports.iconSizes = {
+    sm: 16,
+    md: 20,
+    lg: 24,
+    xl: 32,
+};
+// Common layout utilities
+exports.layout = {
+    flex: {
+        center: {
+            justifyContent: "center",
+            alignItems: "center",
+        },
+        alignCenter: {
+            alignItems: "center",
+        },
+        justifyCenter: {
+            justifyContent: "center",
+        },
+        row: {
+            flexDirection: "row",
+        },
+        column: {
+            flexDirection: "column",
+        },
+        spaceBetween: {
+            justifyContent: "space-between",
+        },
+        spaceAround: {
+            justifyContent: "space-around",
+        },
+        spaceEvenly: {
+            justifyContent: "space-evenly",
+        },
+        direction: pairify({
+            row: "row",
+            column: "column",
+            "row-reverse": "row-reverse",
+            "column-reverse": "column-reverse",
+        }, "flexDirection"),
+        justify: pairify({
+            start: "flex-start",
+            end: "flex-end",
+            center: "center",
+            between: "space-between",
+            around: "space-around",
+            evenly: "space-evenly",
+        }, "justifyContent"),
+        align: pairify({
+            start: "flex-start",
+            end: "flex-end",
+            center: "center",
+            stretch: "stretch",
+            baseline: "baseline",
+        }, "alignItems"),
+        wrap: pairify({
+            wrap: "wrap",
+            nowrap: "nowrap",
+            reverse: "wrap-reverse",
+        }, "flexWrap"),
+    },
+    position: pairify({
+        absolute: "absolute",
+        relative: "relative",
+        static: "static",
+    }, "position"),
+};
+// Enhanced border utilities with pairified colors and widths
+exports.borders = {
+    width: pairify({
+        thin: 1,
+        medium: 2,
+        thick: 4,
+    }, "borderWidth"),
+    style: pairify({
+        solid: "solid",
+        dashed: "dashed",
+        dotted: "dotted",
+    }, "borderStyle"),
+    // Pairified color borders
+    color: pairify(tokens_1.colors, "borderColor"),
+    // Top border utilities
+    top: {
+        width: pairify({
+            thin: 1,
+            medium: 2,
+            thick: 4,
+        }, "borderTopWidth"),
+        color: pairify(tokens_1.colors, "borderTopColor"),
+    },
+    // Bottom border utilities
+    bottom: {
+        width: pairify({
+            thin: 1,
+            medium: 2,
+            thick: 4,
+        }, "borderBottomWidth"),
+        color: pairify(tokens_1.colors, "borderBottomColor"),
+    },
+    // Left border utilities
+    left: {
+        width: pairify({
+            thin: 1,
+            medium: 2,
+            thick: 4,
+        }, "borderLeftWidth"),
+        color: pairify(tokens_1.colors, "borderLeftColor"),
+    },
+    // Right border utilities
+    right: {
+        width: pairify({
+            thin: 1,
+            medium: 2,
+            thick: 4,
+        }, "borderRightWidth"),
+        color: pairify(tokens_1.colors, "borderRightColor"),
+    },
+};
+// Pairified spacing utilities
+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
+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
+exports.backgrounds = pairify(tokens_1.colors, "backgroundColor");
+// Text color utilities
+exports.textColors = pairify(tokens_1.colors, "color");
+// Percentage-based sizes
+const percentageSizes = {
+    "10": "10%",
+    "20": "20%",
+    "25": "25%",
+    "30": "30%",
+    "33": "33.333333%",
+    "40": "40%",
+    "50": "50%",
+    "60": "60%",
+    "66": "66.666667%",
+    "70": "70%",
+    "75": "75%",
+    "80": "80%",
+    "90": "90%",
+    "100": "100%",
+};
+// Size utilities (width and height)
+exports.sizes = {
+    width: {
+        ...pairify(tokens_1.spacing, "width"),
+        percent: pairify(percentageSizes, "width"),
+    },
+    height: {
+        ...pairify(tokens_1.spacing, "height"),
+        percent: pairify(percentageSizes, "height"),
+    },
+    minWidth: {
+        ...pairify(tokens_1.spacing, "minWidth"),
+        percent: pairify(percentageSizes, "minWidth"),
+    },
+    minHeight: {
+        ...pairify(tokens_1.spacing, "minHeight"),
+        percent: pairify(percentageSizes, "minHeight"),
+    },
+    maxWidth: {
+        ...pairify(tokens_1.spacing, "maxWidth"),
+        percent: pairify(percentageSizes, "maxWidth"),
+    },
+    maxHeight: {
+        ...pairify(tokens_1.spacing, "maxHeight"),
+        percent: pairify(percentageSizes, "maxHeight"),
+    },
+};
+// Flex utilities
+exports.flex = {
+    values: pairify({
+        0: 0,
+        1: 1,
+        2: 2,
+        3: 3,
+        4: 4,
+        5: 5,
+    }, "flex"),
+    grow: pairify({
+        0: 0,
+        1: 1,
+    }, "flexGrow"),
+    shrink: pairify({
+        0: 0,
+        1: 1,
+    }, "flexShrink"),
+    basis: {
+        ...pairify(tokens_1.spacing, "flexBasis"),
+        ...pairify(percentageSizes, "flexBasis"),
+        auto: { flexBasis: "auto" },
+    },
+};
+// Opacity utilities
+exports.opacity = pairify({
+    0: 0,
+    5: 0.05,
+    10: 0.1,
+    20: 0.2,
+    25: 0.25,
+    30: 0.3,
+    40: 0.4,
+    50: 0.5,
+    60: 0.6,
+    70: 0.7,
+    75: 0.75,
+    80: 0.8,
+    90: 0.9,
+    95: 0.95,
+    100: 1,
+}, "opacity");
+// Z-index utilities
+exports.zIndex = pairify({
+    0: 0,
+    10: 10,
+    20: 20,
+    30: 30,
+    40: 40,
+    50: 50,
+    auto: "auto",
+}, "zIndex");
+// Overflow utilities
+exports.overflow = pairify({
+    visible: "visible",
+    hidden: "hidden",
+    scroll: "scroll",
+}, "overflow");
+// Text alignment utilities
+exports.textAlign = pairify({
+    left: "left",
+    center: "center",
+    right: "right",
+    justify: "justify",
+    auto: "auto",
+}, "textAlign");
+// Font weight utilities
+exports.fontWeight = pairify({
+    thin: "100",
+    extralight: "200",
+    light: "300",
+    normal: "400",
+    medium: "500",
+    semibold: "600",
+    bold: "700",
+    extrabold: "800",
+    black: "900",
+}, "fontWeight");
+// Font size utilities (separate from typography for quick access)
+exports.fontSize = pairify({
+    xs: 12,
+    sm: 14,
+    base: 16,
+    lg: 18,
+    xl: 20,
+    "2xl": 24,
+    "3xl": 30,
+    "4xl": 36,
+    "5xl": 48,
+    "6xl": 60,
+    "7xl": 72,
+    "8xl": 96,
+    "9xl": 128,
+}, "fontSize");
+// Line height utilities
+exports.lineHeight = pairify({
+    none: 1,
+    tight: 1.25,
+    snug: 1.375,
+    normal: 1.5,
+    relaxed: 1.625,
+    loose: 2,
+    3: 12,
+    4: 16,
+    5: 20,
+    6: 24,
+    7: 28,
+    8: 32,
+    9: 36,
+    10: 40,
+}, "lineHeight");
+// Letter spacing utilities
+exports.letterSpacing = pairify({
+    tighter: -0.5,
+    tight: -0.25,
+    normal: 0,
+    wide: 0.25,
+    wider: 0.5,
+    widest: 1,
+}, "letterSpacing");
+// Text transform utilities
+exports.textTransform = pairify({
+    uppercase: "uppercase",
+    lowercase: "lowercase",
+    capitalize: "capitalize",
+    none: "none",
+}, "textTransform");
+// Text decoration utilities
+exports.textDecoration = pairify({
+    none: "none",
+    underline: "underline",
+    lineThrough: "line-through",
+    underlineLineThrough: "underline line-through",
+}, "textDecorationLine");
+// Text align vertical utilities (React Native specific)
+exports.textAlignVertical = pairify({
+    auto: "auto",
+    top: "top",
+    bottom: "bottom",
+    center: "center",
+}, "textAlignVertical");
+// Transform utilities
+exports.transforms = {
+    rotate: pairify({
+        0: 0,
+        1: 1,
+        2: 2,
+        3: 3,
+        6: 6,
+        12: 12,
+        45: 45,
+        90: 90,
+        180: 180,
+        270: 270,
+    }, "rotate"),
+    scale: pairify({
+        0: 0,
+        50: 0.5,
+        75: 0.75,
+        90: 0.9,
+        95: 0.95,
+        100: 1,
+        105: 1.05,
+        110: 1.1,
+        125: 1.25,
+        150: 1.5,
+        200: 2,
+    }, "scale"),
+    scaleX: pairify({
+        0: 0,
+        50: 0.5,
+        75: 0.75,
+        90: 0.9,
+        95: 0.95,
+        100: 1,
+        105: 1.05,
+        110: 1.1,
+        125: 1.25,
+        150: 1.5,
+        200: 2,
+    }, "scaleX"),
+    scaleY: pairify({
+        0: 0,
+        50: 0.5,
+        75: 0.75,
+        90: 0.9,
+        95: 0.95,
+        100: 1,
+        105: 1.05,
+        110: 1.1,
+        125: 1.25,
+        150: 1.5,
+        200: 2,
+    }, "scaleY"),
+    translateX: pairify(tokens_1.spacing, "translateX"),
+    translateY: pairify(tokens_1.spacing, "translateY"),
+};
+// Absolute positioning utilities
+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",
+        top,
+        left,
+    }),
+    topRight: (top, right) => ({
+        position: "absolute",
+        top,
+        right,
+    }),
+    bottomLeft: (bottom, left) => ({
+        position: "absolute",
+        bottom,
+        left,
+    }),
+    bottomRight: (bottom, right) => ({
+        position: "absolute",
+        bottom,
+        right,
+    }),
+    // Percentage-based positioning
+    percent: {
+        top: pairify({
+            0: "0%",
+            25: "25%",
+            50: "50%",
+            75: "75%",
+            100: "100%",
+        }, "top"),
+        right: pairify({
+            0: "0%",
+            25: "25%",
+            50: "50%",
+            75: "75%",
+            100: "100%",
+        }, "right"),
+        bottom: pairify({
+            0: "0%",
+            25: "25%",
+            50: "50%",
+            75: "75%",
+            100: "100%",
+        }, "bottom"),
+        left: pairify({
+            0: "0%",
+            25: "25%",
+            50: "50%",
+            75: "75%",
+            100: "100%",
+        }, "left"),
+    },
+};
+// Aspect ratio utilities (React Native 0.71+)
+exports.aspectRatio = pairify({
+    square: 1,
+    video: 16 / 9,
+    photo: 4 / 3,
+    portrait: 3 / 4,
+    wide: 21 / 9,
+    ultrawide: 32 / 9,
+    "1/1": 1,
+    "3/2": 3 / 2,
+    "4/3": 4 / 3,
+    "16/9": 16 / 9,
+    "21/9": 21 / 9,
+}, "aspectRatio");
+// Gap utilities (React Native 0.71+)
+exports.gap = {
+    row: pairify(tokens_1.spacing, "rowGap"),
+    column: pairify(tokens_1.spacing, "columnGap"),
+    all: pairify(tokens_1.spacing, "gap"),
+};
+// Common layout patterns
+exports.layouts = {
+    // Full screen
+    fullScreen: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+    },
+    // Centered content
+    centered: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    // Centered modal/overlay
+    overlay: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+    },
+    // Safe area friendly
+    safeContainer: {
+        flex: 1,
+        paddingTop: react_native_1.Platform.OS === "ios" ? 44 : 0, // Status bar height
+    },
+    // Row with space between
+    spaceBetweenRow: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+    },
+    // Sticky header
+    stickyHeader: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        zIndex: 10,
+    },
+    // Bottom sheet style
+    bottomSheet: {
+        position: "absolute",
+        bottom: 0,
+        left: 0,
+        right: 0,
+        borderTopLeftRadius: 16,
+        borderTopRightRadius: 16,
+    },
+};
+// Export everything as a combined atoms object for convenience
+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
+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

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

package/dist/lib/theme/index.js

@@ -0,0 +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
+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
+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
+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
+exports.atoms = tslib_1.__importStar(require("./atoms"));
+exports.tokens = tslib_1.__importStar(require("./tokens"));