@framingui/react-native 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Tekton Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,16 @@
+# @framingui/react-native
+
+React Native runtime primitives and token consumption helpers for FramingUI.
+
+This package is intentionally minimal in its first phase. It is designed to support Expo and React Native direct-write workflows with:
+
+- typed token access
+- `StyleSheet.create`-friendly helpers
+- a small set of generic runtime primitives
+
+Current status:
+
+- package scaffolded
+- helper and primitive extraction tracked by `SPEC-RN-001`
+
+This package is not intended to mirror `@framingui/ui` feature-for-feature.

package/dist/components/ActionRow.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { type SectionGapToken } from '../layout.js';
+export interface ActionRowProps {
+    children: ReactNode;
+    gap?: SectionGapToken;
+    align?: ViewStyle['justifyContent'];
+    style?: StyleProp<ViewStyle>;
+}
+export declare function ActionRow({ children, gap, align, style, }: ActionRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionRow.d.ts","sourceRoot":"","sources":["../../src/components/ActionRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAGxE,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,GAAa,EACb,KAAoB,EACpB,KAAK,GACN,EAAE,cAAc,2CAKhB"}

package/dist/components/ActionRow.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet, View } from 'react-native';
+import { getSectionGapStyle } from '../layout.js';
+import { useTheme } from '../theme.js';
+export function ActionRow({ children, gap = 'tight', align = 'flex-start', style, }) {
+    const theme = useTheme();
+    const gapStyle = getSectionGapStyle(gap, theme);
+    return _jsx(View, { style: [styles.base, gapStyle, { justifyContent: align }, style], children: children });
+}
+const styles = StyleSheet.create({
+    base: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        width: '100%',
+    },
+});
+//# sourceMappingURL=ActionRow.js.map

package/dist/components/ActionRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionRow.js","sourceRoot":"","sources":["../../src/components/ActionRow.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,UAAU,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAwB,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AASvC,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,GAAG,GAAG,OAAO,EACb,KAAK,GAAG,YAAY,EACpB,KAAK,GACU;IACf,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,QAAQ,GAAG,kBAAkB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAEhD,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,KAAK,CAAC,YAAG,QAAQ,GAAQ,CAAC;AACnG,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC"}

package/dist/components/Avatar.d.ts

@@ -0,0 +1,9 @@
+import { StyleProp, ViewStyle } from 'react-native';
+export type AvatarSize = 'sm' | 'md' | 'lg';
+export interface AvatarProps {
+    initials: string;
+    size?: AvatarSize;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function Avatar({ initials, size, style }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAItE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAW,EAAE,KAAK,EAAE,EAAE,WAAW,2CAiBnE"}

package/dist/components/Avatar.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet, View } from 'react-native';
+import { createThemedStyles, useTheme } from '../theme.js';
+import { Text } from './Text.js';
+export function Avatar({ initials, size = 'md', style }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    return (_jsx(View, { style: [
+            styles.base,
+            size === 'sm' ? styles.sm : size === 'lg' ? styles.lg : styles.md,
+            style,
+        ], children: _jsx(Text, { tone: "accent", variant: "label", children: initials }) }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    base: {
+        alignItems: 'center',
+        backgroundColor: theme.colors.background.subtle,
+        borderRadius: theme.radius.full,
+        justifyContent: 'center',
+    },
+    sm: {
+        height: 32,
+        width: 32,
+    },
+    md: {
+        height: 44,
+        width: 44,
+    },
+    lg: {
+        height: 56,
+        width: 56,
+    },
+}));
+//# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,UAAU,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAUjC,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAe;IAClE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,IAAI;YACX,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;YACjE,KAAK;SACN,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,YAChC,QAAQ,GACJ,GACF,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,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM;QAC/C,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;QAC/B,cAAc,EAAE,QAAQ;KACzB;IACD,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;IACD,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;KACV;CACF,CAAC,CACH,CAAC"}

package/dist/components/Badge.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export type BadgeTone = 'neutral' | 'accent' | 'danger';
+export interface BadgeProps {
+    children: ReactNode;
+    tone?: BadgeTone;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function Badge({ children, tone, style }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAItE,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAExD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,IAAgB,EAAE,KAAK,EAAE,EAAE,UAAU,2CAoBtE"}

package/dist/components/Badge.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet, View } from 'react-native';
+import { createThemedStyles, useTheme } from '../theme.js';
+import { Text } from './Text.js';
+export function Badge({ children, tone = 'neutral', style }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    return (_jsx(View, { style: [
+            styles.base,
+            tone === 'accent' ? styles.accent : tone === 'danger' ? styles.danger : styles.neutral,
+            style,
+        ], children: _jsx(Text, { tone: tone === 'danger' ? 'danger' : tone === 'accent' ? 'accent' : 'secondary', variant: "label", children: children }) }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    base: {
+        alignItems: 'center',
+        alignSelf: 'flex-start',
+        borderRadius: theme.radius.full,
+        justifyContent: 'center',
+        minHeight: 28,
+        paddingHorizontal: theme.spacing[3],
+        paddingVertical: theme.spacing[1],
+    },
+    neutral: {
+        backgroundColor: theme.colors.background.subtle,
+    },
+    accent: {
+        backgroundColor: theme.colors.background.subtle,
+        borderColor: theme.colors.border.accent,
+        borderWidth: 1,
+    },
+    danger: {
+        backgroundColor: theme.colors.surface.danger,
+        borderColor: theme.colors.border.danger,
+        borderWidth: 1,
+    },
+}));
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,UAAU,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAUjC,MAAM,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,KAAK,EAAc;IACrE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,IAAI;YACX,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO;YACtF,KAAK;SACN,YAED,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,EAC/E,OAAO,EAAC,OAAO,YAEd,QAAQ,GACJ,GACF,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,SAAS,EAAE,YAAY;QACvB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;QAC/B,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,EAAE;QACb,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACnC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAClC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM;KAChD;IACD,MAAM,EAAE;QACN,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM;QAC/C,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;QACvC,WAAW,EAAE,CAAC;KACf;IACD,MAAM,EAAE;QACN,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;QAC5C,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;QACvC,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CACH,CAAC"}

package/dist/components/Button.d.ts

@@ -0,0 +1,12 @@
+import { StyleProp, ViewStyle } from 'react-native';
+export type ButtonVariant = 'primary' | 'secondary';
+export interface ButtonProps {
+    label: string;
+    onPress?: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    variant?: ButtonVariant;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function Button({ label, onPress, disabled, loading, variant, style, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,OAAe,EACf,OAAmB,EACnB,KAAK,GACN,EAAE,WAAW,2CA6Bb"}

package/dist/components/Button.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ActivityIndicator, Pressable, StyleSheet, Text } from 'react-native';
+import { createThemedStyles, useTheme } from '../theme.js';
+export function Button({ label, onPress, disabled = false, loading = false, variant = 'primary', style, }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    const isDisabled = disabled || loading;
+    const isSecondary = variant === 'secondary';
+    return (_jsx(Pressable, { accessibilityRole: "button", accessibilityState: { busy: loading, disabled: isDisabled }, disabled: isDisabled, onPress: onPress, style: ({ pressed }) => [
+            styles.base,
+            isSecondary ? styles.secondary : styles.primary,
+            pressed && !isDisabled && (isSecondary ? styles.secondaryPressed : styles.primaryPressed),
+            isDisabled && styles.disabled,
+            style,
+        ], children: loading ? (_jsx(ActivityIndicator, { color: isSecondary ? theme.colors.text.primary : theme.colors.text.inverse })) : (_jsx(Text, { style: [styles.text, isSecondary && styles.secondaryText], children: label })) }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    base: {
+        alignItems: 'center',
+        borderRadius: theme.radius.md,
+        justifyContent: 'center',
+        minHeight: 52,
+        paddingHorizontal: theme.spacing[4],
+        paddingVertical: theme.spacing[3],
+    },
+    primary: {
+        backgroundColor: theme.colors.action.primary,
+    },
+    secondary: {
+        backgroundColor: theme.colors.surface.muted,
+        borderColor: theme.colors.border.default,
+        borderWidth: 1,
+    },
+    primaryPressed: {
+        backgroundColor: theme.colors.action.primaryPressed,
+    },
+    secondaryPressed: {
+        backgroundColor: theme.colors.background.subtle,
+    },
+    disabled: {
+        backgroundColor: theme.colors.action.primaryDisabled,
+        borderColor: theme.colors.action.primaryDisabled,
+    },
+    text: {
+        ...theme.typography.button,
+        color: theme.colors.text.inverse,
+    },
+    secondaryText: {
+        color: theme.colors.text.primary,
+    },
+}));
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

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

package/dist/components/Card.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export interface CardProps {
+    children: ReactNode;
+    elevated?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function Card({ children, elevated, style }: CardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAGtE,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,QAAe,EAAE,KAAK,EAAE,EAAE,SAAS,2CAKnE"}

package/dist/components/Card.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet, View } from 'react-native';
+import { createThemedStyles, useTheme } from '../theme.js';
+export function Card({ children, elevated = true, style }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    return _jsx(View, { style: [styles.base, elevated && styles.elevated, style], children: children });
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    base: {
+        backgroundColor: theme.colors.surface.base,
+        borderColor: theme.colors.border.subtle,
+        borderRadius: theme.radius.lg,
+        borderWidth: 1,
+        gap: theme.spacing[3],
+        padding: theme.spacing[4],
+        width: '100%',
+    },
+    elevated: {
+        ...theme.shadows.card,
+    },
+}));
+//# sourceMappingURL=Card.js.map

package/dist/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,UAAU,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQ3D,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAE,KAAK,EAAa;IAClE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,YAAG,QAAQ,GAAQ,CAAC;AAC3F,CAAC;AAED,MAAM,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAC3C,UAAU,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE;QACJ,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;QAC1C,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;QACvC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;QAC7B,WAAW,EAAE,CAAC;QACd,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACrB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE;QACR,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI;KACtB;CACF,CAAC,CACH,CAAC"}

package/dist/components/Checkbox.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAIjF,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,WAAW,EACX,OAAe,EACf,QAAgB,EAChB,OAAO,EACP,KAAK,GACN,EAAE,aAAa,2CA6Bf"}

package/dist/components/Checkbox.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pressable, StyleSheet, View } from 'react-native';
+import { createThemedStyles, useTheme } from '../theme.js';
+import { Text } from './Text.js';
+export function Checkbox({ label, description, checked = false, disabled = false, onPress, style, }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    return (_jsxs(Pressable, { accessibilityRole: "checkbox", accessibilityState: { checked, disabled }, disabled: disabled, onPress: onPress, style: [styles.base, disabled && styles.disabled, style], children: [_jsx(View, { style: [styles.box, checked && styles.boxChecked], children: checked ? (_jsx(Text, { tone: checked ? 'inverse' : 'primary', variant: "label", children: "\u2713" })) : null }), _jsxs(View, { style: styles.copy, children: [_jsx(Text, { variant: "bodyStrong", children: label }), description ? (_jsx(Text, { tone: "secondary", variant: "caption", children: description })) : null] })] }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    base: {
+        alignItems: 'flex-start',
+        flexDirection: 'row',
+        gap: theme.spacing[3],
+        width: '100%',
+    },
+    disabled: {
+        opacity: 0.6,
+    },
+    box: {
+        alignItems: 'center',
+        backgroundColor: theme.colors.surface.base,
+        borderColor: theme.colors.border.default,
+        borderRadius: theme.radius.sm,
+        borderWidth: 1,
+        height: 24,
+        justifyContent: 'center',
+        marginTop: 2,
+        width: 24,
+    },
+    boxChecked: {
+        backgroundColor: theme.colors.action.primary,
+        borderColor: theme.colors.action.primary,
+    },
+    copy: {
+        flex: 1,
+        gap: theme.spacing[1],
+    },
+}));
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAa,UAAU,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAWjC,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,WAAW,EACX,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,KAAK,GACS;IACd,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CACL,MAAC,SAAS,IACR,iBAAiB,EAAC,UAAU,EAC5B,kBAAkB,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EACzC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,aAExD,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,IAAI,MAAM,CAAC,UAAU,CAAC,YACpD,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAC,OAAO,uBAErD,CACR,CAAC,CAAC,CAAC,IAAI,GACH,EACP,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,IACG,CACb,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAC3C,UAAU,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE;QACJ,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACrB,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,GAAG;KACb;IACD,GAAG,EAAE;QACH,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;QAC1C,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO;QACxC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;QAC7B,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,EAAE;QACV,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,EAAE;KACV;IACD,UAAU,EAAE;QACV,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO;QAC5C,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO;KACzC;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACtB;CACF,CAAC,CACH,CAAC"}

package/dist/components/EmptyState.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export interface EmptyStateProps {
+    title: string;
+    description?: string;
+    action?: ReactNode;
+    icon?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function EmptyState({ title, description, action, icon, style }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAItE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,eAAe,2CAkBtF"}

package/dist/components/EmptyState.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, View } from 'react-native';
+import { createThemedStyles, useTheme } from '../theme.js';
+import { Text } from './Text.js';
+export function EmptyState({ title, description, action, icon, style }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    return (_jsxs(View, { style: [styles.base, style], children: [icon ? _jsx(View, { style: styles.icon, children: icon }) : null, _jsxs(View, { style: styles.copy, children: [_jsx(Text, { variant: "sectionTitle", children: title }), description ? (_jsx(Text, { tone: "secondary", variant: "body", children: description })) : null] }), action ? _jsx(View, { style: styles.action, children: action }) : null] }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    base: {
+        alignItems: 'center',
+        backgroundColor: theme.colors.background.subtle,
+        borderColor: theme.colors.border.subtle,
+        borderRadius: theme.radius.lg,
+        borderWidth: 1,
+        gap: theme.spacing[4],
+        padding: theme.spacing[5],
+        width: '100%',
+    },
+    icon: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    copy: {
+        alignItems: 'center',
+        gap: theme.spacing[2],
+    },
+    action: {
+        minWidth: 200,
+    },
+}));
+//# sourceMappingURL=EmptyState.js.map

package/dist/components/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../src/components/EmptyState.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,UAAU,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAUjC,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAmB;IACrF,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,KAAK,CAAC,aAC9B,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EACtD,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,aACtB,KAAC,IAAI,IAAC,OAAO,EAAC,cAAc,YAAE,KAAK,GAAQ,EAC1C,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAC,MAAM,YAClC,WAAW,GACP,CACR,CAAC,CAAC,CAAC,IAAI,IACH,EACN,MAAM,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,YAAG,MAAM,GAAQ,CAAC,CAAC,CAAC,IAAI,IACvD,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,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM;QAC/C,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;QACvC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;QAC7B,WAAW,EAAE,CAAC;QACd,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACrB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,KAAK,EAAE,MAAM;KACd;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACtB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,GAAG;KACd;CACF,CAAC,CACH,CAAC"}

package/dist/components/FormSection.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { type FormRhythmToken } from '../layout.js';
+export interface FormSectionProps {
+    children: ReactNode;
+    title?: string;
+    description?: string;
+    rhythm?: FormRhythmToken;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function FormSection({ children, title, description, rhythm, style, }: FormSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.d.ts","sourceRoot":"","sources":["../../src/components/FormSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAiB,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAInE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,WAAW,EACX,MAAkB,EAClB,KAAK,GACN,EAAE,gBAAgB,2CAYlB"}

package/dist/components/FormSection.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet, View } from 'react-native';
+import { getFormRhythm } from '../layout.js';
+import { useTheme } from '../theme.js';
+import { Section } from './Section.js';
+export function FormSection({ children, title, description, rhythm = 'default', style, }) {
+    const theme = useTheme();
+    const formRhythm = getFormRhythm(rhythm, theme);
+    const styles = getStyles(formRhythm.fieldGap);
+    const sectionGap = rhythm === 'compact' ? 'tight' : rhythm === 'comfortable' ? 'loose' : 'default';
+    return (_jsx(Section, { description: description, gap: sectionGap, title: title, children: _jsx(View, { style: [styles.fields, style], children: children }) }));
+}
+const getStyles = (gap) => StyleSheet.create({
+    fields: {
+        gap,
+        width: '100%',
+    },
+});
+//# sourceMappingURL=FormSection.js.map

package/dist/components/FormSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSection.js","sourceRoot":"","sources":["../../src/components/FormSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,UAAU,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,aAAa,EAAwB,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAUvC,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,WAAW,EACX,MAAM,GAAG,SAAS,EAClB,KAAK,GACY;IACjB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAChD,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9C,MAAM,UAAU,GACd,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAElF,OAAO,CACL,KAAC,OAAO,IAAC,WAAW,EAAE,WAAW,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,YAC9D,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,YAAG,QAAQ,GAAQ,GAC9C,CACX,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,EAAE,CAChC,UAAU,CAAC,MAAM,CAAC;IAChB,MAAM,EAAE;QACN,GAAG;QACH,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC"}

package/dist/components/Heading.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, TextStyle } from 'react-native';
+import { type TextTone } from './Text.js';
+export type HeadingLevel = 'display' | 'title' | 'sectionTitle';
+export interface HeadingProps {
+    children: ReactNode;
+    level?: HeadingLevel;
+    tone?: TextTone;
+    style?: StyleProp<TextStyle>;
+}
+export declare function Heading({ children, level, tone, style }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/components/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,cAAc,CAAC;AAEhE,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAe,EAAE,IAAgB,EAAE,KAAK,EAAE,EAAE,YAAY,2CAM3F"}

package/dist/components/Heading.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from './Text.js';
+export function Heading({ children, level = 'title', tone = 'primary', style }) {
+    return (_jsx(Text, { accessibilityRole: "header", style: style, tone: tone, variant: level, children: children }));
+}
+//# sourceMappingURL=Heading.js.map

package/dist/components/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/components/Heading.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAiB,MAAM,WAAW,CAAC;AAWhD,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,OAAO,EAAE,IAAI,GAAG,SAAS,EAAE,KAAK,EAAgB;IAC1F,OAAO,CACL,KAAC,IAAI,IAAC,iBAAiB,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,YACtE,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/components/IconButton.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export type IconButtonVariant = 'primary' | 'secondary' | 'ghost';
+export interface IconButtonProps {
+    icon: ReactNode;
+    label?: string;
+    onPress?: () => void;
+    disabled?: boolean;
+    variant?: IconButtonVariant;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function IconButton({ icon, label, onPress, disabled, variant, style, }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=IconButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/components/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAa,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAIjF,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;AAElE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAgB,EAChB,OAAqB,EACrB,KAAK,GACN,EAAE,eAAe,2CAiCjB"}

package/dist/components/IconButton.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pressable, StyleSheet, View } from 'react-native';
+import { createThemedStyles, useTheme } from '../theme.js';
+import { Text } from './Text.js';
+export function IconButton({ icon, label, onPress, disabled = false, variant = 'secondary', style, }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    return (_jsx(Pressable, { accessibilityLabel: label, accessibilityRole: "button", accessibilityState: { disabled }, disabled: disabled, onPress: onPress, style: ({ pressed }) => [
+            styles.base,
+            variant === 'primary'
+                ? styles.primary
+                : variant === 'ghost'
+                    ? styles.ghost
+                    : styles.secondary,
+            pressed && !disabled && styles.pressed,
+            disabled && styles.disabled,
+            style,
+        ], children: _jsxs(View, { style: styles.content, children: [_jsx(View, { style: styles.icon, children: icon }), label ? (_jsx(Text, { tone: variant === 'primary' ? 'inverse' : 'primary', variant: "label", children: label })) : null] }) }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    base: {
+        alignItems: 'center',
+        borderRadius: theme.radius.md,
+        justifyContent: 'center',
+        minHeight: 44,
+        minWidth: 44,
+        paddingHorizontal: theme.spacing[3],
+        paddingVertical: theme.spacing[2],
+    },
+    primary: {
+        backgroundColor: theme.colors.action.primary,
+    },
+    secondary: {
+        backgroundColor: theme.colors.surface.muted,
+        borderColor: theme.colors.border.default,
+        borderWidth: 1,
+    },
+    ghost: {
+        backgroundColor: 'transparent',
+    },
+    pressed: {
+        opacity: 0.8,
+    },
+    disabled: {
+        backgroundColor: theme.colors.background.subtle,
+        borderColor: theme.colors.border.subtle,
+        opacity: 0.6,
+    },
+    content: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        gap: theme.spacing[2],
+        justifyContent: 'center',
+    },
+    icon: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+}));
+//# sourceMappingURL=IconButton.js.map

package/dist/components/IconButton.js.map

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

package/dist/components/InlineMessage.d.ts

@@ -0,0 +1,7 @@
+export type InlineMessageTone = 'error' | 'info' | 'success';
+export interface InlineMessageProps {
+    message: string;
+    tone?: InlineMessageTone;
+}
+export declare function InlineMessage({ message, tone }: InlineMessageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InlineMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineMessage.d.ts","sourceRoot":"","sources":["../../src/components/InlineMessage.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAE7D,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,IAAa,EAAE,EAAE,kBAAkB,2CAS3E"}