@castui/cast-ui 4.2.0 → 4.2.1

package/dist/components/List/List.js

@@ -1,4 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.List = List;
+exports.ListSubheader = ListSubheader;
+exports.ListDivider = ListDivider;
+exports.ListItem = ListItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * List — vertical collection of items with optional section subheaders.
  *
@@ -13,16 +19,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * icon size via the theme's `list` tokens. Colours come from the theme's
  * colour scheme (`scheme.list`, constant across densities).
  */
-import { useState } from 'react';
-import { Pressable, View, Text, } from 'react-native';
-import { useTheme } from '../../theme';
-import { Icon } from '../Icon';
-import { fontFamily, fontWeight, label, body, caption, } from '../../tokens';
-export function List({ children, style, accessibilityLabel }) {
-    const { components, scheme } = useTheme();
+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");
+function List({ children, style, accessibilityLabel }) {
+    const { components, scheme } = (0, theme_1.useTheme)();
     const listColors = scheme.list;
     const tokens = components.list;
-    return (_jsx(View, { accessibilityRole: "list", accessibilityLabel: accessibilityLabel, style: [
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityRole: "list", accessibilityLabel: accessibilityLabel, style: [
             {
                 backgroundColor: listColors.containerBg,
                 gap: tokens.sectionGap,
@@ -31,29 +37,29 @@ export function List({ children, style, accessibilityLabel }) {
             style,
         ], children: children }));
 }
-export function ListSubheader({ children, style }) {
-    const { components, scheme } = useTheme();
+function ListSubheader({ children, style }) {
+    const { components, scheme } = (0, theme_1.useTheme)();
     const listColors = scheme.list;
     const tokens = components.list.subheader;
-    return (_jsx(View, { style: [
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
             {
                 paddingHorizontal: tokens.paddingX,
                 paddingVertical: tokens.paddingY,
             },
             style,
-        ], children: _jsx(Text, { style: {
-                fontFamily: fontFamily.sans,
-                fontWeight: fontWeight.regular,
-                fontSize: caption.fontSize,
-                lineHeight: caption.lineHeight,
-                letterSpacing: caption.letterSpacing,
+        ], children: (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: listColors.subheaderFg,
             }, selectable: false, children: children }) }));
 }
-export function ListDivider({ style }) {
-    const { scheme } = useTheme();
+function ListDivider({ style }) {
+    const { scheme } = (0, theme_1.useTheme)();
     const listColors = scheme.list;
-    return (_jsx(View, { accessibilityRole: "none", style: [
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityRole: "none", style: [
             {
                 height: 1,
                 backgroundColor: listColors.separator,
@@ -61,11 +67,11 @@ export function ListDivider({ style }) {
             style,
         ] }));
 }
-export function ListItem({ children, description, icon, trailingIcon, selected = false, disabled = false, onPress, style, accessibilityLabel, }) {
-    const { components, scheme } = useTheme();
+function ListItem({ children, description, icon, trailingIcon, selected = false, disabled = false, onPress, style, accessibilityLabel, }) {
+    const { components, scheme } = (0, theme_1.useTheme)();
     const listColors = scheme.list;
     const tokens = components.list.item;
-    const [isHovered, setIsHovered] = useState(false);
+    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
     // State priority: disabled > selected+hover > selected > hover > default
     const colors = disabled
         ? listColors.item.disabled
@@ -76,9 +82,9 @@ export function ListItem({ children, description, icon, trailingIcon, selected =
                 : isHovered
                     ? listColors.item.hover
                     : listColors.item.default;
-    const resolvedIcon = typeof icon === 'string' ? (_jsx(Icon, { name: icon, size: tokens.iconSize, color: colors.fg })) : (icon);
-    const resolvedTrailing = typeof trailingIcon === 'string' ? (_jsx(Icon, { name: trailingIcon, size: tokens.iconSize, color: colors.fg })) : (trailingIcon);
-    return (_jsxs(Pressable, { onPress: (e) => {
+    const resolvedIcon = typeof icon === 'string' ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, size: tokens.iconSize, color: colors.fg })) : (icon);
+    const resolvedTrailing = typeof trailingIcon === 'string' ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: trailingIcon, size: tokens.iconSize, color: colors.fg })) : (trailingIcon);
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { onPress: (e) => {
             if (!disabled)
                 onPress?.(e);
         }, onHoverIn: () => setIsHovered(true), onHoverOut: () => setIsHovered(false), disabled: disabled || !onPress, accessibilityRole: "menuitem", accessibilityLabel: accessibilityLabel || children, accessibilityState: { selected, disabled }, style: [
@@ -92,20 +98,19 @@ export function ListItem({ children, description, icon, trailingIcon, selected =
                 backgroundColor: colors.bg,
             },
             style,
-        ], children: [resolvedIcon ? (_jsx(View, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { width: tokens.iconSize, height: tokens.iconSize }, children: resolvedIcon })) : null, _jsxs(View, { style: { flex: 1, justifyContent: 'center' }, children: [_jsx(Text, { style: {
-                            fontFamily: fontFamily.sans,
-                            fontWeight: fontWeight.medium,
-                            fontSize: label.md.fontSize,
-                            lineHeight: label.md.lineHeight,
-                            letterSpacing: label.md.letterSpacing,
+        ], children: [resolvedIcon ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { width: tokens.iconSize, height: tokens.iconSize }, children: resolvedIcon })) : null, (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flex: 1, justifyContent: 'center' }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            fontFamily: tokens_1.fontFamily.sans,
+                            fontWeight: tokens_1.fontWeight.medium,
+                            fontSize: tokens_1.label.md.fontSize,
+                            lineHeight: tokens_1.label.md.lineHeight,
+                            letterSpacing: tokens_1.label.md.letterSpacing,
                             color: colors.fg,
-                        }, selectable: false, children: children }), description ? (_jsx(Text, { style: {
-                            fontFamily: fontFamily.sans,
-                            fontWeight: fontWeight.regular,
-                            fontSize: body.md.fontSize,
-                            lineHeight: body.md.lineHeight,
-                            letterSpacing: body.md.letterSpacing,
+                        }, selectable: false, children: children }), description ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
+                            fontFamily: tokens_1.fontFamily.sans,
+                            fontWeight: tokens_1.fontWeight.regular,
+                            fontSize: tokens_1.body.md.fontSize,
+                            lineHeight: tokens_1.body.md.lineHeight,
+                            letterSpacing: tokens_1.body.md.letterSpacing,
                             color: disabled ? colors.fg : listColors.descriptionFg,
-                        }, selectable: false, children: description })) : null] }), resolvedTrailing ? (_jsx(View, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { width: tokens.iconSize, height: tokens.iconSize }, children: resolvedTrailing })) : null] }));
+                        }, selectable: false, children: description })) : null] }), resolvedTrailing ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { width: tokens.iconSize, height: tokens.iconSize }, children: resolvedTrailing })) : null] }));
 }
-//# sourceMappingURL=List.js.map

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

@@ -1,2 +1 @@
 export { List, ListItem, ListSubheader, ListDivider, type ListProps, type ListItemProps, type ListSubheaderProps, type ListDividerProps, } from './List';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/List/index.js

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

package/dist/components/Popover/Popover.d.ts

@@ -32,4 +32,3 @@ export type PopoverProps = {
     accessibilityLabel?: string;
 };
 export declare function Popover({ children, direction, size, hideArrow, style, accessibilityLabel, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Popover.d.ts.map

package/dist/components/Popover/Popover.js

@@ -1,6 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { View, Platform, } from 'react-native';
-import { useTheme } from '../../theme';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popover = Popover;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const theme_1 = require("../../theme");
 // ---------------------------------------------------------------------------
 // Constants
 // ---------------------------------------------------------------------------
@@ -15,7 +18,7 @@ const SHADOW_NATIVE = {
     shadowRadius: 6,
     elevation: 4,
 };
-const SHADOW = Platform.OS === 'web' ? SHADOW_WEB : SHADOW_NATIVE;
+const SHADOW = react_native_1.Platform.OS === 'web' ? SHADOW_WEB : SHADOW_NATIVE;
 // ---------------------------------------------------------------------------
 // Component
 // ---------------------------------------------------------------------------
@@ -41,12 +44,12 @@ function arrowStyle(direction, arrowSize, backgroundColor) {
             return { ...base, bottom: -half, left: '50%', marginLeft: -half };
     }
 }
-export function Popover({ children, direction = 'bottom', size = 'default', hideArrow = false, style, accessibilityLabel, }) {
-    const { components, scheme } = useTheme();
+function Popover({ children, direction = 'bottom', size = 'default', hideArrow = false, style, accessibilityLabel, }) {
+    const { components, scheme } = (0, theme_1.useTheme)();
     const surfaceTokens = scheme.surface;
     const tokens = components.popover;
     const sizeTokens = tokens[size];
-    return (_jsxs(View, { accessibilityLabel: accessibilityLabel, style: [
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { accessibilityLabel: accessibilityLabel, style: [
             {
                 alignSelf: 'flex-start',
                 backgroundColor: surfaceTokens.overlay.bg,
@@ -55,6 +58,5 @@ export function Popover({ children, direction = 'bottom', size = 'default', hide
                 ...SHADOW,
             },
             style,
-        ], children: [!hideArrow ? (_jsx(View, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: arrowStyle(direction, tokens.arrowSize, surfaceTokens.overlay.bg) })) : null, children] }));
+        ], children: [!hideArrow ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: arrowStyle(direction, tokens.arrowSize, surfaceTokens.overlay.bg) })) : null, children] }));
 }
-//# sourceMappingURL=Popover.js.map

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

@@ -1,2 +1 @@
 export { Popover, type PopoverProps, type PopoverSize, type PopoverDirection, } from './Popover';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Popover/index.js

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

package/dist/components/Radio/Radio.d.ts

@@ -50,4 +50,3 @@ export type RadioGroupProps = {
 };
 export declare function RadioGroup({ value, onValueChange, size, disabled, children, style, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
 export declare function Radio({ value, checked, onChange, children, size, disabled, style, accessibilityLabel, }: RadioProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Radio.d.ts.map

package/dist/components/Radio/Radio.js

@@ -1,4 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = RadioGroup;
+exports.Radio = Radio;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Radio — single-choice control, used individually or within a RadioGroup.
  *
@@ -14,11 +18,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * RadioGroup provides single-selection semantics: each child Radio with a
  * `value` reflects `group.value === value` and reports selection upward.
  */
-import { createContext, useContext, useState, useCallback, } from 'react';
-import { Pressable, View, Text, } from 'react-native';
-import { useTheme } from '../../theme';
-import { fontFamily, fontWeight, label, controlTokens } from '../../tokens';
-const RadioGroupCtx = createContext(null);
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const theme_1 = require("../../theme");
+const tokens_1 = require("../../tokens");
+const RadioGroupCtx = (0, react_1.createContext)(null);
 /** Maps radio size → label typography scale */
 const LABEL_SCALE = {
     small: 'sm',
@@ -28,26 +32,26 @@ const LABEL_SCALE = {
 // ---------------------------------------------------------------------------
 // RadioGroup
 // ---------------------------------------------------------------------------
-export function RadioGroup({ value, onValueChange, size = 'default', disabled = false, children, style, }) {
-    const { components } = useTheme();
-    return (_jsx(RadioGroupCtx.Provider, { value: { value, onValueChange, size, disabled }, children: _jsx(View, { accessibilityRole: "radiogroup", style: [{ gap: components.radio.gap }, style], children: children }) }));
+function RadioGroup({ value, onValueChange, size = 'default', disabled = false, children, style, }) {
+    const { components } = (0, theme_1.useTheme)();
+    return ((0, jsx_runtime_1.jsx)(RadioGroupCtx.Provider, { value: { value, onValueChange, size, disabled }, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityRole: "radiogroup", style: [{ gap: components.radio.gap }, style], children: children }) }));
 }
 // ---------------------------------------------------------------------------
 // Radio
 // ---------------------------------------------------------------------------
-export function Radio({ value, checked, onChange, children, size, disabled, style, accessibilityLabel, }) {
-    const { components, scheme } = useTheme();
+function Radio({ value, checked, onChange, children, size, disabled, style, accessibilityLabel, }) {
+    const { components, scheme } = (0, theme_1.useTheme)();
     const radioColors = scheme.radio;
-    const group = useContext(RadioGroupCtx);
+    const group = (0, react_1.useContext)(RadioGroupCtx);
     const resolvedSize = size ?? group?.size ?? 'default';
     const resolvedDisabled = disabled ?? group?.disabled ?? false;
     const isChecked = group != null && value != null ? group.value === value : checked === true;
     const tokens = components.radio;
     const sizeTokens = tokens[resolvedSize];
-    const labelTokens = label[LABEL_SCALE[resolvedSize]];
-    const [isHovered, setIsHovered] = useState(false);
-    const [isFocused, setIsFocused] = useState(false);
-    const handlePress = useCallback(() => {
+    const labelTokens = tokens_1.label[LABEL_SCALE[resolvedSize]];
+    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    const handlePress = (0, react_1.useCallback)(() => {
         if (resolvedDisabled)
             return;
         if (group != null && value != null) {
@@ -64,7 +68,7 @@ export function Radio({ value, checked, onChange, children, size, disabled, styl
     if (resolvedDisabled) {
         ringBg = radioColors.indicator.disabled.bg;
         ringBorderColor = radioColors.indicator.disabled.border;
-        ringBorderWidth = controlTokens.borderWidth;
+        ringBorderWidth = tokens_1.controlTokens.borderWidth;
     }
     else if (isChecked) {
         ringBg = isHovered
@@ -83,20 +87,20 @@ export function Radio({ value, checked, onChange, children, size, disabled, styl
         }
         else if (isHovered) {
             ringBorderColor = radioColors.indicator.uncheckedHover.border;
-            ringBorderWidth = controlTokens.borderWidth;
+            ringBorderWidth = tokens_1.controlTokens.borderWidth;
         }
         else {
             ringBorderColor = radioColors.indicator.uncheckedDefault.border;
-            ringBorderWidth = controlTokens.borderWidth;
+            ringBorderWidth = tokens_1.controlTokens.borderWidth;
         }
     }
     const dotColor = resolvedDisabled
         ? radioColors.dot.disabled
         : radioColors.dot.default;
-    return (_jsxs(Pressable, { onPress: handlePress, disabled: resolvedDisabled, onHoverIn: () => setIsHovered(true), onHoverOut: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), accessibilityRole: "radio", accessibilityLabel: accessibilityLabel || children, accessibilityState: { checked: isChecked, disabled: resolvedDisabled }, style: [
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { onPress: handlePress, disabled: resolvedDisabled, onHoverIn: () => setIsHovered(true), onHoverOut: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), accessibilityRole: "radio", accessibilityLabel: accessibilityLabel || children, accessibilityState: { checked: isChecked, disabled: resolvedDisabled }, style: [
             { flexDirection: 'row', alignItems: 'flex-start', 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,
@@ -105,14 +109,14 @@ export function Radio({ value, checked, onChange, children, size, disabled, styl
                     borderColor: ringBorderColor,
                     alignItems: 'center',
                     justifyContent: 'center',
-                }, children: isChecked ? (_jsx(View, { style: {
+                }, children: isChecked ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
                         width: sizeTokens.dotSize,
                         height: sizeTokens.dotSize,
                         borderRadius: sizeTokens.dotSize / 2,
                         backgroundColor: dotColor,
-                    } })) : null }), children ? (_jsx(Text, { style: {
-                    fontFamily: fontFamily.sans,
-                    fontWeight: fontWeight.medium,
+                    } })) : 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,
@@ -121,4 +125,3 @@ export function Radio({ value, checked, onChange, children, size, disabled, styl
                         : radioColors.label.default,
                 }, selectable: false, children: children })) : null] }));
 }
-//# sourceMappingURL=Radio.js.map

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

@@ -1,2 +1 @@
 export { Radio, RadioGroup, type RadioProps, type RadioGroupProps, type RadioSize, } from './Radio';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Radio/index.js

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

package/dist/components/Select/Select.d.ts

@@ -93,4 +93,3 @@ export type SelectContentProps = {
 };
 export declare function SelectContent({ children, style }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
 export declare function Select({ type, size, label: formLabel, helperText, placeholder, leadingIcon, disabled, error, value, onValueChange, values, onValuesChange, searchValue, onSearchChange, children, style, accessibilityLabel, }: SelectProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Select.d.ts.map