@castui/cast-ui 4.2.0 → 4.2.2

package/dist/components/Toggle/Toggle.d.ts

@@ -29,4 +29,3 @@ export type ToggleProps = {
     accessibilityLabel?: string;
 };
 export declare function Toggle({ checked, onChange, children, size, disabled, style, accessibilityLabel, }: ToggleProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Toggle.d.ts.map

package/dist/components/Toggle/Toggle.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.Toggle = Toggle;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * Toggle — on/off switch control.
  *
@@ -11,25 +14,25 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * the `size` prop; gap tracks density). Colours come from the theme's colour
  * scheme (`scheme.toggle` + `scheme.focusRing`).
  */
-import { useState, useCallback } from 'react';
-import { Pressable, View, Text, } from 'react-native';
-import { useTheme } from '../../theme';
-import { fontFamily, fontWeight, label } from '../../tokens';
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const theme_1 = require("../../theme");
+const tokens_1 = require("../../tokens");
 /** Maps toggle size → label typography scale */
 const LABEL_SCALE = {
     small: 'sm',
     default: 'md',
     large: 'lg',
 };
-export function Toggle({ checked = false, onChange, children, size = 'default', disabled = false, style, accessibilityLabel, }) {
-    const { components, scheme } = useTheme();
+function Toggle({ checked = false, onChange, children, size = 'default', disabled = false, style, accessibilityLabel, }) {
+    const { components, scheme } = (0, theme_1.useTheme)();
     const toggleColors = scheme.toggle;
     const tokens = components.toggle;
     const sizeTokens = tokens[size];
-    const labelTokens = label[LABEL_SCALE[size]];
-    const [isHovered, setIsHovered] = useState(false);
-    const [isFocused, setIsFocused] = useState(false);
-    const handlePress = useCallback(() => {
+    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 handlePress = (0, react_1.useCallback)(() => {
         if (!disabled)
             onChange?.(!checked);
     }, [disabled, onChange, checked]);
@@ -50,14 +53,14 @@ export function Toggle({ checked = false, onChange, children, size = 'default',
                 : toggleColors.track.off;
     }
     const showFocusRing = isFocused && !disabled;
-    return (_jsxs(Pressable, { onPress: handlePress, disabled: disabled, onHoverIn: () => setIsHovered(true), onHoverOut: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), accessibilityRole: "switch", accessibilityLabel: accessibilityLabel || children, accessibilityState: { checked, disabled }, style: [
+    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: "switch", accessibilityLabel: accessibilityLabel || children, accessibilityState: { checked, disabled }, 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.trackWidth,
                     height: sizeTokens.trackHeight,
                     borderRadius: sizeTokens.trackHeight / 2,
@@ -70,14 +73,14 @@ export function Toggle({ checked = false, onChange, children, size = 'default',
                     borderColor: showFocusRing
                         ? scheme.focusRing.color
                         : 'transparent',
-                }, children: _jsx(View, { style: {
+                }, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
                         width: sizeTokens.thumbSize,
                         height: sizeTokens.thumbSize,
                         borderRadius: sizeTokens.thumbSize / 2,
                         backgroundColor: toggleColors.thumb,
-                    } }) }), children ? (_jsx(Text, { style: {
-                    fontFamily: fontFamily.sans,
-                    fontWeight: fontWeight.medium,
+                    } }) }), 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,
@@ -86,4 +89,3 @@ export function Toggle({ checked = false, onChange, children, size = 'default',
                         : toggleColors.label.default,
                 }, selectable: false, children: children })) : null] }));
 }
-//# sourceMappingURL=Toggle.js.map

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

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

package/dist/components/Toggle/index.js

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

package/dist/components/Tooltip/Tooltip.d.ts

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

package/dist/components/Tooltip/Tooltip.js

@@ -1,7 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { View, Text } from 'react-native';
-import { useTheme } from '../../theme';
-import { fontFamily, fontWeight, label } from '../../tokens';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = Tooltip;
+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");
 // ---------------------------------------------------------------------------
 // Constants
 // ---------------------------------------------------------------------------
@@ -35,14 +38,14 @@ function arrowStyle(direction, arrowSize, backgroundColor) {
             return { ...base, bottom: -half, left: '50%', marginLeft: -half };
     }
 }
-export function Tooltip({ children, direction = 'bottom', size = 'small', hasArrow = true, style, accessibilityLabel, }) {
-    const { components, scheme } = useTheme();
+function Tooltip({ children, direction = 'bottom', size = 'small', hasArrow = true, style, accessibilityLabel, }) {
+    const { components, scheme } = (0, theme_1.useTheme)();
     const tokens = components.tooltip;
     const sizeTokens = tokens[size];
-    const labelTokens = label[LABEL_SCALE[size]];
+    const labelTokens = tokens_1.label[LABEL_SCALE[size]];
     /** Surface = neutral/bold (dark) — bg #374151, fg #FFFFFF. */
     const SURFACE = scheme.intents.neutral.bold.default;
-    return (_jsxs(View, { accessibilityRole: "text", accessibilityLabel: accessibilityLabel || children, style: [
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { accessibilityRole: "text", accessibilityLabel: accessibilityLabel || children, style: [
             {
                 alignSelf: 'flex-start',
                 alignItems: 'center',
@@ -53,13 +56,12 @@ export function Tooltip({ children, direction = 'bottom', size = 'small', hasArr
                 paddingVertical: sizeTokens.paddingY,
             },
             style,
-        ], children: [hasArrow ? (_jsx(View, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: arrowStyle(direction, tokens.arrowSize, SURFACE.bg) })) : null, _jsx(Text, { selectable: false, style: {
-                    fontFamily: fontFamily.sans,
-                    fontWeight: fontWeight.medium,
+        ], children: [hasArrow ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: arrowStyle(direction, tokens.arrowSize, SURFACE.bg) })) : null, (0, jsx_runtime_1.jsx)(react_native_1.Text, { selectable: false, style: {
+                    fontFamily: tokens_1.fontFamily.sans,
+                    fontWeight: tokens_1.fontWeight.medium,
                     fontSize: labelTokens.fontSize,
                     lineHeight: labelTokens.lineHeight,
                     letterSpacing: labelTokens.letterSpacing,
                     color: SURFACE.fg,
                 }, children: children })] }));
 }
-//# sourceMappingURL=Tooltip.js.map

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

@@ -1,2 +1 @@
 export { Tooltip, type TooltipProps, type TooltipSize, type TooltipDirection, } from './Tooltip';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Tooltip/index.js

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

package/dist/index.d.ts

@@ -19,4 +19,3 @@ export { Avatar, type AvatarProps, type AvatarSize, type AvatarType, } from './c
 export { Popover, type PopoverProps, type PopoverSize, type PopoverDirection, } from './components/Popover';
 export { Skeleton, type SkeletonProps, type SkeletonShape, } from './components/Skeleton';
 export { Tooltip, type TooltipProps, type TooltipSize, type TooltipDirection, } from './components/Tooltip';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,27 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toast = exports.RadioGroup = exports.Radio = exports.Input = exports.Badge = exports.Card = exports.Toggle = exports.Alert = exports.Checkbox = exports.ListDivider = exports.ListSubheader = exports.ListItem = exports.List = exports.SelectDropdown = exports.SelectTag = exports.SelectSeparator = exports.SelectGroup = exports.SelectOption = exports.Select = exports.DialogContent = exports.Dialog = exports.Icon = exports.Button = exports.themes = exports.useTheme = exports.ThemeProvider = exports.caption = exports.body = exports.title = exports.label = exports.fontWeight = exports.fontFamily = exports.skeletonColors = exports.avatarColors = exports.radioColors = exports.toggleColors = exports.checkboxColors = exports.listColors = exports.errorTokens = exports.tagTokens = exports.selectColors = exports.overlayTokens = exports.textTokens = exports.surfaceTokens = exports.controlTokens = exports.disabledColors = exports.intentColors = exports.colorSchemes = exports.darkColors = exports.lightColors = void 0;
+exports.Tooltip = exports.Skeleton = exports.Popover = exports.Avatar = exports.Divider = exports.Chip = void 0;
 // Cast UI — Cross-platform design system component library
 //
 // Tokens
-export { lightColors, darkColors, colorSchemes, intentColors, disabledColors, controlTokens, surfaceTokens, textTokens, overlayTokens, selectColors, tagTokens, errorTokens, listColors, checkboxColors, toggleColors, radioColors, avatarColors, skeletonColors, fontFamily, fontWeight, label, title, body, caption, } from './tokens';
+var tokens_1 = require("./tokens");
+Object.defineProperty(exports, "lightColors", { enumerable: true, get: function () { return tokens_1.lightColors; } });
+Object.defineProperty(exports, "darkColors", { enumerable: true, get: function () { return tokens_1.darkColors; } });
+Object.defineProperty(exports, "colorSchemes", { enumerable: true, get: function () { return tokens_1.colorSchemes; } });
+Object.defineProperty(exports, "intentColors", { enumerable: true, get: function () { return tokens_1.intentColors; } });
+Object.defineProperty(exports, "disabledColors", { enumerable: true, get: function () { return tokens_1.disabledColors; } });
+Object.defineProperty(exports, "controlTokens", { enumerable: true, get: function () { return tokens_1.controlTokens; } });
+Object.defineProperty(exports, "surfaceTokens", { enumerable: true, get: function () { return tokens_1.surfaceTokens; } });
+Object.defineProperty(exports, "textTokens", { enumerable: true, get: function () { return tokens_1.textTokens; } });
+Object.defineProperty(exports, "overlayTokens", { enumerable: true, get: function () { return tokens_1.overlayTokens; } });
+Object.defineProperty(exports, "selectColors", { enumerable: true, get: function () { return tokens_1.selectColors; } });
+Object.defineProperty(exports, "tagTokens", { enumerable: true, get: function () { return tokens_1.tagTokens; } });
+Object.defineProperty(exports, "errorTokens", { enumerable: true, get: function () { return tokens_1.errorTokens; } });
+Object.defineProperty(exports, "listColors", { enumerable: true, get: function () { return tokens_1.listColors; } });
+Object.defineProperty(exports, "checkboxColors", { enumerable: true, get: function () { return tokens_1.checkboxColors; } });
+Object.defineProperty(exports, "toggleColors", { enumerable: true, get: function () { return tokens_1.toggleColors; } });
+Object.defineProperty(exports, "radioColors", { enumerable: true, get: function () { return tokens_1.radioColors; } });
+Object.defineProperty(exports, "avatarColors", { enumerable: true, get: function () { return tokens_1.avatarColors; } });
+Object.defineProperty(exports, "skeletonColors", { enumerable: true, get: function () { return tokens_1.skeletonColors; } });
+Object.defineProperty(exports, "fontFamily", { enumerable: true, get: function () { return tokens_1.fontFamily; } });
+Object.defineProperty(exports, "fontWeight", { enumerable: true, get: function () { return tokens_1.fontWeight; } });
+Object.defineProperty(exports, "label", { enumerable: true, get: function () { return tokens_1.label; } });
+Object.defineProperty(exports, "title", { enumerable: true, get: function () { return tokens_1.title; } });
+Object.defineProperty(exports, "body", { enumerable: true, get: function () { return tokens_1.body; } });
+Object.defineProperty(exports, "caption", { enumerable: true, get: function () { return tokens_1.caption; } });
 // Theme
-export { ThemeProvider, useTheme, themes, } from './theme';
+var theme_1 = require("./theme");
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return theme_1.ThemeProvider; } });
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return theme_1.useTheme; } });
+Object.defineProperty(exports, "themes", { enumerable: true, get: function () { return theme_1.themes; } });
 // Components
-export { Button } from './components/Button';
-export { Icon } from './components/Icon';
-export { Dialog, DialogContent, } from './components/Dialog';
-export { Select, SelectOption, SelectGroup, SelectSeparator, SelectTag, SelectContent as SelectDropdown, } from './components/Select';
-export { List, ListItem, ListSubheader, ListDivider, } from './components/List';
-export { Checkbox, } from './components/Checkbox';
-export { Alert, } from './components/Alert';
-export { Toggle } from './components/Toggle';
-export { Card, } from './components/Card';
-export { Badge, } from './components/Badge';
-export { Input } from './components/Input';
-export { Radio, RadioGroup, } from './components/Radio';
-export { Toast, } from './components/Toast';
-export { Chip, } from './components/Chip';
-export { Divider, } from './components/Divider';
-export { Avatar, } from './components/Avatar';
-export { Popover, } from './components/Popover';
-export { Skeleton, } from './components/Skeleton';
-export { Tooltip, } from './components/Tooltip';
-//# sourceMappingURL=index.js.map
+var Button_1 = require("./components/Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+var Icon_1 = require("./components/Icon");
+Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return Icon_1.Icon; } });
+var Dialog_1 = require("./components/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; } });
+var Select_1 = require("./components/Select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
+Object.defineProperty(exports, "SelectOption", { enumerable: true, get: function () { return Select_1.SelectOption; } });
+Object.defineProperty(exports, "SelectGroup", { enumerable: true, get: function () { return Select_1.SelectGroup; } });
+Object.defineProperty(exports, "SelectSeparator", { enumerable: true, get: function () { return Select_1.SelectSeparator; } });
+Object.defineProperty(exports, "SelectTag", { enumerable: true, get: function () { return Select_1.SelectTag; } });
+Object.defineProperty(exports, "SelectDropdown", { enumerable: true, get: function () { return Select_1.SelectContent; } });
+var List_1 = require("./components/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; } });
+var Checkbox_1 = require("./components/Checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
+var Alert_1 = require("./components/Alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return Alert_1.Alert; } });
+var Toggle_1 = require("./components/Toggle");
+Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return Toggle_1.Toggle; } });
+var Card_1 = require("./components/Card");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return Card_1.Card; } });
+var Badge_1 = require("./components/Badge");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
+var Input_1 = require("./components/Input");
+Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
+var Radio_1 = require("./components/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; } });
+var Toast_1 = require("./components/Toast");
+Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return Toast_1.Toast; } });
+var Chip_1 = require("./components/Chip");
+Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return Chip_1.Chip; } });
+var Divider_1 = require("./components/Divider");
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.Divider; } });
+var Avatar_1 = require("./components/Avatar");
+Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return Avatar_1.Avatar; } });
+var Popover_1 = require("./components/Popover");
+Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return Popover_1.Popover; } });
+var Skeleton_1 = require("./components/Skeleton");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
+var Tooltip_1 = require("./components/Tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });

package/dist/theme/ThemeContext.d.ts

@@ -73,4 +73,3 @@ export declare function ThemeProvider({ density, colorMode, colors, children, }:
  */
 export declare function useTheme(): Theme;
 export {};
-//# sourceMappingURL=ThemeContext.d.ts.map

package/dist/theme/ThemeContext.js

@@ -1,4 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeProvider = ThemeProvider;
+exports.useTheme = useTheme;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * ThemeProvider — wraps your app to enable density theming, light/dark colour
  * modes, and colour customisation.
@@ -37,9 +41,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * </ThemeProvider>
  * ```
  */
-import { createContext, useContext, useMemo } from 'react';
-import { themes } from './themes';
-import { colorSchemes, } from '../tokens/colors';
+const react_1 = require("react");
+const themes_1 = require("./themes");
+const colors_1 = require("../tokens/colors");
 // ---------------------------------------------------------------------------
 // Deep merge utility (for partial colour overrides)
 // ---------------------------------------------------------------------------
@@ -68,16 +72,16 @@ function deepMerge(base, overrides) {
 // ---------------------------------------------------------------------------
 const defaultTheme = {
     density: 'default',
-    components: themes.default,
+    components: themes_1.themes.default,
     colorMode: 'light',
-    scheme: colorSchemes.light,
-    colors: colorSchemes.light.intents,
-    disabledColors: colorSchemes.light.disabled,
+    scheme: colors_1.colorSchemes.light,
+    colors: colors_1.colorSchemes.light.intents,
+    disabledColors: colors_1.colorSchemes.light.disabled,
 };
-const ThemeContext = createContext(defaultTheme);
-export function ThemeProvider({ density = 'default', colorMode = 'light', colors, children, }) {
-    const theme = useMemo(() => {
-        const baseScheme = colorSchemes[colorMode];
+const ThemeContext = (0, react_1.createContext)(defaultTheme);
+function ThemeProvider({ density = 'default', colorMode = 'light', colors, children, }) {
+    const theme = (0, react_1.useMemo)(() => {
+        const baseScheme = colors_1.colorSchemes[colorMode];
         const resolvedIntents = colors
             ? deepMerge(baseScheme.intents, colors)
             : baseScheme.intents;
@@ -86,14 +90,14 @@ export function ThemeProvider({ density = 'default', colorMode = 'light', colors
             : baseScheme;
         return {
             density,
-            components: themes[density],
+            components: themes_1.themes[density],
             colorMode,
             scheme,
             colors: resolvedIntents,
             disabledColors: scheme.disabled,
         };
     }, [density, colorMode, colors]);
-    return (_jsx(ThemeContext.Provider, { value: theme, children: children }));
+    return ((0, jsx_runtime_1.jsx)(ThemeContext.Provider, { value: theme, children: children }));
 }
 // ---------------------------------------------------------------------------
 // Hook
@@ -102,7 +106,6 @@ export function ThemeProvider({ density = 'default', colorMode = 'light', colors
  * Access the current theme — density tokens, intent colours, and component tokens.
  * Must be called within a ThemeProvider; falls back to the "default" density if not.
  */
-export function useTheme() {
-    return useContext(ThemeContext);
+function useTheme() {
+    return (0, react_1.useContext)(ThemeContext);
 }
-//# sourceMappingURL=ThemeContext.js.map

package/dist/theme/index.d.ts

@@ -1,4 +1,3 @@
 export { ThemeProvider, useTheme, type ThemeProviderProps, type Theme } from './ThemeContext';
 export { themes } from './themes';
 export type { DensityTheme, ComponentTokens, ButtonSizeTokens, ButtonThemeTokens, DialogSizeTokens, DialogThemeTokens, InputSizeTokens, InputThemeTokens, SelectContentTokens, SelectOptionTokens, SelectGroupTokens, SelectSeparatorTokens, SelectThemeTokens, ListItemTokens, ListSubheaderTokens, ListThemeTokens, CheckboxSizeTokens, CheckboxThemeTokens, AlertSizeTokens, AlertThemeTokens, ToggleSizeTokens, ToggleThemeTokens, CardSizeTokens, CardThemeTokens, BadgeSizeTokens, BadgeThemeTokens, RadioSizeTokens, RadioThemeTokens, ToastSizeTokens, ToastThemeTokens, ChipSizeTokens, ChipThemeTokens, AvatarSizeTokens, AvatarThemeTokens, PopoverSizeTokens, PopoverThemeTokens, TooltipSizeTokens, TooltipThemeTokens, DeepPartial, } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.js

@@ -1,3 +1,8 @@
-export { ThemeProvider, useTheme } from './ThemeContext';
-export { themes } from './themes';
-//# sourceMappingURL=index.js.map
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themes = exports.useTheme = exports.ThemeProvider = void 0;
+var ThemeContext_1 = require("./ThemeContext");
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return ThemeContext_1.ThemeProvider; } });
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return ThemeContext_1.useTheme; } });
+var themes_1 = require("./themes");
+Object.defineProperty(exports, "themes", { enumerable: true, get: function () { return themes_1.themes; } });

package/dist/theme/themes.d.ts

@@ -11,4 +11,3 @@
  */
 import type { DensityTheme, ComponentTokens } from './types';
 export declare const themes: Record<DensityTheme, ComponentTokens>;
-//# sourceMappingURL=themes.d.ts.map

package/dist/theme/themes.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
  * Density theme definitions — extracted from component token files.
  *
@@ -9,7 +10,9 @@
  * Values verified against Figma variable defs.
  * Only spacing/sizing tokens live here — colours are constant across densities.
  */
-export const themes = {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themes = void 0;
+exports.themes = {
     compact: {
         dialog: {
             small: { padding: 16, gap: 12, iconSize: 24 },
@@ -293,4 +296,3 @@ export const themes = {
         },
     },
 };
-//# sourceMappingURL=themes.js.map

package/dist/theme/types.d.ts

@@ -268,4 +268,3 @@ export type ComponentTokens = {
 export type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/theme/types.js

@@ -1,8 +1,8 @@
+"use strict";
 /**
  * Theme type definitions for the Cast UI density system.
  *
  * The density axis controls spacing/sizing tokens only.
  * Colours and typography are constants — they don't change with density.
  */
-export {};
-//# sourceMappingURL=types.js.map
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/tokens/colors.d.ts

@@ -363,4 +363,3 @@ export declare const listColors: {
     containerBg: string;
 };
 export {};
-//# sourceMappingURL=colors.d.ts.map

package/dist/tokens/colors.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
  * Semantic intent colours — derived from semantic.tokens.json
  * Maps: intent → prominence → state → { bg, fg, border }
@@ -13,10 +14,12 @@
  * The flat named exports at the bottom (intentColors, surfaceTokens, …) are
  * the light-scheme values, kept for backwards compatibility.
  */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listColors = exports.skeletonColors = exports.avatarColors = exports.toggleColors = exports.radioColors = exports.checkboxColors = exports.errorTokens = exports.tagTokens = exports.selectColors = exports.overlayTokens = exports.textTokens = exports.surfaceTokens = exports.controlTokens = exports.disabledColors = exports.intentColors = exports.colorSchemes = exports.darkColors = exports.lightColors = void 0;
 // ---------------------------------------------------------------------------
 // Light scheme — semantic-light mode
 // ---------------------------------------------------------------------------
-export const lightColors = {
+exports.lightColors = {
     intents: {
         neutral: {
             default: {
@@ -154,7 +157,7 @@ export const lightColors = {
 // ---------------------------------------------------------------------------
 // Dark scheme — semantic-dark mode
 // ---------------------------------------------------------------------------
-export const darkColors = {
+exports.darkColors = {
     intents: {
         neutral: {
             default: {
@@ -292,51 +295,50 @@ export const darkColors = {
     },
 };
 /** Scheme lookup by colour mode */
-export const colorSchemes = {
-    light: lightColors,
-    dark: darkColors,
+exports.colorSchemes = {
+    light: exports.lightColors,
+    dark: exports.darkColors,
 };
 // ---------------------------------------------------------------------------
 // Legacy flat exports — light-scheme values, kept for backwards compatibility.
 // Prefer reading from useTheme().scheme so dark mode is respected.
 // ---------------------------------------------------------------------------
-export const intentColors = lightColors.intents;
+exports.intentColors = exports.lightColors.intents;
 /** Disabled state — shared across all intents */
-export const disabledColors = lightColors.disabled;
+exports.disabledColors = exports.lightColors.disabled;
 /** Semantic control constants */
-export const controlTokens = {
+exports.controlTokens = {
     borderWidth: 1,
     /** Focus ring width — control/focus-ring-width */
     focusRingWidth: 2,
     /** Focus ring offset — control/focus-ring-offset */
     focusRingOffset: 2,
     /** Focus ring colour — control/focus-ring-colour (blue/500). Mode-aware value: useTheme().scheme.focusRing.color */
-    focusRingColor: lightColors.focusRing.color,
+    focusRingColor: exports.lightColors.focusRing.color,
 };
 /** Surface tokens — backgrounds and overlay styling */
-export const surfaceTokens = lightColors.surface;
+exports.surfaceTokens = exports.lightColors.surface;
 /** Semantic text tokens */
-export const textTokens = lightColors.text;
+exports.textTokens = exports.lightColors.text;
 /** Overlay/scrim opacity */
-export const overlayTokens = {
-    scrimOpacity: lightColors.overlay.scrimOpacity,
+exports.overlayTokens = {
+    scrimOpacity: exports.lightColors.overlay.scrimOpacity,
 };
 /** Option state colours — used by SelectOption (neutral intent) */
-export const selectColors = lightColors.select;
+exports.selectColors = exports.lightColors.select;
 /** Tag tokens — multi-select pill styling (constant across densities) */
-export const tagTokens = lightColors.tag;
+exports.tagTokens = exports.lightColors.tag;
 /** Error/danger colour for form field borders and helper text */
-export const errorTokens = lightColors.error;
+exports.errorTokens = exports.lightColors.error;
 /** Checkbox colours — indicator box, icon, and label */
-export const checkboxColors = lightColors.checkbox;
+exports.checkboxColors = exports.lightColors.checkbox;
 /** Radio colours — indicator ring/fill, centre dot, and label */
-export const radioColors = lightColors.radio;
+exports.radioColors = exports.lightColors.radio;
 /** Toggle colours — track (on/off/disabled) + thumb + label */
-export const toggleColors = lightColors.toggle;
+exports.toggleColors = exports.lightColors.toggle;
 /** Avatar colours — initials/icon fallback surface + foreground */
-export const avatarColors = lightColors.avatar;
+exports.avatarColors = exports.lightColors.avatar;
 /** Skeleton colours — placeholder surface for loading states */
-export const skeletonColors = lightColors.skeleton;
+exports.skeletonColors = exports.lightColors.skeleton;
 /** List colours — used by List / ListItem / ListSubheader */
-export const listColors = lightColors.list;
-//# sourceMappingURL=colors.js.map
+exports.listColors = exports.lightColors.list;

package/dist/tokens/index.d.ts

@@ -1,3 +1,2 @@
 export { lightColors, darkColors, colorSchemes, intentColors, disabledColors, controlTokens, surfaceTokens, textTokens, overlayTokens, selectColors, tagTokens, errorTokens, listColors, checkboxColors, toggleColors, radioColors, avatarColors, skeletonColors, type IntentName, type ProminenceName, type StateName, type ColorMode, type ColorScheme, } from './colors';
 export { fontFamily, fontWeight, label, title, body, caption, type LabelSize } from './typography';
-//# sourceMappingURL=index.d.ts.map

package/dist/tokens/index.js

@@ -1,3 +1,29 @@
-export { lightColors, darkColors, colorSchemes, intentColors, disabledColors, controlTokens, surfaceTokens, textTokens, overlayTokens, selectColors, tagTokens, errorTokens, listColors, checkboxColors, toggleColors, radioColors, avatarColors, skeletonColors, } from './colors';
-export { fontFamily, fontWeight, label, title, body, caption } from './typography';
-//# sourceMappingURL=index.js.map
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.caption = exports.body = exports.title = exports.label = exports.fontWeight = exports.fontFamily = exports.skeletonColors = exports.avatarColors = exports.radioColors = exports.toggleColors = exports.checkboxColors = exports.listColors = exports.errorTokens = exports.tagTokens = exports.selectColors = exports.overlayTokens = exports.textTokens = exports.surfaceTokens = exports.controlTokens = exports.disabledColors = exports.intentColors = exports.colorSchemes = exports.darkColors = exports.lightColors = void 0;
+var colors_1 = require("./colors");
+Object.defineProperty(exports, "lightColors", { enumerable: true, get: function () { return colors_1.lightColors; } });
+Object.defineProperty(exports, "darkColors", { enumerable: true, get: function () { return colors_1.darkColors; } });
+Object.defineProperty(exports, "colorSchemes", { enumerable: true, get: function () { return colors_1.colorSchemes; } });
+Object.defineProperty(exports, "intentColors", { enumerable: true, get: function () { return colors_1.intentColors; } });
+Object.defineProperty(exports, "disabledColors", { enumerable: true, get: function () { return colors_1.disabledColors; } });
+Object.defineProperty(exports, "controlTokens", { enumerable: true, get: function () { return colors_1.controlTokens; } });
+Object.defineProperty(exports, "surfaceTokens", { enumerable: true, get: function () { return colors_1.surfaceTokens; } });
+Object.defineProperty(exports, "textTokens", { enumerable: true, get: function () { return colors_1.textTokens; } });
+Object.defineProperty(exports, "overlayTokens", { enumerable: true, get: function () { return colors_1.overlayTokens; } });
+Object.defineProperty(exports, "selectColors", { enumerable: true, get: function () { return colors_1.selectColors; } });
+Object.defineProperty(exports, "tagTokens", { enumerable: true, get: function () { return colors_1.tagTokens; } });
+Object.defineProperty(exports, "errorTokens", { enumerable: true, get: function () { return colors_1.errorTokens; } });
+Object.defineProperty(exports, "listColors", { enumerable: true, get: function () { return colors_1.listColors; } });
+Object.defineProperty(exports, "checkboxColors", { enumerable: true, get: function () { return colors_1.checkboxColors; } });
+Object.defineProperty(exports, "toggleColors", { enumerable: true, get: function () { return colors_1.toggleColors; } });
+Object.defineProperty(exports, "radioColors", { enumerable: true, get: function () { return colors_1.radioColors; } });
+Object.defineProperty(exports, "avatarColors", { enumerable: true, get: function () { return colors_1.avatarColors; } });
+Object.defineProperty(exports, "skeletonColors", { enumerable: true, get: function () { return colors_1.skeletonColors; } });
+var typography_1 = require("./typography");
+Object.defineProperty(exports, "fontFamily", { enumerable: true, get: function () { return typography_1.fontFamily; } });
+Object.defineProperty(exports, "fontWeight", { enumerable: true, get: function () { return typography_1.fontWeight; } });
+Object.defineProperty(exports, "label", { enumerable: true, get: function () { return typography_1.label; } });
+Object.defineProperty(exports, "title", { enumerable: true, get: function () { return typography_1.title; } });
+Object.defineProperty(exports, "body", { enumerable: true, get: function () { return typography_1.body; } });
+Object.defineProperty(exports, "caption", { enumerable: true, get: function () { return typography_1.caption; } });

package/dist/tokens/typography.d.ts

@@ -34,4 +34,3 @@ export declare const caption: {
     readonly letterSpacing: 0.5;
 };
 export {};
-//# sourceMappingURL=typography.d.ts.map