Live video on the AT Protocol
stream.place
1/**
2 * @streamplace/components/ui - Streamplace ZeroCSS
3 *
4 * Clean export path for ZeroCSS styling utilities, design tokens, and atomic styles.
5 * ZeroCSS provides a zero-config, atomic styling system optimized for React Native.
6 */
7
8// Export the most commonly used ZeroCSS utilities
9export {
10 // Core atoms object
11 atoms,
12 // Common shorthand utilities
13 bg,
14 // Border utilities
15 borders,
16 bottom,
17 // Flex utilities
18 flex,
19 // Gap utilities (React Native 0.71+)
20 gap,
21 h,
22 // Layout utilities
23 layout,
24 left,
25 m,
26 mb,
27 ml,
28 mr,
29 mt,
30 mx,
31 my,
32 p,
33 pb,
34 pl,
35 // Position utilities
36 position,
37 pr,
38 pt,
39 px,
40 py,
41 r,
42 right,
43 text,
44 top,
45 w,
46} from "../lib/theme/atoms";
47
48// Export ZeroCSS design tokens
49export {
50 borderRadius,
51 breakpoints,
52 colors,
53 shadows,
54 spacing,
55 typography,
56} from "../lib/theme/tokens";
57
58// Export ZeroCSS utility functions
59export {
60 debounce,
61 mergeStyles,
62 platformStyle,
63 responsiveValue,
64} from "../lib/utils";
65
66// Export ZeroCSS theme system
67export {
68 ThemeProvider,
69 createThemeColors,
70 createThemeIcons,
71 createThemedStyles,
72 darkTheme,
73 lightTheme,
74 usePlatformTypography,
75 useTheme,
76 type Theme,
77 type ThemeIcons,
78} from "../lib/theme/theme";
79
80// Namespace exports for power users
81export * as theme from "../lib/theme";
82export * as atomsNS from "../lib/theme/atoms";
83export * as tokens from "../lib/theme/tokens";
84export * as utils from "../lib/utils";