@castui/cast-ui 4.2.0 → 4.2.2

package/dist/components/Checkbox/Checkbox.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.Checkbox = Checkbox;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Checkbox — binary (or tri-state) choice control.
  *
@@ -11,29 +14,29 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * (sizes track the `size` prop; gap tracks density). Colours come from the
  * active theme scheme's `checkbox` set + the focus-ring colour.
  */
-import { useState, useCallback } from 'react';
-import { Pressable, View, Text, } from 'react-native';
-import { useTheme } from '../../theme';
-import { Icon } from '../Icon';
-import { fontFamily, fontWeight, label, 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");
 /** Maps checkbox size → label typography scale */
 const LABEL_SCALE = {
     small: 'sm',
     default: 'md',
     large: 'lg',
 };
-export function Checkbox({ checked = false, onChange, children, size = 'default', disabled = false, style, accessibilityLabel, }) {
-    const { components, scheme } = useTheme();
+function Checkbox({ checked = false, onChange, children, size = 'default', disabled = false, style, accessibilityLabel, }) {
+    const { components, scheme } = (0, theme_1.useTheme)();
     const checkboxColors = scheme.checkbox;
     const tokens = components.checkbox;
     const sizeTokens = tokens[size];
-    const labelTokens = label[LABEL_SCALE[size]];
-    const [isHovered, setIsHovered] = useState(false);
-    const [isFocused, setIsFocused] = useState(false);
+    const labelTokens = tokens_1.label[LABEL_SCALE[size]];
+    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
     const isIndeterminate = checked === 'indeterminate';
     const isChecked = checked === true;
     const isOn = isChecked || isIndeterminate;
-    const handlePress = useCallback(() => {
+    const handlePress = (0, react_1.useCallback)(() => {
         if (!disabled)
             onChange?.(!isChecked);
     }, [disabled, onChange, isChecked]);
@@ -45,7 +48,7 @@ export function Checkbox({ checked = false, onChange, children, size = 'default'
     if (disabled) {
         boxBg = checkboxColors.box.disabled.bg;
         boxBorderColor = checkboxColors.box.disabled.border;
-        boxBorderWidth = controlTokens.borderWidth;
+        boxBorderWidth = tokens_1.controlTokens.borderWidth;
     }
     else if (isOn) {
         boxBg = checkboxColors.box.checked.bg;
@@ -62,17 +65,17 @@ export function Checkbox({ checked = false, onChange, children, size = 'default'
         }
         else if (isHovered) {
             boxBorderColor = checkboxColors.box.uncheckedHover.border;
-            boxBorderWidth = controlTokens.borderWidth;
+            boxBorderWidth = tokens_1.controlTokens.borderWidth;
         }
         else {
             boxBorderColor = checkboxColors.box.uncheckedDefault.border;
-            boxBorderWidth = controlTokens.borderWidth;
+            boxBorderWidth = tokens_1.controlTokens.borderWidth;
         }
     }
     const glyphColor = disabled
         ? checkboxColors.icon.disabled
         : checkboxColors.icon.default;
-    return (_jsxs(Pressable, { onPress: handlePress, disabled: disabled, onHoverIn: () => setIsHovered(true), onHoverOut: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), accessibilityRole: "checkbox", accessibilityLabel: accessibilityLabel || children, accessibilityState: {
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { onPress: handlePress, disabled: disabled, onHoverIn: () => setIsHovered(true), onHoverOut: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), accessibilityRole: "checkbox", accessibilityLabel: accessibilityLabel || children, accessibilityState: {
             checked: isIndeterminate ? 'mixed' : isChecked,
             disabled,
         }, style: [
@@ -82,7 +85,7 @@ export function Checkbox({ checked = false, onChange, children, size = 'default'
                 gap: tokens.gap,
             },
             style,
-        ], children: [_jsx(View, { style: {
+        ], children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
                     width: sizeTokens.indicatorSize,
                     height: sizeTokens.indicatorSize,
                     borderRadius: tokens.borderRadius,
@@ -91,9 +94,9 @@ export function Checkbox({ checked = false, onChange, children, size = 'default'
                     borderColor: boxBorderColor,
                     alignItems: 'center',
                     justifyContent: 'center',
-                }, children: isChecked ? (_jsx(Icon, { name: "check", size: sizeTokens.iconSize, color: glyphColor })) : isIndeterminate ? (_jsx(Icon, { name: "remove", size: sizeTokens.iconSize, color: glyphColor })) : null }), children ? (_jsx(Text, { style: {
-                    fontFamily: fontFamily.sans,
-                    fontWeight: fontWeight.medium,
+                }, children: isChecked ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "check", size: sizeTokens.iconSize, color: glyphColor })) : isIndeterminate ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "remove", size: sizeTokens.iconSize, color: glyphColor })) : null }), children ? ((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,
@@ -102,4 +105,3 @@ export function Checkbox({ checked = false, onChange, children, size = 'default'
                         : checkboxColors.label.default,
                 }, selectable: false, children: children })) : null] }));
 }
-//# sourceMappingURL=Checkbox.js.map

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

@@ -1,2 +1 @@
 export { Checkbox, type CheckboxProps, type CheckboxSize, type CheckboxChecked, } from './Checkbox';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Checkbox/index.js

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

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

@@ -10,10 +10,13 @@
  *     runtime dependencies (no per-icon SVG packages, no vector-icons dep).
  *
  * Rendering uses font ligatures: the `name` text (e.g. "chevron_right") is
- * shaped into the glyph by the font. Requires the font to be loaded:
+ * shaped into the glyph by the font. Requires the font to be loaded — on web
+ * both the `MaterialSymbolsOutlined` and `Material Symbols Outlined` family
+ * names are accepted, so any one of these paths works:
  *   - Web: Google Fonts CSS import (see .storybook/preview-head.html), or
  *     self-host the same `Material Symbols Outlined` family.
- *   - Expo: load `MaterialSymbolsOutlined` via expo-font / useFonts.
+ *   - Expo (iOS, Android, and web): load `MaterialSymbolsOutlined` via
+ *     expo-font / useFonts — one registration covers all three platforms.
  *   - Bare RN: link the .ttf as a font asset (react-native.config.js / Xcode).
  *
  * The fill / weight / grade / opticalSize axes are applied via CSS
@@ -40,4 +43,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,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Text, Platform } from 'react-native';
-const FONT_FAMILY = Platform.select({
-    web: '"Material Symbols Outlined", sans-serif',
+"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");
+// Web accepts both family names so the Google-Fonts CSS path (spaced name)
+// and the expo-font/useFonts path (unspaced key) work without consumer
+// configuration. Fonts registered via expo-font on web keep their object key
+// as the family name.
+const FONT_FAMILY = react_native_1.Platform.select({
+    web: 'MaterialSymbolsOutlined, "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 +40,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