@platform-blocks/ui 0.1.1

package/lib/components/BrandIcon/brands.d.ts

@@ -0,0 +1,520 @@
+export declare const brandIcons: {
+    google: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    'galaxy-store': {
+        defs: {
+            linearGradients: {
+                id: string;
+                x1: string;
+                y1: string;
+                x2: string;
+                y2: string;
+                stops: {
+                    offset: string;
+                    stopColor: string;
+                }[];
+            }[];
+        };
+        content: ({
+            d: string;
+            fill: string;
+            opacity?: undefined;
+        } | {
+            d: string;
+            fill: string;
+            opacity: number;
+        })[];
+        viewBox: string;
+        variant: "filled";
+    };
+    facebook: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        full: {
+            d: string;
+            fill: string;
+        }[];
+        mono: {
+            d: string;
+            fillRule: string;
+            clipRule: string;
+            allowOverride: boolean;
+        }[];
+    };
+    discord: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    android: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    apple: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+        supportsDarkMode: boolean;
+    };
+    applePodcasts: {
+        defs: {
+            linearGradients: {
+                id: string;
+                x1: string;
+                y1: string;
+                x2: string;
+                y2: string;
+                stops: {
+                    offset: string;
+                    stopColor: string;
+                }[];
+            }[];
+        };
+        content: ({
+            d: string;
+            fill: string;
+            opacity?: undefined;
+        } | {
+            d: string;
+            fill: string;
+            opacity: number;
+        })[];
+        viewBox: string;
+        variant: "filled";
+    };
+    'app-store': {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        full: {
+            d: string;
+            fill: string;
+        }[];
+        mono: {
+            d: string;
+            fill: string;
+            fillRule: string;
+        }[];
+    };
+    appgallery: {
+        defs: {
+            linearGradients: {
+                id: string;
+                x1: string;
+                y1: string;
+                x2: string;
+                y2: string;
+                gradientUnits: string;
+                stops: {
+                    offset: string;
+                    stopColor: string;
+                }[];
+            }[];
+        };
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    openai: {
+        content: {
+            d: string;
+            fill: string;
+            fillRule: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+        supportsDarkMode: boolean;
+    };
+    chrome: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        mono: {
+            d: string;
+            fill: string;
+            fillRule: string;
+            allowOverride: boolean;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    chromeWebStore: {
+        content: ({
+            d: string;
+            fill: string;
+            fillRule?: undefined;
+        } | {
+            d: string;
+            fill: string;
+            fillRule: string;
+        })[];
+        viewBox: string;
+        variant: "filled";
+    };
+    spotify: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    github: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+        supportsDarkMode: boolean;
+    };
+    x: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+        supportsDarkMode: boolean;
+    };
+    microsoft: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    linkedin: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        full: {
+            d: string;
+            fill: string;
+        }[];
+        mono: {
+            d: string;
+            fill: string;
+            fillRule: string;
+        }[];
+    };
+    slack: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    youtube: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        full: {
+            d: string;
+            fill: string;
+        }[];
+        mono: {
+            d: string;
+            fillRule: string;
+            clipRule: string;
+            allowOverride: boolean;
+        }[];
+    };
+    youtubeMusic: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        full: {
+            d: string;
+            fill: string;
+        }[];
+        mono: {
+            d: string;
+            fill: string;
+            fillRule: string;
+        }[];
+    };
+    mastercard: {
+        content: {
+            d: string;
+            fill: string;
+            fillRule: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    visa: {
+        content: {
+            d: string;
+            fill: string;
+            fillRule: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    reddit: {
+        content: {
+            d: string;
+            fill: string;
+            fillRule: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    amazon: {
+        content: ({
+            d: string;
+            fill: string;
+            fillRule: string;
+            allowOverride: boolean;
+        } | {
+            d: string;
+            fill: string;
+            fillRule: string;
+            allowOverride?: undefined;
+        })[];
+        viewBox: string;
+        variant: "filled";
+        supportsDarkMode: boolean;
+    };
+    amazonAppstore: {
+        defs: {
+            linearGradients: {
+                id: string;
+                x1: string;
+                y1: string;
+                x2: string;
+                y2: string;
+                stops: {
+                    offset: string;
+                    stopColor: string;
+                }[];
+            }[];
+        };
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    amazonMusic: {
+        defs: {
+            linearGradients: {
+                id: string;
+                x1: string;
+                y1: string;
+                x2: string;
+                y2: string;
+                stops: {
+                    offset: string;
+                    stopColor: string;
+                }[];
+            }[];
+        };
+        content: ({
+            d: string;
+            fill: string;
+            opacity?: undefined;
+        } | {
+            d: string;
+            fill: string;
+            opacity: number;
+        })[];
+        viewBox: string;
+        variant: "filled";
+    };
+    twitch: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        full: {
+            d: string;
+            fill: string;
+        }[];
+        mono: {
+            d: string;
+            fill: string;
+            fillRule: string;
+        }[];
+    };
+    tiktok: {
+        content: {
+            d: string;
+            fill: string;
+            allowOverride: boolean;
+        }[];
+        viewBox: string;
+        variant: "filled";
+        supportsDarkMode: boolean;
+    };
+    npm: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        full: {
+            d: string;
+            fill: string;
+        }[];
+        mono: {
+            d: string;
+            fill: string;
+            fillRule: string;
+            allowOverride: boolean;
+        }[];
+        variant: "filled";
+    };
+    paypal: {
+        content: {
+            d: string;
+            fill: string;
+            fillRule: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    appleMusic: {
+        content: {
+            d: string;
+            fill: string;
+            fillRule: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    soundcloud: {
+        content: {
+            d: string;
+            fill: string;
+            allowOverride: boolean;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    whatsapp: {
+        content: ({
+            d: string;
+            fill: string;
+            allowOverride?: undefined;
+        } | {
+            d: string;
+            fill: string;
+            allowOverride: boolean;
+        })[];
+        viewBox: string;
+        full: ({
+            d: string;
+            fill: string;
+            allowOverride?: undefined;
+        } | {
+            d: string;
+            fill: string;
+            allowOverride: boolean;
+        })[];
+        mono: {
+            d: string;
+            fill: string;
+            fillRule: string;
+        }[];
+    };
+    telegram: {
+        content: {
+            d: string;
+            fill: string;
+            fillRule: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    signal: {
+        content: {
+            d: string;
+            fill: string;
+            fillRule: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    meta: {
+        content: {
+            d: string;
+            fill: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    discover: {
+        content: {
+            d: string;
+            fill: string;
+            fillRule: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    amex: {
+        content: {
+            d: string;
+            fill: string;
+            fillRule: string;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    messenger: {
+        content: {
+            d: string;
+            fill: string;
+            allowOverride: boolean;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+    zoom: {
+        content: {
+            d: string;
+            fill: string;
+            allowOverride: boolean;
+        }[];
+        viewBox: string;
+        variant: "filled";
+    };
+};
+export type BrandName = keyof typeof brandIcons;

package/lib/components/BrandIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { BrandIcon, type BrandIconProps, type BrandName } from './BrandIcon';
+export { brandIcons } from './brands';

package/lib/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,6 @@
+import { View } from 'react-native';
+import { BreadcrumbsProps } from './types';
+export declare const Breadcrumbs: import("../../core/factory").PlatformBlocksComponent<{
+    props: BreadcrumbsProps;
+    ref: View;
+}>;

package/lib/components/Breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export { Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbsProps, BreadcrumbItem } from './types';

package/lib/components/Breadcrumbs/types.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+import { SpacingProps } from '../../core/theme/types';
+export interface BreadcrumbItem {
+    /** The label text for the breadcrumb */
+    label: string;
+    /** The href/path for navigation */
+    href?: string;
+    /** Custom icon to display before the label */
+    icon?: ReactNode;
+    /** Press handler for the breadcrumb item */
+    onPress?: () => void;
+    /** Whether this breadcrumb is disabled */
+    disabled?: boolean;
+}
+export interface BreadcrumbsProps extends SpacingProps {
+    /** Array of breadcrumb items */
+    items: BreadcrumbItem[];
+    /** Custom separator between breadcrumbs (string, icon, or any React component) */
+    separator?: ReactNode;
+    /** Maximum number of items to show (will collapse middle items) */
+    maxItems?: number;
+    /** Size of the breadcrumbs */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    /** Whether to show icons */
+    showIcons?: boolean;
+    /** Custom styles */
+    style?: ViewStyle;
+    /** Custom text styles */
+    textStyle?: TextStyle;
+    /** Custom separator styles */
+    separatorStyle?: ViewStyle;
+    /** Accessibility label */
+    accessibilityLabel?: string;
+}

package/lib/components/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ButtonProps } from './types';
+export declare const Button: React.FC<ButtonProps>;

package/lib/components/Button/SoundButton.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { ButtonProps } from '../Button/types';
+import type { SoundOptions, HapticFeedbackOptions } from '../../core/sound/types';
+interface SoundButtonProps extends ButtonProps {
+    /** Whether to play sound feedback on press */
+    enableSoundFeedback?: boolean;
+    /** Whether to play haptic feedback on press */
+    enableHapticFeedback?: boolean;
+    /** Custom sound options for button press */
+    soundOptions?: SoundOptions;
+    /** Custom haptic options for button press */
+    hapticOptions?: HapticFeedbackOptions;
+    /** Whether to play hover sound (web only) */
+    enableHoverSound?: boolean;
+    /** Custom sound options for hover */
+    hoverSoundOptions?: SoundOptions;
+}
+/**
+ * Enhanced Button component with integrated sound and haptic feedback
+ */
+export declare const SoundButton: React.FC<SoundButtonProps>;
+export {};

package/lib/components/Button/defaults.d.ts

@@ -0,0 +1,7 @@
+export declare const BUTTON_DEFAULTS: {
+    readonly variant: "primary";
+    readonly size: "md";
+    readonly disabled: false;
+    readonly loading: false;
+    readonly fullWidth: false;
+};

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

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps } from './types';

package/lib/components/Button/styles/resolver.d.ts

@@ -0,0 +1,7 @@
+export declare function getButtonStyles(): {
+    variant: "primary";
+    size: "md";
+    disabled: false;
+    loading: false;
+    fullWidth: false;
+};

package/lib/components/Button/tokens.d.ts

@@ -0,0 +1,16 @@
+export declare const ButtonTokens: {
+    variants: {
+        primary: {};
+        secondary: {};
+        outline: {};
+        ghost: {};
+        none: {};
+    };
+    sizes: {
+        xs: {};
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+    };
+};

package/lib/components/Button/types.d.ts

@@ -0,0 +1,67 @@
+import React from 'react';
+import { SpacingProps, LayoutProps } from '../../core/utils';
+import { BorderRadiusProps } from '../../core/theme/radius';
+import { ShadowProps } from '../../core/theme/shadow';
+import { SizeValue } from '../../core/theme/sizes';
+import { TooltipProps } from '../Tooltip';
+export interface ButtonProps extends SpacingProps, LayoutProps, BorderRadiusProps, ShadowProps {
+    key?: React.Key;
+    /** Button text content - can be provided via title prop or children */
+    title?: string;
+    /** Button text content - alternative to title prop */
+    children?: React.ReactNode;
+    /** Called when the button is pressed */
+    onPress?: () => void;
+    /** Called when the button press starts (for immediate feedback) */
+    onPressIn?: () => void;
+    /** Called when the button press ends */
+    onPressOut?: () => void;
+    /** Called when the button is hovered (web/desktop only) */
+    onHoverIn?: () => void;
+    /** Called when the button is no longer hovered (web/desktop only) */
+    onHoverOut?: () => void;
+    /** Called when the button is long-pressed */
+    onLongPress?: () => void;
+    /** Called when the button layout is calculated */
+    onLayout?: (event: any) => void;
+    /** Button visual variant */
+    variant?: 'filled' | 'secondary' | 'outline' | 'ghost' | 'gradient' | 'link' | 'none';
+    /** Button size */
+    size?: SizeValue;
+    /** Whether the button is disabled */
+    disabled?: boolean;
+    /** Whether button is in loading state (shows loader) */
+    loading?: boolean;
+    /** Text to show when loading (if not provided, shows empty text but maintains original width) */
+    loadingTitle?: string;
+    /** Whether button should fill the full width of its parent container */
+    fullWidth?: boolean;
+    /**
+     * Custom color override for the button. Accepts raw CSS color OR theme token syntax:
+     *  - 'primary' (palette key -> uses middle shade 5)
+     *  - 'primary.6' (palette key + shade index)
+     *  - '#ff0000' / 'rgb(...)' direct colors
+     * Named colorVariant to align with Text component API.
+     */
+    colorVariant?: string;
+    /** Explicit text color override (else derived automatically from variant & color) */
+    textColor?: string;
+    /** Icon to show in the center (for icon-only buttons) */
+    icon?: React.ReactNode;
+    /** Icon to show on the left side of the button */
+    startIcon?: React.ReactNode;
+    /** Icon to show on the right side of the button */
+    endIcon?: React.ReactNode;
+    /** Tooltip text to show on hover/focus - when provided, wraps button in Tooltip component */
+    tooltip?: string;
+    /** Tooltip position when tooltip prop is used */
+    tooltipPosition?: TooltipProps['position'];
+    /** Style overrides for the button container */
+    style?: any;
+    /** Test ID for testing library queries */
+    testID?: string;
+    /** Accessibility label for screen readers */
+    accessibilityLabel?: string;
+    /** Accessibility hint for screen readers */
+    accessibilityHint?: string;
+}

package/lib/components/Calendar/Calendar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { CalendarProps } from './types';
+export declare const Calendar: React.FC<CalendarProps>;