zero-to-app 3.2.1 → 3.2.2

package/dist/components/ui/button.d.ts

@@ -0,0 +1,132 @@
+import React from 'react';
+import { GestureResponderEvent, View } from 'react-native';
+import { type IconLibrary } from '../../icons';
+import type { InteractiveComponentProps, LoadableComponentProps } from '../shared/types';
+/**
+ * Configuration for button icons.
+ *
+ * @example
+ * ```tsx
+ * // Using Feather icons (default)
+ * <Button title="Next" icon={{ name: 'arrow-right' }} />
+ *
+ * // Using MaterialIcons
+ * <Button title="Save" icon={{ library: 'MaterialIcons', name: 'save', size: 20 }} />
+ *
+ * // Custom color
+ * <Button title="Delete" icon={{ name: 'trash-2', color: '#FF0000' }} />
+ * ```
+ */
+export interface IconConfig {
+    /** Icon library to use. @default 'Feather' */
+    library?: IconLibrary;
+    /** Name of the icon from the specified library */
+    name: string;
+    /** Icon size in pixels. @default 18 */
+    size?: number;
+    /** Custom icon color. Defaults to button text color */
+    color?: string;
+}
+/**
+ * Material Design 3 button variants.
+ * - `filled`: High-emphasis, solid background (default)
+ * - `elevated`: Medium-emphasis with shadow/elevation
+ * - `tonal`: Medium-emphasis with secondary container color
+ * - `outlined`: Medium-emphasis with border, no fill
+ * - `text`: Low-emphasis, text only
+ */
+export type ButtonVariant = 'elevated' | 'filled' | 'tonal' | 'outlined' | 'text';
+export declare const ButtonVariants: readonly ["filled", "elevated", "tonal", "outlined", "text"];
+/**
+ * Props for the Button component.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Button title="Click me" onPress={() => console.log('Pressed!')} />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Different variants
+ * <Button title="Primary Action" variant="filled" />
+ * <Button title="Secondary" variant="tonal" />
+ * <Button title="Cancel" variant="outlined" />
+ * <Button title="Learn more" variant="text" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With icon
+ * <Button
+ *   title="Continue"
+ *   icon={{ name: 'arrow-right' }}
+ *   iconPosition="right"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Loading state
+ * <Button title="Submitting..." loading={true} />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Custom colors (use sparingly - prefer variants)
+ * <Button
+ *   title="Custom"
+ *   backgroundColor="#FF6B35"
+ *   color="#FFFFFF"
+ * />
+ * ```
+ */
+export interface ButtonProps extends Omit<InteractiveComponentProps, 'onPress'>, LoadableComponentProps {
+    /** Button label text */
+    title: string;
+    /** Press handler. Receives optional GestureResponderEvent */
+    onPress?: (event?: GestureResponderEvent) => void;
+    /**
+     * Visual style variant following M3 button spec.
+     * @default 'filled'
+     */
+    variant?: ButtonVariant;
+    /** Optional icon configuration */
+    icon?: IconConfig;
+    /**
+     * Position of the icon relative to the title.
+     * @default 'right'
+     */
+    iconPosition?: 'left' | 'right';
+    /**
+     * Override text color. Use sparingly - prefer semantic variants.
+     * Useful for special cases like destructive actions.
+     */
+    color?: string;
+    /**
+     * Override background color. Use sparingly - prefer semantic variants.
+     */
+    backgroundColor?: string;
+    /**
+     * Button size affecting height.
+     * - `small`: 32dp
+     * - `medium`: 40dp (default)
+     * - `large`: 56dp
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+}
+/**
+ * Material Design 3 Button component
+ * https://m3.material.io/components/buttons
+ *
+ * Supports five variants:
+ * - filled: High-emphasis actions (default)
+ * - elevated: Medium-emphasis actions with elevation
+ * - tonal: Medium-emphasis with container color
+ * - outlined: Medium-emphasis with border
+ * - text: Low-emphasis actions
+ */
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<View>>;
+export { Button };
+//# sourceMappingURL=button.d.ts.map

package/dist/components/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../components/ui/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EAEL,qBAAqB,EAIrB,IAAI,EAIL,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAKzF;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,UAAU;IACzB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;AAClF,eAAO,MAAM,cAAc,8DAA+D,CAAC;AAE3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,yBAAyB,EAAE,SAAS,CAAC,EAAE,sBAAsB;IACrG,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,kCAAkC;IAClC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAGD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,MAAM,0EAgQV,CAAC;AAmDH,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/ui/button.js

@@ -0,0 +1,252 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// 1. IMPORTS
+import { forwardRef, useEffect, useState } from 'react';
+import { ActivityIndicator, Platform, Pressable, StyleSheet, View, } from 'react-native';
+import { Typography } from './typography';
+import { useTheme } from '../../theme';
+import { renderIcon } from '../../icons';
+import { blurOnWeb } from '../shared/utils';
+export const ButtonVariants = ['filled', 'elevated', 'tonal', 'outlined', 'text'];
+// 3. COMPONENT
+/**
+ * Material Design 3 Button component
+ * https://m3.material.io/components/buttons
+ *
+ * Supports five variants:
+ * - filled: High-emphasis actions (default)
+ * - elevated: Medium-emphasis actions with elevation
+ * - tonal: Medium-emphasis with container color
+ * - outlined: Medium-emphasis with border
+ * - text: Low-emphasis actions
+ */
+const Button = forwardRef(({ title, variant = 'filled', loading = false, disabled = false, icon, onPress, iconPosition = 'right', style, testID, accessibilityLabel, accessibilityHint, color, backgroundColor, size = 'medium', }, ref) => {
+    const theme = useTheme();
+    const tokens = theme.tokens;
+    // Track hover and focus states (web-only features)
+    const [hovered, setHovered] = useState(false);
+    const [focused, setFocused] = useState(false);
+    // Respect reduce-motion preference where available and map sizes
+    const [reduceMotionEnabled, setReduceMotionEnabled] = useState(false);
+    useEffect(() => {
+        let mounted = true;
+        try {
+            // dynamically require to avoid bundler differences across platforms
+            // eslint-disable-next-line @typescript-eslint/no-var-requires
+            const { AccessibilityInfo } = require('react-native');
+            AccessibilityInfo?.isReduceMotionEnabled?.().then((enabled) => {
+                if (mounted)
+                    setReduceMotionEnabled(!!enabled);
+            });
+        }
+        catch (e) {
+            // ignore if not available
+        }
+        return () => { mounted = false; };
+    }, []);
+    // Visual heights in dp per size token
+    const sizeMap = {
+        small: 32,
+        medium: 40,
+        large: 56,
+    };
+    // default to 'medium' if not provided via props
+    const visualHeight = sizeMap[size] ?? sizeMap.medium;
+    // Ensure a minimum touch target of 48dp
+    const touchHeight = Math.max(48, visualHeight);
+    // Dynamic styles based on state
+    const getButtonStyle = ({ pressed }) => {
+        const t = tokens.button;
+        let bg;
+        let borderColor;
+        let elevation;
+        if (disabled) {
+            bg = t.disabledBg;
+            borderColor = variant === 'outlined' ? theme.outlineVariant : undefined;
+        }
+        else {
+            switch (variant) {
+                case 'filled':
+                    bg = t.filledBg;
+                    if (Platform.OS !== 'web') {
+                        elevation = pressed ? tokens.elevation.level0 : tokens.elevation.level1;
+                    }
+                    break;
+                case 'elevated':
+                    bg = t.elevatedBg;
+                    elevation = pressed ? tokens.elevation.level1 : tokens.elevation.level3;
+                    break;
+                case 'tonal':
+                    bg = t.tonalBg;
+                    break;
+                case 'outlined':
+                    bg = 'transparent';
+                    borderColor = t.outlinedBorder;
+                    break;
+                case 'text':
+                    bg = 'transparent';
+                    break;
+            }
+        }
+        // Apply custom background color override
+        if (backgroundColor) {
+            bg = backgroundColor;
+        }
+        const baseStyle = [
+            styles.base,
+            styles[variant],
+            // reserve touch target height for accessibility
+            { minHeight: touchHeight },
+            { borderRadius: theme.shape.buttonBorderRadius },
+            bg ? { backgroundColor: bg } : null,
+            borderColor ? { borderColor } : null,
+            disabled ? styles.disabled : null,
+        ];
+        // Add elevation shadow for elevated buttons
+        if (elevation !== undefined && elevation > 0) {
+            baseStyle.push({
+                shadowColor: theme.shadow,
+                shadowOffset: { width: 0, height: Math.max(1, Math.floor(elevation / 2)) },
+                shadowOpacity: 0.08,
+                shadowRadius: Math.max(1, Math.floor(elevation / 2)),
+                elevation: elevation,
+            });
+        }
+        // Add focus ring for web/keyboard navigation
+        if (focused && Platform.OS === 'web') {
+            baseStyle.push({
+                borderWidth: tokens.focusRing.width,
+                borderColor: tokens.focusRing.color,
+                borderStyle: 'solid',
+            });
+        }
+        // M3 state layer: subtle overlay on hover (8% opacity) and press (12% opacity)
+        if (Platform.OS === 'web' && !disabled) {
+            if (pressed) {
+                baseStyle.push({ opacity: 0.88 });
+            }
+            else if (hovered) {
+                baseStyle.push({ opacity: 0.92 });
+            }
+        }
+        // subtle transform for hover/press unless user requests reduced motion
+        if (!reduceMotionEnabled) {
+            if (pressed) {
+                baseStyle.push({ transform: [{ scale: 0.997 }] });
+            }
+            else if (hovered && Platform.OS === 'web') {
+                baseStyle.push({ transform: [{ translateY: -1 }, { scale: 1.01 }] });
+            }
+        }
+        // Add custom style last
+        if (style) {
+            baseStyle.push(style);
+        }
+        return baseStyle;
+    };
+    // Get text color based on variant and state
+    const getTextColor = (isDisabled) => {
+        if (color)
+            return color;
+        if (isDisabled)
+            return tokens.button.disabledText;
+        const t = tokens.button;
+        switch (variant) {
+            case 'filled':
+                return t.filledText;
+            case 'elevated':
+                return t.elevatedText;
+            case 'tonal':
+                // tonal should use a high-contrast label (avoid looking disabled)
+                return theme.onSurface;
+            case 'outlined':
+                return t.outlinedText;
+            case 'text':
+                return t.textColor;
+            default:
+                return t.filledText;
+        }
+    };
+    const getIconColor = (isDisabled) => {
+        if (icon?.color)
+            return icon.color;
+        return getTextColor(isDisabled);
+    };
+    const textColor = getTextColor(disabled);
+    const iconColor = getIconColor(disabled);
+    if (loading) {
+        return (_jsx(View, { ref: ref, testID: testID, style: [
+                styles.base,
+                styles[variant],
+                { minHeight: touchHeight },
+                { borderRadius: theme.shape.buttonBorderRadius },
+                backgroundColor && { backgroundColor },
+            ], accessibilityRole: "button", accessibilityLabel: accessibilityLabel ?? title, accessibilityHint: accessibilityHint, accessibilityState: { disabled: true, busy: true }, children: _jsx(ActivityIndicator, { size: "small", color: textColor }) }));
+    }
+    const renderButtonIcon = (position) => {
+        if (!icon || iconPosition !== position)
+            return null;
+        const iconSize = icon.size || 18;
+        const iconLibrary = icon.library || 'Feather';
+        return (_jsx(View, { style: position === 'left' ? styles.iconLeft : styles.iconRight, children: renderIcon(icon, iconLibrary, iconSize, iconColor) }));
+    };
+    return (_jsx(Pressable, { ref: ref, testID: testID, onPress: disabled ? undefined : (e) => {
+            blurOnWeb(e);
+            onPress?.(e);
+        }, disabled: disabled, style: getButtonStyle, onHoverIn: () => setHovered(true), onHoverOut: () => setHovered(false), onFocus: () => setFocused(true), onBlur: () => setFocused(false), accessibilityRole: "button", accessibilityLabel: accessibilityLabel ?? title, accessibilityHint: accessibilityHint, accessibilityState: { disabled }, 
+        // Platform-specific ripple effect for Android
+        android_ripple: !disabled && Platform.OS === 'android'
+            ? {
+                color: theme.primary + '40', // 25% opacity
+                borderless: false,
+            }
+            : undefined, children: _jsxs(View, { style: [styles.contentContainer, { height: visualHeight }], children: [renderButtonIcon('left'), _jsx(Typography, { variant: "labelLarge", weight: "medium", color: textColor, numberOfLines: 1, align: "center", children: title }), renderButtonIcon('right')] }) }));
+});
+Button.displayName = 'Button';
+// 4. STYLES
+const styles = StyleSheet.create({
+    base: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    filled: {
+        paddingHorizontal: 24,
+        minWidth: 100,
+    },
+    elevated: {
+        paddingHorizontal: 24,
+        minWidth: 100,
+    },
+    tonal: {
+        paddingHorizontal: 24,
+        minWidth: 100,
+    },
+    outlined: {
+        backgroundColor: 'transparent',
+        borderWidth: 1,
+        paddingHorizontal: 24,
+        minWidth: 100,
+    },
+    text: {
+        backgroundColor: 'transparent',
+        paddingHorizontal: 12,
+        minWidth: 100,
+    },
+    disabled: {
+        opacity: 0.38, // M3 disabled opacity
+    },
+    contentContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 8,
+    },
+    iconLeft: {
+        marginRight: 0, // gap handles spacing
+    },
+    iconRight: {
+        marginLeft: 0, // gap handles spacing
+    },
+});
+// 5. EXPORTS
+export { Button };
+//# sourceMappingURL=button.js.map

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

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

package/dist/components/ui/chip.d.ts

@@ -0,0 +1,88 @@
+import { type IconLibrary } from '../../icons';
+import type { InteractiveComponentProps } from '../shared/types';
+/**
+ * Configuration for the chip's trailing icon.
+ */
+export interface ChipIconConfig {
+    /** Icon library to use. @default 'Feather' */
+    library?: IconLibrary;
+    /** Name of the icon from the specified library */
+    name: string;
+    /** Icon size in pixels. @default 18 */
+    size?: number;
+    /** Custom icon color. Defaults to chip text color */
+    color?: string;
+}
+/**
+ * Material Design 3 chip visual variants.
+ * - `outlined`: Transparent background with 1dp border (default)
+ * - `filled`: Solid secondaryContainer background, no border
+ */
+export type ChipVariant = 'filled' | 'outlined';
+export declare const ChipVariants: readonly ["filled", "outlined"];
+/**
+ * Props for the Chip component.
+ *
+ * @example
+ * ```tsx
+ * // Outlined chip (default)
+ * <Chip label="Design" onPress={() => {}} />
+ *
+ * // Filled chip
+ * <Chip label="TypeScript" variant="filled" onPress={() => {}} />
+ *
+ * // Filter chip — toggleable with checkmark
+ * <Chip label="Wireless" selected={on} onPress={() => setOn(v => !v)} />
+ *
+ * // Chip with trailing icon and separate icon press
+ * <Chip
+ *   label="React Native"
+ *   variant="filled"
+ *   icon={{ name: 'x' }}
+ *   onPress={() => {}}
+ *   onIconPress={() => removeTag('React Native')}
+ * />
+ * ```
+ */
+export interface ChipProps extends InteractiveComponentProps {
+    /** Chip label text */
+    label: string;
+    /**
+     * Visual style variant.
+     * - `outlined`: Border, transparent background (default)
+     * - `filled`: Solid tonal background, no border
+     * @default 'outlined'
+     */
+    variant?: ChipVariant;
+    /**
+     * Selected state — shows a leading checkmark and uses selectedBg color.
+     * Use for filter chip behaviour.
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Optional trailing icon rendered to the right of the label.
+     * Provide `onIconPress` to make it independently pressable.
+     */
+    icon?: ChipIconConfig;
+    /**
+     * Called when the trailing icon is pressed independently.
+     * When provided, the icon becomes its own pressable target separate from `onPress`.
+     */
+    onIconPress?: () => void;
+}
+/**
+ * Material Design 3 Chip component
+ * https://m3.material.io/components/chips
+ *
+ * Height: 32dp visual / 48dp touch target via hitSlop
+ * Shape: CornerSmall (8dp border radius)
+ * Variants: filled, outlined
+ * Behavioural props: selected (filter checkmark), icon + onIconPress (trailing action)
+ */
+declare const Chip: {
+    ({ label, variant, selected, disabled, icon, onPress, onIconPress, style, testID, accessibilityLabel, accessibilityHint, }: ChipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Chip };
+//# sourceMappingURL=chip.d.ts.map

package/dist/components/ui/chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../components/ui/chip.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAKjE;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAChD,eAAO,MAAM,YAAY,iCAAkC,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,SAAU,SAAQ,yBAAyB;IAC1D,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAGD;;;;;;;;GAQG;AACH,QAAA,MAAM,IAAI;gIAYP,SAAS;;CA4IX,CAAC;AA4BF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/ui/chip.js

@@ -0,0 +1,129 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// 1. IMPORTS
+import { useState } from 'react';
+import { Platform, Pressable, StyleSheet, View, } from 'react-native';
+import { Typography } from './typography';
+import { useTheme } from '../../theme';
+import { renderIcon } from '../../icons';
+import { blurOnWeb } from '../shared/utils';
+export const ChipVariants = ['filled', 'outlined'];
+// 3. COMPONENT
+/**
+ * Material Design 3 Chip component
+ * https://m3.material.io/components/chips
+ *
+ * Height: 32dp visual / 48dp touch target via hitSlop
+ * Shape: CornerSmall (8dp border radius)
+ * Variants: filled, outlined
+ * Behavioural props: selected (filter checkmark), icon + onIconPress (trailing action)
+ */
+const Chip = ({ label, variant = 'outlined', selected = false, disabled = false, icon, onPress, onIconPress, style, testID, accessibilityLabel, accessibilityHint, }) => {
+    const theme = useTheme();
+    const t = theme.tokens.chip;
+    const [hovered, setHovered] = useState(false);
+    const [focused, setFocused] = useState(false);
+    const getBg = () => {
+        if (disabled)
+            return variant === 'filled' ? t.disabledBg : 'transparent';
+        if (selected)
+            return t.selectedBg;
+        if (variant === 'filled')
+            return t.filledBg;
+        return 'transparent';
+    };
+    const getTextColor = () => {
+        if (disabled)
+            return t.disabledText;
+        if (selected)
+            return t.selectedText;
+        if (variant === 'filled')
+            return t.filledText;
+        return t.outlinedText;
+    };
+    const getBorderColor = () => {
+        if (variant === 'filled' || selected)
+            return undefined;
+        if (disabled)
+            return t.disabledBorder;
+        return t.outlinedBorder;
+    };
+    const textColor = getTextColor();
+    const borderColor = getBorderColor();
+    const bg = getBg();
+    const borderRadius = theme.borderRadius.sm; // M3 CornerSmall = 8dp
+    // Padding: 8dp on side with leading/trailing content, 12dp otherwise
+    const paddingLeft = selected ? 8 : 12;
+    const paddingRight = icon ? 8 : 12;
+    const getInnerStyle = () => {
+        const base = [
+            styles.chip,
+            {
+                backgroundColor: bg,
+                borderRadius,
+                paddingLeft,
+                paddingRight,
+            },
+            borderColor ? { borderWidth: 1, borderColor } : null,
+            disabled ? styles.disabled : null,
+        ];
+        // Focus ring on the visual element
+        if (focused && Platform.OS === 'web') {
+            base.push({
+                outlineWidth: theme.tokens.focusRing.width,
+                outlineColor: theme.tokens.focusRing.color,
+                outlineStyle: 'solid',
+            });
+        }
+        if (Platform.OS === 'web' && !disabled) {
+            if (hovered) {
+                base.push({ opacity: 0.92 });
+            }
+        }
+        if (style) {
+            base.push(style);
+        }
+        return base;
+    };
+    const getPressableStyle = ({ pressed }) => {
+        const base = [styles.pressable];
+        if (Platform.OS === 'web' && pressed && !disabled) {
+            base.push({ opacity: 0.88 });
+        }
+        return base;
+    };
+    return (_jsx(Pressable, { testID: testID, onPress: disabled ? undefined : (e) => {
+            blurOnWeb(e);
+            onPress?.();
+        }, disabled: disabled, style: getPressableStyle, hitSlop: 8, onHoverIn: () => setHovered(true), onHoverOut: () => setHovered(false), onFocus: () => setFocused(true), onBlur: () => setFocused(false), accessibilityRole: "button", accessibilityLabel: accessibilityLabel ?? label, accessibilityHint: accessibilityHint, accessibilityState: { disabled, selected }, android_ripple: !disabled && Platform.OS === 'android'
+            ? { color: theme.secondary + '40', borderless: false }
+            : undefined, children: _jsxs(View, { style: getInnerStyle(), children: [selected && (_jsx(View, { style: styles.iconWrapper, children: renderIcon({ name: 'check' }, 'Feather', 16, textColor) })), _jsx(Typography, { variant: "labelLarge", color: textColor, numberOfLines: 1, children: label }), icon && (onIconPress ? (_jsx(Pressable, { onPress: disabled ? undefined : (e) => {
+                        blurOnWeb(e);
+                        onIconPress?.();
+                    }, style: styles.iconWrapper, accessibilityRole: "button", accessibilityLabel: `${label} action`, hitSlop: 4, children: renderIcon(icon, icon.library ?? 'Feather', icon.size ?? 18, icon.color ?? textColor) })) : (_jsx(View, { style: styles.iconWrapper, children: renderIcon(icon, icon.library ?? 'Feather', icon.size ?? 18, icon.color ?? textColor) })))] }) }));
+};
+Chip.displayName = 'Chip';
+// 4. STYLES
+const styles = StyleSheet.create({
+    // Transparent touch target — no background, extends via hitSlop
+    pressable: {
+        alignSelf: 'flex-start',
+    },
+    // Visual chip container — 32dp height, all visual styling lives here
+    chip: {
+        height: 32,
+        minWidth: 56,
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 8,
+    },
+    iconWrapper: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    disabled: {
+        opacity: 0.38,
+    },
+});
+// 5. EXPORTS
+export { Chip };
+//# sourceMappingURL=chip.js.map

package/dist/components/ui/chip.js.map

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