@castui/cast-ui 2.0.0 → 3.1.0

package/dist/components/Button/Button.js

@@ -1,72 +1,93 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Pressable, Text, } from 'react-native';
-import { useTheme, resolveFont } from '../../theme';
-// ---------------------------------------------------------------------------
-// Component
-// ---------------------------------------------------------------------------
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * Primary UI component for user interaction.
+ * Button — the foundational interactive component of Cast UI.
  *
- * Renders as a React Native `Pressable` with `Text` – works identically
- * on iOS, Android, and Web (via React Native Web).
+ * 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.
  */
-export function Button({ label, variant = 'filled', backgroundColor, disabled = false, ...pressableProps }) {
-    const theme = useTheme();
-    const bt = theme.component.button;
-    const [hovered, setHovered] = useState(false);
-    // --- resolve colours per variant + state -----------------------------------
-    const resolveBackground = () => {
-        if (disabled)
-            return bt.state.disabledBackground;
-        if (backgroundColor)
-            return backgroundColor;
-        const variantTokens = bt[variant];
-        const base = variantTokens.background;
+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 bt.state.hoverBackground;
-        return base;
-    };
-    const resolveContent = () => {
-        if (disabled)
-            return bt.state.disabledContent;
-        return bt[variant].content;
-    };
-    const resolveBorder = () => {
-        if (variant !== 'outline')
-            return undefined;
-        if (disabled)
-            return bt.state.disabledContent;
-        return bt.outline.border;
-    };
-    // --- build styles ----------------------------------------------------------
-    const containerStyle = {
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'center',
-        gap: bt.gap,
-        paddingHorizontal: bt.paddingHorizontal,
-        paddingVertical: bt.paddingVertical,
-        borderRadius: bt.cornerRadius,
-        backgroundColor: resolveBackground(),
-        ...(variant === 'outline' && {
-            borderWidth: bt.borderWidth,
-            borderColor: resolveBorder(),
-        }),
-        ...(variant === 'text' && {
-            backgroundColor: 'transparent',
-        }),
-        opacity: disabled ? 0.6 : 1,
-    };
-    const textStyle = {
-        color: resolveContent(),
-        fontSize: bt.textSize,
-        lineHeight: bt.lineHeight,
-        ...resolveFont(bt.fontFamily, bt.fontWeight),
-    };
-    return (_jsx(Pressable, { ...pressableProps, disabled: disabled, style: containerStyle, ...{
-            onHoverIn: () => setHovered(true),
-            onHoverOut: () => setHovered(false),
-        }, accessibilityRole: "button", children: _jsx(Text, { style: textStyle, children: label }) }));
+            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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;GAWG;AAEH,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EACL,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,QAAQ,GAIT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE5E,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AA+B/B,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,gDAAgD;AAChD,MAAM,WAAW,GAA2C;IAC1D,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,kEAAkE;AAClE,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,MAAM,CAAC,EACrB,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,UAAU,GAAG,SAAS,EACtB,IAAI,GAAG,SAAS,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,EACX,YAAY,EACZ,OAAO,EACP,KAAK,EACL,kBAAkB,GACN;IACZ,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC1C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,4CAA4C;IAC5C,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7C,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAElC,6CAA6C;IAC7C,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,OAAgB,EAAE,OAAgB,EAAE,EAAE;QACrC,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;gBACL,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,SAAS;gBACb,MAAM,EAAE,SAAS;aAClB,CAAC;QACJ,CAAC;QACD,IAAI,OAAO;YAAE,OAAO,UAAU,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC;QAClD,IAAI,OAAO;YAAE,OAAO,UAAU,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC;QACjD,OAAO,UAAU,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC;IACxC,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,CACnC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACjC,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EACjC,SAAS,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACnC,UAAU,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EACrC,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,kBAAkB,IAAI,QAAQ,EAClD,kBAAkB,EAAE,EAAE,QAAQ,EAAE,EAChC,KAAK,EAAE,KAAK,YAEX,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;YACf,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;YAEvD,MAAM,cAAc,GAAc;gBAChC,aAAa,EAAE,KAAK;gBACpB,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,SAAS,EAAE,YAAY;gBACvB,GAAG,EAAE,UAAU,CAAC,GAAG;gBACnB,iBAAiB,EAAE,UAAU,CAAC,QAAQ;gBACtC,eAAe,EAAE,UAAU,CAAC,QAAQ;gBACpC,YAAY,EAAE,UAAU,CAAC,YAAY;gBACrC,WAAW,EAAE,aAAa,CAAC,WAAW;gBACtC,WAAW,EAAE,WAAW,CAAC,MAAM;gBAC/B,eAAe,EAAE,WAAW,CAAC,EAAE;aAChC,CAAC;YAEF,uCAAuC;YACvC,MAAM,UAAU,GACd,SAAS,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK;gBAC7C,CAAC,CAAC;oBACE,YAAY,EAAE,UAAU,CAAC,cAAc;oBACvC,YAAY,EAAE,UAAU,CAAC,UAAU;oBACnC,YAAY,EAAE,OAAO;oBACrB,aAAa,EAAE,UAAU,CAAC,eAAe;iBAC1C;gBACH,CAAC,CAAC,EAAE,CAAC;YAET,sEAAsE;YACtE,MAAM,eAAe,GACnB,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CAChC,KAAC,IAAI,IAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC,EAAE,GAAI,CACpE,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CAAC;YACJ,MAAM,gBAAgB,GACpB,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,CACjC,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC,EAAE,GAAI,CACrE,CAAC,CAAC,CAAC,CACF,YAAY,CACb,CAAC;YAEJ,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,cAAc,EAAE,UAAuB,CAAC,aACnD,eAAe,EAChB,KAAC,IAAI,IACH,KAAK,EAAE;4BACL,UAAU,EAAE,UAAU,CAAC,IAAI;4BAC3B,UAAU,EAAE,UAAU,CAAC,MAAM;4BAC7B,QAAQ,EAAE,WAAW,CAAC,QAAQ;4BAC9B,UAAU,EAAE,WAAW,CAAC,UAAU;4BAClC,aAAa,EAAE,WAAW,CAAC,aAAa;4BACxC,KAAK,EAAE,WAAW,CAAC,EAAE;yBACtB,EACD,UAAU,EAAE,KAAK,YAEhB,QAAQ,GACJ,EACN,gBAAgB,IACZ,CACR,CAAC;QACJ,CAAC,GACS,CACb,CAAC;AACJ,CAAC"}

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/Icon/Icon.d.ts

@@ -1,11 +1,25 @@
-export type IconSize = 'small' | 'medium' | 'large';
-export interface IconProps {
-    /** Icon identifier (rendered as text for now; swap with icon library). */
+/**
+ * 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. @default 'medium' */
-    size?: IconSize;
-    /** Icon color. */
+    /** Icon size in pixels. Defaults to 20. */
+    size?: number;
+    /** Icon colour. Defaults to "#374151" (neutral fg). */
     color?: string;
-}
-export declare function Icon({ name, size, color, }: IconProps): import("react/jsx-runtime").JSX.Element;
+    /** 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

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,MAAM,WAAW,SAAS;IACxB,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgBD,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAe,EACf,KAAK,GACN,EAAE,SAAS,2CAmBX"}
+{"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

@@ -1,29 +1,28 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Text } from 'react-native';
-import { useTheme } from '../../theme';
-// ---------------------------------------------------------------------------
-// Size → token key mapping
-// ---------------------------------------------------------------------------
-const SIZE_MAP = {
-    small: 'sizeSmall',
-    medium: 'sizeMedium',
-    large: 'sizeLarge',
-};
-// ---------------------------------------------------------------------------
-// Component
-// ---------------------------------------------------------------------------
-export function Icon({ name, size = 'medium', color, }) {
-    const theme = useTheme();
-    const ic = theme.component.icon;
-    const resolved = ic[SIZE_MAP[size]];
-    const style = {
-        fontSize: resolved,
-        lineHeight: resolved,
-        width: resolved,
-        height: resolved,
-        textAlign: 'center',
-        color: color ?? theme.semantic.colour.onSurface,
-    };
-    return (_jsx(Text, { style: style, accessibilityRole: "image", accessibilityLabel: name, children: name }));
+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

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAiBvC,8EAA8E;AAC9E,2BAA2B;AAC3B,8EAA8E;AAE9E,MAAM,QAAQ,GAA+D;IAC3E,KAAK,EAAE,WAAW;IAClB,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,KAAK,GACK;IACV,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;IAChC,MAAM,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpC,MAAM,KAAK,GAAc;QACvB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS;KAChD,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAC,OAAO,EAAC,kBAAkB,EAAE,IAAI,YACnE,IAAI,GACA,CACR,CAAC;AACJ,CAAC"}
+{"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,52 +1,5 @@
-export { CastThemeProvider, useTheme } from './theme';
-export type { CastThemeProviderProps } from './theme';
-export type { CastTheme, ThemeName, SemanticTokens, ComponentTokens, ButtonTokens, CardTokens, TextFieldTokens, CheckboxTokens, FABTokens, AutocompleteTokens, SelectTokens, SwitchTokens, BadgeTokens, ChipTokens, DividerTokens, IconTokens, TableTokens, AlertTokens, BackdropTokens, SkeletonTokens, SnackbarTokens, DialogTokens, AppBarTokens, LinkTokens, SpeedDialTokens, } from './theme';
-export { createTheme } from './theme';
-export type { DeepPartial } from './theme';
-export { getThemeFontFamilies, googleFontsUrl, resolveFont, ANDROID_WEIGHT_SUFFIX } from './theme';
-export { defaultTheme } from './tokens/generated';
-export { Button } from './components/Button/Button';
-export type { ButtonProps, ButtonVariant } from './components/Button/Button';
-export { Card } from './components/Card/Card';
-export type { CardProps } from './components/Card/Card';
-export { Typography } from './components/Typography/Typography';
-export type { TypographyProps, TypographyVariant } from './components/Typography/Typography';
-export { TextField } from './components/TextField/TextField';
-export type { TextFieldProps } from './components/TextField/TextField';
-export { Checkbox } from './components/Checkbox/Checkbox';
-export type { CheckboxProps } from './components/Checkbox/Checkbox';
-export { FAB } from './components/FAB/FAB';
-export type { FABProps, FABVariant } from './components/FAB/FAB';
-export { Autocomplete } from './components/Autocomplete/Autocomplete';
-export type { AutocompleteProps, AutocompleteOption } from './components/Autocomplete/Autocomplete';
-export { Select } from './components/Select/Select';
-export type { SelectProps, SelectOption } from './components/Select/Select';
-export { Switch } from './components/Switch/Switch';
-export type { SwitchProps } from './components/Switch/Switch';
-export { Badge } from './components/Badge/Badge';
-export type { BadgeProps } from './components/Badge/Badge';
-export { Chip } from './components/Chip/Chip';
-export type { ChipProps } from './components/Chip/Chip';
-export { Divider } from './components/Divider/Divider';
-export type { DividerProps } from './components/Divider/Divider';
-export { Icon } from './components/Icon/Icon';
-export type { IconProps, IconSize } from './components/Icon/Icon';
-export { Table } from './components/Table/Table';
-export type { TableProps, TableColumn } from './components/Table/Table';
-export { Alert } from './components/Alert/Alert';
-export type { AlertProps, AlertSeverity } from './components/Alert/Alert';
-export { Backdrop } from './components/Backdrop/Backdrop';
-export type { BackdropProps } from './components/Backdrop/Backdrop';
-export { Skeleton } from './components/Skeleton/Skeleton';
-export type { SkeletonProps, SkeletonVariant } from './components/Skeleton/Skeleton';
-export { Snackbar } from './components/Snackbar/Snackbar';
-export type { SnackbarProps } from './components/Snackbar/Snackbar';
-export { Dialog } from './components/Dialog/Dialog';
-export type { DialogProps } from './components/Dialog/Dialog';
-export { AppBar } from './components/AppBar/AppBar';
-export type { AppBarProps } from './components/AppBar/AppBar';
-export { Link } from './components/Link/Link';
-export type { LinkProps } from './components/Link/Link';
-export { SpeedDial } from './components/SpeedDial/SpeedDial';
-export type { SpeedDialProps, SpeedDialAction } from './components/SpeedDial/SpeedDial';
+export { intentColors, disabledColors, controlTokens, fontFamily, fontWeight, label, 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 DeepPartial, } from './theme';
+export { Button, type ButtonProps, type ButtonSize } from './components/Button';
+export { Icon, type IconProps } from './components/Icon';
 //# 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":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,UAAU,EACV,UAAU,EACV,KAAK,EACL,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,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"}

package/dist/index.js

@@ -1,33 +1,10 @@
-// ---------------------------------------------------------------------------
-// Cast Design System – Public API
-// ---------------------------------------------------------------------------
-// Theme system
-export { CastThemeProvider, useTheme } from './theme';
-export { createTheme } from './theme';
-export { getThemeFontFamilies, googleFontsUrl, resolveFont, ANDROID_WEIGHT_SUFFIX } from './theme';
-// Theme objects
-export { defaultTheme } from './tokens/generated';
+// Cast UI — Cross-platform design system component library
+//
+// Tokens
+export { intentColors, disabledColors, controlTokens, fontFamily, fontWeight, label, } from './tokens';
+// Theme
+export { ThemeProvider, useTheme, themes, } from './theme';
 // Components
-export { Button } from './components/Button/Button';
-export { Card } from './components/Card/Card';
-export { Typography } from './components/Typography/Typography';
-export { TextField } from './components/TextField/TextField';
-export { Checkbox } from './components/Checkbox/Checkbox';
-export { FAB } from './components/FAB/FAB';
-export { Autocomplete } from './components/Autocomplete/Autocomplete';
-export { Select } from './components/Select/Select';
-export { Switch } from './components/Switch/Switch';
-export { Badge } from './components/Badge/Badge';
-export { Chip } from './components/Chip/Chip';
-export { Divider } from './components/Divider/Divider';
-export { Icon } from './components/Icon/Icon';
-export { Table } from './components/Table/Table';
-export { Alert } from './components/Alert/Alert';
-export { Backdrop } from './components/Backdrop/Backdrop';
-export { Skeleton } from './components/Skeleton/Skeleton';
-export { Snackbar } from './components/Snackbar/Snackbar';
-export { Dialog } from './components/Dialog/Dialog';
-export { AppBar } from './components/AppBar/AppBar';
-export { Link } from './components/Link/Link';
-export { SpeedDial } from './components/SpeedDial/SpeedDial';
+export { Button } from './components/Button';
+export { Icon } from './components/Icon';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,kCAAkC;AAClC,8EAA8E;AAE9E,eAAe;AACf,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AA6BtD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEnG,gBAAgB;AAChB,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,aAAa;AACb,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAGpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAG7D,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG1D,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAG3C,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAGtE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAGpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAGpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAGjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAGvD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAGjD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAGjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG1D,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG1D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAGpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAGpD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAG9C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC"}
+{"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,UAAU,EACV,UAAU,EACV,KAAK,GAKN,MAAM,UAAU,CAAC;AAElB,QAAQ;AACR,OAAO,EACL,aAAa,EACb,QAAQ,EACR,MAAM,GAQP,MAAM,SAAS,CAAC;AAEjB,aAAa;AACb,OAAO,EAAE,MAAM,EAAqC,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAAE,IAAI,EAAkB,MAAM,mBAAmB,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"}