@framingui/react-native 0.1.0

package/dist/components/InlineMessage.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet, Text, View } from 'react-native';
+import { createThemedStyles, useTheme } from '../theme.js';
+export function InlineMessage({ message, tone = 'info' }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    return (_jsx(View, { style: [styles.base, tone === 'error' && styles.error], children: _jsx(Text, { style: [styles.text, tone === 'error' && styles.errorText], children: message }) }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    base: {
+        backgroundColor: theme.colors.background.subtle,
+        borderRadius: theme.radius.md,
+        paddingHorizontal: theme.spacing[3],
+        paddingVertical: theme.spacing[3],
+    },
+    error: {
+        backgroundColor: theme.colors.surface.danger,
+        borderColor: theme.colors.border.danger,
+        borderWidth: 1,
+    },
+    text: {
+        ...theme.typography.caption,
+        color: theme.colors.text.primary,
+    },
+    errorText: {
+        color: theme.colors.text.danger,
+    },
+}));
+//# sourceMappingURL=InlineMessage.js.map

package/dist/components/InlineMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineMessage.js","sourceRoot":"","sources":["../../src/components/InlineMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAS3D,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,MAAM,EAAsB;IAC1E,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,YAC1D,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,YAAG,OAAO,GAAQ,GAC7E,CACR,CAAC;AACJ,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,UAAU,CAAC,MAAM;QAC/C,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;QAC7B,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACnC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAClC;IACD,KAAK,EAAE;QACL,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;QAC5C,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;QACvC,WAAW,EAAE,CAAC;KACf;IACD,IAAI,EAAE;QACJ,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO;QAC3B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;KACjC;IACD,SAAS,EAAE;QACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM;KAChC;CACF,CAAC,CACH,CAAC"}

package/dist/components/ListItem.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export interface ListItemProps {
+    title: string;
+    description?: string;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function ListItem({ title, description, leading, trailing, onPress, style }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../src/components/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,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,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,aAAa,2CAuBhG"}

package/dist/components/ListItem.js

@@ -0,0 +1,35 @@
+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 ListItem({ title, description, leading, trailing, onPress, style }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    const Container = onPress ? Pressable : View;
+    return (_jsxs(Container, { accessibilityRole: onPress ? 'button' : undefined, onPress: onPress, style: [styles.base, onPress && styles.pressable, style], children: [leading ? _jsx(View, { style: styles.leading, children: leading }) : null, _jsxs(View, { style: styles.copy, children: [_jsx(Text, { variant: "bodyStrong", children: title }), description ? (_jsx(Text, { tone: "secondary", variant: "caption", children: description })) : null] }), trailing ? _jsx(View, { style: styles.trailing, children: trailing }) : null] }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    base: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        gap: theme.spacing[3],
+        width: '100%',
+    },
+    pressable: {
+        borderRadius: theme.radius.md,
+        paddingVertical: theme.spacing[1],
+    },
+    leading: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    copy: {
+        flex: 1,
+        gap: theme.spacing[1],
+    },
+    trailing: {
+        alignItems: 'flex-end',
+        justifyContent: 'center',
+    },
+}));
+//# sourceMappingURL=ListItem.js.map

package/dist/components/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../src/components/ListItem.tsx"],"names":[],"mappings":";AACA,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,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAiB;IAC/F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7C,OAAO,CACL,MAAC,SAAS,IACR,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACjD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,OAAO,IAAI,MAAM,CAAC,SAAS,EAAE,KAAkB,CAAC,aAEpE,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YAAG,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC/D,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,EACN,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,IACxD,CACb,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,KAAK,EAAE,MAAM;KACd;IACD,SAAS,EAAE;QACT,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;QAC7B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KAClC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACtB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,UAAU;QACtB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CACH,CAAC"}

package/dist/components/ListSection.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListSection.d.ts","sourceRoot":"","sources":["../../src/components/ListSection.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;AAIxE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,WAAW,EACX,GAAa,EACb,KAAK,GACN,EAAE,gBAAgB,2CAQlB"}

package/dist/components/ListSection.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StyleSheet, View } from 'react-native';
+import { getSectionGapStyle } from '../layout.js';
+import { useTheme } from '../theme.js';
+import { Section } from './Section.js';
+export function ListSection({ children, title, description, gap = 'tight', style, }) {
+    const theme = useTheme();
+    return (_jsx(Section, { description: description, gap: "default", title: title, children: _jsx(View, { style: [styles.list, getSectionGapStyle(gap, theme), style], children: children }) }));
+}
+const styles = StyleSheet.create({
+    list: {
+        width: '100%',
+    },
+});
+//# sourceMappingURL=ListSection.js.map

package/dist/components/ListSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListSection.js","sourceRoot":"","sources":["../../src/components/ListSection.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;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAUvC,MAAM,UAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,WAAW,EACX,GAAG,GAAG,OAAO,EACb,KAAK,GACY;IACjB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,KAAC,OAAO,IAAC,WAAW,EAAE,WAAW,EAAE,GAAG,EAAC,SAAS,EAAC,KAAK,EAAE,KAAK,YAC3D,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,kBAAkB,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,YAAG,QAAQ,GAAQ,GAC5E,CACX,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/Modal.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+export interface ModalProps {
+    visible: boolean;
+    title: string;
+    description?: string;
+    children?: ReactNode;
+    footer?: ReactNode;
+    onRequestClose?: () => void;
+}
+export declare function Modal({ visible, title, description, children, footer, onRequestClose, }: ModalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,cAAc,GACf,EAAE,UAAU,2CAgCZ"}

package/dist/components/Modal.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal as ReactNativeModal, StyleSheet, TouchableWithoutFeedback, View, } from 'react-native';
+import { createThemedStyles, useTheme } from '../theme.js';
+import { Button } from './Button.js';
+import { Text } from './Text.js';
+export function Modal({ visible, title, description, children, footer, onRequestClose, }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    return (_jsx(ReactNativeModal, { onRequestClose: onRequestClose, transparent: true, visible: visible, children: _jsx(TouchableWithoutFeedback, { onPress: onRequestClose, children: _jsx(View, { style: styles.backdrop, children: _jsx(TouchableWithoutFeedback, { children: _jsxs(View, { style: styles.card, children: [_jsxs(View, { style: styles.copy, children: [_jsx(Text, { variant: "sectionTitle", children: title }), description ? (_jsx(Text, { tone: "secondary", variant: "body", children: description })) : null] }), children ? _jsx(View, { style: styles.body, children: children }) : null, footer ? (_jsx(View, { style: styles.footer, children: footer })) : onRequestClose ? (_jsx(View, { style: styles.footer, children: _jsx(Button, { label: "Close", onPress: onRequestClose, variant: "secondary" }) })) : null] }) }) }) }) }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    backdrop: {
+        alignItems: 'center',
+        backgroundColor: 'rgba(17, 17, 17, 0.48)',
+        flex: 1,
+        justifyContent: 'center',
+        padding: theme.spacing[4],
+    },
+    card: {
+        ...theme.shadows.card,
+        backgroundColor: theme.colors.surface.base,
+        borderRadius: theme.radius.lg,
+        gap: theme.spacing[4],
+        maxWidth: 520,
+        padding: theme.spacing[5],
+        width: '100%',
+    },
+    copy: {
+        gap: theme.spacing[2],
+    },
+    body: {
+        gap: theme.spacing[3],
+    },
+    footer: {
+        gap: theme.spacing[3],
+        width: '100%',
+    },
+}));
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal.js.map

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

package/dist/components/PickerField.d.ts

@@ -0,0 +1,15 @@
+import { StyleProp, ViewStyle } from 'react-native';
+export interface PickerFieldProps {
+    label?: string;
+    placeholder: string;
+    selectedLabel?: string;
+    selected?: boolean;
+    invalid?: boolean;
+    focused?: boolean;
+    disabled?: boolean;
+    message?: string;
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function PickerField({ label, placeholder, selectedLabel, selected, invalid, focused, disabled, message, onPress, style, }: PickerFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PickerField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PickerField.d.ts","sourceRoot":"","sources":["../../src/components/PickerField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAIjF,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,aAAa,EACb,QAAgB,EAChB,OAAe,EACf,OAAe,EACf,QAAgB,EAChB,OAAO,EACP,OAAO,EACP,KAAK,GACN,EAAE,gBAAgB,2CAgClB"}

package/dist/components/PickerField.js

@@ -0,0 +1,45 @@
+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 PickerField({ label, placeholder, selectedLabel, selected = false, invalid = false, focused = false, disabled = false, message, onPress, style, }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    const hasSelection = selected || Boolean(selectedLabel);
+    return (_jsxs(View, { style: [styles.wrapper, style], children: [label ? _jsx(Text, { variant: "label", children: label }) : null, _jsxs(Pressable, { accessibilityRole: "button", accessibilityState: { disabled, selected: hasSelection }, disabled: disabled, onPress: onPress, style: [
+                    styles.field,
+                    focused && styles.fieldFocused,
+                    invalid && styles.fieldInvalid,
+                    disabled && styles.fieldDisabled,
+                ], children: [_jsx(Text, { tone: hasSelection ? 'primary' : 'tertiary', children: selectedLabel ?? placeholder }), _jsx(Text, { tone: "tertiary", variant: "label", children: "\u25BE" })] }), message ? (_jsx(Text, { tone: invalid ? 'danger' : 'secondary', variant: "caption", children: message })) : null] }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    wrapper: {
+        gap: theme.spacing[2],
+        width: '100%',
+    },
+    field: {
+        alignItems: 'center',
+        backgroundColor: theme.colors.surface.muted,
+        borderColor: theme.colors.border.default,
+        borderRadius: theme.radius.md,
+        borderWidth: 1,
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        minHeight: 52,
+        paddingHorizontal: theme.spacing[4],
+        paddingVertical: theme.spacing[3],
+        width: '100%',
+    },
+    fieldFocused: {
+        borderColor: theme.colors.border.accent,
+        ...theme.shadows.focus,
+    },
+    fieldInvalid: {
+        borderColor: theme.colors.border.danger,
+    },
+    fieldDisabled: {
+        opacity: 0.6,
+    },
+}));
+//# sourceMappingURL=PickerField.js.map

package/dist/components/PickerField.js.map

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

package/dist/components/RadioGroup.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/components/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAIjF,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,OAAO,EACP,KAAK,EACL,aAAa,EACb,QAAgB,EAChB,KAAK,GACN,EAAE,eAAe,2CA0CjB"}

package/dist/components/RadioGroup.js

@@ -0,0 +1,51 @@
+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 RadioGroup({ label, options, value, onValueChange, disabled = false, style, }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    return (_jsxs(View, { style: [styles.base, style], children: [label ? _jsx(Text, { variant: "label", children: label }) : null, _jsx(View, { style: styles.options, children: options.map(option => {
+                    const checked = option.value === value;
+                    const isDisabled = disabled || option.disabled;
+                    return (_jsxs(Pressable, { accessibilityRole: "radio", accessibilityState: { checked, disabled: isDisabled }, disabled: isDisabled, onPress: () => onValueChange?.(option.value), style: [styles.option, isDisabled && styles.optionDisabled], children: [_jsx(View, { style: [styles.control, checked && styles.controlChecked], children: checked ? (_jsx(Text, { tone: checked ? 'accent' : 'primary', variant: "label", children: "\u25CF" })) : null }), _jsxs(View, { style: styles.copy, children: [_jsx(Text, { variant: "bodyStrong", children: option.label }), option.description ? (_jsx(Text, { tone: "secondary", variant: "caption", children: option.description })) : null] })] }, option.value));
+                }) })] }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    base: {
+        gap: theme.spacing[2],
+        width: '100%',
+    },
+    options: {
+        gap: theme.spacing[3],
+        width: '100%',
+    },
+    option: {
+        alignItems: 'flex-start',
+        flexDirection: 'row',
+        gap: theme.spacing[3],
+        width: '100%',
+    },
+    optionDisabled: {
+        opacity: 0.6,
+    },
+    control: {
+        alignItems: 'center',
+        backgroundColor: theme.colors.surface.base,
+        borderColor: theme.colors.border.default,
+        borderRadius: theme.radius.full,
+        borderWidth: 1,
+        height: 24,
+        justifyContent: 'center',
+        marginTop: 2,
+        width: 24,
+    },
+    controlChecked: {
+        borderColor: theme.colors.border.accent,
+    },
+    copy: {
+        flex: 1,
+        gap: theme.spacing[1],
+    },
+}));
+//# sourceMappingURL=RadioGroup.js.map

package/dist/components/RadioGroup.js.map

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

package/dist/components/Screen.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { type ContentWidthToken, type SafeAreaPresetToken, type ScreenInsetToken } from '../layout.js';
+export interface ScreenProps {
+    children: ReactNode;
+    scroll?: boolean;
+    centered?: boolean;
+    padded?: boolean;
+    width?: 'full' | 'narrow';
+    inset?: ScreenInsetToken;
+    safeArea?: SafeAreaPresetToken;
+    contentWidth?: ContentWidthToken;
+    style?: StyleProp<ViewStyle>;
+    contentStyle?: StyleProp<ViewStyle>;
+}
+export declare function Screen({ children, scroll, centered, padded, width, inset, safeArea, contentWidth, style, contentStyle, }: ScreenProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Screen.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../src/components/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAc,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EAIL,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACtB,MAAM,cAAc,CAAC;AAGtB,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,MAAa,EACb,QAAgB,EAChB,MAAa,EACb,KAAc,EACd,KAAK,EACL,QAAiB,EACjB,YAAY,EACZ,KAAK,EACL,YAAY,GACb,EAAE,WAAW,2CAmCb"}

package/dist/components/Screen.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ScrollView, StyleSheet, View } from 'react-native';
+import { getContentWidthStyle, getSafeAreaPaddingStyle, getScreenInsetStyle, } from '../layout.js';
+import { createThemedStyles, useTheme } from '../theme.js';
+export function Screen({ children, scroll = true, centered = false, padded = true, width = 'full', inset, safeArea = 'none', contentWidth, style, contentStyle, }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    const insetStyle = getScreenInsetStyle(inset ?? (padded ? 'default' : 'none'), theme);
+    const contentWidthStyle = getContentWidthStyle(contentWidth ?? (width === 'narrow' ? 'form' : 'full'));
+    const safeAreaStyle = getSafeAreaPaddingStyle(safeArea, theme);
+    const content = (_jsx(View, { style: [
+            styles.content,
+            centered && styles.centered,
+            insetStyle,
+            contentWidthStyle,
+            contentStyle,
+        ], children: children }));
+    if (!scroll) {
+        return _jsx(View, { style: [styles.base, safeAreaStyle, style], children: content });
+    }
+    return (_jsx(ScrollView, { contentContainerStyle: styles.scrollContent, style: [styles.base, safeAreaStyle, style], children: content }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    base: {
+        backgroundColor: theme.colors.background.canvas,
+        flex: 1,
+    },
+    scrollContent: {
+        flexGrow: 1,
+    },
+    content: {
+        width: '100%',
+    },
+    centered: {
+        justifyContent: 'center',
+    },
+}));
+//# sourceMappingURL=Screen.js.map

package/dist/components/Screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../src/components/Screen.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAa,UAAU,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAClF,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,mBAAmB,GAIpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAe3D,MAAM,UAAU,MAAM,CAAC,EACrB,QAAQ,EACR,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,MAAM,EACd,KAAK,EACL,QAAQ,GAAG,MAAM,EACjB,YAAY,EACZ,KAAK,EACL,YAAY,GACA;IACZ,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,UAAU,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,CAAC;IACtF,MAAM,iBAAiB,GAAG,oBAAoB,CAC5C,YAAY,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CACvD,CAAC;IACF,MAAM,aAAa,GAAG,uBAAuB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAE/D,MAAM,OAAO,GAAG,CACd,KAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,OAAO;YACd,QAAQ,IAAI,MAAM,CAAC,QAAQ;YAC3B,UAAU;YACV,iBAAiB;YACjB,YAAY;SACb,YAEA,QAAQ,GACJ,CACR,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC,YAAG,OAAO,GAAQ,CAAC;IAC5E,CAAC;IAED,OAAO,CACL,KAAC,UAAU,IACT,qBAAqB,EAAE,MAAM,CAAC,aAAa,EAC3C,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC,YAEzC,OAAO,GACG,CACd,CAAC;AACJ,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,UAAU,CAAC,MAAM;QAC/C,IAAI,EAAE,CAAC;KACR;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,CAAC;KACZ;IACD,OAAO,EAAE;QACP,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE;QACR,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CACH,CAAC"}

package/dist/components/ScreenHeader.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export interface ScreenHeaderProps {
+    title: string;
+    description?: string;
+    eyebrow?: string;
+    trailing?: ReactNode;
+}
+export declare function ScreenHeader({ title, description, eyebrow, trailing }: ScreenHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScreenHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenHeader.d.ts","sourceRoot":"","sources":["../../src/components/ScreenHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAcxF"}

package/dist/components/ScreenHeader.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, Text, View } from 'react-native';
+import { createThemedStyles, useTheme } from '../theme.js';
+export function ScreenHeader({ title, description, eyebrow, trailing }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    return (_jsxs(View, { style: styles.base, children: [_jsxs(View, { style: styles.copy, children: [eyebrow ? _jsx(Text, { style: styles.eyebrow, children: eyebrow }) : null, _jsx(Text, { style: styles.title, children: title }), description ? _jsx(Text, { style: styles.description, children: description }) : null] }), trailing ? _jsx(View, { style: styles.trailing, children: trailing }) : null] }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    base: {
+        flexDirection: 'row',
+        gap: theme.spacing[4],
+        justifyContent: 'space-between',
+        width: '100%',
+    },
+    copy: {
+        flex: 1,
+        gap: theme.spacing[2],
+    },
+    eyebrow: {
+        ...theme.typography.label,
+        color: theme.colors.text.accent,
+    },
+    title: {
+        ...theme.typography.title,
+        color: theme.colors.text.primary,
+    },
+    description: {
+        ...theme.typography.body,
+        color: theme.colors.text.secondary,
+    },
+    trailing: {
+        alignItems: 'flex-end',
+        justifyContent: 'center',
+    },
+}));
+//# sourceMappingURL=ScreenHeader.js.map

package/dist/components/ScreenHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenHeader.js","sourceRoot":"","sources":["../../src/components/ScreenHeader.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAS3D,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAqB;IACvF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,aACtB,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,aACrB,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YAAG,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC/D,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,EACxC,WAAW,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,YAAG,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,IACtE,EACN,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC7D,CACR,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAC3C,UAAU,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACrB,cAAc,EAAE,eAAe;QAC/B,KAAK,EAAE,MAAM;KACd;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACtB;IACD,OAAO,EAAE;QACP,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK;QACzB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM;KAChC;IACD,KAAK,EAAE;QACL,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK;QACzB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;KACjC;IACD,WAAW,EAAE;QACX,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI;QACxB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;KACnC;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,UAAU;QACtB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CACH,CAAC"}

package/dist/components/Section.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/components/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAGxE,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,eAAe,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAe,EAAE,KAAK,EAAE,EAAE,YAAY,2CAe7F"}

package/dist/components/Section.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { StyleSheet, Text, View } from 'react-native';
+import { getSectionGapStyle } from '../layout.js';
+import { createThemedStyles, useTheme } from '../theme.js';
+export function Section({ children, title, description, gap = 'default', style }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    return (_jsxs(View, { style: [styles.base, getSectionGapStyle(gap, theme), style], children: [title || description ? (_jsxs(View, { style: styles.copy, children: [title ? _jsx(Text, { style: styles.title, children: title }) : null, description ? _jsx(Text, { style: styles.description, children: description }) : null] })) : null, children] }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    base: {
+        width: '100%',
+    },
+    copy: {
+        gap: theme.spacing[1],
+        width: '100%',
+    },
+    title: {
+        ...theme.typography.sectionTitle,
+        color: theme.colors.text.primary,
+    },
+    description: {
+        ...theme.typography.body,
+        color: theme.colors.text.secondary,
+    },
+}));
+//# sourceMappingURL=Section.js.map

package/dist/components/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../src/components/Section.tsx"],"names":[],"mappings":";AACA,OAAO,EAAa,UAAU,EAAE,IAAI,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAwB,MAAM,cAAc,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAU3D,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,GAAG,SAAS,EAAE,KAAK,EAAgB;IAC5F,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,kBAAkB,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,aAC9D,KAAK,IAAI,WAAW,CAAC,CAAC,CAAC,CACtB,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,aACrB,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EACxD,WAAW,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,YAAG,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,IACtE,CACR,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAC3C,UAAU,CAAC,MAAM,CAAC;IAChB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;KACd;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACrB,KAAK,EAAE,MAAM;KACd;IACD,KAAK,EAAE;QACL,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY;QAChC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;KACjC;IACD,WAAW,EAAE;QACX,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI;QACxB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;KACnC;CACF,CAAC,CACH,CAAC"}

package/dist/components/SegmentedControl.d.ts

@@ -0,0 +1,13 @@
+import { StyleProp, ViewStyle } from 'react-native';
+export interface SegmentOption {
+    label: string;
+    value: string;
+}
+export interface SegmentedControlProps {
+    options: SegmentOption[];
+    value: string;
+    onValueChange?: (value: string) => void;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function SegmentedControl({ options, value, onValueChange, style }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SegmentedControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAIjF,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,qBAAqB,2CAyB/F"}

package/dist/components/SegmentedControl.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Pressable, StyleSheet, View } from 'react-native';
+import { createThemedStyles, useTheme } from '../theme.js';
+import { Text } from './Text.js';
+export function SegmentedControl({ options, value, onValueChange, style }) {
+    const theme = useTheme();
+    const styles = getStyles(theme);
+    return (_jsx(View, { style: [styles.base, style], children: options.map(option => {
+            const selected = option.value === value;
+            return (_jsx(Pressable, { accessibilityRole: "button", accessibilityState: { selected }, onPress: () => onValueChange?.(option.value), style: [styles.segment, selected && styles.segmentSelected], children: _jsx(Text, { tone: selected ? 'primary' : 'secondary', variant: "label", children: option.label }) }, option.value));
+        }) }));
+}
+const getStyles = createThemedStyles(theme => StyleSheet.create({
+    base: {
+        backgroundColor: theme.colors.background.subtle,
+        borderRadius: theme.radius.full,
+        flexDirection: 'row',
+        gap: theme.spacing[1],
+        padding: theme.spacing[1],
+        width: '100%',
+    },
+    segment: {
+        alignItems: 'center',
+        borderRadius: theme.radius.full,
+        flex: 1,
+        justifyContent: 'center',
+        minHeight: 40,
+        paddingHorizontal: theme.spacing[3],
+        paddingVertical: theme.spacing[2],
+    },
+    segmentSelected: {
+        backgroundColor: theme.colors.surface.base,
+        borderColor: theme.colors.border.default,
+        borderWidth: 1,
+    },
+}));
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/components/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.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;AAcjC,MAAM,UAAU,gBAAgB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAyB;IAC9F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,YAC9B,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACpB,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC;YAExC,OAAO,CACL,KAAC,SAAS,IACR,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,QAAQ,EAAE,EAEhC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,QAAQ,IAAI,MAAM,CAAC,eAAe,CAAC,YAE3D,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,OAAO,EAAC,OAAO,YAC5D,MAAM,CAAC,KAAK,GACR,IANF,MAAM,CAAC,KAAK,CAOP,CACb,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,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,UAAU,CAAC,MAAM;QAC/C,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;QAC/B,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACrB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACzB,KAAK,EAAE,MAAM;KACd;IACD,OAAO,EAAE;QACP,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;QAC/B,IAAI,EAAE,CAAC;QACP,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,eAAe,EAAE;QACf,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;QAC1C,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO;QACxC,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CACH,CAAC"}

package/dist/components/Stack.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import { FlexAlignType, StyleProp, ViewStyle } from 'react-native';
+import { type SpacingToken } from '../tokens.js';
+export interface StackProps {
+    children: ReactNode;
+    gap?: SpacingToken;
+    direction?: 'row' | 'column';
+    align?: FlexAlignType;
+    justify?: ViewStyle['justifyContent'];
+    style?: StyleProp<ViewStyle>;
+}
+export declare function Stack({ children, gap, direction, align, justify, style, }: StackProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/components/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAC;AAErF,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,GAAO,EACP,SAAoB,EACpB,KAAK,EACL,OAAO,EACP,KAAK,GACN,EAAE,UAAU,2CAmBZ"}