@castui/cast-ui 4.2.0 → 4.2.1

package/dist/components/Chip/Chip.d.ts

@@ -44,4 +44,3 @@ export type ChipProps = {
     accessibilityLabel?: string;
 };
 export declare function Chip({ children, intent, variant, size, selected, disabled, leadingIcon, onPress, onRemove, style, accessibilityLabel, }: ChipProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Chip.d.ts.map

package/dist/components/Chip/Chip.js

@@ -1,4 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chip = Chip;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Chip — compact, interactive pill for filters, selections, and tokens.
  *
@@ -15,11 +18,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *   subtle  → intent subtle   (transparent bg/border)
  * The `selected` state renders the intent's active colours.
  */
-import { useState, useCallback } from 'react';
-import { Pressable, View, Text, } from 'react-native';
-import { useTheme } from '../../theme';
-import { fontFamily, fontWeight, label, controlTokens, } from '../../tokens';
-import { Icon } from '../Icon';
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const theme_1 = require("../../theme");
+const tokens_1 = require("../../tokens");
+const Icon_1 = require("../Icon");
 // ---------------------------------------------------------------------------
 // Constants
 // ---------------------------------------------------------------------------
@@ -32,16 +35,16 @@ const LABEL_SCALE = {
 // ---------------------------------------------------------------------------
 // Component
 // ---------------------------------------------------------------------------
-export function Chip({ children, intent = 'neutral', variant = 'outline', size = 'default', selected = false, disabled = false, leadingIcon, onPress, onRemove, style, accessibilityLabel, }) {
-    const { components, scheme } = useTheme();
+function Chip({ children, intent = 'neutral', variant = 'outline', size = 'default', selected = false, disabled = false, leadingIcon, onPress, onRemove, style, accessibilityLabel, }) {
+    const { components, scheme } = (0, theme_1.useTheme)();
     const intentColors = scheme.intents;
     const disabledColors = scheme.disabled;
     const sizeTokens = components.chip[size];
-    const labelTokens = label[LABEL_SCALE[size]];
-    const [isHovered, setIsHovered] = useState(false);
+    const labelTokens = tokens_1.label[LABEL_SCALE[size]];
+    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
     const prominence = variant === 'outline' ? 'default' : 'subtle';
     // Resolve colours. Priority: disabled > selected/pressed > hover > default
-    const resolveColors = useCallback((pressed) => {
+    const resolveColors = (0, react_1.useCallback)((pressed) => {
         if (disabled)
             return disabledColors;
         const states = intentColors[intent][prominence];
@@ -52,10 +55,10 @@ export function Chip({ children, intent = 'neutral', variant = 'outline', size =
         return states.default;
     }, [disabled, intent, prominence, selected, isHovered, intentColors, disabledColors]);
     const isInteractive = !disabled && (onPress != null || onRemove != null);
-    return (_jsx(Pressable, { onPress: onPress, disabled: disabled || onPress == null, onHoverIn: () => setIsHovered(true), onHoverOut: () => setIsHovered(false), accessibilityRole: onPress ? 'button' : 'text', accessibilityLabel: accessibilityLabel || children, accessibilityState: { disabled, selected }, style: style, children: ({ pressed }) => {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { onPress: onPress, disabled: disabled || onPress == null, onHoverIn: () => setIsHovered(true), onHoverOut: () => setIsHovered(false), accessibilityRole: onPress ? 'button' : 'text', accessibilityLabel: accessibilityLabel || children, accessibilityState: { disabled, selected }, style: style, children: ({ pressed }) => {
             const colors = resolveColors(pressed && isInteractive);
-            const resolvedLeading = typeof leadingIcon === 'string' ? (_jsx(Icon, { name: leadingIcon, size: sizeTokens.iconSize, color: colors.fg })) : (leadingIcon);
-            return (_jsxs(View, { style: {
+            const resolvedLeading = typeof leadingIcon === 'string' ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: leadingIcon, size: sizeTokens.iconSize, color: colors.fg })) : (leadingIcon);
+            return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
                     flexDirection: 'row',
                     alignItems: 'center',
                     justifyContent: 'center',
@@ -64,17 +67,16 @@ export function Chip({ children, intent = 'neutral', variant = 'outline', size =
                     paddingHorizontal: sizeTokens.paddingX,
                     paddingVertical: sizeTokens.paddingY,
                     borderRadius: components.chip.borderRadius,
-                    borderWidth: controlTokens.borderWidth,
+                    borderWidth: tokens_1.controlTokens.borderWidth,
                     borderColor: colors.border,
                     backgroundColor: colors.bg,
-                }, children: [resolvedLeading ? (_jsx(View, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { width: sizeTokens.iconSize, height: sizeTokens.iconSize }, children: resolvedLeading })) : null, _jsx(Text, { style: {
-                            fontFamily: fontFamily.sans,
-                            fontWeight: fontWeight.medium,
+                }, children: [resolvedLeading ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { width: sizeTokens.iconSize, height: sizeTokens.iconSize }, children: resolvedLeading })) : null, (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            fontFamily: tokens_1.fontFamily.sans,
+                            fontWeight: tokens_1.fontWeight.medium,
                             fontSize: labelTokens.fontSize,
                             lineHeight: labelTokens.lineHeight,
                             letterSpacing: labelTokens.letterSpacing,
                             color: colors.fg,
-                        }, selectable: false, children: children }), onRemove ? (_jsx(Pressable, { onPress: disabled ? undefined : onRemove, disabled: disabled, hitSlop: 6, accessibilityRole: "button", accessibilityLabel: `Remove ${children}`, style: { width: sizeTokens.iconSize, height: sizeTokens.iconSize }, children: _jsx(Icon, { name: "close", size: sizeTokens.iconSize, color: colors.fg }) })) : null] }));
+                        }, selectable: false, children: children }), onRemove ? ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { onPress: disabled ? undefined : onRemove, disabled: disabled, hitSlop: 6, accessibilityRole: "button", accessibilityLabel: `Remove ${children}`, style: { width: sizeTokens.iconSize, height: sizeTokens.iconSize }, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "close", size: sizeTokens.iconSize, color: colors.fg }) })) : null] }));
         } }));
 }
-//# sourceMappingURL=Chip.js.map

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

@@ -1,2 +1 @@
 export { Chip, type ChipProps, type ChipSize, type ChipVariant } from './Chip';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Chip/index.js

@@ -1,2 +1,5 @@
-export { Chip } from './Chip';
-//# sourceMappingURL=index.js.map
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chip = void 0;
+var Chip_1 = require("./Chip");
+Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return Chip_1.Chip; } });

package/dist/components/Dialog/Dialog.d.ts

@@ -54,4 +54,3 @@ export type DialogProps = DialogContentProps & {
  */
 export declare function DialogContent({ title: titleText, description, icon, size, children, primaryAction, secondaryAction, style, accessibilityLabel, }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
 export declare function Dialog({ open, onClose, ...contentProps }: DialogProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Dialog.d.ts.map

package/dist/components/Dialog/Dialog.js

@@ -1,9 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Modal, Pressable, View, Text, Platform, } from 'react-native';
-import { useTheme } from '../../theme';
-import { Button } from '../Button';
-import { Icon } from '../Icon';
-import { fontFamily, fontWeight, title, body, controlTokens, } from '../../tokens';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogContent = DialogContent;
+exports.Dialog = Dialog;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../../theme");
+const Button_1 = require("../Button");
+const Icon_1 = require("../Icon");
+const tokens_1 = require("../../tokens");
 // ---------------------------------------------------------------------------
 // Constants
 // ---------------------------------------------------------------------------
@@ -48,61 +52,60 @@ const SHADOW_NATIVE = {
  * Use this for static display (e.g., Storybook visual stories)
  * or when building custom overlay implementations.
  */
-export function DialogContent({ title: titleText, description, icon, size = 'default', children, primaryAction, secondaryAction, style, accessibilityLabel, }) {
-    const { components, colors, scheme } = useTheme();
+function DialogContent({ title: titleText, description, icon, size = 'default', children, primaryAction, secondaryAction, style, accessibilityLabel, }) {
+    const { components, colors, scheme } = (0, theme_1.useTheme)();
     const surfaceTokens = scheme.surface;
     const textTokens = scheme.text;
     const sizeTokens = components.dialog[size];
-    const titleTokens = title[TYPO_SCALE[size]];
-    const bodyTokens = body[TYPO_SCALE[size]];
+    const titleTokens = tokens_1.title[TYPO_SCALE[size]];
+    const bodyTokens = tokens_1.body[TYPO_SCALE[size]];
     const buttonSize = BUTTON_SIZE[size];
     const fgColor = colors.neutral.default.default.fg;
-    const resolvedIcon = typeof icon === 'string' ? (_jsx(Icon, { name: icon, size: sizeTokens.iconSize, color: fgColor })) : (icon);
+    const resolvedIcon = typeof icon === 'string' ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, size: sizeTokens.iconSize, color: fgColor })) : (icon);
     const hasActions = primaryAction || secondaryAction;
-    return (_jsxs(View, { accessibilityRole: "alert", accessibilityLabel: accessibilityLabel || titleText, style: [
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { accessibilityRole: "alert", accessibilityLabel: accessibilityLabel || titleText, style: [
             {
                 width: DIALOG_WIDTH[size],
                 maxWidth: '100%',
                 backgroundColor: surfaceTokens.overlay.bg,
-                borderWidth: controlTokens.borderWidth,
+                borderWidth: tokens_1.controlTokens.borderWidth,
                 borderColor: surfaceTokens.overlay.border,
                 borderRadius: surfaceTokens.overlay.borderRadius,
                 padding: sizeTokens.padding,
                 gap: sizeTokens.gap,
-                ...(Platform.OS === 'web' ? SHADOW_WEB : SHADOW_NATIVE),
+                ...(react_native_1.Platform.OS === 'web' ? SHADOW_WEB : SHADOW_NATIVE),
             },
             style,
-        ], children: [_jsxs(View, { style: { gap: TITLE_DESC_GAP }, children: [_jsxs(View, { style: { gap: HEADER_ICON_GAP }, children: [resolvedIcon, _jsx(Text, { accessibilityRole: "header", style: {
-                                    fontFamily: fontFamily.sans,
-                                    fontWeight: fontWeight.medium,
+        ], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { gap: TITLE_DESC_GAP }, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { gap: HEADER_ICON_GAP }, children: [resolvedIcon, (0, jsx_runtime_1.jsx)(react_native_1.Text, { accessibilityRole: "header", style: {
+                                    fontFamily: tokens_1.fontFamily.sans,
+                                    fontWeight: tokens_1.fontWeight.medium,
                                     fontSize: titleTokens.fontSize,
                                     lineHeight: titleTokens.lineHeight,
                                     letterSpacing: titleTokens.letterSpacing,
                                     color: fgColor,
-                                }, children: titleText })] }), description ? (_jsx(Text, { style: {
-                            fontFamily: fontFamily.sans,
-                            fontWeight: fontWeight.regular,
+                                }, children: titleText })] }), description ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            fontFamily: tokens_1.fontFamily.sans,
+                            fontWeight: tokens_1.fontWeight.regular,
                             fontSize: bodyTokens.fontSize,
                             lineHeight: bodyTokens.lineHeight,
                             letterSpacing: bodyTokens.letterSpacing,
                             color: textTokens.description,
-                        }, children: description })) : null] }), children, hasActions ? (_jsxs(View, { style: {
+                        }, children: description })) : null] }), children, hasActions ? ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
                     flexDirection: 'row',
                     justifyContent: 'flex-end',
                     gap: sizeTokens.gap,
-                }, children: [secondaryAction ? (_jsx(Button, { intent: "neutral", prominence: "default", size: buttonSize, onPress: secondaryAction.onPress, children: secondaryAction.label })) : null, primaryAction ? (_jsx(Button, { intent: "brand", prominence: "bold", size: buttonSize, onPress: primaryAction.onPress, children: primaryAction.label })) : null] })) : null] }));
+                }, children: [secondaryAction ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { intent: "neutral", prominence: "default", size: buttonSize, onPress: secondaryAction.onPress, children: secondaryAction.label })) : null, primaryAction ? ((0, jsx_runtime_1.jsx)(Button_1.Button, { intent: "brand", prominence: "bold", size: buttonSize, onPress: primaryAction.onPress, children: primaryAction.label })) : null] })) : null] }));
 }
 // ---------------------------------------------------------------------------
 // Dialog — full modal with backdrop
 // ---------------------------------------------------------------------------
-export function Dialog({ open, onClose, ...contentProps }) {
-    const { scheme } = useTheme();
+function Dialog({ open, onClose, ...contentProps }) {
+    const { scheme } = (0, theme_1.useTheme)();
     const overlayTokens = scheme.overlay;
-    return (_jsx(Modal, { visible: open, transparent: true, animationType: "fade", onRequestClose: onClose, children: _jsx(Pressable, { onPress: onClose, accessibilityRole: "button", accessibilityLabel: "Close dialog", style: {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Modal, { visible: open, transparent: true, animationType: "fade", onRequestClose: onClose, children: (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { onPress: onClose, accessibilityRole: "button", accessibilityLabel: "Close dialog", style: {
                 flex: 1,
                 backgroundColor: `rgba(0, 0, 0, ${overlayTokens.scrimOpacity})`,
                 justifyContent: 'center',
                 alignItems: 'center',
-            }, children: _jsx(Pressable, { onPress: (e) => e.stopPropagation(), accessibilityRole: "none", style: { maxWidth: '90%' }, children: _jsx(DialogContent, { ...contentProps }) }) }) }));
+            }, children: (0, jsx_runtime_1.jsx)(react_native_1.Pressable, { onPress: (e) => e.stopPropagation(), accessibilityRole: "none", style: { maxWidth: '90%' }, children: (0, jsx_runtime_1.jsx)(DialogContent, { ...contentProps }) }) }) }));
 }
-//# sourceMappingURL=Dialog.js.map

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

@@ -1,2 +1 @@
 export { Dialog, DialogContent, type DialogProps, type DialogContentProps, type DialogAction, type DialogSize, } from './Dialog';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Dialog/index.js

@@ -1,2 +1,6 @@
-export { Dialog, DialogContent, } from './Dialog';
-//# sourceMappingURL=index.js.map
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogContent = exports.Dialog = void 0;
+var Dialog_1 = require("./Dialog");
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return Dialog_1.Dialog; } });
+Object.defineProperty(exports, "DialogContent", { enumerable: true, get: function () { return Dialog_1.DialogContent; } });

package/dist/components/Divider/Divider.d.ts

@@ -20,4 +20,3 @@ export type DividerProps = {
     style?: StyleProp<ViewStyle>;
 };
 export declare function Divider({ orientation, color, style, }: DividerProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Divider.d.ts.map

package/dist/components/Divider/Divider.js

@@ -1,17 +1,19 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { View } from 'react-native';
-import { useTheme } from '../../theme';
-import { controlTokens } from '../../tokens';
-export function Divider({ orientation = 'horizontal', color, style, }) {
-    const { scheme } = useTheme();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Divider = Divider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../../theme");
+const tokens_1 = require("../../tokens");
+function Divider({ orientation = 'horizontal', color, style, }) {
+    const { scheme } = (0, theme_1.useTheme)();
     const resolvedColor = color ?? scheme.surface.overlay.border;
     const isVertical = orientation === 'vertical';
-    return (_jsx(View, { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", style: [
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", style: [
             isVertical
-                ? { alignSelf: 'stretch', width: controlTokens.borderWidth }
-                : { alignSelf: 'stretch', height: controlTokens.borderWidth },
+                ? { alignSelf: 'stretch', width: tokens_1.controlTokens.borderWidth }
+                : { alignSelf: 'stretch', height: tokens_1.controlTokens.borderWidth },
             { backgroundColor: resolvedColor },
             style,
         ] }));
 }
-//# sourceMappingURL=Divider.js.map

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

@@ -1,2 +1 @@
 export { Divider, type DividerProps, type DividerOrientation } from './Divider';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Divider/index.js

@@ -1,2 +1,5 @@
-export { Divider } from './Divider';
-//# sourceMappingURL=index.js.map
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Divider = void 0;
+var Divider_1 = require("./Divider");
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.Divider; } });

package/dist/components/Icon/Icon.d.ts

@@ -40,4 +40,3 @@ export type IconProps = {
     style?: StyleProp<TextStyle>;
 };
 export declare function Icon({ name, size, color, fill, weight, grade, opticalSize, style, }: IconProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Icon.d.ts.map

package/dist/components/Icon/Icon.js

@@ -1,18 +1,21 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Text, Platform } from 'react-native';
-const FONT_FAMILY = Platform.select({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = Icon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const FONT_FAMILY = react_native_1.Platform.select({
     web: '"Material Symbols Outlined", sans-serif',
     default: 'MaterialSymbolsOutlined',
 });
-export function Icon({ name, size = 20, color = '#374151', fill = false, weight = 400, grade = 0, opticalSize, style, }) {
+function Icon({ name, size = 20, color = '#374151', fill = false, weight = 400, grade = 0, opticalSize, style, }) {
     // Material Symbols variable-font axes — applied on web via fontVariationSettings.
     const opsz = Math.min(48, Math.max(20, opticalSize ?? size));
-    const variationStyle = Platform.OS === 'web'
+    const variationStyle = react_native_1.Platform.OS === 'web'
         ? {
             fontVariationSettings: `'FILL' ${fill ? 1 : 0}, 'wght' ${weight}, 'GRAD' ${grade}, 'opsz' ${opsz}`,
         }
         : null;
-    return (_jsx(Text, { selectable: false, accessibilityElementsHidden: true, importantForAccessibility: "no", style: [
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { selectable: false, accessibilityElementsHidden: true, importantForAccessibility: "no", style: [
             {
                 fontFamily: FONT_FAMILY,
                 fontSize: size,
@@ -33,4 +36,3 @@ export function Icon({ name, size = 20, color = '#374151', fill = false, weight
             style,
         ], children: name }));
 }
-//# sourceMappingURL=Icon.js.map

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

@@ -1,2 +1 @@
 export { Icon, type IconProps } from './Icon';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Icon/index.js

@@ -1,2 +1,5 @@
-export { Icon } from './Icon';
-//# sourceMappingURL=index.js.map
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = void 0;
+var Icon_1 = require("./Icon");
+Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return Icon_1.Icon; } });

package/dist/components/Input/Input.d.ts

@@ -60,4 +60,3 @@ export type InputProps = {
     accessibilityLabel?: string;
 };
 export declare function Input({ label: formLabel, helperText, placeholder, value, defaultValue, onChangeText, size, error, disabled, leadingIcon, trailingIcon, secureTextEntry, keyboardType, autoCapitalize, returnKeyType, onSubmitEditing, onFocus, onBlur, style, accessibilityLabel, }: InputProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Input.d.ts.map

package/dist/components/Input/Input.js

@@ -1,4 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = Input;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Input — single-line text field with label and helper/error text.
  *
@@ -15,11 +18,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Label uses the label scale, the value/placeholder the body scale (both
  * matched to size); helper text uses the caption scale.
  */
-import { useState } from 'react';
-import { View, Text, TextInput, Platform, } from 'react-native';
-import { useTheme } from '../../theme';
-import { Icon } from '../Icon';
-import { fontFamily, fontWeight, label, body, caption, controlTokens, } from '../../tokens';
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const theme_1 = require("../../theme");
+const Icon_1 = require("../Icon");
+const tokens_1 = require("../../tokens");
 // ---------------------------------------------------------------------------
 // Constants
 // ---------------------------------------------------------------------------
@@ -39,13 +42,13 @@ const BODY_SCALE = {
 // ---------------------------------------------------------------------------
 // Component
 // ---------------------------------------------------------------------------
-export function Input({ label: formLabel, helperText, placeholder, value, defaultValue, onChangeText, size = 'default', error = false, disabled = false, leadingIcon, trailingIcon, secureTextEntry, keyboardType, autoCapitalize, returnKeyType, onSubmitEditing, onFocus, onBlur, style, accessibilityLabel, }) {
-    const { components, scheme } = useTheme();
+function Input({ label: formLabel, helperText, placeholder, value, defaultValue, onChangeText, size = 'default', error = false, disabled = false, leadingIcon, trailingIcon, secureTextEntry, keyboardType, autoCapitalize, returnKeyType, onSubmitEditing, onFocus, onBlur, style, accessibilityLabel, }) {
+    const { components, scheme } = (0, theme_1.useTheme)();
     const sizeTokens = components.input[size];
-    const labelTypo = label[LABEL_SCALE[size]];
-    const bodyTypo = body[BODY_SCALE[size]];
-    const [isHovered, setIsHovered] = useState(false);
-    const [isFocused, setIsFocused] = useState(false);
+    const labelTypo = tokens_1.label[LABEL_SCALE[size]];
+    const bodyTypo = tokens_1.body[BODY_SCALE[size]];
+    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
     const disabledColors = scheme.disabled;
     const errorTokens = scheme.error;
     const textTokens = scheme.text;
@@ -57,27 +60,27 @@ export function Input({ label: formLabel, helperText, placeholder, value, defaul
     if (disabled) {
         bg = disabledColors.bg;
         borderColor = disabledColors.border;
-        borderWidth = controlTokens.borderWidth;
+        borderWidth = tokens_1.controlTokens.borderWidth;
     }
     else if (isFocused) {
         bg = neutral.default.bg;
         borderColor = scheme.focusRing.color;
-        borderWidth = controlTokens.focusRingWidth;
+        borderWidth = tokens_1.controlTokens.focusRingWidth;
     }
     else if (error) {
         bg = neutral.default.bg;
         borderColor = errorTokens.border;
-        borderWidth = controlTokens.borderWidth;
+        borderWidth = tokens_1.controlTokens.borderWidth;
     }
     else if (isHovered) {
         bg = neutral.hover.bg;
         borderColor = neutral.hover.border;
-        borderWidth = controlTokens.borderWidth;
+        borderWidth = tokens_1.controlTokens.borderWidth;
     }
     else {
         bg = neutral.default.bg;
         borderColor = neutral.default.border;
-        borderWidth = controlTokens.borderWidth;
+        borderWidth = tokens_1.controlTokens.borderWidth;
     }
     const textColor = disabled ? disabledColors.fg : neutral.default.fg;
     const labelColor = disabled ? disabledColors.fg : neutral.default.fg;
@@ -87,19 +90,19 @@ export function Input({ label: formLabel, helperText, placeholder, value, defaul
             ? errorTokens.fg
             : textTokens.description;
     const iconColor = disabled ? disabledColors.fg : neutral.default.fg;
-    const resolvedLeading = typeof leadingIcon === 'string' ? (_jsx(Icon, { name: leadingIcon, size: ICON_SIZE, color: iconColor })) : (leadingIcon);
-    const resolvedTrailing = typeof trailingIcon === 'string' ? (_jsx(Icon, { name: trailingIcon, size: ICON_SIZE, color: iconColor })) : (trailingIcon);
-    return (_jsxs(View, { style: [
+    const resolvedLeading = typeof leadingIcon === 'string' ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: leadingIcon, size: ICON_SIZE, color: iconColor })) : (leadingIcon);
+    const resolvedTrailing = typeof trailingIcon === 'string' ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: trailingIcon, size: ICON_SIZE, color: iconColor })) : (trailingIcon);
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
             { alignSelf: 'stretch', gap: components.input.fieldGap },
             style,
-        ], children: [formLabel ? (_jsx(Text, { style: {
-                    fontFamily: fontFamily.sans,
-                    fontWeight: fontWeight.medium,
+        ], children: [formLabel ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                    fontFamily: tokens_1.fontFamily.sans,
+                    fontWeight: tokens_1.fontWeight.medium,
                     fontSize: labelTypo.fontSize,
                     lineHeight: labelTypo.lineHeight,
                     letterSpacing: labelTypo.letterSpacing,
                     color: labelColor,
-                }, selectable: false, children: formLabel })) : null, _jsxs(View, { onPointerEnter: disabled ? undefined : () => setIsHovered(true), onPointerLeave: disabled ? undefined : () => setIsHovered(false), style: {
+                }, selectable: false, children: formLabel })) : null, (0, jsx_runtime_1.jsxs)(react_native_1.View, { onPointerEnter: disabled ? undefined : () => setIsHovered(true), onPointerLeave: disabled ? undefined : () => setIsHovered(false), style: {
                     flexDirection: 'row',
                     alignItems: 'center',
                     gap: sizeTokens.gap,
@@ -109,7 +112,7 @@ export function Input({ label: formLabel, helperText, placeholder, value, defaul
                     borderWidth,
                     borderColor,
                     backgroundColor: bg,
-                }, children: [resolvedLeading ? (_jsx(View, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { width: ICON_SIZE, height: ICON_SIZE }, children: resolvedLeading })) : null, _jsx(TextInput, { value: value, defaultValue: defaultValue, onChangeText: onChangeText, placeholder: placeholder, placeholderTextColor: textTokens.placeholder, editable: !disabled, secureTextEntry: secureTextEntry, keyboardType: keyboardType, autoCapitalize: autoCapitalize, returnKeyType: returnKeyType, onSubmitEditing: onSubmitEditing, onFocus: () => {
+                }, children: [resolvedLeading ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { width: ICON_SIZE, height: ICON_SIZE }, children: resolvedLeading })) : null, (0, jsx_runtime_1.jsx)(react_native_1.TextInput, { value: value, defaultValue: defaultValue, onChangeText: onChangeText, placeholder: placeholder, placeholderTextColor: textTokens.placeholder, editable: !disabled, secureTextEntry: secureTextEntry, keyboardType: keyboardType, autoCapitalize: autoCapitalize, returnKeyType: returnKeyType, onSubmitEditing: onSubmitEditing, onFocus: () => {
                             setIsFocused(true);
                             onFocus?.();
                         }, onBlur: () => {
@@ -117,23 +120,22 @@ export function Input({ label: formLabel, helperText, placeholder, value, defaul
                             onBlur?.();
                         }, accessibilityLabel: accessibilityLabel || formLabel, style: {
                             flex: 1,
-                            fontFamily: fontFamily.sans,
-                            fontWeight: fontWeight.regular,
+                            fontFamily: tokens_1.fontFamily.sans,
+                            fontWeight: tokens_1.fontWeight.regular,
                             fontSize: bodyTypo.fontSize,
                             lineHeight: bodyTypo.lineHeight,
                             letterSpacing: bodyTypo.letterSpacing,
                             color: textColor,
                             padding: 0,
-                            ...(Platform.OS === 'web'
+                            ...(react_native_1.Platform.OS === 'web'
                                 ? { outlineWidth: 0 }
                                 : {}),
-                        } }), resolvedTrailing ? (_jsx(View, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { width: ICON_SIZE, height: ICON_SIZE }, children: resolvedTrailing })) : null] }), helperText ? (_jsx(Text, { style: {
-                    fontFamily: fontFamily.sans,
-                    fontWeight: fontWeight.regular,
-                    fontSize: caption.fontSize,
-                    lineHeight: caption.lineHeight,
-                    letterSpacing: caption.letterSpacing,
+                        } }), resolvedTrailing ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { width: ICON_SIZE, height: ICON_SIZE }, children: resolvedTrailing })) : null] }), helperText ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                    fontFamily: tokens_1.fontFamily.sans,
+                    fontWeight: tokens_1.fontWeight.regular,
+                    fontSize: tokens_1.caption.fontSize,
+                    lineHeight: tokens_1.caption.lineHeight,
+                    letterSpacing: tokens_1.caption.letterSpacing,
                     color: helperColor,
                 }, selectable: false, children: helperText })) : null] }));
 }
-//# sourceMappingURL=Input.js.map

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

@@ -1,2 +1 @@
 export { Input, type InputProps, type InputSize } from './Input';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Input/index.js

@@ -1,2 +1,5 @@
-export { Input } from './Input';
-//# sourceMappingURL=index.js.map
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = void 0;
+var Input_1 = require("./Input");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });

package/dist/components/List/List.d.ts

@@ -56,4 +56,3 @@ export type ListItemProps = {
     accessibilityLabel?: string;
 };
 export declare function ListItem({ children, description, icon, trailingIcon, selected, disabled, onPress, style, accessibilityLabel, }: ListItemProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=List.d.ts.map