@streamplace/components 0.7.0 → 0.7.2

package/dist/components/ui/primitives/button.js

@@ -1,29 +1,33 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { forwardRef } from "react";
-import { StyleSheet, Text, TouchableOpacity, View, } from "react-native";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonPrimitive = exports.ButtonContent = exports.ButtonLoading = exports.ButtonIcon = exports.ButtonText = exports.ButtonRoot = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
 // Button root primitive - handles all touch interactions
-export const ButtonRoot = forwardRef(({ children, disabled = false, loading = false, onPress, onPressIn, onPressOut, onLongPress, accessibilityRole = "button", accessibilityLabel, accessibilityHint, accessibilityState, testID, style, activeOpacity = 0.7, ...props }, ref) => {
-    const handlePress = React.useCallback((event) => {
+exports.ButtonRoot = (0, react_1.forwardRef)(({ children, disabled = false, loading = false, onPress, onPressIn, onPressOut, onLongPress, accessibilityRole = "button", accessibilityLabel, accessibilityHint, accessibilityState, testID, style, activeOpacity = 0.7, ...props }, ref) => {
+    const handlePress = react_1.default.useCallback((event) => {
         if (!disabled && !loading && onPress) {
             onPress(event);
         }
     }, [disabled, loading, onPress]);
-    const handlePressIn = React.useCallback((event) => {
+    const handlePressIn = react_1.default.useCallback((event) => {
         if (!disabled && !loading && onPressIn) {
             onPressIn(event);
         }
     }, [disabled, loading, onPressIn]);
-    const handlePressOut = React.useCallback((event) => {
+    const handlePressOut = react_1.default.useCallback((event) => {
         if (!disabled && !loading && onPressOut) {
             onPressOut(event);
         }
     }, [disabled, loading, onPressOut]);
-    const handleLongPress = React.useCallback((event) => {
+    const handleLongPress = react_1.default.useCallback((event) => {
         if (!disabled && !loading && onLongPress) {
             onLongPress(event);
         }
     }, [disabled, loading, onLongPress]);
-    return (_jsx(TouchableOpacity, { ref: ref, onPress: handlePress, onPressIn: handlePressIn, onPressOut: handlePressOut, onLongPress: handleLongPress, disabled: disabled || loading, activeOpacity: disabled || loading ? 1 : activeOpacity, accessibilityRole: accessibilityRole, accessibilityLabel: accessibilityLabel, accessibilityHint: accessibilityHint, accessibilityState: {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { ref: ref, onPress: handlePress, onPressIn: handlePressIn, onPressOut: handlePressOut, onLongPress: handleLongPress, disabled: disabled || loading, activeOpacity: disabled || loading ? 1 : activeOpacity, accessibilityRole: accessibilityRole, accessibilityLabel: accessibilityLabel, accessibilityHint: accessibilityHint, accessibilityState: {
             disabled: disabled || loading,
             busy: loading,
             ...accessibilityState,
@@ -33,31 +37,31 @@ export const ButtonRoot = forwardRef(({ children, disabled = false, loading = fa
             style,
         ], ...props, children: children }));
 });
-ButtonRoot.displayName = "ButtonRoot";
-export const ButtonText = forwardRef(({ children, disabled, loading, style, ...props }, ref) => {
-    return (_jsx(Text, { ref: ref, style: [
+exports.ButtonRoot.displayName = "ButtonRoot";
+exports.ButtonText = (0, react_1.forwardRef)(({ children, disabled, loading, style, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { ref: ref, style: [
             primitiveStyles.text,
             (disabled || loading) && primitiveStyles.textDisabled,
             style,
         ], ...props, children: children }));
 });
-ButtonText.displayName = "ButtonText";
-export const ButtonIcon = forwardRef(({ children, position = "left", disabled, loading, style, ...props }, ref) => {
-    return (_jsx(View, { ref: ref, style: [
+exports.ButtonText.displayName = "ButtonText";
+exports.ButtonIcon = (0, react_1.forwardRef)(({ children, position = "left", disabled, loading, style, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: [
             primitiveStyles.icon,
             (disabled || loading) && primitiveStyles.iconDisabled,
             style,
         ], ...props, children: children }));
 });
-ButtonIcon.displayName = "ButtonIcon";
-export const ButtonLoading = forwardRef(({ children, visible = false, style, ...props }, ref) => {
+exports.ButtonIcon.displayName = "ButtonIcon";
+exports.ButtonLoading = (0, react_1.forwardRef)(({ children, visible = false, style, ...props }, ref) => {
     if (!visible)
         return null;
-    return (_jsx(View, { ref: ref, style: [primitiveStyles.loading, style], ...props, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: [primitiveStyles.loading, style], ...props, children: children }));
 });
-ButtonLoading.displayName = "ButtonLoading";
-export const ButtonContent = forwardRef(({ children, direction = "row", align = "center", justify = "center", style, ...props }, ref) => {
-    return (_jsx(View, { ref: ref, style: [
+exports.ButtonLoading.displayName = "ButtonLoading";
+exports.ButtonContent = (0, react_1.forwardRef)(({ children, direction = "row", align = "center", justify = "center", style, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: [
             primitiveStyles.content,
             {
                 flexDirection: direction,
@@ -67,9 +71,9 @@ export const ButtonContent = forwardRef(({ children, direction = "row", align =
             style,
         ], ...props, children: children }));
 });
-ButtonContent.displayName = "ButtonContent";
+exports.ButtonContent.displayName = "ButtonContent";
 // Primitive styles (minimal, unstyled)
-const primitiveStyles = StyleSheet.create({
+const primitiveStyles = react_native_1.StyleSheet.create({
     button: {
         flexDirection: "row",
         alignItems: "center",
@@ -112,10 +116,10 @@ const primitiveStyles = StyleSheet.create({
     },
 });
 // Export primitive collection
-export const ButtonPrimitive = {
-    Root: ButtonRoot,
-    Text: ButtonText,
-    Icon: ButtonIcon,
-    Loading: ButtonLoading,
-    Content: ButtonContent,
+exports.ButtonPrimitive = {
+    Root: exports.ButtonRoot,
+    Text: exports.ButtonText,
+    Icon: exports.ButtonIcon,
+    Loading: exports.ButtonLoading,
+    Content: exports.ButtonContent,
 };

package/dist/components/ui/primitives/input.js

@@ -1,10 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { forwardRef } from "react";
-import { Platform, StyleSheet, Text, TextInput, TouchableOpacity, View, } from "react-native";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputPrimitive = exports.InputGroup = exports.InputAddon = exports.InputError = exports.InputDescription = exports.InputLabel = exports.InputContainer = exports.InputRoot = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
 // Input root primitive - the main TextInput component
-export const InputRoot = forwardRef(({ value, onChangeText, onChange, onFocus, onBlur, error = false, disabled = false, loading = false, editable, style, placeholderTextColor = "#9ca3af", ...props }, ref) => {
-    const [isFocused, setIsFocused] = React.useState(false);
-    const handleChangeText = React.useCallback((text) => {
+exports.InputRoot = (0, react_1.forwardRef)(({ value, onChangeText, onChange, onFocus, onBlur, error = false, disabled = false, loading = false, editable, style, placeholderTextColor = "#9ca3af", ...props }, ref) => {
+    const [isFocused, setIsFocused] = react_1.default.useState(false);
+    const handleChangeText = react_1.default.useCallback((text) => {
         if (onChangeText) {
             onChangeText(text);
         }
@@ -12,19 +16,19 @@ export const InputRoot = forwardRef(({ value, onChangeText, onChange, onFocus, o
             onChange(text);
         }
     }, [onChangeText, onChange]);
-    const handleFocus = React.useCallback((event) => {
+    const handleFocus = react_1.default.useCallback((event) => {
         setIsFocused(true);
         if (onFocus) {
             onFocus(event);
         }
     }, [onFocus]);
-    const handleBlur = React.useCallback((event) => {
+    const handleBlur = react_1.default.useCallback((event) => {
         setIsFocused(false);
         if (onBlur) {
             onBlur(event);
         }
     }, [onBlur]);
-    return (_jsx(TextInput, { ref: ref, value: value, onChangeText: handleChangeText, onFocus: handleFocus, onBlur: handleBlur, editable: !disabled && !loading && editable, placeholderTextColor: placeholderTextColor, style: [
+    return ((0, jsx_runtime_1.jsx)(react_native_1.TextInput, { ref: ref, value: value, onChangeText: handleChangeText, onFocus: handleFocus, onBlur: handleBlur, editable: !disabled && !loading && editable, placeholderTextColor: placeholderTextColor, style: [
             primitiveStyles.input,
             style,
             error && primitiveStyles.inputError,
@@ -32,9 +36,9 @@ export const InputRoot = forwardRef(({ value, onChangeText, onChange, onFocus, o
             loading && primitiveStyles.inputLoading,
         ], ...props }));
 });
-InputRoot.displayName = "InputRoot";
-export const InputContainer = forwardRef(({ children, focused = false, error = false, disabled = false, style, ...props }, ref) => {
-    return (_jsx(View, { ref: ref, style: [
+exports.InputRoot.displayName = "InputRoot";
+exports.InputContainer = (0, react_1.forwardRef)(({ children, focused = false, error = false, disabled = false, style, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: [
             primitiveStyles.container,
             style,
             focused && primitiveStyles.containerFocused,
@@ -42,49 +46,49 @@ export const InputContainer = forwardRef(({ children, focused = false, error = f
             disabled && primitiveStyles.containerDisabled,
         ], ...props, children: children }));
 });
-InputContainer.displayName = "InputContainer";
-export const InputLabel = forwardRef(({ children, required = false, disabled = false, error = false, style, ...props }, ref) => {
-    return (_jsxs(Text, { ref: ref, style: [
+exports.InputContainer.displayName = "InputContainer";
+exports.InputLabel = (0, react_1.forwardRef)(({ children, required = false, disabled = false, error = false, style, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.Text, { ref: ref, style: [
             primitiveStyles.label,
             style,
             error && primitiveStyles.labelError,
             disabled && primitiveStyles.labelDisabled,
-        ], ...props, children: [children, required && _jsx(Text, { style: primitiveStyles.required, children: " *" })] }));
+        ], ...props, children: [children, required && (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: primitiveStyles.required, children: " *" })] }));
 });
-InputLabel.displayName = "InputLabel";
-export const InputDescription = forwardRef(({ children, error = false, disabled = false, style, ...props }, ref) => {
-    return (_jsx(Text, { ref: ref, style: [
+exports.InputLabel.displayName = "InputLabel";
+exports.InputDescription = (0, react_1.forwardRef)(({ children, error = false, disabled = false, style, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { ref: ref, style: [
             primitiveStyles.description,
             style,
             error && primitiveStyles.descriptionError,
             disabled && primitiveStyles.descriptionDisabled,
         ], ...props, children: children }));
 });
-InputDescription.displayName = "InputDescription";
-export const InputError = forwardRef(({ children, visible = true, style, ...props }, ref) => {
+exports.InputDescription.displayName = "InputDescription";
+exports.InputError = (0, react_1.forwardRef)(({ children, visible = true, style, ...props }, ref) => {
     if (!visible || !children)
         return null;
-    return (_jsx(Text, { ref: ref, style: [primitiveStyles.error, style], ...props, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { ref: ref, style: [primitiveStyles.error, style], ...props, children: children }));
 });
-InputError.displayName = "InputError";
-export const InputAddon = forwardRef(({ children, position = "left", touchable = false, onPress, style, ...props }, ref) => {
+exports.InputError.displayName = "InputError";
+exports.InputAddon = (0, react_1.forwardRef)(({ children, position = "left", touchable = false, onPress, style, ...props }, ref) => {
     const addonStyle = [
         primitiveStyles.addon,
         primitiveStyles[`addon${position.charAt(0).toUpperCase() + position.slice(1)}`],
         style,
     ];
     if (touchable && onPress) {
-        return (_jsx(TouchableOpacity, { ref: ref, style: addonStyle, onPress: onPress, ...props, children: children }));
+        return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { ref: ref, style: addonStyle, onPress: onPress, ...props, children: children }));
     }
-    return (_jsx(View, { ref: ref, style: addonStyle, ...props, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: addonStyle, ...props, children: children }));
 });
-InputAddon.displayName = "InputAddon";
-export const InputGroup = forwardRef(({ children, spacing = 8, style, ...props }, ref) => {
-    return (_jsx(View, { ref: ref, style: [primitiveStyles.group, { gap: spacing }, style], ...props, children: children }));
+exports.InputAddon.displayName = "InputAddon";
+exports.InputGroup = (0, react_1.forwardRef)(({ children, spacing = 8, style, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: [primitiveStyles.group, { gap: spacing }, style], ...props, children: children }));
 });
-InputGroup.displayName = "InputGroup";
+exports.InputGroup.displayName = "InputGroup";
 // Primitive styles (minimal, unstyled)
-const primitiveStyles = StyleSheet.create({
+const primitiveStyles = react_native_1.StyleSheet.create({
     input: {
         minHeight: 44, // iOS minimum touch target
         paddingHorizontal: 12,
@@ -94,7 +98,7 @@ const primitiveStyles = StyleSheet.create({
         borderColor: "#d1d5db",
         borderRadius: 8,
         backgroundColor: "white",
-        ...Platform.select({
+        ...react_native_1.Platform.select({
             ios: {
                 paddingVertical: 12,
             },
@@ -191,12 +195,12 @@ const primitiveStyles = StyleSheet.create({
     },
 });
 // Export primitive collection
-export const InputPrimitive = {
-    Root: InputRoot,
-    Container: InputContainer,
-    Label: InputLabel,
-    Description: InputDescription,
-    Error: InputError,
-    Addon: InputAddon,
-    Group: InputGroup,
+exports.InputPrimitive = {
+    Root: exports.InputRoot,
+    Container: exports.InputContainer,
+    Label: exports.InputLabel,
+    Description: exports.InputDescription,
+    Error: exports.InputError,
+    Addon: exports.InputAddon,
+    Group: exports.InputGroup,
 };

package/dist/components/ui/primitives/modal.js

@@ -1,10 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { forwardRef } from "react";
-import { Dimensions, Modal, Platform, ScrollView, StyleSheet, TouchableOpacity, View, } from "react-native";
-const { width: screenWidth, height: screenHeight } = Dimensions.get("window");
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalPrimitive = exports.ModalClose = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.ModalContent = exports.ModalOverlay = exports.ModalRoot = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const react_native_1 = require("react-native");
+const { width: screenWidth, height: screenHeight } = react_native_1.Dimensions.get("window");
 // Modal root primitive - handles the native Modal component
-export const ModalRoot = forwardRef(({ open = false, onOpenChange, children, onRequestClose, animationType = "fade", presentationStyle = Platform.OS === "ios" ? "pageSheet" : "fullScreen", transparent = true, statusBarTranslucent = Platform.OS === "android", ...props }, ref) => {
-    const handleRequestClose = React.useCallback((e) => {
+exports.ModalRoot = (0, react_1.forwardRef)(({ open = false, onOpenChange, children, onRequestClose, animationType = "fade", presentationStyle = react_native_1.Platform.OS === "ios" ? "pageSheet" : "fullScreen", transparent = true, statusBarTranslucent = react_native_1.Platform.OS === "android", ...props }, ref) => {
+    const handleRequestClose = react_1.default.useCallback((e) => {
         if (onOpenChange) {
             onOpenChange(false);
         }
@@ -12,11 +16,11 @@ export const ModalRoot = forwardRef(({ open = false, onOpenChange, children, onR
             onRequestClose(e);
         }
     }, [onOpenChange, onRequestClose]);
-    return (_jsx(Modal, { visible: open, onRequestClose: handleRequestClose, animationType: animationType, presentationStyle: presentationStyle, transparent: transparent, statusBarTranslucent: statusBarTranslucent, ...props, children: _jsx(View, { ref: ref, style: primitiveStyles.container, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: open, onRequestClose: handleRequestClose, animationType: animationType, presentationStyle: presentationStyle, transparent: transparent, statusBarTranslucent: statusBarTranslucent, ...props, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: primitiveStyles.container, children: children }) }));
 });
-ModalRoot.displayName = "ModalRoot";
-export const ModalOverlay = forwardRef(({ dismissible = true, onDismiss, onPress, style, children, activeOpacity = 1, ...props }, ref) => {
-    const handlePress = React.useCallback((event) => {
+exports.ModalRoot.displayName = "ModalRoot";
+exports.ModalOverlay = (0, react_1.forwardRef)(({ dismissible = true, onDismiss, onPress, style, children, activeOpacity = 1, ...props }, ref) => {
+    const handlePress = react_1.default.useCallback((event) => {
         if (dismissible && onDismiss) {
             onDismiss();
         }
@@ -24,15 +28,15 @@ export const ModalOverlay = forwardRef(({ dismissible = true, onDismiss, onPress
             onPress(event);
         }
     }, [dismissible, onDismiss, onPress]);
-    return (_jsx(TouchableOpacity, { ref: ref, style: [primitiveStyles.overlay, style], activeOpacity: activeOpacity, onPress: handlePress, ...props, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { ref: ref, style: [primitiveStyles.overlay, style], activeOpacity: activeOpacity, onPress: handlePress, ...props, children: children }));
 });
-ModalOverlay.displayName = "ModalOverlay";
-export const ModalContent = forwardRef(({ children, position = "center", size = "md", style, onStartShouldSetResponder, ...props }, ref) => {
+exports.ModalOverlay.displayName = "ModalOverlay";
+exports.ModalContent = (0, react_1.forwardRef)(({ children, position = "center", size = "md", style, onStartShouldSetResponder, ...props }, ref) => {
     // Prevent touches from propagating to overlay
-    const handleStartShouldSetResponder = React.useCallback(() => {
+    const handleStartShouldSetResponder = react_1.default.useCallback(() => {
         return true;
     }, []);
-    const positionStyle = React.useMemo(() => {
+    const positionStyle = react_1.default.useMemo(() => {
         switch (position) {
             case "top":
                 return primitiveStyles.contentTop;
@@ -47,7 +51,7 @@ export const ModalContent = forwardRef(({ children, position = "center", size =
                 return primitiveStyles.contentCenter;
         }
     }, [position]);
-    const sizeStyle = React.useMemo(() => {
+    const sizeStyle = react_1.default.useMemo(() => {
         switch (size) {
             case "sm":
                 return primitiveStyles.sizeSm;
@@ -62,26 +66,26 @@ export const ModalContent = forwardRef(({ children, position = "center", size =
                 return primitiveStyles.sizeMd;
         }
     }, [size]);
-    return (_jsx(View, { ref: ref, style: [primitiveStyles.content, positionStyle, sizeStyle, style], onStartShouldSetResponder: onStartShouldSetResponder || handleStartShouldSetResponder, ...props, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: [primitiveStyles.content, positionStyle, sizeStyle, style], onStartShouldSetResponder: onStartShouldSetResponder || handleStartShouldSetResponder, ...props, children: children }));
 });
-ModalContent.displayName = "ModalContent";
-export const ModalHeader = forwardRef(({ children, withBorder = false, style, ...props }, ref) => {
-    return (_jsx(View, { ref: ref, style: [
+exports.ModalContent.displayName = "ModalContent";
+exports.ModalHeader = (0, react_1.forwardRef)(({ children, withBorder = false, style, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: [
             primitiveStyles.header,
             withBorder && primitiveStyles.headerBorder,
             style,
         ], ...props, children: children }));
 });
-ModalHeader.displayName = "ModalHeader";
-export const ModalBody = forwardRef(({ children, scrollable = true, style, ...props }, ref) => {
+exports.ModalHeader.displayName = "ModalHeader";
+exports.ModalBody = (0, react_1.forwardRef)(({ children, scrollable = true, style, ...props }, ref) => {
     if (!scrollable) {
-        return _jsx(View, { style: [primitiveStyles.body, style], children: children });
+        return (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [primitiveStyles.body, style], children: children });
     }
-    return (_jsx(ScrollView, { ref: ref, style: [primitiveStyles.body, style], showsVerticalScrollIndicator: false, keyboardShouldPersistTaps: "handled", ...props, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { ref: ref, style: [primitiveStyles.body, style], showsVerticalScrollIndicator: false, keyboardShouldPersistTaps: "handled", ...props, children: children }));
 });
-ModalBody.displayName = "ModalBody";
-export const ModalFooter = forwardRef(({ children, withBorder = false, direction = "row", justify = "flex-end", style, ...props }, ref) => {
-    return (_jsx(View, { ref: ref, style: [
+exports.ModalBody.displayName = "ModalBody";
+exports.ModalFooter = (0, react_1.forwardRef)(({ children, withBorder = false, direction = "row", justify = "flex-end", style, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { ref: ref, style: [
             primitiveStyles.footer,
             withBorder && primitiveStyles.footerBorder,
             {
@@ -91,9 +95,9 @@ export const ModalFooter = forwardRef(({ children, withBorder = false, direction
             style,
         ], ...props, children: children }));
 });
-ModalFooter.displayName = "ModalFooter";
-export const ModalClose = forwardRef(({ children, onClose, onPress, ...props }, ref) => {
-    const handlePress = React.useCallback((event) => {
+exports.ModalFooter.displayName = "ModalFooter";
+exports.ModalClose = (0, react_1.forwardRef)(({ children, onClose, onPress, ...props }, ref) => {
+    const handlePress = react_1.default.useCallback((event) => {
         if (onClose) {
             onClose();
         }
@@ -101,11 +105,11 @@ export const ModalClose = forwardRef(({ children, onClose, onPress, ...props },
             onPress(event);
         }
     }, [onClose, onPress]);
-    return (_jsx(TouchableOpacity, { ref: ref, onPress: handlePress, ...props, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { ref: ref, onPress: handlePress, ...props, children: children }));
 });
-ModalClose.displayName = "ModalClose";
+exports.ModalClose.displayName = "ModalClose";
 // Primitive styles (minimal, unstyled)
-const primitiveStyles = StyleSheet.create({
+const primitiveStyles = react_native_1.StyleSheet.create({
     container: {
         flex: 1,
     },
@@ -192,12 +196,12 @@ const primitiveStyles = StyleSheet.create({
     },
 });
 // Export primitive collection
-export const ModalPrimitive = {
-    Root: ModalRoot,
-    Overlay: ModalOverlay,
-    Content: ModalContent,
-    Header: ModalHeader,
-    Body: ModalBody,
-    Footer: ModalFooter,
-    Close: ModalClose,
+exports.ModalPrimitive = {
+    Root: exports.ModalRoot,
+    Overlay: exports.ModalOverlay,
+    Content: exports.ModalContent,
+    Header: exports.ModalHeader,
+    Body: exports.ModalBody,
+    Footer: exports.ModalFooter,
+    Close: exports.ModalClose,
 };

package/dist/components/ui/primitives/text.js

@@ -1,10 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, forwardRef, useContext } from "react";
-import { Platform, Text as RNText, } from "react-native";
-import { useTheme } from "../../../lib/theme/theme";
-import { typography } from "../../../lib/theme/tokens";
-export const TextContext = createContext(null);
-export function objectFromObjects(arr) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextPrimitive = exports.TextBlock = exports.TextSpan = exports.TextRoot = exports.TextContext = void 0;
+exports.objectFromObjects = objectFromObjects;
+exports.useTextContext = useTextContext;
+exports.createTextStyle = createTextStyle;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const theme_1 = require("../../../lib/theme/theme");
+const tokens_1 = require("../../../lib/theme/tokens");
+exports.TextContext = (0, react_1.createContext)(null);
+function objectFromObjects(arr) {
     return Object.assign({}, ...arr);
 }
 // Size mapping
@@ -51,12 +57,12 @@ const trackingMap = {
 const getVariantStyles = () => {
     // get platform-specific typography
     // iOS, Android, Web (Universal)
-    const typographicPlatform = (Platform.OS === "ios"
+    const typographicPlatform = (react_native_1.Platform.OS === "ios"
         ? "ios"
-        : Platform.OS === "android"
+        : react_native_1.Platform.OS === "android"
             ? "android"
             : "universal");
-    const platformTypography = typography[typographicPlatform];
+    const platformTypography = tokens_1.typography[typographicPlatform];
     if (!platformTypography) {
         throw new Error("Platform typography not defined");
     }
@@ -113,9 +119,9 @@ const getVariantStyles = () => {
     }
 };
 // Text root primitive
-export const TextRoot = forwardRef(({ variant, size, weight, color, align, leading, tracking, transform, decoration, italic = false, opacity, style, inherit = true, reset = false, children, ...props }, ref) => {
-    const { theme } = useTheme();
-    const parentContext = useContext(TextContext);
+exports.TextRoot = (0, react_1.forwardRef)(({ variant, size, weight, color, align, leading, tracking, transform, decoration, italic = false, opacity, style, inherit = true, reset = false, children, ...props }, ref) => {
+    const { theme } = (0, theme_1.useTheme)();
+    const parentContext = (0, react_1.useContext)(exports.TextContext);
     // Get variant styles
     const variantStyles = getVariantStyles();
     // Calculate inherited values
@@ -217,25 +223,25 @@ export const TextRoot = forwardRef(({ variant, size, weight, color, align, leadi
         fontStyle: finalStyles.fontStyle,
         opacity: finalStyles.opacity,
     };
-    return (_jsx(TextContext.Provider, { value: contextValue, children: _jsx(RNText, { ref: ref, style: [finalStyles, style], ...props, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(exports.TextContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { ref: ref, style: [finalStyles, style], ...props, children: children }) }));
 });
-TextRoot.displayName = "TextRoot";
+exports.TextRoot.displayName = "TextRoot";
 // Text span primitive (inherits from parent but doesn't create new context)
-export const TextSpan = forwardRef(({ children, ...props }, ref) => {
-    return (_jsx(TextRoot, { ref: ref, inherit: true, ...props, children: children }));
+exports.TextSpan = (0, react_1.forwardRef)(({ children, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(exports.TextRoot, { ref: ref, inherit: true, ...props, children: children }));
 });
-TextSpan.displayName = "TextSpan";
+exports.TextSpan.displayName = "TextSpan";
 // Text block primitive (always creates new context)
-export const TextBlock = forwardRef(({ children, reset = true, ...props }, ref) => {
-    return (_jsx(TextRoot, { ref: ref, reset: reset, ...props, children: children }));
+exports.TextBlock = (0, react_1.forwardRef)(({ children, reset = true, ...props }, ref) => {
+    return ((0, jsx_runtime_1.jsx)(exports.TextRoot, { ref: ref, reset: reset, ...props, children: children }));
 });
-TextBlock.displayName = "TextBlock";
+exports.TextBlock.displayName = "TextBlock";
 // Hook to access current text context
-export function useTextContext() {
-    return useContext(TextContext);
+function useTextContext() {
+    return (0, react_1.useContext)(exports.TextContext);
 }
 // Utility function to create text styles
-export function createTextStyle(props) {
+function createTextStyle(props) {
     // This is a utility function that can be used to generate styles
     // without rendering a component
     const style = {};
@@ -276,11 +282,11 @@ export function createTextStyle(props) {
     return style;
 }
 // Export primitive collection
-export const TextPrimitive = {
-    Root: TextRoot,
-    Span: TextSpan,
-    Block: TextBlock,
-    Context: TextContext,
+exports.TextPrimitive = {
+    Root: exports.TextRoot,
+    Span: exports.TextSpan,
+    Block: exports.TextBlock,
+    Context: exports.TextContext,
     useContext: useTextContext,
     createStyle: createTextStyle,
 };