@idealyst/mcp-server 1.2.7 → 1.2.8

package/dist/generated/types.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.0.87",
-  "extractedAt": "2025-11-07T19:12:10.473Z",
+  "version": "1.0.94",
+  "extractedAt": "2026-01-10T04:11:58.288Z",
   "components": {
     "Accordion": {
       "name": "Accordion",
@@ -9,7 +9,8 @@
         {
           "name": "items",
           "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/src/Accordion/types\").AccordionItem[]",
-          "required": true
+          "required": true,
+          "description": "Array of accordion items to display"
         },
         {
           "name": "allowMultiple",
@@ -28,12 +29,12 @@
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false
         },
         {
@@ -42,7 +43,7 @@
           "required": false
         }
       ],
-      "typeDefinition": "export interface AccordionProps {\n  items: AccordionItem[];\n  allowMultiple?: boolean;\n  defaultExpanded?: string[];\n  type?: AccordionType;\n  size?: AccordionSizeVariant;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
+      "typeDefinition": "export interface AccordionProps extends ContainerStyleProps, AccessibilityProps {\n  /**\n   * Array of accordion items to display\n   */\n  items: AccordionItem[];\n  allowMultiple?: boolean;\n  defaultExpanded?: string[];\n  type?: AccordionType;\n  size?: AccordionSizeVariant;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
       "relatedTypes": {
         "AccordionType": "export type AccordionType = 'standard' | 'separated' | 'bordered';",
         "AccordionSizeVariant": "export type AccordionSizeVariant = Size;",
@@ -61,13 +62,13 @@
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "The size of the indicator"
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "The color/intent of the indicator"
         },
@@ -79,7 +80,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Additional styles to apply to the container"
         },
@@ -96,7 +97,7 @@
           "description": "Whether to hide the indicator when not animating"
         }
       ],
-      "typeDefinition": "export interface ActivityIndicatorProps {\n  /**\n   * Whether the indicator is animating (visible)\n   * @default true\n   */\n  animating?: boolean;\n\n  /**\n   * The size of the indicator\n   * @default \"medium\"\n   */\n  size?: ActivityIndicatorSizeVariant;\n\n  /**\n   * The color/intent of the indicator\n   * @default \"primary\"\n   */\n  intent?: ActivityIndicatorIntentVariant;\n\n  /**\n   * Custom color to override intent\n   */\n  color?: string;\n\n  /**\n   * Additional styles to apply to the container\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test identifier for testing\n   */\n  testID?: string;\n\n  /**\n   * Whether to hide the indicator when not animating\n   * @default true\n   */\n  hidesWhenStopped?: boolean;\n}",
+      "typeDefinition": "export interface ActivityIndicatorProps extends BaseProps, LiveRegionAccessibilityProps {\n  /**\n   * Whether the indicator is animating (visible)\n   * @default true\n   */\n  animating?: boolean;\n\n  /**\n   * The size of the indicator\n   * @default \"medium\"\n   */\n  size?: ActivityIndicatorSizeVariant;\n\n  /**\n   * The color/intent of the indicator\n   * @default \"primary\"\n   */\n  intent?: ActivityIndicatorIntentVariant;\n\n  /**\n   * Custom color to override intent\n   */\n  color?: string;\n\n  /**\n   * Additional styles to apply to the container\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test identifier for testing\n   */\n  testID?: string;\n\n  /**\n   * Whether to hide the indicator when not animating\n   * @default true\n   */\n  hidesWhenStopped?: boolean;\n}",
       "relatedTypes": {
         "ActivityIndicatorIntentVariant": "export type ActivityIndicatorIntentVariant = Intent;",
         "ActivityIndicatorSizeVariant": "export type ActivityIndicatorSizeVariant = Size;"
@@ -109,7 +110,8 @@
         {
           "name": "title",
           "type": "string | undefined",
-          "required": false
+          "required": false,
+          "description": "The title of the alert"
         },
         {
           "name": "message",
@@ -123,7 +125,7 @@
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
@@ -158,7 +160,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false
         },
         {
@@ -167,7 +169,7 @@
           "required": false
         }
       ],
-      "typeDefinition": "export interface AlertProps {\n  title?: string;\n  message?: string;\n  children?: React.ReactNode;\n  intent?: AlertIntentVariant;\n  type?: AlertType;\n  icon?: React.ReactNode;\n  showIcon?: boolean;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  actions?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
+      "typeDefinition": "export interface AlertProps extends BaseProps {\n  /**\n   * The title of the alert\n   */\n  title?: string;\n  message?: string;\n  children?: React.ReactNode;\n  intent?: AlertIntentVariant;\n  type?: AlertType;\n  icon?: React.ReactNode;\n  showIcon?: boolean;\n  dismissible?: boolean;\n  onDismiss?: () => void;\n  actions?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
       "relatedTypes": {
         "AlertIntentVariant": "export type AlertIntentVariant = Intent;",
         "AlertType": "export type AlertType= 'filled' | 'outlined' | 'soft';"
@@ -179,7 +181,7 @@
       "props": [
         {
           "name": "src",
-          "type": "string | import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/Image/Image\").ImageSourcePropType | undefined",
+          "type": "string | import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/Image/Image\").ImageSourcePropType | undefined",
           "required": false,
           "description": "Image source (URL or require())"
         },
@@ -209,13 +211,13 @@
         },
         {
           "name": "color",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/color\").Color | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "The color scheme of the avatar (for background when no image)"
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Additional styles"
         },
@@ -226,7 +228,7 @@
           "description": "Test ID for testing"
         }
       ],
-      "typeDefinition": "export interface AvatarProps {\n  /**\n   * Image source (URL or require())\n   */\n  src?: string | ImageSourcePropType;\n\n  /**\n   * Alt text for the image\n   */\n  alt?: string;\n\n  /**\n   * Fallback text (usually initials)\n   */\n  fallback?: string;\n\n  /**\n   * Size of the avatar\n   */\n  size?: AvatarSizeVariant;\n\n  /**\n   * Shape of the avatar\n   */\n  shape?: AvatarShapeVariant;\n\n  /**\n   * The color scheme of the avatar (for background when no image)\n   */\n  color?: AvatarColorVariant;\n\n  /**\n   * Additional styles\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
+      "typeDefinition": "export interface AvatarProps extends BaseProps, AccessibilityProps {\n  /**\n   * Image source (URL or require())\n   */\n  src?: string | ImageSourcePropType;\n\n  /**\n   * Alt text for the image\n   */\n  alt?: string;\n\n  /**\n   * Fallback text (usually initials)\n   */\n  fallback?: string;\n\n  /**\n   * Size of the avatar\n   */\n  size?: AvatarSizeVariant;\n\n  /**\n   * Shape of the avatar\n   */\n  shape?: AvatarShapeVariant;\n\n  /**\n   * The color scheme of the avatar (for background when no image)\n   */\n  color?: AvatarColorVariant;\n\n  /**\n   * Additional styles\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
       "relatedTypes": {
         "AvatarColorVariant": "export type AvatarColorVariant = Color;",
         "AvatarSizeVariant": "export type AvatarSizeVariant = 'sm' | 'md' | 'lg' | 'xl';",
@@ -245,7 +247,7 @@
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "The size of the badge"
         },
@@ -257,7 +259,7 @@
         },
         {
           "name": "color",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/color\").Color | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "The color scheme of the badge"
         },
@@ -269,7 +271,7 @@
         },
         {
           "name": "style",
-          "type": "React.CSSProperties | import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "React.CSSProperties | import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Additional styles"
         },
@@ -280,7 +282,7 @@
           "description": "Test ID for testing"
         }
       ],
-      "typeDefinition": "export interface BadgeProps {\n  /**\n   * The content to display inside the badge\n   */\n  children?: ReactNode;\n\n  /**\n   * The size of the badge\n   */\n  size?: BadgeSizeVariant;\n\n  /**\n   * The visual style variant of the badge\n   */\n  type?: BadgeType;\n\n  /**\n   * The color scheme of the badge\n   */\n  color?: BadgeColorVariant;\n\n  /**\n   * Icon to display. Can be an icon name or custom component (ReactNode)\n   */\n  icon?: IconName | ReactNode;\n\n  /**\n   * Additional styles\n   */\n  style?: CSSProperties | StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
+      "typeDefinition": "export interface BadgeProps extends BaseProps {\n  /**\n   * The content to display inside the badge\n   */\n  children?: ReactNode;\n\n  /**\n   * The size of the badge\n   */\n  size?: BadgeSizeVariant;\n\n  /**\n   * The visual style variant of the badge\n   */\n  type?: BadgeType;\n\n  /**\n   * The color scheme of the badge\n   */\n  color?: BadgeColorVariant;\n\n  /**\n   * Icon to display. Can be an icon name or custom component (ReactNode)\n   */\n  icon?: IconName | ReactNode;\n\n  /**\n   * Additional styles\n   */\n  style?: CSSProperties | StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
       "relatedTypes": {
         "BadgeColorVariant": "export type BadgeColorVariant = Color;",
         "BadgeSizeVariant": "export type BadgeSizeVariant = Size;",
@@ -317,25 +319,25 @@
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "Size of the breadcrumb text"
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Custom container style"
         },
         {
           "name": "itemStyle",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Custom item style"
         },
         {
           "name": "separatorStyle",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").TextStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").TextStyle>",
           "required": false,
           "description": "Custom separator style"
         },
@@ -358,11 +360,11 @@
           "description": "Minimum number of items to show before collapsing (default: 3)"
         }
       ],
-      "typeDefinition": "export interface BreadcrumbProps {\n  /** Array of breadcrumb items */\n  items: BreadcrumbItem[];\n\n  /** Custom separator between items (default: '/') */\n  separator?: React.ReactNode;\n\n  /** Maximum number of items to show before truncating */\n  maxItems?: number;\n\n  /** Intent color for links */\n  intent?: BreadcrumbIntentVariant;\n\n  /** Size of the breadcrumb text */\n  size?: BreadcrumbSizeVariant;\n\n  /** Custom container style */\n  style?: StyleProp<ViewStyle>;\n\n  /** Custom item style */\n  itemStyle?: StyleProp<ViewStyle>;\n\n  /** Custom separator style */\n  separatorStyle?: StyleProp<TextStyle>;\n\n  /** Test ID for testing */\n  testID?: string;\n\n  /** Enable responsive collapsing on narrow screens */\n  responsive?: boolean;\n\n  /** Minimum number of items to show before collapsing (default: 3) */\n  minVisibleItems?: number;\n}",
+      "typeDefinition": "export interface BreadcrumbProps extends BaseProps, AccessibilityProps {\n  /** Array of breadcrumb items */\n  items: BreadcrumbItem[];\n\n  /** Custom separator between items (default: '/') */\n  separator?: React.ReactNode;\n\n  /** Maximum number of items to show before truncating */\n  maxItems?: number;\n\n  /** Intent color for links */\n  intent?: BreadcrumbIntentVariant;\n\n  /** Size of the breadcrumb text */\n  size?: BreadcrumbSizeVariant;\n\n  /** Custom container style */\n  style?: StyleProp<ViewStyle>;\n\n  /** Custom item style */\n  itemStyle?: StyleProp<ViewStyle>;\n\n  /** Custom separator style */\n  separatorStyle?: StyleProp<TextStyle>;\n\n  /** Test ID for testing */\n  testID?: string;\n\n  /** Enable responsive collapsing on narrow screens */\n  responsive?: boolean;\n\n  /** Minimum number of items to show before collapsing (default: 3) */\n  minVisibleItems?: number;\n}",
       "relatedTypes": {
         "BreadcrumbIntentVariant": "export type BreadcrumbIntentVariant = 'primary' | 'neutral';",
         "BreadcrumbSizeVariant": "export type BreadcrumbSizeVariant = Size;",
-        "BreadcrumbItem": "export interface BreadcrumbItem {\n  /** Label text for the breadcrumb item */\n  label: string;\n\n  /** Optional icon to display before the label - can be an IconName or custom component */\n  icon?: IconName | React.ReactNode;\n\n  /** Click handler for the breadcrumb item */\n  onPress?: () => void;\n\n  /** Whether this item is disabled */\n  disabled?: boolean;\n}"
+        "BreadcrumbItem": "export interface BreadcrumbItem extends CurrentAccessibilityProps {\n  /** Label text for the breadcrumb item */\n  label: string;\n\n  /** Optional icon to display before the label - can be an IconName or custom component */\n  icon?: IconName | React.ReactNode;\n\n  /** Click handler for the breadcrumb item */\n  onPress?: () => void;\n\n  /** Whether this item is disabled */\n  disabled?: boolean;\n}"
       }
     },
     "Button": {
@@ -401,16 +403,22 @@
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "The intent/color scheme of the button"
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "The size of the button"
         },
+        {
+          "name": "gradient",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/src/Button/types\").ButtonGradient | undefined",
+          "required": false,
+          "description": "Apply a gradient background enhancement.\nOnly applies to 'contained' button type.\nOptions: 'color-to-dark', 'color-to-light', 'light-to-color', 'dark-to-color'"
+        },
         {
           "name": "leftIcon",
           "type": "string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | Promise<AwaitedReactNode> | null | undefined",
@@ -425,7 +433,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Additional styles (platform-specific)"
         },
@@ -436,11 +444,12 @@
           "description": "Test ID for testing"
         }
       ],
-      "typeDefinition": "export interface ButtonProps {\n  /**\n   * The text or content to display inside the button\n   */\n  children?: ReactNode;\n\n  /**\n   * The text title to display inside the button (for web)\n   */\n  title?: string;\n\n  /**\n   * Called when the button is pressed\n   */\n  onPress?: () => void;\n\n  /**\n   * Whether the button is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * The visual style type of the button\n   */\n  type?: ButtonType;\n\n  /**\n   * The intent/color scheme of the button\n   */\n  intent?: ButtonIntentVariant;\n\n  /**\n   * The size of the button\n   */\n  size?: ButtonSizeVariant;\n\n  /**\n   * Icon to display on the left side. Can be an icon name or custom component (ReactNode)\n   */\n  leftIcon?: IconName | ReactNode;\n\n  /**\n   * Icon to display on the right side. Can be an icon name or custom component (ReactNode)\n   */\n  rightIcon?: IconName | ReactNode;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
+      "typeDefinition": "export interface ButtonProps extends BaseProps, InteractiveAccessibilityProps {\n  /**\n   * The text or content to display inside the button\n   */\n  children?: ReactNode;\n\n  /**\n   * The text title to display inside the button (for web)\n   */\n  title?: string;\n\n  /**\n   * Called when the button is pressed\n   */\n  onPress?: () => void;\n\n  /**\n   * Whether the button is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * The visual style type of the button\n   */\n  type?: ButtonType;\n\n  /**\n   * The intent/color scheme of the button\n   */\n  intent?: ButtonIntentVariant;\n\n  /**\n   * The size of the button\n   */\n  size?: ButtonSizeVariant;\n\n  /**\n   * Apply a gradient background enhancement.\n   * Only applies to 'contained' button type.\n   * Options: 'color-to-dark', 'color-to-light', 'light-to-color', 'dark-to-color'\n   */\n  gradient?: ButtonGradient;\n\n  /**\n   * Icon to display on the left side. Can be an icon name or custom component (ReactNode)\n   */\n  leftIcon?: IconName | ReactNode;\n\n  /**\n   * Icon to display on the right side. Can be an icon name or custom component (ReactNode)\n   */\n  rightIcon?: IconName | ReactNode;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
       "relatedTypes": {
         "ButtonType": "export type ButtonType = 'contained' | 'outlined' | 'text';",
         "ButtonIntentVariant": "export type ButtonIntentVariant = Intent;",
-        "ButtonSizeVariant": "export type ButtonSizeVariant = Size;"
+        "ButtonSizeVariant": "export type ButtonSizeVariant = Size;",
+        "ButtonGradient": "export type ButtonGradient = 'darken' | 'lighten';"
       }
     },
     "Card": {
@@ -459,21 +468,15 @@
           "required": false,
           "description": "The visual style variant of the card"
         },
-        {
-          "name": "padding",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/src/Card/types\").CardPaddingVariant | undefined",
-          "required": false,
-          "description": "The padding size inside the card"
-        },
         {
           "name": "radius",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/src/Card/types\").CardRadiusVariant | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "The border radius of the card"
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "The intent/color scheme of the card"
         },
@@ -497,7 +500,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Additional styles (platform-specific)"
         },
@@ -506,19 +509,12 @@
           "type": "string | undefined",
           "required": false,
           "description": "Test ID for testing"
-        },
-        {
-          "name": "accessibilityLabel",
-          "type": "string | undefined",
-          "required": false,
-          "description": "Accessibility label"
         }
       ],
-      "typeDefinition": "export interface CardProps {\n  /**\n   * The content to display inside the card\n   */\n  children?: ReactNode;\n\n  /**\n   * The visual style variant of the card\n   */\n  type?: CardType;\n\n  /**\n   * The padding size inside the card\n   */\n  padding?: CardPaddingVariant;\n\n  /**\n   * The border radius of the card\n   */\n  radius?: CardRadiusVariant;\n\n  /**\n   * The intent/color scheme of the card\n   */\n  intent?: CardIntentVariant;\n\n  /**\n   * Whether the card is clickable\n   */\n  clickable?: boolean;\n\n  /**\n   * Called when the card is pressed (if clickable)\n   */\n  onPress?: () => void;\n\n  /**\n   * Whether the card is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n\n  /**\n   * Accessibility label\n   */\n  accessibilityLabel?: string;\n}",
+      "typeDefinition": "export interface CardProps extends ContainerStyleProps, InteractiveAccessibilityProps {\n  /**\n   * The content to display inside the card\n   */\n  children?: ReactNode;\n\n  /**\n   * The visual style variant of the card\n   */\n  type?: CardType;\n\n  /**\n   * The border radius of the card\n   */\n  radius?: CardRadiusVariant;\n\n  /**\n   * The intent/color scheme of the card\n   */\n  intent?: CardIntentVariant;\n\n  /**\n   * Whether the card is clickable\n   */\n  clickable?: boolean;\n\n  /**\n   * Called when the card is pressed (if clickable)\n   */\n  onPress?: () => void;\n\n  /**\n   * Whether the card is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
       "relatedTypes": {
         "CardIntentVariant": "export type CardIntentVariant = Intent;",
         "CardType": "export type CardType = 'default' | 'outlined' | 'elevated' | 'filled';",
-        "CardPaddingVariant": "export type CardPaddingVariant = 'none' | Size;",
         "CardRadiusVariant": "export type CardRadiusVariant = 'none' | Size;"
       }
     },
@@ -552,13 +548,13 @@
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "The size of the checkbox"
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "The intent/color scheme of the checkbox"
         },
@@ -582,7 +578,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Additional styles (platform-specific)"
         },
@@ -592,12 +588,6 @@
           "required": false,
           "description": "Test ID for testing"
         },
-        {
-          "name": "accessibilityLabel",
-          "type": "string | undefined",
-          "required": false,
-          "description": "Accessibility label"
-        },
         {
           "name": "required",
           "type": "boolean | undefined",
@@ -617,7 +607,7 @@
           "description": "Helper text to display"
         }
       ],
-      "typeDefinition": "export interface CheckboxProps {\n  /**\n   * Whether the checkbox is checked\n   */\n  checked?: boolean;\n\n  /**\n   * Whether the checkbox is in an indeterminate state\n   */\n  indeterminate?: boolean;\n\n  /**\n   * Whether the checkbox is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Called when the checkbox state changes\n   */\n  onCheckedChange?: (checked: boolean) => void;\n\n  /**\n   * The size of the checkbox\n   */\n  size?: CheckboxSizeVariant;\n\n  /**\n   * The intent/color scheme of the checkbox\n   */\n  intent?: CheckboxIntentVariant;\n\n  /**\n   * The visual style variant of the checkbox\n   */\n  variant?: CheckboxVariant;\n\n  /**\n   * Label text to display next to the checkbox\n   */\n  label?: string;\n\n  /**\n   * Custom label content (ReactNode)\n   */\n  children?: ReactNode;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n\n  /**\n   * Accessibility label\n   */\n  accessibilityLabel?: string;\n\n  /**\n   * Whether the checkbox is required\n   */\n  required?: boolean;\n\n  /**\n   * Error message to display\n   */\n  error?: string;\n\n  /**\n   * Helper text to display\n   */\n  helperText?: string;\n}",
+      "typeDefinition": "export interface CheckboxProps extends FormInputStyleProps, SelectionAccessibilityProps {\n  /**\n   * Whether the checkbox is checked\n   */\n  checked?: boolean;\n\n  /**\n   * Whether the checkbox is in an indeterminate state\n   */\n  indeterminate?: boolean;\n\n  /**\n   * Whether the checkbox is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Called when the checkbox state changes\n   */\n  onCheckedChange?: (checked: boolean) => void;\n\n  /**\n   * The size of the checkbox\n   */\n  size?: CheckboxSizeVariant;\n\n  /**\n   * The intent/color scheme of the checkbox\n   */\n  intent?: CheckboxIntentVariant;\n\n  /**\n   * The visual style variant of the checkbox\n   */\n  variant?: CheckboxVariant;\n\n  /**\n   * Label text to display next to the checkbox\n   */\n  label?: string;\n\n  /**\n   * Custom label content (ReactNode)\n   */\n  children?: ReactNode;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n\n  /**\n   * Whether the checkbox is required\n   */\n  required?: boolean;\n\n  /**\n   * Error message to display\n   */\n  error?: string;\n\n  /**\n   * Helper text to display\n   */\n  helperText?: string;\n}",
       "relatedTypes": {
         "CheckboxIntentVariant": "export type CheckboxIntentVariant = Intent;",
         "CheckboxSizeVariant": "export type CheckboxSizeVariant = Size;",
@@ -642,13 +632,13 @@
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "Color intent/semantic meaning"
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "Size of the chip"
         },
@@ -702,7 +692,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Custom style"
         },
@@ -713,7 +703,7 @@
           "description": "Test ID for testing"
         }
       ],
-      "typeDefinition": "export interface ChipProps {\n  /** The text content of the chip */\n  label: string;\n\n  /** Visual style variant */\n  type?: ChipType;\n\n  /** Color intent/semantic meaning */\n  intent?: ChipIntent;\n\n  /** Size of the chip */\n  size?: ChipSize;\n\n  /** Icon to display before the label. Can be an icon name (string) or a custom React element */\n  icon?: IconName | React.ReactNode;\n\n  /** Whether the chip can be deleted */\n  deletable?: boolean;\n\n  /** Callback when delete button is pressed */\n  onDelete?: () => void;\n\n  /** Icon to display in the delete button. Defaults to 'close' */\n  deleteIcon?: IconName | React.ReactNode;\n\n  /** Whether the chip is selectable */\n  selectable?: boolean;\n\n  /** Whether the chip is selected (when selectable) */\n  selected?: boolean;\n\n  /** Callback when chip is pressed */\n  onPress?: () => void;\n\n  /** Whether the chip is disabled */\n  disabled?: boolean;\n\n  /** Custom style */\n  style?: StyleProp<ViewStyle>;\n\n  /** Test ID for testing */\n  testID?: string;\n}",
+      "typeDefinition": "export interface ChipProps extends BaseProps, SelectionAccessibilityProps {\n  /** The text content of the chip */\n  label: string;\n\n  /** Visual style variant */\n  type?: ChipType;\n\n  /** Color intent/semantic meaning */\n  intent?: ChipIntent;\n\n  /** Size of the chip */\n  size?: ChipSize;\n\n  /** Icon to display before the label. Can be an icon name (string) or a custom React element */\n  icon?: IconName | React.ReactNode;\n\n  /** Whether the chip can be deleted */\n  deletable?: boolean;\n\n  /** Callback when delete button is pressed */\n  onDelete?: () => void;\n\n  /** Icon to display in the delete button. Defaults to 'close' */\n  deleteIcon?: IconName | React.ReactNode;\n\n  /** Whether the chip is selectable */\n  selectable?: boolean;\n\n  /** Whether the chip is selected (when selectable) */\n  selected?: boolean;\n\n  /** Callback when chip is pressed */\n  onPress?: () => void;\n\n  /** Whether the chip is disabled */\n  disabled?: boolean;\n\n  /** Custom style */\n  style?: StyleProp<ViewStyle>;\n\n  /** Test ID for testing */\n  testID?: string;\n}",
       "relatedTypes": {
         "ChipSize": "export type ChipSize = Size;",
         "ChipType": "export type ChipType = 'filled' | 'outlined' | 'soft';",
@@ -786,7 +776,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Additional styles (platform-specific)"
         },
@@ -797,10 +787,10 @@
           "description": "Test ID for testing"
         }
       ],
-      "typeDefinition": "export interface DialogProps {\n  /**\n   * Whether the dialog is open/visible\n   */\n  open: boolean;\n\n  /**\n   * Called when the dialog should be opened or closed\n   */\n  onOpenChange: (open: boolean) => void;\n\n  /**\n   * Optional title for the dialog\n   */\n  title?: string;\n\n  /**\n   * The content to display inside the dialog\n   */\n  children: ReactNode;\n\n  /**\n   * The size of the dialog\n   */\n  size?: DialogSizeVariant;\n\n  /**\n   * The visual style variant of the dialog\n   */\n  type?: DialogType,\n\n  /**\n   * Whether to show the close button in the header\n   */\n  showCloseButton?: boolean;\n\n  /**\n   * Whether clicking the backdrop should close the dialog\n   */\n  closeOnBackdropClick?: boolean;\n\n  /**\n   * Whether pressing escape key should close the dialog (web only)\n   */\n  closeOnEscapeKey?: boolean;\n\n  /**\n   * Animation type for the dialog (native only)\n   */\n  animationType?: DialogAnimationType;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
+      "typeDefinition": "export interface DialogProps extends BaseProps, InteractiveAccessibilityProps {\n  /**\n   * Whether the dialog is open/visible\n   */\n  open: boolean;\n\n  /**\n   * Called when the dialog should be opened or closed\n   */\n  onOpenChange: (open: boolean) => void;\n\n  /**\n   * Optional title for the dialog\n   */\n  title?: string;\n\n  /**\n   * The content to display inside the dialog\n   */\n  children: ReactNode;\n\n  /**\n   * The size of the dialog\n   */\n  size?: DialogSizeVariant;\n\n  /**\n   * The visual style variant of the dialog\n   */\n  type?: DialogType,\n\n  /**\n   * Whether to show the close button in the header\n   */\n  showCloseButton?: boolean;\n\n  /**\n   * Whether clicking the backdrop should close the dialog\n   */\n  closeOnBackdropClick?: boolean;\n\n  /**\n   * Whether pressing escape key should close the dialog (web only)\n   */\n  closeOnEscapeKey?: boolean;\n\n  /**\n   * Animation type for the dialog (native only)\n   */\n  animationType?: DialogAnimationType;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
       "relatedTypes": {
         "DialogSizeVariant": "export type DialogSizeVariant = 'sm' | 'md' | 'lg' | 'fullscreen';",
-        "DialogType": "export type DialogType = 'standard' | 'alert' | 'confirmation';",
+        "DialogType": "export type DialogType = 'default' | 'alert' | 'confirmation';",
         "DialogAnimationType": "export type DialogAnimationType = 'slide' | 'fade' | 'none';"
       }
     },
@@ -828,7 +818,7 @@
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "The color intent of the divider"
         },
@@ -840,7 +830,7 @@
         },
         {
           "name": "spacing",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/src/Divider/types\").DividerSpacingVariant | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "Spacing around the divider"
         },
@@ -852,7 +842,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Additional styles (platform-specific)"
         },
@@ -869,7 +859,7 @@
           "description": "Accessibility label"
         }
       ],
-      "typeDefinition": "export interface DividerProps {\n  /**\n   * The orientation of the divider\n   */\n  orientation?: DividerOrientationVariant;\n\n  /**\n   * The visual style type of the divider\n   */\n  type?: DividerType;\n\n  /**\n   * The thickness of the divider\n   */\n  thickness?: DividerThicknessVariant;\n\n  /**\n   * The color intent of the divider\n   */\n  intent?: DividerIntentVariant;\n\n  /**\n   * The length of the divider (percentage or fixed)\n   */\n  length?: DividerLengthVariant;\n\n  /**\n   * Spacing around the divider\n   */\n  spacing?: DividerSpacingVariant;\n\n  /**\n   * Content to display in the center of the divider (for horizontal dividers)\n   */\n  children?: ReactNode;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n\n  /**\n   * Accessibility label\n   */\n  accessibilityLabel?: string;\n}",
+      "typeDefinition": "export interface DividerProps extends BaseProps {\n  /**\n   * The orientation of the divider\n   */\n  orientation?: DividerOrientationVariant;\n\n  /**\n   * The visual style type of the divider\n   */\n  type?: DividerType;\n\n  /**\n   * The thickness of the divider\n   */\n  thickness?: DividerThicknessVariant;\n\n  /**\n   * The color intent of the divider\n   */\n  intent?: DividerIntentVariant;\n\n  /**\n   * The length of the divider (percentage or fixed)\n   */\n  length?: DividerLengthVariant;\n\n  /**\n   * Spacing around the divider\n   */\n  spacing?: DividerSpacingVariant;\n\n  /**\n   * Content to display in the center of the divider (for horizontal dividers)\n   */\n  children?: ReactNode;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n\n  /**\n   * Accessibility label\n   */\n  accessibilityLabel?: string;\n}",
       "relatedTypes": {
         "DividerIntentVariant": "export type DividerIntentVariant = Intent;",
         "DividerOrientationVariant": "export type DividerOrientationVariant = 'horizontal' | 'vertical';",
@@ -897,19 +887,19 @@
         },
         {
           "name": "color",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/color\").Color | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "Predefined color variant based on theme"
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "Intent variant for the icon"
         },
         {
           "name": "style",
-          "type": "React.CSSProperties | import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "React.CSSProperties | import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Additional styles (platform-specific)"
         },
@@ -926,7 +916,7 @@
           "description": "Accessibility label for screen readers"
         }
       ],
-      "typeDefinition": "export interface IconProps {\n  /**\n   * The name of the icon to display\n   */\n  name: IconName | `mdi:${IconName}`;\n\n  /**\n   * The size variant of the icon\n   */\n  size?: IconSizeVariant;\n\n  /**\n   * Predefined color variant based on theme\n   */\n  color?: Color;\n  /**\n   * Intent variant for the icon\n   */\n  intent?: Intent;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: React.CSSProperties | StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n\n  /**\n   * Accessibility label for screen readers\n   */\n  accessibilityLabel?: string;\n}",
+      "typeDefinition": "export interface IconProps extends BaseProps {\n  /**\n   * The name of the icon to display\n   */\n  name: IconName | `mdi:${IconName}`;\n\n  /**\n   * The size variant of the icon\n   */\n  size?: IconSizeVariant;\n\n  /**\n   * Predefined color variant based on theme\n   */\n  color?: Color;\n  /**\n   * Intent variant for the icon\n   */\n  intent?: Intent;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: React.CSSProperties | StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n\n  /**\n   * Accessibility label for screen readers\n   */\n  accessibilityLabel?: string;\n}",
       "relatedTypes": {
         "IconSizeVariant": "export type IconSizeVariant = Size | number;"
       }
@@ -937,7 +927,7 @@
       "props": [
         {
           "name": "source",
-          "type": "string | import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/Image/Image\").ImageSourcePropType",
+          "type": "string | import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/Image/Image\").ImageSourcePropType",
           "required": true
         },
         {
@@ -997,7 +987,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ImageStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ImageStyle>",
           "required": false
         },
         {
@@ -1011,7 +1001,7 @@
           "required": false
         }
       ],
-      "typeDefinition": "export interface ImageProps {\n  source: ImageSourcePropType | string;\n  alt?: string;\n  width?: number | string;\n  height?: number | string;\n  aspectRatio?: number;\n  objectFit?: ImageObjectFit;\n  loading?: 'lazy' | 'eager';\n  placeholder?: React.ReactNode;\n  fallback?: React.ReactNode;\n  onLoad?: () => void;\n  onError?: (error: any) => void;\n  borderRadius?: number;\n  style?: StyleProp<ImageStyle>;\n  testID?: string;\n  accessibilityLabel?: string;\n}",
+      "typeDefinition": "export interface ImageProps extends BaseProps {\n  source: ImageSourcePropType | string;\n  alt?: string;\n  width?: number | string;\n  height?: number | string;\n  aspectRatio?: number;\n  objectFit?: ImageObjectFit;\n  loading?: 'lazy' | 'eager';\n  placeholder?: React.ReactNode;\n  fallback?: React.ReactNode;\n  onLoad?: () => void;\n  onError?: (error: any) => void;\n  borderRadius?: number;\n  style?: StyleProp<ImageStyle>;\n  testID?: string;\n  accessibilityLabel?: string;\n}",
       "relatedTypes": {
         "ImageObjectFit": "export type ImageObjectFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';"
       }
@@ -1044,6 +1034,12 @@
           "required": false,
           "description": "Called when the input loses focus"
         },
+        {
+          "name": "onPress",
+          "type": "(() => void) | undefined",
+          "required": false,
+          "description": "Called when the input is pressed (for web compatibility)"
+        },
         {
           "name": "placeholder",
           "type": "string | undefined",
@@ -1094,7 +1090,7 @@
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "Size variant of the input"
         },
@@ -1106,7 +1102,7 @@
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "The intent/color scheme of the input (for focus states, validation, etc.)"
         },
@@ -1118,7 +1114,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Additional styles (platform-specific)"
         },
@@ -1129,7 +1125,7 @@
           "description": "Test ID for testing"
         }
       ],
-      "typeDefinition": "export interface InputProps {\n  /**\n   * The current value of the input\n   */\n  value?: string;\n\n  /**\n   * Called when the text changes\n   */\n  onChangeText?: (text: string) => void;\n\n  /**\n   * Called when the input receives focus\n   */\n  onFocus?: () => void;\n\n  /**\n   * Called when the input loses focus\n   */\n  onBlur?: () => void;\n\n  /**\n   * Placeholder text\n   */\n  placeholder?: string;\n\n  /**\n   * Whether the input is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * The type of input (affects keyboard type on mobile)\n   */\n  inputType?: InputInputType;\n\n  /**\n   * Whether to show the password\n   */\n  secureTextEntry?: boolean;\n\n  /**\n   * Icon to display on the left side of the input\n   */\n  leftIcon?: IconName | React.ReactNode;\n\n  /**\n   * Icon to display on the right side of the input\n   */\n  rightIcon?: IconName | React.ReactNode;\n\n  /**\n   * Show password visibility toggle for password inputs (defaults to true for password type)\n   */\n  showPasswordToggle?: boolean;\n\n  /**\n   * Auto-capitalization behavior\n   */\n  autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';\n\n  /**\n   * Size variant of the input\n   */\n  size?: InputSize;\n\n  /**\n   * Style variant of the input\n   */\n  type?: InputType;\n\n  /**\n   * The intent/color scheme of the input (for focus states, validation, etc.)\n   */\n  intent?: InputIntent;\n\n  /**\n   * Whether the input has an error state\n   * @deprecated Use intent=\"error\" instead\n   */\n  hasError?: boolean;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
+      "typeDefinition": "export interface InputProps extends FormInputStyleProps, FormAccessibilityProps {\n  /**\n   * The current value of the input\n   */\n  value?: string;\n\n  /**\n   * Called when the text changes\n   */\n  onChangeText?: (text: string) => void;\n\n  /**\n   * Called when the input receives focus\n   */\n  onFocus?: () => void;\n\n  /**\n   * Called when the input loses focus\n   */\n  onBlur?: () => void;\n\n  /**\n   * Called when the input is pressed (for web compatibility)\n   * @returns \n   */\n  onPress?: () => void;\n\n  /**\n   * Placeholder text\n   */\n  placeholder?: string;\n\n  /**\n   * Whether the input is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * The type of input (affects keyboard type on mobile)\n   */\n  inputType?: InputInputType;\n\n  /**\n   * Whether to show the password\n   */\n  secureTextEntry?: boolean;\n\n  /**\n   * Icon to display on the left side of the input\n   */\n  leftIcon?: IconName | React.ReactNode;\n\n  /**\n   * Icon to display on the right side of the input\n   */\n  rightIcon?: IconName | React.ReactNode;\n\n  /**\n   * Show password visibility toggle for password inputs (defaults to true for password type)\n   */\n  showPasswordToggle?: boolean;\n\n  /**\n   * Auto-capitalization behavior\n   */\n  autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';\n\n  /**\n   * Size variant of the input\n   */\n  size?: InputSize;\n\n  /**\n   * Style variant of the input\n   */\n  type?: InputType;\n\n  /**\n   * The intent/color scheme of the input (for focus states, validation, etc.)\n   */\n  intent?: InputIntent;\n\n  /**\n   * Whether the input has an error state\n   * @deprecated Use intent=\"error\" instead\n   */\n  hasError?: boolean;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
       "relatedTypes": {
         "InputIntent": "export type InputIntent = Intent;",
         "InputSize": "export type InputSize = Size;",
@@ -1137,6 +1133,62 @@
         "InputInputType": "export type InputInputType = 'text' | 'email' | 'password' | 'number';"
       }
     },
+    "Link": {
+      "name": "Link",
+      "propsInterface": "LinkProps",
+      "props": [
+        {
+          "name": "to",
+          "type": "string",
+          "required": true,
+          "description": "The destination path to navigate to"
+        },
+        {
+          "name": "vars",
+          "type": "Record<string, string> | undefined",
+          "required": false,
+          "description": "Variables to substitute in the path (e.g., { id: '123' } for '/user/:id')"
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "required": false,
+          "description": "Content to render inside the link"
+        },
+        {
+          "name": "disabled",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "Whether the link is disabled"
+        },
+        {
+          "name": "style",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "required": false,
+          "description": "Style to apply to the link container"
+        },
+        {
+          "name": "testID",
+          "type": "string | undefined",
+          "required": false,
+          "description": "Test ID for testing"
+        },
+        {
+          "name": "accessibilityLabel",
+          "type": "string | undefined",
+          "required": false,
+          "description": "Accessibility label"
+        },
+        {
+          "name": "onPress",
+          "type": "(() => void) | undefined",
+          "required": false,
+          "description": "Callback fired when the link is pressed"
+        }
+      ],
+      "typeDefinition": "export interface LinkProps extends BaseProps {\n  /** The destination path to navigate to */\n  to: string;\n  /** Variables to substitute in the path (e.g., { id: '123' } for '/user/:id') */\n  vars?: Record<string, string>;\n  /** Content to render inside the link */\n  children?: ReactNode;\n  /** Whether the link is disabled */\n  disabled?: boolean;\n  /** Style to apply to the link container */\n  style?: StyleProp<ViewStyle>;\n  /** Test ID for testing */\n  testID?: string;\n  /** Accessibility label */\n  accessibilityLabel?: string;\n  /** Callback fired when the link is pressed */\n  onPress?: () => void;\n}",
+      "relatedTypes": {}
+    },
     "List": {
       "name": "List",
       "propsInterface": "ListProps",
@@ -1144,7 +1196,8 @@
         {
           "name": "children",
           "type": "React.ReactNode",
-          "required": true
+          "required": true,
+          "description": "List items to display"
         },
         {
           "name": "type",
@@ -1153,12 +1206,12 @@
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false
         },
         {
@@ -1177,7 +1230,7 @@
           "required": false
         }
       ],
-      "typeDefinition": "export interface ListProps {\n  children: ReactNode;\n  type?: ListType;\n  size?: ListSizeVariant;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  scrollable?: boolean;\n  maxHeight?: number | string;\n}",
+      "typeDefinition": "export interface ListProps extends ContainerStyleProps, AccessibilityProps {\n  /**\n   * List items to display\n   */\n  children: ReactNode;\n  type?: ListType;\n  size?: ListSizeVariant;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  scrollable?: boolean;\n  maxHeight?: number | string;\n}",
       "relatedTypes": {
         "ListSizeVariant": "export type ListSizeVariant = Size;",
         "ListType": "export type ListType = 'default' | 'bordered' | 'divided';"
@@ -1219,12 +1272,12 @@
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false
         },
         {
@@ -1233,7 +1286,7 @@
           "required": false
         }
       ],
-      "typeDefinition": "export interface MenuProps {\n  children: React.ReactNode;\n  items: MenuItem[];\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  placement?: MenuPlacement;\n  closeOnSelection?: boolean;\n  size?: MenuSizeVariant;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
+      "typeDefinition": "export interface MenuProps extends BaseProps, InteractiveAccessibilityProps {\n  children: React.ReactNode;\n  items: MenuItem[];\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  placement?: MenuPlacement;\n  closeOnSelection?: boolean;\n  size?: MenuSizeVariant;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
       "relatedTypes": {
         "MenuIntentVariant": "export type MenuIntentVariant = Intent;",
         "MenuSizeVariant": "export type MenuSizeVariant = Size;",
@@ -1301,7 +1354,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Additional styles (platform-specific)"
         },
@@ -1312,7 +1365,7 @@
           "description": "Test ID for testing"
         }
       ],
-      "typeDefinition": "export interface PopoverProps {\n  /**\n   * Whether the popover is open/visible\n   */\n  open: boolean;\n\n  /**\n   * Called when the popover should be opened or closed\n   */\n  onOpenChange: (open: boolean) => void;\n\n  /**\n   * The anchor element to position the popover relative to\n   * Can be a React element or a ref to a DOM element\n   */\n  anchor: ReactNode | React.RefObject<Element>;\n\n  /**\n   * The content to display inside the popover\n   */\n  children: ReactNode;\n\n  /**\n   * Preferred placement of the popover relative to anchor\n   */\n  placement?: PopoverPlacement;\n\n  /**\n   * Distance from the anchor element in pixels\n   */\n  offset?: number;\n\n  /**\n   * Whether clicking outside should close the popover\n   */\n  closeOnClickOutside?: boolean;\n\n  /**\n   * Whether pressing escape key should close the popover (web only)\n   */\n  closeOnEscapeKey?: boolean;\n\n  /**\n   * Whether to show an arrow pointing to the anchor\n   */\n  showArrow?: boolean;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
+      "typeDefinition": "export interface PopoverProps extends BaseProps, InteractiveAccessibilityProps {\n  /**\n   * Whether the popover is open/visible\n   */\n  open: boolean;\n\n  /**\n   * Called when the popover should be opened or closed\n   */\n  onOpenChange: (open: boolean) => void;\n\n  /**\n   * The anchor element to position the popover relative to\n   * Can be a React element or a ref to a DOM element\n   */\n  anchor: ReactNode | React.RefObject<Element>;\n\n  /**\n   * The content to display inside the popover\n   */\n  children: ReactNode;\n\n  /**\n   * Preferred placement of the popover relative to anchor\n   */\n  placement?: PopoverPlacement;\n\n  /**\n   * Distance from the anchor element in pixels\n   */\n  offset?: number;\n\n  /**\n   * Whether clicking outside should close the popover\n   */\n  closeOnClickOutside?: boolean;\n\n  /**\n   * Whether pressing escape key should close the popover (web only)\n   */\n  closeOnEscapeKey?: boolean;\n\n  /**\n   * Whether to show an arrow pointing to the anchor\n   */\n  showArrow?: boolean;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
       "relatedTypes": {
         "PopoverPlacement": "export type PopoverPlacement =\n  | 'top' | 'top-start' | 'top-end'\n  | 'bottom' | 'bottom-start' | 'bottom-end'\n  | 'left' | 'left-start' | 'left-end'\n  | 'right' | 'right-start' | 'right-end';"
       }
@@ -1353,7 +1406,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Additional styles to apply"
         },
@@ -1376,7 +1429,7 @@
           "description": "Accessibility role (web)"
         }
       ],
-      "typeDefinition": "export interface PressableProps {\n  /**\n   * Content to render inside the pressable area\n   */\n  children?: ReactNode;\n\n  /**\n   * Called when the press gesture is activated\n   */\n  onPress?: () => void;\n\n  /**\n   * Called when the press gesture starts\n   */\n  onPressIn?: () => void;\n\n  /**\n   * Called when the press gesture ends\n   */\n  onPressOut?: () => void;\n\n  /**\n   * Whether the pressable is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Additional styles to apply\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n\n  /**\n   * Accessibility label for screen readers\n   */\n  accessibilityLabel?: string;\n\n  /**\n   * Accessibility role (web)\n   */\n  accessibilityRole?: string;\n}",
+      "typeDefinition": "export interface PressableProps extends PressableSpacingStyleProps {\n  /**\n   * Content to render inside the pressable area\n   */\n  children?: ReactNode;\n\n  /**\n   * Called when the press gesture is activated\n   */\n  onPress?: () => void;\n\n  /**\n   * Called when the press gesture starts\n   */\n  onPressIn?: () => void;\n\n  /**\n   * Called when the press gesture ends\n   */\n  onPressOut?: () => void;\n\n  /**\n   * Whether the pressable is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Additional styles to apply\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n\n  /**\n   * Accessibility label for screen readers\n   */\n  accessibilityLabel?: string;\n\n  /**\n   * Accessibility role (web)\n   */\n  accessibilityRole?: string;\n}",
       "relatedTypes": {}
     },
     "Progress": {
@@ -1386,7 +1439,8 @@
         {
           "name": "value",
           "type": "number | undefined",
-          "required": false
+          "required": false,
+          "description": "Current progress value (0-100 by default, or 0-max if max is specified)"
         },
         {
           "name": "max",
@@ -1400,12 +1454,12 @@
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
@@ -1430,7 +1484,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false
         },
         {
@@ -1439,7 +1493,7 @@
           "required": false
         }
       ],
-      "typeDefinition": "export interface ProgressProps {\n  value?: number;\n  max?: number;\n  variant?: ProgressVariant;\n  intent?: ProgressIntentVariant;\n  size?: ProgressSizeVariant;\n  indeterminate?: boolean;\n  showLabel?: boolean;\n  label?: string;\n  rounded?: boolean;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
+      "typeDefinition": "export interface ProgressProps extends BaseProps {\n  /**\n   * Current progress value (0-100 by default, or 0-max if max is specified)\n   */\n  value?: number;\n  max?: number;\n  variant?: ProgressVariant;\n  intent?: ProgressIntentVariant;\n  size?: ProgressSizeVariant;\n  indeterminate?: boolean;\n  showLabel?: boolean;\n  label?: string;\n  rounded?: boolean;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
       "relatedTypes": {
         "ProgressIntentVariant": "export type ProgressIntentVariant = Intent;",
         "ProgressSizeVariant": "export type ProgressSizeVariant = Size;",
@@ -1477,17 +1531,17 @@
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false
         },
         {
@@ -1496,7 +1550,7 @@
           "required": false
         }
       ],
-      "typeDefinition": "export interface RadioButtonProps {\n  value: string;\n  checked?: boolean;\n  onPress?: () => void;\n  disabled?: boolean;\n  label?: string;\n  size?: RadioButtonSizeVariant;\n  intent?: RadioButtonIntentVariant;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
+      "typeDefinition": "export interface RadioButtonProps extends FormInputStyleProps, SelectionAccessibilityProps {\n  value: string;\n  checked?: boolean;\n  onPress?: () => void;\n  disabled?: boolean;\n  label?: string;\n  size?: RadioButtonSizeVariant;\n  intent?: RadioButtonIntentVariant;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
       "relatedTypes": {
         "RadioButtonIntentVariant": "export type RadioButtonIntentVariant = Intent;",
         "RadioButtonSizeVariant": "export type RadioButtonSizeVariant = Size;"
@@ -1533,7 +1587,7 @@
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
@@ -1542,7 +1596,7 @@
           "required": false
         }
       ],
-      "typeDefinition": "export interface SVGImageProps extends Omit<ViewProps, 'children'> {\n  source: string | { uri: string } | React.FC<SvgProps>;\n  width?: number | string;\n  height?: number | string;\n  size?: number | string;\n  color?: string;\n  intent?: SVGImageIntentVariant;\n  resizeMode?: SVGImageResizeMode;\n}",
+      "typeDefinition": "export interface SVGImageProps extends Omit<ViewProps, 'children'>, BaseProps {\n  source: string | { uri: string } | React.FC<SvgProps>;\n  width?: number | string;\n  height?: number | string;\n  size?: number | string;\n  color?: string;\n  intent?: SVGImageIntentVariant;\n  resizeMode?: SVGImageResizeMode;\n}",
       "relatedTypes": {
         "SVGImageIntentVariant": "export type SVGImageIntentVariant = Intent;",
         "SVGImageResizeMode": "export type SVGImageResizeMode = 'contain' | 'cover' | 'stretch';"
@@ -1560,16 +1614,10 @@
         },
         {
           "name": "background",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/color\").Surface | \"transparent\" | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "Background variant - controls the background color"
         },
-        {
-          "name": "padding",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | \"none\" | undefined",
-          "required": false,
-          "description": "Screen padding variant"
-        },
         {
           "name": "safeArea",
           "type": "boolean | undefined",
@@ -1584,7 +1632,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Additional styles (platform-specific)"
         },
@@ -1601,7 +1649,7 @@
           "description": "Scrollable content"
         }
       ],
-      "typeDefinition": "export interface ScreenProps {\n  /**\n   * The content to display inside the screen\n   */\n  children?: ReactNode;\n\n  /**\n   * Background variant - controls the background color\n   */\n  background?: Surface | 'transparent';\n\n  /**\n   * Screen padding variant\n   */\n  padding?: Size | 'none';\n\n  /**\n   * Safe area padding for mobile devices\n   */\n  safeArea?: boolean;\n\n  /**\n   * Content inset padding for scrollable content (mobile only)\n   * Adds padding to the scroll view's content container\n   * Useful for adding safe area insets or additional spacing\n   */\n  contentInset?: {\n    top?: number;\n    bottom?: number;\n    left?: number;\n    right?: number;\n  };\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n\n  /**\n   * Scrollable content\n   */\n  scrollable?: boolean;\n}",
+      "typeDefinition": "export interface ScreenProps extends ContainerStyleProps {\n  /**\n   * The content to display inside the screen\n   */\n  children?: ReactNode;\n\n  /**\n   * Background variant - controls the background color\n   */\n  background?: Surface | 'transparent';\n\n  /**\n   * Safe area padding for mobile devices\n   */\n  safeArea?: boolean;\n\n  /**\n   * Content inset padding for scrollable content (mobile only)\n   * Adds padding to the scroll view's content container\n   * Useful for adding safe area insets or additional spacing\n   */\n  contentInset?: {\n    top?: number;\n    bottom?: number;\n    left?: number;\n    right?: number;\n  };\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n\n  /**\n   * Scrollable content\n   */\n  scrollable?: boolean;\n}",
       "relatedTypes": {}
     },
     "Select": {
@@ -1664,13 +1712,13 @@
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "The intent/color scheme of the select"
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "The size of the select"
         },
@@ -1700,7 +1748,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Additional styles (platform-specific)"
         },
@@ -1709,15 +1757,9 @@
           "type": "string | undefined",
           "required": false,
           "description": "Test ID for testing"
-        },
-        {
-          "name": "accessibilityLabel",
-          "type": "string | undefined",
-          "required": false,
-          "description": "Accessibility label"
         }
       ],
-      "typeDefinition": "export interface SelectProps {\n  /**\n   * Array of options to display in the select\n   */\n  options: SelectOption[];\n\n  /**\n   * The currently selected value\n   */\n  value?: string;\n\n  /**\n   * Called when the selected value changes\n   */\n  onValueChange?: (value: string) => void;\n\n  /**\n   * Placeholder text when no value is selected\n   */\n  placeholder?: string;\n\n  /**\n   * Whether the select is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Whether the select shows an error state\n   */\n  error?: boolean;\n\n  /**\n   * Helper text to display below the select\n   */\n  helperText?: string;\n\n  /**\n   * Label text to display above the select\n   */\n  label?: string;\n\n  /**\n   * The visual type of the select\n   */\n  type?: SelectType,\n\n  /**\n   * The intent/color scheme of the select\n   */\n  intent?: SelectIntentVariant;\n\n  /**\n   * The size of the select\n   */\n  size?: SelectSizeVariant;\n\n  /**\n   * Whether to show a search/filter input (web only)\n   */\n  searchable?: boolean;\n\n  /**\n   * Custom search filter function (used with searchable)\n   */\n  filterOption?: (option: SelectOption, searchTerm: string) => boolean;\n\n  /**\n   * Native iOS presentation mode (native only)\n   * 'dropdown' uses a standard dropdown overlay\n   * 'actionSheet' uses iOS ActionSheet for selection\n   */\n  presentationMode?: 'dropdown' | 'actionSheet';\n\n  /**\n   * Maximum height for the dropdown content\n   */\n  maxHeight?: number;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n\n  /**\n   * Accessibility label\n   */\n  accessibilityLabel?: string;\n}",
+      "typeDefinition": "export interface SelectProps extends FormInputStyleProps, FormAccessibilityProps {\n  /**\n   * Array of options to display in the select\n   */\n  options: SelectOption[];\n\n  /**\n   * The currently selected value\n   */\n  value?: string;\n\n  /**\n   * Called when the selected value changes\n   */\n  onValueChange?: (value: string) => void;\n\n  /**\n   * Placeholder text when no value is selected\n   */\n  placeholder?: string;\n\n  /**\n   * Whether the select is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Whether the select shows an error state\n   */\n  error?: boolean;\n\n  /**\n   * Helper text to display below the select\n   */\n  helperText?: string;\n\n  /**\n   * Label text to display above the select\n   */\n  label?: string;\n\n  /**\n   * The visual type of the select\n   */\n  type?: SelectType,\n\n  /**\n   * The intent/color scheme of the select\n   */\n  intent?: SelectIntentVariant;\n\n  /**\n   * The size of the select\n   */\n  size?: SelectSizeVariant;\n\n  /**\n   * Whether to show a search/filter input (web only)\n   */\n  searchable?: boolean;\n\n  /**\n   * Custom search filter function (used with searchable)\n   */\n  filterOption?: (option: SelectOption, searchTerm: string) => boolean;\n\n  /**\n   * Native iOS presentation mode (native only)\n   * 'dropdown' uses a standard dropdown overlay\n   * 'actionSheet' uses iOS ActionSheet for selection\n   */\n  presentationMode?: 'dropdown' | 'actionSheet';\n\n  /**\n   * Maximum height for the dropdown content\n   */\n  maxHeight?: number;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
       "relatedTypes": {
         "SelectIntentVariant": "export type SelectIntentVariant = Intent;",
         "SelectSizeVariant": "export type SelectSizeVariant = Size;",
@@ -1761,7 +1803,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false,
           "description": "Additional custom styles"
         },
@@ -1772,7 +1814,7 @@
           "description": "Test ID for testing"
         }
       ],
-      "typeDefinition": "export interface SkeletonProps {\n  /**\n   * Width of the skeleton (number in pixels or string with units)\n   * @default '100%'\n   */\n  width?: number | string;\n\n  /**\n   * Height of the skeleton (number in pixels or string with units)\n   * @default 20\n   */\n  height?: number | string;\n\n  /**\n   * Shape of the skeleton\n   * @default 'rectangle'\n   */\n  shape?: SkeletonShape;\n\n  /**\n   * Border radius for 'rounded' shape (in pixels)\n   * @default 8\n   */\n  borderRadius?: number;\n\n  /**\n   * Animation type\n   * @default 'pulse'\n   */\n  animation?: SkeletonAnimation;\n\n  /**\n   * Additional custom styles\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
+      "typeDefinition": "export interface SkeletonProps extends BaseProps, LiveRegionAccessibilityProps {\n  /**\n   * Width of the skeleton (number in pixels or string with units)\n   * @default '100%'\n   */\n  width?: number | string;\n\n  /**\n   * Height of the skeleton (number in pixels or string with units)\n   * @default 20\n   */\n  height?: number | string;\n\n  /**\n   * Shape of the skeleton\n   * @default 'rectangle'\n   */\n  shape?: SkeletonShape;\n\n  /**\n   * Border radius for 'rounded' shape (in pixels)\n   * @default 8\n   */\n  borderRadius?: number;\n\n  /**\n   * Animation type\n   * @default 'pulse'\n   */\n  animation?: SkeletonAnimation;\n\n  /**\n   * Additional custom styles\n   */\n  style?: StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
       "relatedTypes": {
         "SkeletonShape": "export type SkeletonShape = 'rectangle' | 'circle' | 'rounded';",
         "SkeletonAnimation": "export type SkeletonAnimation = 'pulse' | 'wave' | 'none';"
@@ -1785,7 +1827,8 @@
         {
           "name": "value",
           "type": "number | undefined",
-          "required": false
+          "required": false,
+          "description": "Current slider value"
         },
         {
           "name": "defaultValue",
@@ -1829,12 +1872,12 @@
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
@@ -1854,7 +1897,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false
         },
         {
@@ -1863,7 +1906,7 @@
           "required": false
         }
       ],
-      "typeDefinition": "export interface SliderProps {\n  value?: number;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  step?: number;\n  disabled?: boolean;\n  showValue?: boolean;\n  showMinMax?: boolean;\n  marks?: SliderMark[];\n  intent?: SliderIntentVariant;\n  size?: SliderSizeVariant;\n  icon?: IconName | React.ReactNode;\n  onValueChange?: (value: number) => void;\n  onValueCommit?: (value: number) => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
+      "typeDefinition": "export interface SliderProps extends FormInputStyleProps, RangeAccessibilityProps {\n  /**\n   * Current slider value\n   */\n  value?: number;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  step?: number;\n  disabled?: boolean;\n  showValue?: boolean;\n  showMinMax?: boolean;\n  marks?: SliderMark[];\n  intent?: SliderIntentVariant;\n  size?: SliderSizeVariant;\n  icon?: IconName | React.ReactNode;\n  onValueChange?: (value: number) => void;\n  onValueCommit?: (value: number) => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
       "relatedTypes": {
         "SliderIntentVariant": "export type SliderIntentVariant = Intent;",
         "SliderSizeVariant": "export type SliderSizeVariant = Size;",
@@ -1877,7 +1920,8 @@
         {
           "name": "checked",
           "type": "boolean | undefined",
-          "required": false
+          "required": false,
+          "description": "Whether the switch is on"
         },
         {
           "name": "onCheckedChange",
@@ -1901,12 +1945,12 @@
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
@@ -1921,7 +1965,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false
         },
         {
@@ -1930,7 +1974,7 @@
           "required": false
         }
       ],
-      "typeDefinition": "export interface SwitchProps {\n  checked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  label?: string;\n  labelPosition?: 'left' | 'right';\n  intent?: SwitchIntentVariant;\n  size?: SwitchSizeVariant;\n  enabledIcon?: IconName | React.ReactNode;\n  disabledIcon?: IconName | React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
+      "typeDefinition": "export interface SwitchProps extends FormInputStyleProps, SelectionAccessibilityProps {\n  /**\n   * Whether the switch is on\n   */\n  checked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  label?: string;\n  labelPosition?: 'left' | 'right';\n  intent?: SwitchIntentVariant;\n  size?: SwitchSizeVariant;\n  enabledIcon?: IconName | React.ReactNode;\n  disabledIcon?: IconName | React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
       "relatedTypes": {
         "SwitchIntentVariant": "export type SwitchIntentVariant = Intent;",
         "SwitchSizeVariant": "export type SwitchSizeVariant = Size;"
@@ -1967,7 +2011,7 @@
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
@@ -1976,9 +2020,21 @@
           "required": false,
           "description": "Mode for pills variant: 'light' for light backgrounds (dark pill), 'dark' for dark backgrounds (light pill)"
         },
+        {
+          "name": "iconPosition",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/src/TabBar/types\").TabBarIconPosition | undefined",
+          "required": false,
+          "description": "Position of icon relative to label: 'left' (horizontal) or 'top' (stacked)"
+        },
+        {
+          "name": "justify",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/src/TabBar/types\").TabBarJustify | undefined",
+          "required": false,
+          "description": "Layout justification: 'start' (left), 'center', 'equal' (full width equal tabs), 'space-between'"
+        },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false
         },
         {
@@ -1987,12 +2043,14 @@
           "required": false
         }
       ],
-      "typeDefinition": "export interface TabBarProps {\n  items: TabBarItem[];\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  type?: TabBarType;\n  size?: TabBarSizeVariant;\n  /** Mode for pills variant: 'light' for light backgrounds (dark pill), 'dark' for dark backgrounds (light pill) */\n  pillMode?: TabBarPillMode;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
+      "typeDefinition": "export interface TabBarProps extends ContainerStyleProps, AccessibilityProps {\n  items: TabBarItem[];\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  type?: TabBarType;\n  size?: TabBarSizeVariant;\n  /** Mode for pills variant: 'light' for light backgrounds (dark pill), 'dark' for dark backgrounds (light pill) */\n  pillMode?: TabBarPillMode;\n  /** Position of icon relative to label: 'left' (horizontal) or 'top' (stacked) */\n  iconPosition?: TabBarIconPosition;\n  /** Layout justification: 'start' (left), 'center', 'equal' (full width equal tabs), 'space-between' */\n  justify?: TabBarJustify;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
       "relatedTypes": {
         "TabBarSizeVariant": "export type TabBarSizeVariant = Size;",
         "TabBarType": "export type TabBarType = 'standard' | 'pills' | 'underline';",
         "TabBarPillMode": "export type TabBarPillMode = 'light' | 'dark';",
-        "TabBarItem": "export interface TabBarItem {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}"
+        "TabBarIconPosition": "export type TabBarIconPosition = 'left' | 'top';",
+        "TabBarJustify": "export type TabBarJustify = 'start' | 'center' | 'equal' | 'space-between';",
+        "TabBarItem": "export interface TabBarItem {\n  value: string;\n  label: string;\n  /** Icon to display - can be a React node or a render function receiving active state */\n  icon?: ReactNode | ((props: { active: boolean; size: number }) => ReactNode);\n  disabled?: boolean;\n}"
       }
     },
     "Table": {
@@ -2002,7 +2060,8 @@
         {
           "name": "columns",
           "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/src/Table/types\").TableColumn<T>[]",
-          "required": true
+          "required": true,
+          "description": "Column definitions for the table"
         },
         {
           "name": "data",
@@ -2016,7 +2075,7 @@
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
@@ -2031,7 +2090,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false
         },
         {
@@ -2040,12 +2099,12 @@
           "required": false
         }
       ],
-      "typeDefinition": "export interface TableProps<T = any> {\n  columns: TableColumn<T>[];\n  data: T[];\n  type?: TableType;\n  size?: TableSizeVariant;\n  stickyHeader?: boolean;\n  onRowPress?: (row: T, index: number) => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
+      "typeDefinition": "export interface TableProps<T = any> extends ContainerStyleProps, AccessibilityProps {\n  /**\n   * Column definitions for the table\n   */\n  columns: TableColumn<T>[];\n  data: T[];\n  type?: TableType;\n  size?: TableSizeVariant;\n  stickyHeader?: boolean;\n  onRowPress?: (row: T, index: number) => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
       "relatedTypes": {
         "TableSizeVariant": "export type TableSizeVariant = Size;",
         "TableType": "export type TableType = 'standard' | 'bordered' | 'striped';",
         "TableAlignVariant": "export type TableAlignVariant = 'left' | 'center' | 'right';",
-        "TableColumn": "export interface TableColumn<T = any> {\n  key: string;\n  title: string;\n  dataIndex?: string;\n  render?: (value: any, row: T, index: number) => ReactNode;\n  width?: number | string;\n  align?: TableAlignVariant;\n}"
+        "TableColumn": "export interface TableColumn<T = any> extends SortableAccessibilityProps {\n  key: string;\n  title: string;\n  dataIndex?: string;\n  render?: (value: any, row: T, index: number) => ReactNode;\n  width?: number | string;\n  align?: TableAlignVariant;\n}"
       }
     },
     "Text": {
@@ -2059,20 +2118,20 @@
           "description": "The text content to display"
         },
         {
-          "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/src/Text/types\").TextSizeVariant | undefined",
+          "name": "typography",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/structures\").Typography | undefined",
           "required": false,
-          "description": "The size variant of the text"
+          "description": "Typography variant for semantic text styling.\nAutomatically sets fontSize, lineHeight, and fontWeight."
         },
         {
           "name": "weight",
           "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/src/Text/types\").TextWeightVariant | undefined",
           "required": false,
-          "description": "The weight of the text"
+          "description": "The weight of the text.\nOverrides the weight from typography if both are set."
         },
         {
           "name": "color",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/color\").Text | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "The color of the text"
         },
@@ -2084,7 +2143,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").TextStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").TextStyle>",
           "required": false,
           "description": "Additional styles (platform-specific)"
         },
@@ -2095,12 +2154,12 @@
           "description": "Test ID for testing"
         }
       ],
-      "typeDefinition": "export interface TextProps {\n  /**\n   * The text content to display\n   */\n  children: ReactNode;\n\n  /**\n   * The size variant of the text\n   */\n  size?: TextSizeVariant;\n\n  /**\n   * The weight of the text\n   */\n  weight?: TextWeightVariant;\n\n  /**\n   * The color of the text\n   */\n  color?: TextColorVariant;\n\n  /**\n   * Text alignment\n   */\n  align?: TextAlignVariant;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<TextStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
+      "typeDefinition": "export interface TextProps extends TextSpacingStyleProps {\n  /**\n   * The text content to display\n   */\n  children: ReactNode;\n\n  /**\n   * Typography variant for semantic text styling.\n   * Automatically sets fontSize, lineHeight, and fontWeight.\n   */\n  typography?: TextTypographyVariant;\n\n  /**\n   * The weight of the text.\n   * Overrides the weight from typography if both are set.\n   */\n  weight?: TextWeightVariant;\n\n  /**\n   * The color of the text\n   */\n  color?: TextColorVariant;\n\n  /**\n   * Text alignment\n   */\n  align?: TextAlignVariant;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: StyleProp<TextStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
       "relatedTypes": {
         "TextColorVariant": "export type TextColorVariant = Text;",
-        "TextSizeVariant": "export type TextSizeVariant = 'sm' | 'md' | 'lg' | 'xl';",
         "TextWeightVariant": "export type TextWeightVariant = 'light' | 'normal' | 'medium' | 'semibold' | 'bold';",
-        "TextAlignVariant": "export type TextAlignVariant = 'left' | 'center' | 'right';"
+        "TextAlignVariant": "export type TextAlignVariant = 'left' | 'center' | 'right';",
+        "TextTypographyVariant": "export type TextTypographyVariant = Typography;"
       }
     },
     "TextArea": {
@@ -2184,22 +2243,22 @@
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false
         },
         {
           "name": "textareaStyle",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").TextStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").TextStyle>",
           "required": false
         },
         {
@@ -2208,7 +2267,7 @@
           "required": false
         }
       ],
-      "typeDefinition": "export interface TextAreaProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  rows?: number;\n  minHeight?: number;\n  maxHeight?: number;\n  autoGrow?: boolean;\n  maxLength?: number;\n  label?: string;\n  error?: string;\n  helperText?: string;\n  resize?: TextAreaResizeVariant;\n  showCharacterCount?: boolean;\n  intent?: TextAreaIntentVariant;\n  size?: TextAreaSizeVariant;\n  style?: StyleProp<ViewStyle>;\n  textareaStyle?: StyleProp<TextStyle>;\n  testID?: string;\n}",
+      "typeDefinition": "export interface TextAreaProps extends FormInputStyleProps, FormAccessibilityProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  rows?: number;\n  minHeight?: number;\n  maxHeight?: number;\n  autoGrow?: boolean;\n  maxLength?: number;\n  label?: string;\n  error?: string;\n  helperText?: string;\n  resize?: TextAreaResizeVariant;\n  showCharacterCount?: boolean;\n  intent?: TextAreaIntentVariant;\n  size?: TextAreaSizeVariant;\n  style?: StyleProp<ViewStyle>;\n  textareaStyle?: StyleProp<TextStyle>;\n  testID?: string;\n}",
       "relatedTypes": {
         "TextAreaIntentVariant": "export type TextAreaIntentVariant = Intent;",
         "TextAreaSizeVariant": "export type TextAreaSizeVariant = Size;",
@@ -2222,7 +2281,8 @@
         {
           "name": "content",
           "type": "React.ReactNode",
-          "required": true
+          "required": true,
+          "description": "Content to display in the tooltip"
         },
         {
           "name": "children",
@@ -2241,17 +2301,17 @@
         },
         {
           "name": "intent",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/intent\").Intent | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
           "name": "size",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/src/theme/size\").Size | undefined",
+          "type": "string | undefined",
           "required": false
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false
         },
         {
@@ -2260,7 +2320,7 @@
           "required": false
         }
       ],
-      "typeDefinition": "export interface TooltipProps {\n  content: string | React.ReactNode;\n  children: React.ReactNode;\n  placement?: TooltipPlacement;\n  delay?: number;\n  intent?: TooltipIntentVariant;\n  size?: TooltipSizeVariant;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
+      "typeDefinition": "export interface TooltipProps extends BaseProps, AccessibilityProps {\n  /**\n   * Content to display in the tooltip\n   */\n  content: string | React.ReactNode;\n  children: React.ReactNode;\n  placement?: TooltipPlacement;\n  delay?: number;\n  intent?: TooltipIntentVariant;\n  size?: TooltipSizeVariant;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
       "relatedTypes": {
         "TooltipIntentVariant": "export type TooltipIntentVariant = Intent;",
         "TooltipSizeVariant": "export type TooltipSizeVariant = Size;",
@@ -2363,7 +2423,7 @@
         },
         {
           "name": "style",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/theme/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
           "required": false
         },
         {
@@ -2372,7 +2432,7 @@
           "required": false
         }
       ],
-      "typeDefinition": "export interface VideoProps {\n  source: VideoSource | string;\n  poster?: string;\n  width?: number | string;\n  height?: number | string;\n  aspectRatio?: number;\n  controls?: boolean;\n  autoPlay?: boolean;\n  loop?: boolean;\n  muted?: boolean;\n  playsInline?: boolean;\n  preload?: 'auto' | 'metadata' | 'none';\n  onLoad?: () => void;\n  onError?: (error: any) => void;\n  onPlay?: () => void;\n  onPause?: () => void;\n  onEnd?: () => void;\n  onProgress?: (progress: { currentTime: number; playableDuration: number }) => void;\n  borderRadius?: number;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
+      "typeDefinition": "export interface VideoProps extends BaseProps, AccessibilityProps {\n  source: VideoSource | string;\n  poster?: string;\n  width?: number | string;\n  height?: number | string;\n  aspectRatio?: number;\n  controls?: boolean;\n  autoPlay?: boolean;\n  loop?: boolean;\n  muted?: boolean;\n  playsInline?: boolean;\n  preload?: 'auto' | 'metadata' | 'none';\n  onLoad?: () => void;\n  onError?: (error: any) => void;\n  onPlay?: () => void;\n  onPause?: () => void;\n  onEnd?: () => void;\n  onProgress?: (progress: { currentTime: number; playableDuration: number }) => void;\n  borderRadius?: number;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}",
       "relatedTypes": {
         "VideoSource": "export interface VideoSource {\n  uri: string;\n  type?: string;\n}"
       }
@@ -2387,27 +2447,15 @@
           "required": false,
           "description": "The content to display inside the view"
         },
-        {
-          "name": "spacing",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/src/View/types\").ViewSpacingVariant | undefined",
-          "required": false,
-          "description": "Padding/spacing variant"
-        },
-        {
-          "name": "marginVariant",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/src/View/types\").ViewSpacingVariant | undefined",
-          "required": false,
-          "description": "Margin variant"
-        },
         {
           "name": "background",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/src/View/types\").ViewBackgroundVariant | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "Background variant"
         },
         {
           "name": "radius",
-          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/src/View/types\").ViewRadiusVariant | undefined",
+          "type": "string | undefined",
           "required": false,
           "description": "Border radius variant"
         },
@@ -2423,18 +2471,6 @@
           "required": false,
           "description": "Custom background color (overrides background variant)"
         },
-        {
-          "name": "padding",
-          "type": "number | undefined",
-          "required": false,
-          "description": "Custom padding (overrides spacing variant)"
-        },
-        {
-          "name": "margin",
-          "type": "number | undefined",
-          "required": false,
-          "description": "Custom margin (overrides marginVariant)"
-        },
         {
           "name": "borderRadius",
           "type": "number | undefined",
@@ -2455,9 +2491,15 @@
         },
         {
           "name": "style",
-          "type": "React.CSSProperties | import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheet\").StyleProp<import(\"/home/nicho/Development/idealyst-framework/packages/components/node_modules/react-native/Libraries/StyleSheet/StyleSheetTypes\").ViewStyle>",
+          "type": "import(\"/home/nicho/Development/idealyst-framework/packages/components/src/View/types\").ViewStyleProp",
           "required": false,
-          "description": "Additional styles (platform-specific)"
+          "description": "Additional styles. Supports responsive values for any property."
+        },
+        {
+          "name": "scrollable",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "Enable scrollable content (uses ScrollView on native, overflow:auto on web)"
         },
         {
           "name": "testID",
@@ -2466,10 +2508,10 @@
           "description": "Test ID for testing"
         }
       ],
-      "typeDefinition": "export interface ViewProps {\n  /**\n   * The content to display inside the view\n   */\n  children?: ReactNode;\n\n  /**\n   * Padding/spacing variant\n   */\n  spacing?: ViewSpacingVariant;\n\n  /**\n   * Margin variant\n   */\n  marginVariant?: ViewSpacingVariant;\n\n  /**\n   * Background variant\n   */\n  background?: ViewBackgroundVariant;\n\n  /**\n   * Border radius variant\n   */\n  radius?: ViewRadiusVariant;\n\n  /**\n   * Border variant\n   */\n  border?: ViewBorderVariant;\n\n  /**\n   * Custom background color (overrides background variant)\n   */\n  backgroundColor?: string;\n\n  /**\n   * Custom padding (overrides spacing variant)\n   */\n  padding?: number;\n\n  /**\n   * Custom margin (overrides marginVariant)\n   */\n  margin?: number;\n\n  /**\n   * Custom border radius (overrides radius variant)\n   */\n  borderRadius?: number;\n\n  /**\n   * Custom border width (overrides border variant)\n   */\n  borderWidth?: number;\n\n  /**\n   * Custom border color\n   */\n  borderColor?: string;\n\n  /**\n   * Additional styles (platform-specific)\n   */\n  style?: React.CSSProperties | StyleProp<ViewStyle>;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
+      "typeDefinition": "export interface ViewProps extends ContainerStyleProps {\n  /**\n   * The content to display inside the view\n   */\n  children?: ReactNode;\n\n  /**\n   * Background variant\n   */\n  background?: ViewBackgroundVariant;\n\n  /**\n   * Border radius variant\n   */\n  radius?: ViewRadiusVariant;\n\n  /**\n   * Border variant\n   */\n  border?: ViewBorderVariant;\n\n  /**\n   * Custom background color (overrides background variant)\n   */\n  backgroundColor?: string;\n\n  /**\n   * Custom border radius (overrides radius variant)\n   */\n  borderRadius?: number;\n\n  /**\n   * Custom border width (overrides border variant)\n   */\n  borderWidth?: number;\n\n  /**\n   * Custom border color\n   */\n  borderColor?: string;\n\n  /**\n   * Additional styles. Supports responsive values for any property.\n   * @example\n   * ```tsx\n   * // Responsive flexDirection\n   * <View style={{ flexDirection: { xs: 'column', md: 'row' } }} />\n   *\n   * // Mix responsive and static values\n   * <View style={{ padding: { xs: 8, lg: 16 }, backgroundColor: '#fff' }} />\n   * ```\n   */\n  style?: ViewStyleProp;\n\n  /**\n   * Enable scrollable content (uses ScrollView on native, overflow:auto on web)\n   */\n  scrollable?: boolean;\n\n  /**\n   * Test ID for testing\n   */\n  testID?: string;\n}",
       "relatedTypes": {
+        "ViewStyleProp": "export type ViewStyleProp = StyleProp<ViewStyle> | ResponsiveStyle | React.CSSProperties;",
         "ViewBackgroundVariant": "export type ViewBackgroundVariant = Surface | 'transparent';",
-        "ViewSpacingVariant": "export type ViewSpacingVariant = Size | 'none';",
         "ViewRadiusVariant": "export type ViewRadiusVariant = Size | 'none';",
         "ViewBorderVariant": "export type ViewBorderVariant = 'none' | 'thin' | 'thick';"
       }
@@ -2478,68 +2520,30 @@
   "theme": {
     "Size": {
       "name": "Size",
-      "definition": "export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl'",
-      "values": [
-        "xs",
-        "sm",
-        "md",
-        "lg",
-        "xl"
-      ]
+      "definition": "export type Size = keyof RegisteredTheme['theme']['sizes']['button'];",
+      "values": []
     },
     "Intent": {
       "name": "Intent",
-      "definition": "export type Intent = 'primary' | 'success' | 'error' | 'warning' | 'neutral' | 'info';",
-      "values": [
-        "primary",
-        "success",
-        "error",
-        "warning",
-        "neutral",
-        "info"
-      ]
+      "definition": "export type Intent = keyof RegisteredTheme['theme']['intents'];",
+      "values": []
     },
     "Pallet": {
       "name": "Pallet",
-      "definition": "export type Pallet = 'red' | 'orange' | 'blue' | 'green' | 'yellow' | 'purple' | 'gray' | 'black' | 'white';",
-      "values": [
-        "red",
-        "orange",
-        "blue",
-        "green",
-        "yellow",
-        "purple",
-        "gray",
-        "black",
-        "white"
-      ]
-    },
-    "Shade": {
-      "name": "Shade",
-      "definition": "export type Shade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;",
-      "values": [
-        "50",
-        "100",
-        "200",
-        "300",
-        "400",
-        "500",
-        "600",
-        "700",
-        "800",
-        "900"
-      ]
+      "definition": "export type Pallet = keyof RegisteredTheme['theme']['colors']['pallet'] & string;",
+      "values": []
     },
     "Color": {
       "name": "Color",
-      "definition": "export type Color = `${Pallet}.${Shade}` | Pallet;"
+      "definition": "export type Color = `${Pallet}.${50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900}` | Pallet;"
     }
   },
   "navigation": {
     "TabBarScreenOptions": "export type TabBarScreenOptions = {\n    /**\n     * Icon component for tab/drawer navigation (React.ComponentType, React.ReactElement, function, or string)\n     */\n    tabBarIcon?: ((props: { focused: boolean; color: string; size: string | number }) => React.ReactElement)\n    \n    /**\n     * Label for tab/drawer navigation\n     */\n    tabBarLabel?: string;\n    \n    /**\n     * Badge for tab navigation\n     */\n    tabBarBadge?: string | number;\n    \n    /**\n     * Whether to show the tab bar for this screen\n     */\n    tabBarVisible?: boolean;\n} & ScreenOptions",
     "NavigatorOptions": "export type NavigatorOptions = {\n\n    \n    /**\n     * Custom header title component or string\n     */\n    headerTitle?: React.ComponentType | React.ReactElement | string;\n    \n    /**\n     * Custom header left component (overrides back button)\n     */\n    headerLeft?: React.ComponentType | React.ReactElement;\n    \n    /**\n     * Whether to show header back button\n     */\n    headerBackVisible?: boolean;\n    \n    /**\n     * Custom header right component\n     */\n    headerRight?: React.ComponentType | React.ReactElement;\n    \n    /**\n     * Whether to hide the native React Navigation header (mobile only)\n     */\n    headerShown?: boolean;\n}",
-    "ScreenOptions": "export type ScreenOptions = {\n    /**\n     * Screen title for navigation headers\n     */\n    title?: string;\n    headerShown?: boolean;\n\n} & NavigatorOptions;",
-    "BaseNavigatorParam": "export type BaseNavigatorParam = {\n    path: string\n    type: 'navigator'\n    options?: NavigatorOptions\n}",
+    "ScreenOptions": "export type ScreenOptions = {\n    /**\n     * Screen title for navigation headers\n     */\n    title?: string;\n    headerShown?: boolean;\n    /**\n     * When true, renders the screen outside of parent layout wrappers.\n     * Useful for fullscreen modals, onboarding flows, or any screen that\n     * should not inherit the parent navigator's layout (header, sidebar, tabs, etc.)\n     *\n     * Web: Screen renders as a sibling route without the parent LayoutComponent\n     * Native: Screen uses fullScreenModal presentation\n     */\n    fullScreen?: boolean;\n\n} & NavigatorOptions;",
+    "NotFoundComponentProps": "export type NotFoundComponentProps = {\n    /** The full path that was attempted */\n    path: string\n    /** Any route parameters that were parsed from the path */\n    params?: Record<string, string>\n}",
+    "BaseNavigatorParam": "export type BaseNavigatorParam = {\n    path: string\n    type: 'navigator'\n    options?: NavigatorOptions\n    /**\n     * Handler called when an invalid route is accessed.\n     * - Return NavigateParams to redirect to a different route\n     * - Return undefined to show the notFoundComponent (if set)\n     * If not defined, bubbles up to parent navigator.\n     *\n     * @param invalidPath - The path that was attempted but not found\n     * @returns NavigateParams to redirect, or undefined to use notFoundComponent\n     */\n    onInvalidRoute?: (invalidPath: string) => NavigateParams | undefined\n    /**\n     * Component to render/navigate to when route is invalid and onInvalidRoute returns undefined.\n     * - Web: Renders at the current URL via catch-all route\n     * - Native: Navigated to as a screen\n     * - Optional: If not set and nothing handles the route, a warning is logged\n     */\n    notFoundComponent?: React.ComponentType<NotFoundComponentProps>\n}",
     "TabNavigatorParam": "export type TabNavigatorParam = {\n    layout: 'tab'\n    routes: RouteParam<TabBarScreenOptions>[]\n    layoutComponent?: TabLayoutComponent\n} & BaseNavigatorParam",
     "StackNavigatorParam": "export type StackNavigatorParam = {\n    layout: 'stack'\n    routes: RouteParam<ScreenOptions>[]\n    layoutComponent?: StackLayoutComponent\n} & BaseNavigatorParam",
     "DrawerSidebarProps": "export type DrawerSidebarProps = {\n    /**\n     * Safe area insets (mobile only)\n     * Use these to add padding to avoid notches, status bars, etc.\n     */\n    insets?: {\n        top: number;\n        right: number;\n        bottom: number;\n        left: number;\n    };\n};",