@castui/cast-ui 3.0.0 → 3.2.0

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Button — the foundational interactive component of Cast UI.
+ *
+ * Maps 1:1 to the Figma <Button> component:
+ *   intent     → neutral | brand | danger
+ *   prominence → default | bold | subtle
+ *   size       → small | default | large
+ *
+ * Spacing tokens come from the density theme (compact/default/comfortable).
+ * Colours come from the semantic intent system (constant across densities).
+ * Typography uses the label scale (sm/md/lg) matched to the button size.
+ */
+import React from 'react';
+import { type ViewStyle, type StyleProp, type GestureResponderEvent } from 'react-native';
+import type { IntentName, ProminenceName } from '../../tokens';
+export type ButtonSize = 'small' | 'default' | 'large';
+export type ButtonProps = {
+    /** The button label text. */
+    children: string;
+    /** Semantic intent — drives the colour scheme. */
+    intent?: IntentName;
+    /** Visual weight — default (outlined), bold (filled), or subtle (ghost). */
+    prominence?: ProminenceName;
+    /** Size variant — controls padding, gap, and typography scale. */
+    size?: ButtonSize;
+    /** Disables interaction and applies muted styling. */
+    disabled?: boolean;
+    /** Icon before the label — Material Symbols name string or a ReactNode. */
+    leadingIcon?: string | React.ReactNode;
+    /** Icon after the label — Material Symbols name string or a ReactNode. */
+    trailingIcon?: string | React.ReactNode;
+    /** Press handler. */
+    onPress?: (e: GestureResponderEvent) => void;
+    /** Outer style — use for positioning (margin, flex, alignSelf). */
+    style?: StyleProp<ViewStyle>;
+    /** Accessibility label — falls back to children text if not provided. */
+    accessibilityLabel?: string;
+};
+export declare function Button({ children, intent, prominence, size, disabled, leadingIcon, trailingIcon, onPress, style, accessibilityLabel, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,qBAAqB,EAC3B,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAO/D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG;IACxB,6BAA6B;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,kEAAkE;IAClE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACxC,qBAAqB;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC7C,mEAAmE;IACnE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAoBF,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,MAAkB,EAClB,UAAsB,EACtB,IAAgB,EAChB,QAAgB,EAChB,WAAW,EACX,YAAY,EACZ,OAAO,EACP,KAAK,EACL,kBAAkB,GACnB,EAAE,WAAW,2CAwGb"}

package/dist/components/Button/Button.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Button — the foundational interactive component of Cast UI.
+ *
+ * Maps 1:1 to the Figma <Button> component:
+ *   intent     → neutral | brand | danger
+ *   prominence → default | bold | subtle
+ *   size       → small | default | large
+ *
+ * Spacing tokens come from the density theme (compact/default/comfortable).
+ * Colours come from the semantic intent system (constant across densities).
+ * Typography uses the label scale (sm/md/lg) matched to the button size.
+ */
+import { useState, useCallback } from 'react';
+import { Pressable, Text, View, Platform, } from 'react-native';
+import { useTheme } from '../../theme';
+import { fontFamily, fontWeight, label, controlTokens } from '../../tokens';
+import { Icon } from '../Icon';
+// ---------------------------------------------------------------------------
+// Constants
+// ---------------------------------------------------------------------------
+/** Maps button size → label typography scale */
+const LABEL_SCALE = {
+    small: 'sm',
+    default: 'md',
+    large: 'lg',
+};
+/** Icon size — fixed at 16px per Figma spec, all button sizes. */
+const ICON_SIZE = 16;
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+export function Button({ children, intent = 'neutral', prominence = 'default', size = 'default', disabled = false, leadingIcon, trailingIcon, onPress, style, accessibilityLabel, }) {
+    const { components, colors } = useTheme();
+    const [isFocused, setIsFocused] = useState(false);
+    const [isHovered, setIsHovered] = useState(false);
+    // Resolve tokens for current size + density
+    const sizeTokens = components.button[size];
+    const labelTokens = label[LABEL_SCALE[size]];
+    const intentClrs = colors[intent];
+    // Resolve colours based on interaction state
+    const getStateColors = useCallback((pressed, hovered) => {
+        if (disabled) {
+            return {
+                bg: '#F3F4F6',
+                fg: '#9CA3AF',
+                border: '#E5E7EB',
+            };
+        }
+        if (pressed)
+            return intentClrs[prominence].active;
+        if (hovered)
+            return intentClrs[prominence].hover;
+        return intentClrs[prominence].default;
+    }, [disabled, intentClrs, prominence]);
+    return (_jsx(Pressable, { onPress: onPress, disabled: disabled, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), onHoverIn: () => setIsHovered(true), onHoverOut: () => setIsHovered(false), accessibilityRole: "button", accessibilityLabel: accessibilityLabel || children, accessibilityState: { disabled }, style: style, children: ({ pressed }) => {
+            const stateColors = getStateColors(pressed, isHovered);
+            const containerStyle = {
+                flexDirection: 'row',
+                alignItems: 'center',
+                justifyContent: 'center',
+                alignSelf: 'flex-start',
+                gap: sizeTokens.gap,
+                paddingHorizontal: sizeTokens.paddingX,
+                paddingVertical: sizeTokens.paddingY,
+                borderRadius: sizeTokens.borderRadius,
+                borderWidth: controlTokens.borderWidth,
+                borderColor: stateColors.border,
+                backgroundColor: stateColors.bg,
+            };
+            // Web-only: focus ring via CSS outline
+            const focusStyle = isFocused && !disabled && Platform.OS === 'web'
+                ? {
+                    outlineWidth: sizeTokens.focusRingWidth,
+                    outlineColor: intentClrs.ringColour,
+                    outlineStyle: 'solid',
+                    outlineOffset: sizeTokens.focusRingOffset,
+                }
+                : {};
+            // Resolve icon props — strings become <Icon> with auto-matched colour
+            const resolvedLeading = typeof leadingIcon === 'string' ? (_jsx(Icon, { name: leadingIcon, size: ICON_SIZE, color: stateColors.fg })) : (leadingIcon);
+            const resolvedTrailing = typeof trailingIcon === 'string' ? (_jsx(Icon, { name: trailingIcon, size: ICON_SIZE, color: stateColors.fg })) : (trailingIcon);
+            return (_jsxs(View, { style: [containerStyle, focusStyle], children: [resolvedLeading, _jsx(Text, { style: {
+                            fontFamily: fontFamily.sans,
+                            fontWeight: fontWeight.medium,
+                            fontSize: labelTokens.fontSize,
+                            lineHeight: labelTokens.lineHeight,
+                            letterSpacing: labelTokens.letterSpacing,
+                            color: stateColors.fg,
+                        }, selectable: false, children: children }), resolvedTrailing] }));
+        } }));
+}
+//# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

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

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

@@ -0,0 +1,2 @@
+export { Button, type ButtonProps, type ButtonSize } from './Button';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Button/index.js

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+//# sourceMappingURL=index.js.map

package/dist/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAqC,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,57 @@
+/**
+ * Dialog — modal overlay for focused tasks, confirmations, and alerts.
+ *
+ * Maps to the Figma <Dialog> component:
+ *   size → small | default | large
+ *
+ * Structure: scrim backdrop → card (icon + title + description + slot + actions)
+ * Surface styling uses shared overlay tokens (bg, border, radius, shadow).
+ * Spacing tokens come from the density theme.
+ *
+ * Exports:
+ *   Dialog        — full modal (backdrop + card)
+ *   DialogContent — just the card, for inline use or custom overlays
+ */
+import React from 'react';
+import { type ViewStyle, type StyleProp } from 'react-native';
+export type DialogSize = 'small' | 'default' | 'large';
+export type DialogAction = {
+    /** Button label text. */
+    label: string;
+    /** Press handler. */
+    onPress: () => void;
+};
+export type DialogContentProps = {
+    /** Dialog title — always visible. */
+    title: string;
+    /** Supporting text below the title. */
+    description?: string;
+    /** Header icon — Material Symbols name string or ReactNode. */
+    icon?: string | React.ReactNode;
+    /** Size variant — controls padding, gap, typography, icon size, and width. */
+    size?: DialogSize;
+    /** Custom content between the description and actions. */
+    children?: React.ReactNode;
+    /** Primary action button (brand/bold). Rendered on the right. */
+    primaryAction?: DialogAction;
+    /** Secondary action button (neutral/default). Rendered on the left. */
+    secondaryAction?: DialogAction;
+    /** Style override for the card. */
+    style?: StyleProp<ViewStyle>;
+    /** Accessibility label — falls back to title if not provided. */
+    accessibilityLabel?: string;
+};
+export type DialogProps = DialogContentProps & {
+    /** Controls visibility. */
+    open: boolean;
+    /** Called when the backdrop is pressed or the dialog requests close. */
+    onClose?: () => void;
+};
+/**
+ * The dialog card rendered inline — no modal, no backdrop.
+ * Use this for static display (e.g., Storybook visual stories)
+ * or when building custom overlay implementations.
+ */
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAmBtB,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG;IACzB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,8EAA8E;IAC9E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iEAAiE;IACjE,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,uEAAuE;IACvE,eAAe,CAAC,EAAE,YAAY,CAAC;IAC/B,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,kBAAkB,GAAG;IAC7C,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAiDF;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EAAE,SAAS,EAChB,WAAW,EACX,IAAI,EACJ,IAAgB,EAChB,QAAQ,EACR,aAAa,EACb,eAAe,EACf,KAAK,EACL,kBAAkB,GACnB,EAAE,kBAAkB,2CA2GpB;AAMD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,GAAG,YAAY,EAChB,EAAE,WAAW,2CA6Bb"}

package/dist/components/Dialog/Dialog.js

@@ -0,0 +1,104 @@
+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, surfaceTokens, textTokens, overlayTokens, controlTokens, } from '../../tokens';
+// ---------------------------------------------------------------------------
+// Constants
+// ---------------------------------------------------------------------------
+/** Maps dialog size → typography scale key */
+const TYPO_SCALE = {
+    small: 'sm',
+    default: 'md',
+    large: 'lg',
+};
+/** Maps dialog size → button size */
+const BUTTON_SIZE = {
+    small: 'small',
+    default: 'default',
+    large: 'large',
+};
+/** Fixed widths per dialog size (from Figma spec) */
+const DIALOG_WIDTH = {
+    small: 360,
+    default: 480,
+    large: 600,
+};
+/** Internal spacing constants (semantic tokens, constant across densities) */
+const HEADER_ICON_GAP = 8; // space/5
+const TITLE_DESC_GAP = 2; // space/2
+/** Shadow for web — matches Figma shadow/lg */
+const SHADOW_WEB = {
+    boxShadow: '0px 4px 6px rgba(0,0,0,0.04), 0px 10px 15px rgba(0,0,0,0.08)',
+};
+/** Shadow for native */
+const SHADOW_NATIVE = {
+    shadowColor: '#000000',
+    shadowOffset: { width: 0, height: 10 },
+    shadowOpacity: 0.08,
+    shadowRadius: 15,
+    elevation: 8,
+};
+// ---------------------------------------------------------------------------
+// DialogContent — the card, without modal/backdrop
+// ---------------------------------------------------------------------------
+/**
+ * The dialog card rendered inline — no modal, no backdrop.
+ * 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 } = useTheme();
+    const sizeTokens = components.dialog[size];
+    const titleTokens = title[TYPO_SCALE[size]];
+    const bodyTokens = 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 hasActions = primaryAction || secondaryAction;
+    return (_jsxs(View, { accessibilityRole: "alert", accessibilityLabel: accessibilityLabel || titleText, style: [
+            {
+                width: DIALOG_WIDTH[size],
+                maxWidth: '100%',
+                backgroundColor: surfaceTokens.overlay.bg,
+                borderWidth: controlTokens.borderWidth,
+                borderColor: surfaceTokens.overlay.border,
+                borderRadius: surfaceTokens.overlay.borderRadius,
+                padding: sizeTokens.padding,
+                gap: sizeTokens.gap,
+                ...(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,
+                                    fontSize: titleTokens.fontSize,
+                                    lineHeight: titleTokens.lineHeight,
+                                    letterSpacing: titleTokens.letterSpacing,
+                                    color: fgColor,
+                                }, children: titleText })] }), description ? (_jsx(Text, { style: {
+                            fontFamily: fontFamily.sans,
+                            fontWeight: fontWeight.regular,
+                            fontSize: bodyTokens.fontSize,
+                            lineHeight: bodyTokens.lineHeight,
+                            letterSpacing: bodyTokens.letterSpacing,
+                            color: textTokens.description,
+                        }, children: description })) : null] }), children, hasActions ? (_jsxs(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] }));
+}
+// ---------------------------------------------------------------------------
+// Dialog — full modal with backdrop
+// ---------------------------------------------------------------------------
+export function Dialog({ open, onClose, ...contentProps }) {
+    return (_jsx(Modal, { visible: open, transparent: true, animationType: "fade", onRequestClose: onClose, children: _jsx(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 }) }) }) }));
+}
+//# sourceMappingURL=Dialog.js.map

package/dist/components/Dialog/Dialog.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,aAAa,EACb,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,YAAY,EACjB,KAAK,UAAU,GAChB,MAAM,UAAU,CAAC"}

package/dist/components/Dialog/index.js

@@ -0,0 +1,2 @@
+export { Dialog, DialogContent, } from './Dialog';
+//# sourceMappingURL=index.js.map

package/dist/components/Dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,aAAa,GAKd,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,25 @@
+/**
+ * Icon — renders a Material Symbols Outlined icon by name.
+ *
+ * Uses the Material Symbols font with ligature rendering.
+ * The `name` prop matches Material Symbols names exactly
+ * (e.g., "star", "close", "chevron_right", "add").
+ *
+ * Requires the MaterialSymbolsOutlined font to be loaded:
+ *   - Web: Google Fonts CSS import
+ *   - Expo: expo-font
+ *   - Bare RN: font asset linking
+ */
+import { type TextStyle, type StyleProp } from 'react-native';
+export type IconProps = {
+    /** Material Symbols icon name (e.g., "star", "close", "settings"). */
+    name: string;
+    /** Icon size in pixels. Defaults to 20. */
+    size?: number;
+    /** Icon colour. Defaults to "#374151" (neutral fg). */
+    color?: string;
+    /** Additional style overrides. */
+    style?: StyleProp<TextStyle>;
+};
+export declare function Icon({ name, size, color, style }: IconProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,EAAkB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9E,MAAM,MAAM,SAAS,GAAG;IACtB,sEAAsE;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAOF,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,KAAiB,EAAE,KAAK,EAAE,EAAE,SAAS,2CA6B5E"}

package/dist/components/Icon/Icon.js

@@ -0,0 +1,28 @@
+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',
+    default: 'MaterialSymbolsOutlined',
+});
+export function Icon({ name, size = 20, color = '#374151', style }) {
+    return (_jsx(Text, { selectable: false, accessibilityElementsHidden: true, importantForAccessibility: "no", style: [
+            {
+                fontFamily: FONT_FAMILY,
+                fontSize: size,
+                lineHeight: size,
+                color,
+                // Prevent ligature text from taking extra space
+                width: size,
+                height: size,
+                textAlign: 'center',
+                // Reset any inherited text styles
+                fontWeight: '400',
+                fontStyle: 'normal',
+                letterSpacing: 0,
+                textTransform: 'none',
+                textDecorationLine: 'none',
+            },
+            style,
+        ], children: name }));
+}
+//# sourceMappingURL=Icon.js.map

package/dist/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAkC,MAAM,cAAc,CAAC;AAa9E,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC;IAClC,GAAG,EAAE,yCAAyC;IAC9C,OAAO,EAAE,yBAAyB;CACnC,CAAC,CAAC;AAEH,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,EAAa;IAC3E,OAAO,CACL,KAAC,IAAI,IACH,UAAU,EAAE,KAAK,EACjB,2BAA2B,QAC3B,yBAAyB,EAAC,IAAI,EAC9B,KAAK,EAAE;YACL;gBACE,UAAU,EAAE,WAAW;gBACvB,QAAQ,EAAE,IAAI;gBACd,UAAU,EAAE,IAAI;gBAChB,KAAK;gBACL,gDAAgD;gBAChD,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,IAAI;gBACZ,SAAS,EAAE,QAAQ;gBACnB,kCAAkC;gBAClC,UAAU,EAAE,KAAK;gBACjB,SAAS,EAAE,QAAQ;gBACnB,aAAa,EAAE,CAAC;gBAChB,aAAa,EAAE,MAAM;gBACrB,kBAAkB,EAAE,MAAM;aAC3B;YACD,KAAK;SACN,YAEA,IAAI,GACA,CACR,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/Icon/index.js

@@ -0,0 +1,2 @@
+export { Icon } from './Icon';
+//# sourceMappingURL=index.js.map

package/dist/components/Icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC"}

package/dist/index.d.ts

@@ -1 +1,6 @@
+export { intentColors, disabledColors, controlTokens, surfaceTokens, textTokens, overlayTokens, fontFamily, fontWeight, label, title, body, type IntentName, type ProminenceName, type StateName, type LabelSize, } from './tokens';
+export { ThemeProvider, useTheme, themes, type Theme, type ThemeProviderProps, type DensityTheme, type ComponentTokens, type ButtonSizeTokens, type ButtonThemeTokens, type DialogSizeTokens, type DialogThemeTokens, type DeepPartial, } from './theme';
+export { Button, type ButtonProps, type ButtonSize } from './components/Button';
+export { Icon, type IconProps } from './components/Icon';
+export { Dialog, DialogContent, type DialogProps, type DialogContentProps, type DialogAction, type DialogSize, } from './components/Dialog';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,UAAU,EACV,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,GACf,MAAM,UAAU,CAAC;AAGlB,OAAO,EACL,aAAa,EACb,QAAQ,EACR,MAAM,EACN,KAAK,KAAK,EACV,KAAK,kBAAkB,EACvB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,WAAW,GACjB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EACL,MAAM,EACN,aAAa,EACb,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,YAAY,EACjB,KAAK,UAAU,GAChB,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -1,4 +1,11 @@
-"use strict";
-// Cast UI - Component Library
-// Export components here as they are created
+// Cast UI — Cross-platform design system component library
+//
+// Tokens
+export { intentColors, disabledColors, controlTokens, surfaceTokens, textTokens, overlayTokens, fontFamily, fontWeight, label, title, body, } from './tokens';
+// Theme
+export { ThemeProvider, useTheme, themes, } from './theme';
+// Components
+export { Button } from './components/Button';
+export { Icon } from './components/Icon';
+export { Dialog, DialogContent, } from './components/Dialog';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,8BAA8B;AAC9B,6CAA6C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,2DAA2D;AAC3D,EAAE;AACF,SAAS;AACT,OAAO,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,UAAU,EACV,KAAK,EACL,KAAK,EACL,IAAI,GAKL,MAAM,UAAU,CAAC;AAElB,QAAQ;AACR,OAAO,EACL,aAAa,EACb,QAAQ,EACR,MAAM,GAUP,MAAM,SAAS,CAAC;AAEjB,aAAa;AACb,OAAO,EAAE,MAAM,EAAqC,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAAE,IAAI,EAAkB,MAAM,mBAAmB,CAAC;AACzD,OAAO,EACL,MAAM,EACN,aAAa,GAKd,MAAM,qBAAqB,CAAC"}

package/dist/theme/ThemeContext.d.ts

@@ -0,0 +1,59 @@
+/**
+ * ThemeProvider — wraps your app to enable density theming and colour customisation.
+ *
+ * @example Basic usage — switch density
+ * ```tsx
+ * import { ThemeProvider } from '@castui/cast-ui';
+ *
+ * <ThemeProvider density="comfortable">
+ *   <App />
+ * </ThemeProvider>
+ * ```
+ *
+ * @example Rebrand — override intent colours
+ * ```tsx
+ * <ThemeProvider
+ *   density="default"
+ *   colors={{
+ *     brand: {
+ *       bold: {
+ *         default: { bg: '#7C3AED', fg: '#FFFFFF', border: '#7C3AED' },
+ *         hover:   { bg: '#6D28D9', fg: '#FFFFFF', border: '#6D28D9' },
+ *         active:  { bg: '#5B21B6', fg: '#FFFFFF', border: '#5B21B6' },
+ *       },
+ *     },
+ *   }}
+ * >
+ *   <App />
+ * </ThemeProvider>
+ * ```
+ */
+import React from 'react';
+import { intentColors as defaultIntentColors, disabledColors as defaultDisabledColors } from '../tokens/colors';
+import type { IntentName } from '../tokens/colors';
+import type { DensityTheme, ComponentTokens, DeepPartial } from './types';
+type IntentColorMap = typeof defaultIntentColors;
+export type Theme = {
+    density: DensityTheme;
+    components: ComponentTokens;
+    colors: IntentColorMap;
+    disabledColors: typeof defaultDisabledColors;
+};
+export type ThemeProviderProps = {
+    /** Density theme — controls spacing and padding across all components. */
+    density?: DensityTheme;
+    /**
+     * Partial colour overrides — deep-merged with the default intent colours.
+     * Only provide the values you want to change; everything else stays default.
+     */
+    colors?: Partial<Record<IntentName, DeepPartial<IntentColorMap[IntentName]>>>;
+    children: React.ReactNode;
+};
+export declare function ThemeProvider({ density, colors, children, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * 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 declare function useTheme(): Theme;
+export {};
+//# sourceMappingURL=ThemeContext.d.ts.map

package/dist/theme/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,OAAO,EACL,YAAY,IAAI,mBAAmB,EACnC,cAAc,IAAI,qBAAqB,EACxC,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAM1E,KAAK,cAAc,GAAG,OAAO,mBAAmB,CAAC;AAEjD,MAAM,MAAM,KAAK,GAAG;IAClB,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,eAAe,CAAC;IAC5B,MAAM,EAAE,cAAc,CAAC;IACvB,cAAc,EAAE,OAAO,qBAAqB,CAAC;CAC9C,CAAC;AAkDF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,OAAmB,EACnB,MAAM,EACN,QAAQ,GACT,EAAE,kBAAkB,2CAiBpB;AAMD;;;GAGG;AACH,wBAAgB,QAAQ,IAAI,KAAK,CAEhC"}

package/dist/theme/ThemeContext.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ThemeProvider — wraps your app to enable density theming and colour customisation.
+ *
+ * @example Basic usage — switch density
+ * ```tsx
+ * import { ThemeProvider } from '@castui/cast-ui';
+ *
+ * <ThemeProvider density="comfortable">
+ *   <App />
+ * </ThemeProvider>
+ * ```
+ *
+ * @example Rebrand — override intent colours
+ * ```tsx
+ * <ThemeProvider
+ *   density="default"
+ *   colors={{
+ *     brand: {
+ *       bold: {
+ *         default: { bg: '#7C3AED', fg: '#FFFFFF', border: '#7C3AED' },
+ *         hover:   { bg: '#6D28D9', fg: '#FFFFFF', border: '#6D28D9' },
+ *         active:  { bg: '#5B21B6', fg: '#FFFFFF', border: '#5B21B6' },
+ *       },
+ *     },
+ *   }}
+ * >
+ *   <App />
+ * </ThemeProvider>
+ * ```
+ */
+import { createContext, useContext, useMemo } from 'react';
+import { themes } from './themes';
+import { intentColors as defaultIntentColors, disabledColors as defaultDisabledColors, } from '../tokens/colors';
+// ---------------------------------------------------------------------------
+// Deep merge utility (for partial colour overrides)
+// ---------------------------------------------------------------------------
+function deepMerge(base, overrides) {
+    const result = { ...base };
+    for (const key of Object.keys(overrides)) {
+        if (key === '__proto__' || key === 'constructor' || key === 'prototype')
+            continue;
+        const baseVal = base[key];
+        const overVal = overrides[key];
+        if (overVal &&
+            typeof overVal === 'object' &&
+            !Array.isArray(overVal) &&
+            baseVal &&
+            typeof baseVal === 'object') {
+            result[key] = deepMerge(baseVal, overVal);
+        }
+        else {
+            result[key] = overVal;
+        }
+    }
+    return result;
+}
+// ---------------------------------------------------------------------------
+// Context
+// ---------------------------------------------------------------------------
+const defaultTheme = {
+    density: 'default',
+    components: themes.default,
+    colors: defaultIntentColors,
+    disabledColors: defaultDisabledColors,
+};
+const ThemeContext = createContext(defaultTheme);
+export function ThemeProvider({ density = 'default', colors, children, }) {
+    const theme = useMemo(() => {
+        const resolvedColors = colors
+            ? deepMerge(defaultIntentColors, colors)
+            : defaultIntentColors;
+        return {
+            density,
+            components: themes[density],
+            colors: resolvedColors,
+            disabledColors: defaultDisabledColors,
+        };
+    }, [density, colors]);
+    return (_jsx(ThemeContext.Provider, { value: theme, children: children }));
+}
+// ---------------------------------------------------------------------------
+// Hook
+// ---------------------------------------------------------------------------
+/**
+ * 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);
+}
+//# sourceMappingURL=ThemeContext.js.map

package/dist/theme/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../src/theme/ThemeContext.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,YAAY,IAAI,mBAAmB,EACnC,cAAc,IAAI,qBAAqB,GACxC,MAAM,kBAAkB,CAAC;AAiB1B,8EAA8E;AAC9E,oDAAoD;AACpD,8EAA8E;AAE9E,SAAS,SAAS,CAChB,IAAO,EACP,SAAkC;IAElC,MAAM,MAAM,GAA4B,EAAE,GAAG,IAAI,EAAE,CAAC;IACpD,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;QACzC,IAAI,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,aAAa,IAAI,GAAG,KAAK,WAAW;YAAE,SAAS;QAClF,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;QAC1B,MAAM,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;QAC/B,IACE,OAAO;YACP,OAAO,OAAO,KAAK,QAAQ;YAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;YACvB,OAAO;YACP,OAAO,OAAO,KAAK,QAAQ,EAC3B,CAAC;YACD,MAAM,CAAC,GAAG,CAAC,GAAG,SAAS,CACrB,OAAkC,EAClC,OAAkC,CACnC,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC;QACxB,CAAC;IACH,CAAC;IACD,OAAO,MAAW,CAAC;AACrB,CAAC;AAED,8EAA8E;AAC9E,UAAU;AACV,8EAA8E;AAE9E,MAAM,YAAY,GAAU;IAC1B,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,MAAM,CAAC,OAAO;IAC1B,MAAM,EAAE,mBAAmB;IAC3B,cAAc,EAAE,qBAAqB;CACtC,CAAC;AAEF,MAAM,YAAY,GAAG,aAAa,CAAQ,YAAY,CAAC,CAAC;AAiBxD,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,GAAG,SAAS,EACnB,MAAM,EACN,QAAQ,GACW;IACnB,MAAM,KAAK,GAAG,OAAO,CAAQ,GAAG,EAAE;QAChC,MAAM,cAAc,GAAG,MAAM;YAC3B,CAAC,CAAC,SAAS,CAAC,mBAAmB,EAAE,MAAiC,CAAC;YACnE,CAAC,CAAC,mBAAmB,CAAC;QAExB,OAAO;YACL,OAAO;YACP,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC;YAC3B,MAAM,EAAE,cAAgC;YACxC,cAAc,EAAE,qBAAqB;SACtC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAyB,CACxE,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,OAAO;AACP,8EAA8E;AAE9E;;;GAGG;AACH,MAAM,UAAU,QAAQ;IACtB,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC;AAClC,CAAC"}

package/dist/theme/index.d.ts

@@ -0,0 +1,4 @@
+export { ThemeProvider, useTheme, type ThemeProviderProps, type Theme } from './ThemeContext';
+export { themes } from './themes';
+export type { DensityTheme, ComponentTokens, ButtonSizeTokens, ButtonThemeTokens, DialogSizeTokens, DialogThemeTokens, DeepPartial, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,kBAAkB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC9F,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,GACZ,MAAM,SAAS,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,3 @@
+export { ThemeProvider, useTheme } from './ThemeContext';
+export { themes } from './themes';
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAuC,MAAM,gBAAgB,CAAC;AAC9F,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/theme/themes.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Density theme definitions — extracted from component token files.
+ *
+ * Source files:
+ *   design-tokens/component/component-compact.tokens.json
+ *   design-tokens/component/component-default.tokens.json
+ *   design-tokens/component/component-comfortable.tokens.json
+ *
+ * Values verified against Figma variable defs.
+ * Only spacing/sizing tokens live here — colours are constant across densities.
+ */
+import type { DensityTheme, ComponentTokens } from './types';
+export declare const themes: Record<DensityTheme, ComponentTokens>;
+//# sourceMappingURL=themes.d.ts.map

package/dist/theme/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/theme/themes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE7D,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,eAAe,CAsGxD,CAAC"}

package/dist/theme/themes.js

@@ -0,0 +1,113 @@
+/**
+ * Density theme definitions — extracted from component token files.
+ *
+ * Source files:
+ *   design-tokens/component/component-compact.tokens.json
+ *   design-tokens/component/component-default.tokens.json
+ *   design-tokens/component/component-comfortable.tokens.json
+ *
+ * Values verified against Figma variable defs.
+ * Only spacing/sizing tokens live here — colours are constant across densities.
+ */
+export const themes = {
+    compact: {
+        dialog: {
+            small: { padding: 16, gap: 12, iconSize: 24 },
+            default: { padding: 24, gap: 16, iconSize: 32 },
+            large: { padding: 32, gap: 24, iconSize: 40 },
+        },
+        button: {
+            small: {
+                gap: 4,
+                paddingX: 6,
+                paddingY: 2,
+                borderRadius: 8,
+                focusRingWidth: 2,
+                focusRingOffset: 2,
+            },
+            default: {
+                gap: 8,
+                paddingX: 10,
+                paddingY: 6,
+                borderRadius: 8,
+                focusRingWidth: 2,
+                focusRingOffset: 2,
+            },
+            large: {
+                gap: 16,
+                paddingX: 20,
+                paddingY: 14,
+                borderRadius: 8,
+                focusRingWidth: 2,
+                focusRingOffset: 2,
+            },
+        },
+    },
+    default: {
+        dialog: {
+            small: { padding: 24, gap: 16, iconSize: 24 },
+            default: { padding: 32, gap: 24, iconSize: 32 },
+            large: { padding: 40, gap: 32, iconSize: 40 },
+        },
+        button: {
+            small: {
+                gap: 8,
+                paddingX: 10,
+                paddingY: 6,
+                borderRadius: 8,
+                focusRingWidth: 2,
+                focusRingOffset: 2,
+            },
+            default: {
+                gap: 12,
+                paddingX: 14,
+                paddingY: 10,
+                borderRadius: 8,
+                focusRingWidth: 2,
+                focusRingOffset: 2,
+            },
+            large: {
+                gap: 20,
+                paddingX: 24,
+                paddingY: 16,
+                borderRadius: 8,
+                focusRingWidth: 2,
+                focusRingOffset: 2,
+            },
+        },
+    },
+    comfortable: {
+        dialog: {
+            small: { padding: 40, gap: 24, iconSize: 24 },
+            default: { padding: 40, gap: 32, iconSize: 32 },
+            large: { padding: 48, gap: 40, iconSize: 40 },
+        },
+        button: {
+            small: {
+                gap: 12,
+                paddingX: 14,
+                paddingY: 10,
+                borderRadius: 8,
+                focusRingWidth: 2,
+                focusRingOffset: 2,
+            },
+            default: {
+                gap: 16,
+                paddingX: 20,
+                paddingY: 14,
+                borderRadius: 8,
+                focusRingWidth: 2,
+                focusRingOffset: 2,
+            },
+            large: {
+                gap: 24,
+                paddingX: 32,
+                paddingY: 20,
+                borderRadius: 8,
+                focusRingWidth: 2,
+                focusRingOffset: 2,
+            },
+        },
+    },
+};
+//# sourceMappingURL=themes.js.map

package/dist/theme/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../src/theme/themes.ts"],"names":[],"mappings":"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"}

package/dist/theme/types.d.ts

@@ -0,0 +1,47 @@
+/**
+ * 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 type DensityTheme = 'compact' | 'default' | 'comfortable';
+/** Spacing/sizing tokens for a single button size variant */
+export type ButtonSizeTokens = {
+    gap: number;
+    paddingX: number;
+    paddingY: number;
+    borderRadius: number;
+    focusRingWidth: number;
+    focusRingOffset: number;
+};
+/** All three button sizes */
+export type ButtonThemeTokens = {
+    small: ButtonSizeTokens;
+    default: ButtonSizeTokens;
+    large: ButtonSizeTokens;
+};
+/** Spacing/sizing tokens for a single dialog size variant */
+export type DialogSizeTokens = {
+    padding: number;
+    gap: number;
+    iconSize: number;
+};
+/** All three dialog sizes */
+export type DialogThemeTokens = {
+    small: DialogSizeTokens;
+    default: DialogSizeTokens;
+    large: DialogSizeTokens;
+};
+/**
+ * Component-level tokens that vary by density theme.
+ * Extended as new components are added to the library.
+ */
+export type ComponentTokens = {
+    button: ButtonThemeTokens;
+    dialog: DialogThemeTokens;
+};
+/** Utility type for partial overrides at any depth */
+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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAEjE,6DAA6D;AAC7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,6BAA6B;AAC7B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,gBAAgB,CAAC;IACxB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEF,6DAA6D;AAC7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,6BAA6B;AAC7B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,gBAAgB,CAAC;IACxB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,MAAM,EAAE,iBAAiB,CAAC;CAC3B,CAAC;AAEF,sDAAsD;AACtD,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAChE,CAAC"}

package/dist/theme/types.js

@@ -0,0 +1,8 @@
+/**
+ * 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

package/dist/theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}

package/dist/tokens/colors.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Semantic intent colors — derived from semantic.tokens.json
+ * Maps: intent → prominence → state → { bg, fg, border }
+ *
+ * Source tokens: intent/{intent}/{prominence}/{state}/{bg|fg|border}
+ * Primitive palette refs: blue (brand), cool-grey (neutral), red (danger)
+ */
+type StateColors = {
+    bg: string;
+    fg: string;
+    border: string;
+};
+type ProminenceColors = {
+    default: StateColors;
+    hover: StateColors;
+    active: StateColors;
+};
+type IntentColors = {
+    default: ProminenceColors;
+    bold: ProminenceColors;
+    subtle: ProminenceColors;
+    ringColour: string;
+};
+export type IntentName = 'brand' | 'neutral' | 'danger';
+export type ProminenceName = 'default' | 'bold' | 'subtle';
+export type StateName = 'default' | 'hover' | 'active';
+export declare const intentColors: Record<IntentName, IntentColors>;
+/** Disabled state — shared across all intents */
+export declare const disabledColors: StateColors;
+/** Semantic control constants */
+export declare const controlTokens: {
+    borderWidth: number;
+};
+/** Surface tokens — backgrounds and overlay styling */
+export declare const surfaceTokens: {
+    /** Page/screen background — cool-grey/50 */
+    base: string;
+    /** Subtle background for sections/cards — cool-grey/100 */
+    subtle: string;
+    /** Overlay surfaces (Dialog, Popover, Tooltip, Select, etc.) */
+    overlay: {
+        bg: string;
+        border: string;
+        borderRadius: number;
+    };
+};
+/** Semantic text tokens */
+export declare const textTokens: {
+    description: string;
+};
+/** Overlay/scrim opacity */
+export declare const overlayTokens: {
+    scrimOpacity: number;
+};
+export {};
+//# sourceMappingURL=colors.d.ts.map

package/dist/tokens/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/tokens/colors.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AACxD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC3D,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,YAAY,CAuDzD,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,cAAc,EAAE,WAI5B,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,aAAa;;CAEzB,CAAC;AAEF,uDAAuD;AACvD,eAAO,MAAM,aAAa;IACxB,4CAA4C;;IAE5C,2DAA2D;;IAE3D,gEAAgE;;;;;;CAMjE,CAAC;AAEF,2BAA2B;AAC3B,eAAO,MAAM,UAAU;;CAEtB,CAAC;AAEF,4BAA4B;AAC5B,eAAO,MAAM,aAAa;;CAEzB,CAAC"}

package/dist/tokens/colors.js

@@ -0,0 +1,95 @@
+/**
+ * Semantic intent colors — derived from semantic.tokens.json
+ * Maps: intent → prominence → state → { bg, fg, border }
+ *
+ * Source tokens: intent/{intent}/{prominence}/{state}/{bg|fg|border}
+ * Primitive palette refs: blue (brand), cool-grey (neutral), red (danger)
+ */
+export const intentColors = {
+    neutral: {
+        default: {
+            default: { bg: '#FFFFFF', fg: '#374151', border: '#D1D5DB' },
+            hover: { bg: '#F9FAFB', fg: '#1F2937', border: '#9CA3AF' },
+            active: { bg: '#F3F4F6', fg: '#111827', border: '#6B7280' },
+        },
+        bold: {
+            default: { bg: '#374151', fg: '#FFFFFF', border: '#374151' },
+            hover: { bg: '#1F2937', fg: '#FFFFFF', border: '#1F2937' },
+            active: { bg: '#111827', fg: '#FFFFFF', border: '#111827' },
+        },
+        subtle: {
+            default: { bg: 'transparent', fg: '#374151', border: 'transparent' },
+            hover: { bg: '#F9FAFB', fg: '#1F2937', border: 'transparent' },
+            active: { bg: '#F3F4F6', fg: '#111827', border: 'transparent' },
+        },
+        ringColour: '#9CA3AF',
+    },
+    brand: {
+        default: {
+            default: { bg: '#FFFFFF', fg: '#2563EB', border: '#93C5FD' },
+            hover: { bg: '#EFF6FF', fg: '#1D4ED8', border: '#60A5FA' },
+            active: { bg: '#DBEAFE', fg: '#1E40AF', border: '#3B82F6' },
+        },
+        bold: {
+            default: { bg: '#2563EB', fg: '#FFFFFF', border: '#2563EB' },
+            hover: { bg: '#1D4ED8', fg: '#FFFFFF', border: '#1D4ED8' },
+            active: { bg: '#1E40AF', fg: '#FFFFFF', border: '#1E40AF' },
+        },
+        subtle: {
+            default: { bg: 'transparent', fg: '#2563EB', border: 'transparent' },
+            hover: { bg: '#EFF6FF', fg: '#1D4ED8', border: 'transparent' },
+            active: { bg: '#DBEAFE', fg: '#1E40AF', border: 'transparent' },
+        },
+        ringColour: '#60A5FA',
+    },
+    danger: {
+        default: {
+            default: { bg: '#FFFFFF', fg: '#DC2626', border: '#FCA5A5' },
+            hover: { bg: '#FEF2F2', fg: '#B91C1C', border: '#F87171' },
+            active: { bg: '#FEE2E2', fg: '#991B1B', border: '#EF4444' },
+        },
+        bold: {
+            default: { bg: '#DC2626', fg: '#FFFFFF', border: '#DC2626' },
+            hover: { bg: '#B91C1C', fg: '#FFFFFF', border: '#B91C1C' },
+            active: { bg: '#991B1B', fg: '#FFFFFF', border: '#991B1B' },
+        },
+        subtle: {
+            default: { bg: 'transparent', fg: '#DC2626', border: 'transparent' },
+            hover: { bg: '#FEF2F2', fg: '#B91C1C', border: 'transparent' },
+            active: { bg: '#FEE2E2', fg: '#991B1B', border: 'transparent' },
+        },
+        ringColour: '#F87171',
+    },
+};
+/** Disabled state — shared across all intents */
+export const disabledColors = {
+    bg: '#F3F4F6',
+    fg: '#9CA3AF',
+    border: '#E5E7EB',
+};
+/** Semantic control constants */
+export const controlTokens = {
+    borderWidth: 1,
+};
+/** Surface tokens — backgrounds and overlay styling */
+export const surfaceTokens = {
+    /** Page/screen background — cool-grey/50 */
+    base: '#F9FAFB',
+    /** Subtle background for sections/cards — cool-grey/100 */
+    subtle: '#F3F4F6',
+    /** Overlay surfaces (Dialog, Popover, Tooltip, Select, etc.) */
+    overlay: {
+        bg: '#FFFFFF',
+        border: '#E5E7EB',
+        borderRadius: 8,
+    },
+};
+/** Semantic text tokens */
+export const textTokens = {
+    description: '#6B7280',
+};
+/** Overlay/scrim opacity */
+export const overlayTokens = {
+    scrimOpacity: 0.5,
+};
+//# sourceMappingURL=colors.js.map

package/dist/tokens/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/tokens/colors.ts"],"names":[],"mappings":"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"}

package/dist/tokens/index.d.ts

@@ -0,0 +1,3 @@
+export { intentColors, disabledColors, controlTokens, surfaceTokens, textTokens, overlayTokens, type IntentName, type ProminenceName, type StateName, } from './colors';
+export { fontFamily, fontWeight, label, title, body, type LabelSize } from './typography';
+//# sourceMappingURL=index.d.ts.map

package/dist/tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,aAAa,EACb,UAAU,EACV,aAAa,EACb,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,SAAS,GACf,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/tokens/index.js

@@ -0,0 +1,3 @@
+export { intentColors, disabledColors, controlTokens, surfaceTokens, textTokens, overlayTokens, } from './colors';
+export { fontFamily, fontWeight, label, title, body } from './typography';
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,aAAa,EACb,UAAU,EACV,aAAa,GAId,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC"}

package/dist/tokens/typography.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Typography tokens — derived from primitive.tokens.json + semantic.tokens.json
+ *
+ * Source tokens:
+ *   font-family/{sans|mono|serif}
+ *   font-weight/{light|regular|medium|semibold|bold}
+ *   label/{sm|md|lg}, title/{sm|md|lg}, body/{sm|md|lg} → fontSize, lineHeight, letterSpacing
+ */
+export declare const fontFamily: {
+    readonly sans: string;
+    readonly mono: string;
+    readonly serif: string;
+};
+export declare const fontWeight: {
+    light: "300";
+    regular: "400";
+    medium: "500";
+    semibold: "600";
+    bold: "700";
+};
+export type LabelSize = 'sm' | 'md' | 'lg';
+type TypographyScale = Record<'sm' | 'md' | 'lg', {
+    fontSize: number;
+    lineHeight: number;
+    letterSpacing: number;
+}>;
+export declare const label: TypographyScale;
+export declare const title: TypographyScale;
+export declare const body: TypographyScale;
+export {};
+//# sourceMappingURL=typography.d.ts.map

package/dist/tokens/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,eAAO,MAAM,UAAU;;;;CAOb,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,KAAK,eAAe,GAAG,MAAM,CAC3B,IAAI,GAAG,IAAI,GAAG,IAAI,EAClB;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CAChE,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,eAInB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,eAInB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,eAIlB,CAAC"}

package/dist/tokens/typography.js

@@ -0,0 +1,40 @@
+/**
+ * Typography tokens — derived from primitive.tokens.json + semantic.tokens.json
+ *
+ * Source tokens:
+ *   font-family/{sans|mono|serif}
+ *   font-weight/{light|regular|medium|semibold|bold}
+ *   label/{sm|md|lg}, title/{sm|md|lg}, body/{sm|md|lg} → fontSize, lineHeight, letterSpacing
+ */
+import { Platform } from 'react-native';
+export const fontFamily = {
+    sans: Platform.select({ web: 'Inter, system-ui, sans-serif', default: 'Inter' }),
+    mono: Platform.select({
+        web: '"JetBrains Mono", monospace',
+        default: 'JetBrains Mono',
+    }),
+    serif: Platform.select({ web: '"Noto Serif", serif', default: 'Noto Serif' }),
+};
+export const fontWeight = {
+    light: '300',
+    regular: '400',
+    medium: '500',
+    semibold: '600',
+    bold: '700',
+};
+export const label = {
+    sm: { fontSize: 12, lineHeight: 16, letterSpacing: 0.25 },
+    md: { fontSize: 14, lineHeight: 20, letterSpacing: 0 },
+    lg: { fontSize: 16, lineHeight: 24, letterSpacing: 0 },
+};
+export const title = {
+    sm: { fontSize: 16, lineHeight: 24, letterSpacing: 0 },
+    md: { fontSize: 18, lineHeight: 24, letterSpacing: 0 },
+    lg: { fontSize: 20, lineHeight: 28, letterSpacing: 0 },
+};
+export const body = {
+    sm: { fontSize: 12, lineHeight: 18, letterSpacing: 0.25 },
+    md: { fontSize: 14, lineHeight: 20, letterSpacing: 0 },
+    lg: { fontSize: 16, lineHeight: 24, letterSpacing: 0 },
+};
+//# sourceMappingURL=typography.js.map

package/dist/tokens/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,8BAA8B,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;IAChF,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC;QACpB,GAAG,EAAE,6BAA6B;QAClC,OAAO,EAAE,gBAAgB;KAC1B,CAAC;IACF,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,qBAAqB,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;CACrE,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,KAAc;IACrB,OAAO,EAAE,KAAc;IACvB,MAAM,EAAE,KAAc;IACtB,QAAQ,EAAE,KAAc;IACxB,IAAI,EAAE,KAAc;CACrB,CAAC;AASF,MAAM,CAAC,MAAM,KAAK,GAAoB;IACpC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE;IACzD,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE;IACtD,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAoB;IACpC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE;IACtD,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE;IACtD,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAoB;IACnC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE;IACzD,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE;IACtD,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE;CACvD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@castui/cast-ui",
-  "version": "3.0.0",
+  "version": "3.2.0",
   "description": "A cross-platform design system for React Native (iOS, Android, Web) with multi-theme support.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",