@framingui/react-native 0.1.0

package/dist/components/Stack.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet, View } from 'react-native';
+import { useTheme } from '../theme.js';
+export function Stack({ children, gap = 3, direction = 'column', align, justify, style, }) {
+    const theme = useTheme();
+    return (_jsx(View, { style: [
+            styles.base,
+            {
+                alignItems: align,
+                flexDirection: direction,
+                gap: theme.spacing[gap],
+                justifyContent: justify,
+            },
+            style,
+        ], children: children }));
+}
+const styles = StyleSheet.create({
+    base: {
+        width: '100%',
+    },
+});
+//# sourceMappingURL=Stack.js.map

package/dist/components/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../src/components/Stack.tsx"],"names":[],"mappings":";AACA,OAAO,EAA4B,UAAU,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAYvC,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,EACR,GAAG,GAAG,CAAC,EACP,SAAS,GAAG,QAAQ,EACpB,KAAK,EACL,OAAO,EACP,KAAK,GACM;IACX,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,IAAI;YACX;gBACE,UAAU,EAAE,KAAK;gBACjB,aAAa,EAAE,SAAS;gBACxB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;gBACvB,cAAc,EAAE,OAAO;aACxB;YACD,KAAK;SACN,YAEA,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC"}

package/dist/components/Switch.d.ts

@@ -0,0 +1,11 @@
+import { StyleProp, ViewStyle } from 'react-native';
+export interface SwitchProps {
+    label: string;
+    description?: string;
+    value: boolean;
+    disabled?: boolean;
+    onValueChange?: (value: boolean) => void;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function Switch({ label, description, value, disabled, onValueChange, style, }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/components/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAInG,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAgB,EAChB,aAAa,EACb,KAAK,GACN,EAAE,WAAW,2CA0Bb"}

package/dist/components/Switch.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Switch as ReactNativeSwitch, StyleSheet, View } from 'react-native';
+import { createThemedStyles, useTheme } from '../theme.js';
+import { Text } from './Text.js';
+export function Switch({ label, description, value, disabled = false, onValueChange, style, }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    return (_jsxs(View, { style: [styles.base, disabled && styles.disabled, style], children: [_jsxs(View, { style: styles.copy, children: [_jsx(Text, { variant: "bodyStrong", children: label }), description ? (_jsx(Text, { tone: "secondary", variant: "caption", children: description })) : null] }), _jsx(ReactNativeSwitch, { disabled: disabled, onValueChange: onValueChange, thumbColor: value ? theme.colors.action.primary : theme.colors.surface.base, trackColor: {
+                    false: theme.colors.border.default,
+                    true: theme.colors.action.primaryDisabled,
+                }, value: value })] }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    base: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        gap: theme.spacing[3],
+        justifyContent: 'space-between',
+        width: '100%',
+    },
+    disabled: {
+        opacity: 0.6,
+    },
+    copy: {
+        flex: 1,
+        gap: theme.spacing[1],
+    },
+}));
+//# sourceMappingURL=Switch.js.map

package/dist/components/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAa,UAAU,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AACnG,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAWjC,MAAM,UAAU,MAAM,CAAC,EACrB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,KAAK,GACO;IACZ,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,aAC5D,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,aACtB,KAAC,IAAI,IAAC,OAAO,EAAC,YAAY,YAAE,KAAK,GAAQ,EACxC,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAC,SAAS,YACrC,WAAW,GACP,CACR,CAAC,CAAC,CAAC,IAAI,IACH,EACP,KAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAC3E,UAAU,EAAE;oBACV,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO;oBAClC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,eAAe;iBAC1C,EACD,KAAK,EAAE,KAAK,GACZ,IACG,CACR,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAC3C,UAAU,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACrB,cAAc,EAAE,eAAe;QAC/B,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,GAAG;KACb;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACtB;CACF,CAAC,CACH,CAAC"}

package/dist/components/Text.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import { type StyleProp, type TextProps as ReactNativeTextProps, type TextStyle } from 'react-native';
+import { type TypographyToken } from '../tokens.js';
+export type TextTone = 'primary' | 'secondary' | 'tertiary' | 'accent' | 'danger' | 'inverse';
+export interface TextProps extends ReactNativeTextProps {
+    children: ReactNode;
+    variant?: TypographyToken;
+    tone?: TextTone;
+    style?: StyleProp<TextStyle>;
+}
+export declare function Text({ children, variant, tone, style, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Text.d.ts.map

package/dist/components/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,SAAS,IAAI,oBAAoB,EACtC,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE9F,MAAM,WAAW,SAAU,SAAQ,oBAAoB;IACrD,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAoBD,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAgB,EAAE,IAAgB,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAWhG"}

package/dist/components/Text.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text as ReactNativeText, } from 'react-native';
+import { useTheme } from '../theme.js';
+function getToneColor(tone, theme) {
+    switch (tone) {
+        case 'secondary':
+            return theme.colors.text.secondary;
+        case 'tertiary':
+            return theme.colors.text.tertiary;
+        case 'accent':
+            return theme.colors.text.accent;
+        case 'danger':
+            return theme.colors.text.danger;
+        case 'inverse':
+            return theme.colors.text.inverse;
+        case 'primary':
+        default:
+            return theme.colors.text.primary;
+    }
+}
+export function Text({ children, variant = 'body', tone = 'primary', style, ...props }) {
+    const theme = useTheme();
+    return (_jsx(ReactNativeText, { style: [theme.typography[variant], { color: getToneColor(tone, theme) }, style], ...props, children: children }));
+}
+//# sourceMappingURL=Text.js.map

package/dist/components/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,IAAI,eAAe,GAIxB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAWvC,SAAS,YAAY,CAAC,IAAc,EAAE,KAAkC;IACtE,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,WAAW;YACd,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;QACrC,KAAK,UAAU;YACb,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC;QACpC,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;QAClC,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;QAClC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;QACnC,KAAK,SAAS,CAAC;QACf;YACE,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;IACrC,CAAC;AACH,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,GAAG,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAa;IAC/F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,eAAe,IACd,KAAK,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,KAC3E,KAAK,YAER,QAAQ,GACO,CACnB,CAAC;AACJ,CAAC"}

package/dist/components/TextArea.d.ts

@@ -0,0 +1,11 @@
+import { StyleProp, type TextInputProps, type TextStyle, type ViewStyle } from 'react-native';
+export interface TextAreaProps extends TextInputProps {
+    label?: string;
+    message?: string;
+    invalid?: boolean;
+    focused?: boolean;
+    containerStyle?: StyleProp<ViewStyle>;
+    inputStyle?: StyleProp<TextStyle>;
+}
+export declare function TextArea({ label, message, invalid, focused, containerStyle, inputStyle, onBlur, onFocus, ...props }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextArea.d.ts.map

package/dist/components/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/components/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EAGT,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EAEf,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,OAAO,EACP,OAAe,EACf,OAAO,EACP,cAAc,EACd,UAAU,EACV,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACT,EAAE,aAAa,2CA4Cf"}

package/dist/components/TextArea.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { StyleSheet, TextInput, View, } from 'react-native';
+import { createThemedStyles, useTheme } from '../theme.js';
+import { Text } from './Text.js';
+export function TextArea({ label, message, invalid = false, focused, containerStyle, inputStyle, onBlur, onFocus, ...props }) {
+    const [isFocused, setIsFocused] = useState(false);
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    const isFieldFocused = focused ?? isFocused;
+    return (_jsxs(View, { style: [styles.wrapper, containerStyle], children: [label ? (_jsx(Text, { style: styles.label, variant: "label", children: label })) : null, _jsx(TextInput, { multiline: true, onBlur: event => {
+                    setIsFocused(false);
+                    onBlur?.(event);
+                }, onFocus: event => {
+                    setIsFocused(true);
+                    onFocus?.(event);
+                }, placeholderTextColor: theme.colors.text.tertiary, style: [
+                    styles.input,
+                    isFieldFocused && styles.inputFocused,
+                    invalid && styles.inputInvalid,
+                    inputStyle,
+                ], textAlignVertical: "top", ...props }), message ? (_jsx(Text, { style: [styles.message, invalid && styles.messageInvalid], tone: "secondary", variant: "caption", children: message })) : null] }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    wrapper: {
+        gap: theme.spacing[2],
+        width: '100%',
+    },
+    label: {
+        color: theme.colors.text.primary,
+    },
+    input: {
+        ...theme.typography.body,
+        backgroundColor: theme.colors.surface.muted,
+        borderColor: theme.colors.border.default,
+        borderRadius: theme.radius.md,
+        borderWidth: 1,
+        color: theme.colors.text.primary,
+        minHeight: 128,
+        paddingHorizontal: theme.spacing[4],
+        paddingVertical: theme.spacing[3],
+    },
+    inputFocused: {
+        borderColor: theme.colors.border.accent,
+        ...theme.shadows.focus,
+    },
+    inputInvalid: {
+        borderColor: theme.colors.border.danger,
+    },
+    message: {
+        color: theme.colors.text.secondary,
+    },
+    messageInvalid: {
+        color: theme.colors.text.danger,
+    },
+}));
+//# sourceMappingURL=TextArea.js.map

package/dist/components/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../src/components/TextArea.tsx"],"names":[],"mappings":"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"}

package/dist/components/TextField.d.ts

@@ -0,0 +1,11 @@
+import { StyleProp, TextInputProps, TextStyle, ViewStyle } from 'react-native';
+export interface TextFieldProps extends TextInputProps {
+    label?: string;
+    message?: string;
+    invalid?: boolean;
+    focused?: boolean;
+    containerStyle?: StyleProp<ViewStyle>;
+    inputStyle?: StyleProp<TextStyle>;
+}
+export declare function TextField({ label, message, invalid, focused, containerStyle, inputStyle, onBlur, onFocus, ...props }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextField.d.ts.map

package/dist/components/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/components/TextField.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,SAAS,EAIT,cAAc,EACd,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,OAAO,EACP,OAAe,EACf,OAAO,EACP,cAAc,EACd,UAAU,EACV,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,2CAgChB"}

package/dist/components/TextField.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { StyleSheet, Text, TextInput, View, } from 'react-native';
+import { createThemedStyles, useTheme } from '../theme.js';
+export function TextField({ label, message, invalid = false, focused, containerStyle, inputStyle, onBlur, onFocus, ...props }) {
+    const [isFocused, setIsFocused] = useState(false);
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    const isFieldFocused = focused ?? isFocused;
+    return (_jsxs(View, { style: [styles.wrapper, containerStyle], children: [label ? _jsx(Text, { style: styles.label, children: label }) : null, _jsx(TextInput, { onBlur: event => {
+                    setIsFocused(false);
+                    onBlur?.(event);
+                }, onFocus: event => {
+                    setIsFocused(true);
+                    onFocus?.(event);
+                }, placeholderTextColor: theme.colors.text.tertiary, style: [
+                    styles.input,
+                    isFieldFocused && styles.inputFocused,
+                    invalid && styles.inputInvalid,
+                    inputStyle,
+                ], ...props }), message ? (_jsx(Text, { style: [styles.message, invalid && styles.messageInvalid], children: message })) : null] }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    wrapper: {
+        gap: theme.spacing[2],
+        width: '100%',
+    },
+    label: {
+        ...theme.typography.label,
+        color: theme.colors.text.primary,
+    },
+    input: {
+        ...theme.typography.body,
+        backgroundColor: theme.colors.surface.muted,
+        borderColor: theme.colors.border.default,
+        borderRadius: theme.radius.md,
+        borderWidth: 1,
+        color: theme.colors.text.primary,
+        minHeight: 52,
+        paddingHorizontal: theme.spacing[4],
+        paddingVertical: theme.spacing[3],
+    },
+    inputFocused: {
+        borderColor: theme.colors.border.accent,
+        ...theme.shadows.focus,
+    },
+    inputInvalid: {
+        borderColor: theme.colors.border.danger,
+    },
+    message: {
+        ...theme.typography.caption,
+        color: theme.colors.text.secondary,
+    },
+    messageInvalid: {
+        color: theme.colors.text.danger,
+    },
+}));
+//# sourceMappingURL=TextField.js.map

package/dist/components/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/components/TextField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAEL,UAAU,EACV,IAAI,EACJ,SAAS,EAGT,IAAI,GAEL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAW3D,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,OAAO,EACP,OAAO,GAAG,KAAK,EACf,OAAO,EACP,cAAc,EACd,UAAU,EACV,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACO;IACf,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,cAAc,GAAG,OAAO,IAAI,SAAS,CAAC;IAE5C,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,aAC1C,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EACzD,KAAC,SAAS,IACR,MAAM,EAAE,KAAK,CAAC,EAAE;oBACd,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;gBAClB,CAAC,EACD,OAAO,EAAE,KAAK,CAAC,EAAE;oBACf,YAAY,CAAC,IAAI,CAAC,CAAC;oBACnB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;gBACnB,CAAC,EACD,oBAAoB,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAChD,KAAK,EAAE;oBACL,MAAM,CAAC,KAAK;oBACZ,cAAc,IAAI,MAAM,CAAC,YAAY;oBACrC,OAAO,IAAI,MAAM,CAAC,YAAY;oBAC9B,UAAU;iBACX,KACG,KAAK,GACT,EACD,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,IAAI,MAAM,CAAC,cAAc,CAAC,YAAG,OAAO,GAAQ,CAClF,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAC3C,UAAU,CAAC,MAAM,CAAC;IAChB,OAAO,EAAE;QACP,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACrB,KAAK,EAAE,MAAM;KACd;IACD,KAAK,EAAE;QACL,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK;QACzB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;KACjC;IACD,KAAK,EAAE;QACL,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI;QACxB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;QAC3C,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO;QACxC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;QAC7B,WAAW,EAAE,CAAC;QACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;QAChC,SAAS,EAAE,EAAE;QACb,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACnC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAClC;IACD,YAAY,EAAE;QACZ,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;QACvC,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK;KACvB;IACD,YAAY,EAAE;QACZ,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;KACxC;IACD,OAAO,EAAE;QACP,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO;QAC3B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;KACnC;IACD,cAAc,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM;KAChC;CACF,CAAC,CACH,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,26 @@
+export { ActionRow, type ActionRowProps } from './ActionRow.js';
+export { Avatar, type AvatarProps, type AvatarSize } from './Avatar.js';
+export { Badge, type BadgeProps, type BadgeTone } from './Badge.js';
+export { Button, type ButtonProps, type ButtonVariant } from './Button.js';
+export { Card, type CardProps } from './Card.js';
+export { FormSection, type FormSectionProps } from './FormSection.js';
+export { Checkbox, type CheckboxProps } from './Checkbox.js';
+export { EmptyState, type EmptyStateProps } from './EmptyState.js';
+export { Heading, type HeadingLevel, type HeadingProps } from './Heading.js';
+export { IconButton, type IconButtonProps, type IconButtonVariant } from './IconButton.js';
+export { InlineMessage, type InlineMessageProps, type InlineMessageTone } from './InlineMessage.js';
+export { ListItem, type ListItemProps } from './ListItem.js';
+export { ListSection, type ListSectionProps } from './ListSection.js';
+export { Modal, type ModalProps } from './Modal.js';
+export { PickerField, type PickerFieldProps } from './PickerField.js';
+export { RadioGroup, type RadioGroupProps, type RadioOption } from './RadioGroup.js';
+export { Screen, type ScreenProps } from './Screen.js';
+export { ScreenHeader, type ScreenHeaderProps } from './ScreenHeader.js';
+export { SegmentedControl, type SegmentOption, type SegmentedControlProps, } from './SegmentedControl.js';
+export { Section, type SectionProps } from './Section.js';
+export { Stack, type StackProps } from './Stack.js';
+export { Switch, type SwitchProps } from './Switch.js';
+export { Text, type TextProps, type TextTone } from './Text.js';
+export { TextArea, type TextAreaProps } from './TextArea.js';
+export { TextField, type TextFieldProps } from './TextField.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC3F,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACpG,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EACL,gBAAgB,EAChB,KAAK,aAAa,EAClB,KAAK,qBAAqB,GAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,26 @@
+export { ActionRow } from './ActionRow.js';
+export { Avatar } from './Avatar.js';
+export { Badge } from './Badge.js';
+export { Button } from './Button.js';
+export { Card } from './Card.js';
+export { FormSection } from './FormSection.js';
+export { Checkbox } from './Checkbox.js';
+export { EmptyState } from './EmptyState.js';
+export { Heading } from './Heading.js';
+export { IconButton } from './IconButton.js';
+export { InlineMessage } from './InlineMessage.js';
+export { ListItem } from './ListItem.js';
+export { ListSection } from './ListSection.js';
+export { Modal } from './Modal.js';
+export { PickerField } from './PickerField.js';
+export { RadioGroup } from './RadioGroup.js';
+export { Screen } from './Screen.js';
+export { ScreenHeader } from './ScreenHeader.js';
+export { SegmentedControl, } from './SegmentedControl.js';
+export { Section } from './Section.js';
+export { Stack } from './Stack.js';
+export { Switch } from './Switch.js';
+export { Text } from './Text.js';
+export { TextArea } from './TextArea.js';
+export { TextField } from './TextField.js';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAqC,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,KAAK,EAAmC,MAAM,YAAY,CAAC;AACpE,OAAO,EAAE,MAAM,EAAwC,MAAM,aAAa,CAAC;AAC3E,OAAO,EAAE,IAAI,EAAkB,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAsB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAwC,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAgD,MAAM,iBAAiB,CAAC;AAC3F,OAAO,EAAE,aAAa,EAAmD,MAAM,oBAAoB,CAAC;AACpG,OAAO,EAAE,QAAQ,EAAsB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAmB,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,UAAU,EAA0C,MAAM,iBAAiB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,YAAY,EAA0B,MAAM,mBAAmB,CAAC;AACzE,OAAO,EACL,gBAAgB,GAGjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAqB,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAmB,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,IAAI,EAAiC,MAAM,WAAW,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAsB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAC"}

package/dist/contracts.d.ts

@@ -0,0 +1,63 @@
+import type { BgTokens, FgTokens, RadiusTokens, ShadowTokens, SpacingTokens, TypographyTokens } from '@framingui/tokens';
+export interface ReactNativeTokenContract {
+    bg: {
+        canvas: BgTokens['surface']['default'];
+        muted: BgTokens['surface']['sunken'];
+        accent: BgTokens['primary']['default'];
+        danger: BgTokens['destructive']['default'];
+    };
+    fg: {
+        primary: FgTokens['primary'];
+        secondary: FgTokens['secondary'];
+        muted: FgTokens['muted'];
+        inverse: FgTokens['inverse'];
+        accent: FgTokens['link'];
+        danger: FgTokens['error'];
+    };
+    spacing: {
+        0: SpacingTokens[0];
+        1: SpacingTokens[1];
+        2: SpacingTokens[2];
+        3: SpacingTokens[3];
+        4: SpacingTokens[4];
+        5: SpacingTokens[5];
+        6: SpacingTokens[6];
+        8: SpacingTokens[8];
+        10: SpacingTokens[10];
+        12: SpacingTokens[12];
+    };
+    radius: {
+        sm: RadiusTokens['sm'];
+        md: RadiusTokens['md'];
+        lg: RadiusTokens['lg'];
+        full: RadiusTokens['full'];
+    };
+    typography: {
+        body: {
+            fontSize: TypographyTokens['fontSize']['base'];
+            fontWeight: TypographyTokens['fontWeight']['normal'];
+            lineHeight: TypographyTokens['lineHeight']['normal'];
+        };
+        label: {
+            fontSize: TypographyTokens['fontSize']['sm'];
+            fontWeight: TypographyTokens['fontWeight']['medium'];
+            lineHeight: TypographyTokens['lineHeight']['normal'];
+        };
+        button: {
+            fontSize: TypographyTokens['fontSize']['base'];
+            fontWeight: TypographyTokens['fontWeight']['semibold'];
+            lineHeight: TypographyTokens['lineHeight']['tight'];
+        };
+        title: {
+            fontSize: TypographyTokens['fontSize']['3xl'];
+            fontWeight: TypographyTokens['fontWeight']['bold'];
+            lineHeight: TypographyTokens['lineHeight']['tight'];
+        };
+    };
+    shadow: {
+        card: ShadowTokens['md'];
+        focus: ShadowTokens['lg'];
+    };
+}
+export declare const tokenContract: ReactNativeTokenContract;
+//# sourceMappingURL=contracts.d.ts.map

package/dist/contracts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contracts.d.ts","sourceRoot":"","sources":["../src/contracts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,gBAAgB,EACjB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE;QACF,MAAM,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;QACvC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC;QACrC,MAAM,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;QACvC,MAAM,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC;KAC5C,CAAC;IACF,EAAE,EAAE;QACF,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;QAC7B,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;QACjC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;QACzB,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;QAC7B,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;QACzB,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;KAC3B,CAAC;IACF,OAAO,EAAE;QACP,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;QACpB,EAAE,EAAE,aAAa,CAAC,EAAE,CAAC,CAAC;QACtB,EAAE,EAAE,aAAa,CAAC,EAAE,CAAC,CAAC;KACvB,CAAC;IACF,MAAM,EAAE;QACN,EAAE,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;QACvB,EAAE,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;QACvB,EAAE,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;KAC5B,CAAC;IACF,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;YAC/C,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAC;YACrD,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAC;SACtD,CAAC;QACF,KAAK,EAAE;YACL,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC;YAC7C,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAC;YACrD,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAC;SACtD,CAAC;QACF,MAAM,EAAE;YACN,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;YAC/C,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,CAAC;YACvD,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC;SACrD,CAAC;QACF,KAAK,EAAE;YACL,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC;YAC9C,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;YACnD,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC;SACrD,CAAC;KACH,CAAC;IACF,MAAM,EAAE;QACN,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;QACzB,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;KAC3B,CAAC;CACH;AAED,eAAO,MAAM,aAAa,EAAE,wBA2D3B,CAAC"}

package/dist/contracts.js

@@ -0,0 +1,61 @@
+export const tokenContract = {
+    bg: {
+        canvas: 'var(--bg-surface-default)',
+        muted: 'var(--bg-surface-sunken)',
+        accent: 'var(--bg-primary-default)',
+        danger: 'var(--bg-destructive-default)',
+    },
+    fg: {
+        primary: 'var(--fg-primary)',
+        secondary: 'var(--fg-secondary)',
+        muted: 'var(--fg-muted)',
+        inverse: 'var(--fg-inverse)',
+        accent: 'var(--fg-link)',
+        danger: 'var(--fg-error)',
+    },
+    spacing: {
+        0: 'var(--spacing-0)',
+        1: 'var(--spacing-1)',
+        2: 'var(--spacing-2)',
+        3: 'var(--spacing-3)',
+        4: 'var(--spacing-4)',
+        5: 'var(--spacing-5)',
+        6: 'var(--spacing-6)',
+        8: 'var(--spacing-8)',
+        10: 'var(--spacing-10)',
+        12: 'var(--spacing-12)',
+    },
+    radius: {
+        sm: 'var(--radius-sm)',
+        md: 'var(--radius-md)',
+        lg: 'var(--radius-lg)',
+        full: 'var(--radius-full)',
+    },
+    typography: {
+        body: {
+            fontSize: 'var(--font-size-base)',
+            fontWeight: 'var(--font-weight-normal)',
+            lineHeight: 'var(--line-height-normal)',
+        },
+        label: {
+            fontSize: 'var(--font-size-sm)',
+            fontWeight: 'var(--font-weight-medium)',
+            lineHeight: 'var(--line-height-normal)',
+        },
+        button: {
+            fontSize: 'var(--font-size-base)',
+            fontWeight: 'var(--font-weight-semibold)',
+            lineHeight: 'var(--line-height-tight)',
+        },
+        title: {
+            fontSize: 'var(--font-size-3xl)',
+            fontWeight: 'var(--font-weight-bold)',
+            lineHeight: 'var(--line-height-tight)',
+        },
+    },
+    shadow: {
+        card: 'var(--shadow-md)',
+        focus: 'var(--shadow-lg)',
+    },
+};
+//# sourceMappingURL=contracts.js.map

package/dist/contracts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contracts.js","sourceRoot":"","sources":["../src/contracts.ts"],"names":[],"mappings":"AAsEA,MAAM,CAAC,MAAM,aAAa,GAA6B;IACrD,EAAE,EAAE;QACF,MAAM,EAAE,2BAA2B;QACnC,KAAK,EAAE,0BAA0B;QACjC,MAAM,EAAE,2BAA2B;QACnC,MAAM,EAAE,+BAA+B;KACxC;IACD,EAAE,EAAE;QACF,OAAO,EAAE,mBAAmB;QAC5B,SAAS,EAAE,qBAAqB;QAChC,KAAK,EAAE,iBAAiB;QACxB,OAAO,EAAE,mBAAmB;QAC5B,MAAM,EAAE,gBAAgB;QACxB,MAAM,EAAE,iBAAiB;KAC1B;IACD,OAAO,EAAE;QACP,CAAC,EAAE,kBAAkB;QACrB,CAAC,EAAE,kBAAkB;QACrB,CAAC,EAAE,kBAAkB;QACrB,CAAC,EAAE,kBAAkB;QACrB,CAAC,EAAE,kBAAkB;QACrB,CAAC,EAAE,kBAAkB;QACrB,CAAC,EAAE,kBAAkB;QACrB,CAAC,EAAE,kBAAkB;QACrB,EAAE,EAAE,mBAAmB;QACvB,EAAE,EAAE,mBAAmB;KACxB;IACD,MAAM,EAAE;QACN,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,kBAAkB;QACtB,EAAE,EAAE,kBAAkB;QACtB,IAAI,EAAE,oBAAoB;KAC3B;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,QAAQ,EAAE,uBAAuB;YACjC,UAAU,EAAE,2BAA2B;YACvC,UAAU,EAAE,2BAA2B;SACxC;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,qBAAqB;YAC/B,UAAU,EAAE,2BAA2B;YACvC,UAAU,EAAE,2BAA2B;SACxC;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,uBAAuB;YACjC,UAAU,EAAE,6BAA6B;YACzC,UAAU,EAAE,0BAA0B;SACvC;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,sBAAsB;YAChC,UAAU,EAAE,yBAAyB;YACrC,UAAU,EAAE,0BAA0B;SACvC;KACF;IACD,MAAM,EAAE;QACN,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE,kBAAkB;KAC1B;CACF,CAAC"}

package/dist/helpers.d.ts

@@ -0,0 +1,9 @@
+import type { TextStyle, ViewStyle } from 'react-native';
+import { type ReactNativeTheme } from './theme.js';
+import { type ShadowToken, type SpacingToken, type TypographyToken } from './tokens.js';
+export declare function getTextStyle(token: TypographyToken, theme?: ReactNativeTheme): TextStyle;
+export declare function getShadowStyle(token: ShadowToken, theme?: ReactNativeTheme): ViewStyle;
+export declare function insetX(token: SpacingToken, theme?: ReactNativeTheme): Pick<ViewStyle, 'paddingHorizontal'>;
+export declare function insetY(token: SpacingToken, theme?: ReactNativeTheme): Pick<ViewStyle, 'paddingVertical'>;
+export declare function stackGap(token: SpacingToken, theme?: ReactNativeTheme): Pick<ViewStyle, 'gap'>;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,YAAY,CAAC;AACpB,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EAErB,MAAM,aAAa,CAAC;AAErB,wBAAgB,YAAY,CAC1B,KAAK,EAAE,eAAe,EACtB,KAAK,GAAE,gBAA+B,GACrC,SAAS,CAMX;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,WAAW,EAClB,KAAK,GAAE,gBAA+B,GACrC,SAAS,CAMX;AAED,wBAAgB,MAAM,CACpB,KAAK,EAAE,YAAY,EACnB,KAAK,GAAE,gBAA+B,GACrC,IAAI,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAItC;AAED,wBAAgB,MAAM,CACpB,KAAK,EAAE,YAAY,EACnB,KAAK,GAAE,gBAA+B,GACrC,IAAI,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAIpC;AAED,wBAAgB,QAAQ,CACtB,KAAK,EAAE,YAAY,EACnB,KAAK,GAAE,gBAA+B,GACrC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAExB"}

package/dist/helpers.js

@@ -0,0 +1,28 @@
+import { defaultTheme, getThemeShadowStyle, getThemeSpacing, getThemeTextStyle, } from './theme.js';
+import { shadows, spacing, typography, } from './tokens.js';
+export function getTextStyle(token, theme = defaultTheme) {
+    if (theme === defaultTheme) {
+        return typography[token];
+    }
+    return getThemeTextStyle(theme, token);
+}
+export function getShadowStyle(token, theme = defaultTheme) {
+    if (theme === defaultTheme) {
+        return shadows[token];
+    }
+    return getThemeShadowStyle(theme, token);
+}
+export function insetX(token, theme = defaultTheme) {
+    return {
+        paddingHorizontal: theme === defaultTheme ? spacing[token] : getThemeSpacing(theme, token),
+    };
+}
+export function insetY(token, theme = defaultTheme) {
+    return {
+        paddingVertical: theme === defaultTheme ? spacing[token] : getThemeSpacing(theme, token),
+    };
+}
+export function stackGap(token, theme = defaultTheme) {
+    return { gap: theme === defaultTheme ? spacing[token] : getThemeSpacing(theme, token) };
+}
+//# sourceMappingURL=helpers.js.map

package/dist/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,iBAAiB,GAElB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,OAAO,EACP,OAAO,EAIP,UAAU,GACX,MAAM,aAAa,CAAC;AAErB,MAAM,UAAU,YAAY,CAC1B,KAAsB,EACtB,QAA0B,YAAY;IAEtC,IAAI,KAAK,KAAK,YAAY,EAAE,CAAC;QAC3B,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAED,OAAO,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,cAAc,CAC5B,KAAkB,EAClB,QAA0B,YAAY;IAEtC,IAAI,KAAK,KAAK,YAAY,EAAE,CAAC;QAC3B,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC;IAED,OAAO,mBAAmB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,MAAM,CACpB,KAAmB,EACnB,QAA0B,YAAY;IAEtC,OAAO;QACL,iBAAiB,EAAE,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC;KAC3F,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,MAAM,CACpB,KAAmB,EACnB,QAA0B,YAAY;IAEtC,OAAO;QACL,eAAe,EAAE,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC;KACzF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CACtB,KAAmB,EACnB,QAA0B,YAAY;IAEtC,OAAO,EAAE,GAAG,EAAE,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;AAC1F,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export { tokenContract } from './contracts.js';
+export { createTheme, createThemedStyles, defaultTheme, ThemeProvider, useTheme, type ReactNativeTheme, type ReactNativeThemeInput, } from './theme.js';
+export { colors, baseColors, baseRadius, baseShadows, baseSpacing, baseTypography, radius, shadows, spacing, tokens, typography, type ShadowToken, type SpacingToken, type TypographyToken, } from './tokens.js';
+export { getShadowStyle, getTextStyle, insetX, insetY, stackGap } from './helpers.js';
+export { getContentWidthStyle, getFormRhythm, getSafeAreaPaddingStyle, getScreenInsetStyle, getSectionGapStyle, resolveLayoutTokens, type ContentWidthToken, type FormRhythmToken, type ReactNativeLayoutTokens, type SafeAreaPresetToken, type ScreenInsetToken, type SectionGapToken, } from './layout.js';
+export { ActionRow, Avatar, Badge, Checkbox, Button, Card, EmptyState, FormSection, Heading, IconButton, InlineMessage, ListItem, ListSection, Modal, PickerField, RadioGroup, Screen, ScreenHeader, SegmentedControl, Section, Stack, Switch, Text, TextArea, TextField, type CheckboxProps, type ActionRowProps, type AvatarProps, type AvatarSize, type BadgeProps, type BadgeTone, type ButtonProps, type ButtonVariant, type CardProps, type EmptyStateProps, type FormSectionProps, type HeadingLevel, type HeadingProps, type IconButtonProps, type IconButtonVariant, type InlineMessageProps, type InlineMessageTone, type ListItemProps, type ListSectionProps, type ModalProps, type PickerFieldProps, type RadioGroupProps, type RadioOption, type ScreenProps, type ScreenHeaderProps, type SegmentOption, type SegmentedControlProps, type SectionProps, type StackProps, type SwitchProps, type TextAreaProps, type TextFieldProps, type TextProps, type TextTone, } from './components/index.js';
+export declare const packageId = "@framingui/react-native";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,GAC3B,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,MAAM,EACN,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,EACX,cAAc,EACd,MAAM,EACN,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,GACrB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,uBAAuB,EACvB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,KAAK,eAAe,GACrB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,SAAS,EACT,MAAM,EACN,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,UAAU,EACV,WAAW,EACX,OAAO,EACP,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,KAAK,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,QAAQ,GACd,MAAM,uBAAuB,CAAC;AAE/B,eAAO,MAAM,SAAS,4BAA4B,CAAC"}

package/dist/index.js

@@ -0,0 +1,8 @@
+export { tokenContract } from './contracts.js';
+export { createTheme, createThemedStyles, defaultTheme, ThemeProvider, useTheme, } from './theme.js';
+export { colors, baseColors, baseRadius, baseShadows, baseSpacing, baseTypography, radius, shadows, spacing, tokens, typography, } from './tokens.js';
+export { getShadowStyle, getTextStyle, insetX, insetY, stackGap } from './helpers.js';
+export { getContentWidthStyle, getFormRhythm, getSafeAreaPaddingStyle, getScreenInsetStyle, getSectionGapStyle, resolveLayoutTokens, } from './layout.js';
+export { ActionRow, Avatar, Badge, Checkbox, Button, Card, EmptyState, FormSection, Heading, IconButton, InlineMessage, ListItem, ListSection, Modal, PickerField, RadioGroup, Screen, ScreenHeader, SegmentedControl, Section, Stack, Switch, Text, TextArea, TextField, } from './components/index.js';
+export const packageId = '@framingui/react-native';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,aAAa,EACb,QAAQ,GAGT,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,MAAM,EACN,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,EACX,cAAc,EACd,MAAM,EACN,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,GAIX,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACtF,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,uBAAuB,EACvB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,GAOpB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,SAAS,EACT,MAAM,EACN,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,UAAU,EACV,WAAW,EACX,OAAO,EACP,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,KAAK,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,SAAS,GAmCV,MAAM,uBAAuB,CAAC;AAE/B,MAAM,CAAC,MAAM,SAAS,GAAG,yBAAyB,CAAC"}

package/dist/layout.d.ts

@@ -0,0 +1,36 @@
+import type { ViewStyle } from 'react-native';
+import { type ReactNativeTheme } from './theme.js';
+export type ScreenInsetToken = 'none' | 'compact' | 'default' | 'roomy';
+export type SectionGapToken = 'tight' | 'default' | 'loose';
+export type ContentWidthToken = 'full' | 'form' | 'prose';
+export type FormRhythmToken = 'compact' | 'default' | 'comfortable';
+export type SafeAreaPresetToken = 'none' | 'compact' | 'default';
+export interface ScreenInsetValue {
+    horizontal: number;
+    top: number;
+    bottom: number;
+}
+export interface FormRhythmValue {
+    fieldGap: number;
+    helperGap: number;
+    sectionGap: number;
+}
+export interface SafeAreaPresetValue {
+    top: number;
+    bottom: number;
+    horizontal: number;
+}
+export interface ReactNativeLayoutTokens {
+    screenInset: Record<ScreenInsetToken, ScreenInsetValue>;
+    sectionGap: Record<SectionGapToken, number>;
+    contentWidth: Record<ContentWidthToken, number | null>;
+    formRhythm: Record<FormRhythmToken, FormRhythmValue>;
+    safeArea: Record<SafeAreaPresetToken, SafeAreaPresetValue>;
+}
+export declare function resolveLayoutTokens(theme?: ReactNativeTheme): ReactNativeLayoutTokens;
+export declare function getScreenInsetStyle(token: ScreenInsetToken, theme?: ReactNativeTheme): Pick<ViewStyle, 'paddingHorizontal' | 'paddingTop' | 'paddingBottom'>;
+export declare function getSectionGapStyle(token: SectionGapToken, theme?: ReactNativeTheme): Pick<ViewStyle, 'gap'>;
+export declare function getContentWidthStyle(token: ContentWidthToken, theme?: ReactNativeTheme): Pick<ViewStyle, 'maxWidth' | 'width' | 'alignSelf'>;
+export declare function getFormRhythm(token: FormRhythmToken, theme?: ReactNativeTheme): FormRhythmValue;
+export declare function getSafeAreaPaddingStyle(token: SafeAreaPresetToken, theme?: ReactNativeTheme): Pick<ViewStyle, 'paddingTop' | 'paddingBottom' | 'paddingHorizontal'>;
+//# sourceMappingURL=layout.d.ts.map