@cdx-ui/components 0.0.1-beta.116 → 0.0.1-beta.118

package/lib/typescript/components/Toast/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,UAAU,GACX,EAAE;IACD,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5B,UAAU,EAAE,UAAU,CAAC;CACxB,wDAkBA;AAED,UAAU,kCAAkC;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,aAAa,EACb,KAAK,GACN,EAAE,kCAAkC;;;EAkDpC"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,UAAU,GACX,EAAE;IACD,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5B,UAAU,EAAE,kBAAkB,CAAC;CAChC,wDAmBA;AAED,UAAU,kCAAkC;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,aAAa,EACb,KAAK,GACN,EAAE,kCAAkC;;;EAkDpC"}

package/lib/typescript/components/Toast/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AA8B9C,OAAO,KAAK,EACV,iBAAiB,EAIjB,qBAAqB,EACrB,cAAc,EACd,UAAU,EACV,eAAe,EAChB,MAAM,SAAS,CAAC;AAuBjB,QAAA,MAAM,SAAS,6FAwNb,CAAC;AAIH,QAAA,MAAM,UAAU,kGAoBd,CAAC;AAIH,QAAA,MAAM,gBAAgB,wGAiBpB,CAAC;AAIH,QAAA,MAAM,SAAS;kDAAiD,cAAc;;CA4B7E,CAAC;AAMF,QAAA,MAAM,WAAW,2GAqBf,CAAC;AAIH,QAAA,MAAM,UAAU;;wCA8Bd,CAAC;AAIH;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAsDpD;AAWD,KAAK,sBAAsB,GAAG,OAAO,SAAS,GAAG;IAC/C,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,WAAW,EAAE,OAAO,gBAAgB,CAAC;IACrC,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,MAAM,EAAE,OAAO,WAAW,CAAC;IAC3B,KAAK,EAAE,OAAO,UAAU,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAMZ,sBAAsB,CAAC;AAE7B,YAAY,EACV,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,eAAe,EACf,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,GAClB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AA8B9C,OAAO,KAAK,EACV,iBAAiB,EAKjB,qBAAqB,EACrB,cAAc,EACd,UAAU,EACV,eAAe,EAChB,MAAM,SAAS,CAAC;AAyBjB,QAAA,MAAM,SAAS,6FAsOb,CAAC;AAIH,QAAA,MAAM,UAAU,kGAoBd,CAAC;AAIH,QAAA,MAAM,gBAAgB,wGAiBpB,CAAC;AAIH,QAAA,MAAM,SAAS;kDAAiD,cAAc;;CA4B7E,CAAC;AAMF,QAAA,MAAM,WAAW,2GAqBf,CAAC;AAIH,QAAA,MAAM,UAAU;;wCA8Bd,CAAC;AAIH;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAoEpD;AAWD,KAAK,sBAAsB,GAAG,OAAO,SAAS,GAAG;IAC/C,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,WAAW,EAAE,OAAO,gBAAgB,CAAC;IACrC,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,MAAM,EAAE,OAAO,WAAW,CAAC;IAC3B,KAAK,EAAE,OAAO,UAAU,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAMZ,sBAAsB,CAAC;AAE7B,YAAY,EACV,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,eAAe,EACf,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,GAClB,MAAM,SAAS,CAAC"}

package/lib/typescript/components/Toast/styles.d.ts

@@ -33,7 +33,7 @@ import { type VariantProps } from 'class-variance-authority';
  * set `isAnimatedStyleActive={false}` on `Toast.Root`.
  */
 export declare const toastRootVariants: (props?: ({
-    color?: "danger" | "warning" | "success" | "info" | "default" | null | undefined;
+    color?: "danger" | "warning" | "success" | "info" | "neutral" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
  * Toast wrapper variants
@@ -56,13 +56,13 @@ export declare const toastWrapperVariants: (props?: ({
     placement?: "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const toastLabelVariants: (props?: ({
-    color?: "danger" | "warning" | "success" | "info" | "default" | null | undefined;
+    color?: "danger" | "warning" | "success" | "info" | "neutral" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const toastDescriptionVariants: (props?: ({
-    color?: "danger" | "warning" | "success" | "info" | "default" | null | undefined;
+    color?: "danger" | "warning" | "success" | "info" | "neutral" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const toastIconVariants: (props?: ({
-    color?: "danger" | "warning" | "success" | "info" | "default" | null | undefined;
+    color?: "danger" | "warning" | "success" | "info" | "neutral" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const toastStyleSheet: {
     root: {

package/lib/typescript/components/Toast/types.d.ts

@@ -9,9 +9,14 @@ import type { IconButtonProps } from '../IconButton';
 import type { IconProps } from '../Icon';
 import { ToastColorProps } from './styles';
 /**
- * Toast color types
+ * Internal (normalized) toast color values used by CVA and context.
  */
-export type ToastColor = ToastColorProps['color'];
+export type ToastColorInternal = ToastColorProps['color'];
+/**
+ * Toast color types accepted by consumers.
+ * @remarks `'default'` is deprecated — use `'neutral'` instead.
+ */
+export type ToastColor = ToastColorInternal | 'default';
 /**
  * Toast placement types.
  *
@@ -110,7 +115,7 @@ export type ToastRootAnimation = AnimationRoot<{
 export interface ToastProps extends ToastRootProps, Omit<ToastComponentProps, 'id'> {
     /**
      * Color of the toast
-     * @default 'default'
+     * @default 'neutral'
      */
     color?: ToastColor;
     /**
@@ -230,9 +235,9 @@ export type ToastCloseProps = Omit<IconButtonProps, 'as'> & {
  */
 export interface ToastContextValue {
     /**
-     * Color of the toast
+     * Color of the toast (normalized — always uses the current value names)
      */
-    color?: ToastColor;
+    color?: ToastColorInternal;
     /**
      * Function to hide the toast
      */
@@ -258,7 +263,7 @@ export type UseToastRootAnimationOptions = Pick<ToastProps, 'animation' | 'index
 export interface DefaultToastProps extends ToastComponentProps {
     /**
      * Color of the toast
-     * @default 'default'
+     * @default 'neutral'
      */
     color?: ToastProps['color'];
     /**

package/lib/typescript/components/Toast/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.0.1-beta.116",
+  "version": "0.0.1-beta.118",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -76,9 +76,9 @@
     "class-variance-authority": "^0.7.1",
     "react-native-reanimated-carousel": "5.0.0-beta.5",
     "uniwind": "1.10.0",
-    "@cdx-ui/primitives": "0.0.1-beta.116",
-    "@cdx-ui/utils": "0.0.1-beta.116",
-    "@cdx-ui/icons": "0.0.1-beta.116"
+    "@cdx-ui/primitives": "0.0.1-beta.118",
+    "@cdx-ui/utils": "0.0.1-beta.118",
+    "@cdx-ui/icons": "0.0.1-beta.118"
   },
   "devDependencies": {
     "@react-navigation/bottom-tabs": "*",

package/src/components/AlertDialog/index.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import { View } from 'react-native';
 import { Slot, useDialog } from '@cdx-ui/primitives';
 import { composeEventHandlers } from '@cdx-ui/utils';

package/src/components/Chip/index.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, useMemo, type ReactNode } from 'react';
+import { forwardRef, useEffect, useMemo, type ReactNode } from 'react';
 import { Text, View, type TextProps } from 'react-native';
 import {
   ChipRoot as ChipRootPrimitive,
@@ -27,16 +27,74 @@ const useChipStyleContext = () => useStyleContext(SCOPE) as ChipVariantProps;
 // ROOT
 // =============================================================================
 
-export interface ChipProps extends IChipProps, ChipVariantProps {
+export type ChipVariant = 'subtle' | 'outline';
+
+/** @deprecated Use {@link ChipVariant} (`'subtle'`) instead. */
+export type ChipVariantTint = 'tint';
+
+export type ChipColor = 'neutral' | 'action' | 'danger' | 'warning' | 'success' | 'info';
+
+/** @deprecated Use {@link ChipColor} (`'neutral'`) instead. */
+export type ChipColorDefault = 'default';
+
+let hasWarnedChipTintVariant = false;
+let hasWarnedChipDefaultColor = false;
+
+export interface ChipProps extends IChipProps, Omit<ChipVariantProps, 'variant' | 'color'> {
+  /**
+   * Visual style variant.
+   * @default 'subtle'
+   */
+  variant?:
+    | ChipVariant
+    /** @deprecated Use `'subtle'` instead. */
+    | 'tint';
+  /**
+   * Color theme applied to the chip surface and content.
+   * @default 'neutral'
+   */
+  color?:
+    | ChipColor
+    /** @deprecated Use `'neutral'` instead. */
+    | 'default';
   className?: string;
   children?: ReactNode;
 }
 
 const ChipRoot = forwardRef<View, ChipProps>(
   (
-    { children, variant = 'tint', size = 'default', color = 'default', className, style, ...props },
+    {
+      children,
+      variant: variantProp = 'subtle',
+      size = 'default',
+      color: colorProp = 'neutral',
+      className,
+      style,
+      ...props
+    },
     ref,
   ) => {
+    useEffect(() => {
+      if (__DEV__ && variantProp === 'tint' && !hasWarnedChipTintVariant) {
+        hasWarnedChipTintVariant = true;
+        console.warn(
+          '[Chip] The `tint` variant is deprecated and will be removed in a future major release. Use `subtle` instead.',
+        );
+      }
+    }, [variantProp]);
+
+    useEffect(() => {
+      if (__DEV__ && colorProp === 'default' && !hasWarnedChipDefaultColor) {
+        hasWarnedChipDefaultColor = true;
+        console.warn(
+          '[Chip] The `default` color is deprecated and will be removed in a future major release. Use `neutral` instead.',
+        );
+      }
+    }, [colorProp]);
+
+    const variant = variantProp === 'tint' ? 'subtle' : variantProp;
+    const color = colorProp === 'default' ? 'neutral' : colorProp;
+
     const parent = useParentContext();
     const ctx = useMemo(
       () => ({ ...parent, [SCOPE]: { variant, size, color } }),

package/src/components/Chip/styles.ts

@@ -20,11 +20,11 @@ export const chipRootVariants = cva(
   {
     variants: {
       variant: {
-        tint: [],
+        subtle: [],
         outline: ['bg-transparent', 'border'],
       },
       color: {
-        default: [],
+        neutral: [],
         action: [],
         danger: [],
         warning: [],
@@ -38,70 +38,70 @@ export const chipRootVariants = cva(
       },
     },
     compoundVariants: [
-      // ── tint × color ────────────────────────────────────────────────────
+      // ── subtle × color ────────────────────────────────────────────────────
       {
-        variant: 'tint',
-        color: 'default',
+        variant: 'subtle',
+        color: 'neutral',
         className: [
-          'bg-surface-neutral-tint',
+          'bg-surface-neutral-subtle',
           Platform.select({
-            default: 'data-[active=true]:bg-surface-neutral-tint-active',
-            web: 'data-[hover=true]:bg-surface-neutral-tint-hover data-[active=true]:data-[hover=true]:bg-surface-neutral-tint-active',
+            default: 'data-[active=true]:bg-surface-neutral-subtle-active',
+            web: 'data-[hover=true]:bg-surface-neutral-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-neutral-subtle-active',
           }),
         ],
       },
       {
-        variant: 'tint',
+        variant: 'subtle',
         color: 'action',
         className: [
-          'bg-surface-action-tint',
+          'bg-surface-action-subtle',
           Platform.select({
-            default: 'data-[active=true]:bg-surface-action-tint-active',
-            web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-tint-active',
+            default: 'data-[active=true]:bg-surface-action-subtle-active',
+            web: 'data-[hover=true]:bg-surface-action-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-action-subtle-active',
           }),
         ],
       },
       {
-        variant: 'tint',
+        variant: 'subtle',
         color: 'danger',
         className: [
-          'bg-surface-danger-tint',
+          'bg-surface-danger-subtle',
           Platform.select({
-            default: 'data-[active=true]:bg-surface-danger-tint-active',
-            web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-tint-active',
+            default: 'data-[active=true]:bg-surface-danger-subtle-active',
+            web: 'data-[hover=true]:bg-surface-danger-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-danger-subtle-active',
           }),
         ],
       },
       {
-        variant: 'tint',
+        variant: 'subtle',
         color: 'warning',
         className: [
-          'bg-surface-warning-tint',
+          'bg-surface-warning-subtle',
           Platform.select({
-            default: 'data-[active=true]:bg-surface-warning-tint-active',
-            web: 'data-[hover=true]:bg-surface-warning-tint-hover data-[active=true]:data-[hover=true]:bg-surface-warning-tint-active',
+            default: 'data-[active=true]:bg-surface-warning-subtle-active',
+            web: 'data-[hover=true]:bg-surface-warning-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-warning-subtle-active',
           }),
         ],
       },
       {
-        variant: 'tint',
+        variant: 'subtle',
         color: 'success',
         className: [
-          'bg-surface-success-tint',
+          'bg-surface-success-subtle',
           Platform.select({
-            default: 'data-[active=true]:bg-surface-success-tint-active',
-            web: 'data-[hover=true]:bg-surface-success-tint-hover data-[active=true]:data-[hover=true]:bg-surface-success-tint-active',
+            default: 'data-[active=true]:bg-surface-success-subtle-active',
+            web: 'data-[hover=true]:bg-surface-success-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-success-subtle-active',
           }),
         ],
       },
       {
-        variant: 'tint',
+        variant: 'subtle',
         color: 'info',
         className: [
-          'bg-surface-info-tint',
+          'bg-surface-info-subtle',
           Platform.select({
-            default: 'data-[active=true]:bg-surface-info-tint-active',
-            web: 'data-[hover=true]:bg-surface-info-tint-hover data-[active=true]:data-[hover=true]:bg-surface-info-tint-active',
+            default: 'data-[active=true]:bg-surface-info-subtle-active',
+            web: 'data-[hover=true]:bg-surface-info-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-info-subtle-active',
           }),
         ],
       },
@@ -109,12 +109,12 @@ export const chipRootVariants = cva(
       // ── outline × color ───────────────────────────────────────────────────
       {
         variant: 'outline',
-        color: 'default',
+        color: 'neutral',
         className: [
           'border-stroke-primary',
           Platform.select({
-            default: 'data-[active=true]:bg-surface-neutral-tint',
-            web: 'data-[hover=true]:bg-surface-neutral-tint-hover data-[active=true]:data-[hover=true]:bg-surface-neutral-tint-active',
+            default: 'data-[active=true]:bg-surface-neutral-subtle',
+            web: 'data-[hover=true]:bg-surface-neutral-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-neutral-subtle-active',
           }),
         ],
       },
@@ -124,8 +124,8 @@ export const chipRootVariants = cva(
         className: [
           'border-stroke-action',
           Platform.select({
-            default: 'data-[active=true]:bg-surface-action-tint',
-            web: 'data-[hover=true]:bg-surface-action-tint-hover data-[active=true]:data-[hover=true]:bg-surface-action-tint-active',
+            default: 'data-[active=true]:bg-surface-action-subtle',
+            web: 'data-[hover=true]:bg-surface-action-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-action-subtle-active',
           }),
         ],
       },
@@ -135,8 +135,8 @@ export const chipRootVariants = cva(
         className: [
           'border-stroke-danger',
           Platform.select({
-            default: 'data-[active=true]:bg-surface-danger-tint',
-            web: 'data-[hover=true]:bg-surface-danger-tint-hover data-[active=true]:data-[hover=true]:bg-surface-danger-tint-active',
+            default: 'data-[active=true]:bg-surface-danger-subtle',
+            web: 'data-[hover=true]:bg-surface-danger-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-danger-subtle-active',
           }),
         ],
       },
@@ -146,8 +146,8 @@ export const chipRootVariants = cva(
         className: [
           'border-stroke-warning',
           Platform.select({
-            default: 'data-[active=true]:bg-surface-warning-tint',
-            web: 'data-[hover=true]:bg-surface-warning-tint-hover data-[active=true]:data-[hover=true]:bg-surface-warning-tint-active',
+            default: 'data-[active=true]:bg-surface-warning-subtle',
+            web: 'data-[hover=true]:bg-surface-warning-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-warning-subtle-active',
           }),
         ],
       },
@@ -157,8 +157,8 @@ export const chipRootVariants = cva(
         className: [
           'border-stroke-success',
           Platform.select({
-            default: 'data-[active=true]:bg-surface-success-tint',
-            web: 'data-[hover=true]:bg-surface-success-tint-hover data-[active=true]:data-[hover=true]:bg-surface-success-tint-active',
+            default: 'data-[active=true]:bg-surface-success-subtle',
+            web: 'data-[hover=true]:bg-surface-success-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-success-subtle-active',
           }),
         ],
       },
@@ -168,15 +168,15 @@ export const chipRootVariants = cva(
         className: [
           'border-stroke-info',
           Platform.select({
-            default: 'data-[active=true]:bg-surface-info-tint',
-            web: 'data-[hover=true]:bg-surface-info-tint-hover data-[active=true]:data-[hover=true]:bg-surface-info-tint-active',
+            default: 'data-[active=true]:bg-surface-info-subtle',
+            web: 'data-[hover=true]:bg-surface-info-subtle-hover data-[active=true]:data-[hover=true]:bg-surface-info-subtle-active',
           }),
         ],
       },
     ],
     defaultVariants: {
-      variant: 'tint',
-      color: 'default',
+      variant: 'subtle',
+      color: 'neutral',
       size: 'default',
     },
   },
@@ -185,11 +185,11 @@ export const chipRootVariants = cva(
 export const chipLabelVariants = cva(['font-sans-medium'], {
   variants: {
     variant: {
-      tint: 'text-content-primary',
+      subtle: 'text-content-primary',
       outline: 'text-content-primary',
     },
     color: {
-      default: [],
+      neutral: [],
       action: [],
       danger: [],
       warning: [],
@@ -210,8 +210,8 @@ export const chipLabelVariants = cva(['font-sans-medium'], {
     { variant: 'outline', color: 'info', className: 'text-content-info' },
   ],
   defaultVariants: {
-    variant: 'tint',
-    color: 'default',
+    variant: 'subtle',
+    color: 'neutral',
     size: 'default',
   },
 });
@@ -224,7 +224,7 @@ export const chipIconVariants = cva(['shrink-0'], {
       xsmall: 'size-2.5 data-[icon=inline-start]:-ms-px data-[icon=inline-end]:-me-px',
     },
     color: {
-      default: 'text-content-primary',
+      neutral: 'text-content-primary',
       action: 'text-content-action',
       danger: 'text-content-danger',
       warning: 'text-content-warning',
@@ -234,7 +234,7 @@ export const chipIconVariants = cva(['shrink-0'], {
   },
   defaultVariants: {
     size: 'default',
-    color: 'default',
+    color: 'neutral',
   },
 });
 

package/src/components/Dialog/index.tsx

@@ -453,27 +453,69 @@ const DialogHeader = forwardRef<View, DialogHeaderProps>(
 DialogHeader.displayName = 'Dialog.Header';
 
 // =============================================================================
-// STYLED TITLE (styled-only sub-slot with appearance variants)
+// STYLED TITLE (styled-only sub-slot with severity variants)
 // =============================================================================
 
-const APPEARANCE_ICON_MAP = {
+export type DialogTitleSeverity = 'neutral' | 'danger' | 'warning' | 'success';
+
+/** @deprecated Use `severity` prop instead of `appearance`. */
+export type DialogTitleAppearance = 'default' | 'danger' | 'warning' | 'success';
+
+let hasWarnedDialogAppearanceProp = false;
+let hasWarnedDialogDefaultSeverity = false;
+
+const SEVERITY_ICON_MAP = {
   danger: EmergencyHome,
   warning: Warning,
   success: CheckCircle,
 } as const;
 
-export interface DialogTitleProps extends TextProps, DialogTitleVariantProps {
+export interface DialogTitleProps extends TextProps, Omit<DialogTitleVariantProps, 'severity'> {
   asChild?: boolean;
+  /**
+   * Severity level that controls the status icon and color treatment.
+   * @default 'neutral'
+   */
+  severity?:
+    | DialogTitleSeverity
+    /** @deprecated Use `'neutral'` instead. */
+    | 'default';
+  /**
+   * @deprecated Use `severity` prop instead.
+   */
+  appearance?: DialogTitleAppearance;
   className?: string;
   children?: ReactNode;
 }
 
 const DialogTitle = forwardRef<Text, DialogTitleProps>(
-  ({ asChild, appearance = 'default', className, children, style, ...props }, ref) => {
-    const computedClassName = cn(dialogTitleVariants({ appearance }), className);
+  ({ asChild, severity: severityProp, appearance, className, children, style, ...props }, ref) => {
+    useEffect(() => {
+      if (__DEV__ && appearance !== undefined && !hasWarnedDialogAppearanceProp) {
+        hasWarnedDialogAppearanceProp = true;
+        console.warn(
+          '[Dialog.Title] The `appearance` prop is deprecated and will be removed in a future major release. Use `severity` instead.',
+        );
+      }
+    }, [appearance]);
+
+    const rawSeverity = severityProp ?? appearance ?? 'neutral';
+
+    useEffect(() => {
+      if (__DEV__ && rawSeverity === 'default' && !hasWarnedDialogDefaultSeverity) {
+        hasWarnedDialogDefaultSeverity = true;
+        console.warn(
+          '[Dialog.Title] The `default` severity value is deprecated and will be removed in a future major release. Use `neutral` instead.',
+        );
+      }
+    }, [rawSeverity]);
+
+    const severity: DialogTitleSeverity = rawSeverity === 'default' ? 'neutral' : rawSeverity;
+
+    const computedClassName = cn(dialogTitleVariants({ severity }), className);
     const IconComponent =
-      appearance && appearance in APPEARANCE_ICON_MAP
-        ? APPEARANCE_ICON_MAP[appearance as keyof typeof APPEARANCE_ICON_MAP]
+      severity && severity in SEVERITY_ICON_MAP
+        ? SEVERITY_ICON_MAP[severity as keyof typeof SEVERITY_ICON_MAP]
         : null;
     const Comp = asChild ? Slot : Text;
 
@@ -492,7 +534,7 @@ const DialogTitle = forwardRef<Text, DialogTitleProps>(
     if (IconComponent) {
       return (
         <View className="flex-row items-center gap-1">
-          <Icon as={IconComponent} className={dialogTitleIconVariants({ appearance })} />
+          <Icon as={IconComponent} className={dialogTitleIconVariants({ severity })} />
           {titleElement}
         </View>
       );

package/src/components/Dialog/styles.ts

@@ -64,15 +64,15 @@ export const dialogHeaderVariants = cva([
 
 export const dialogTitleVariants = cva(['heading-sm', 'text-content-primary'], {
   variants: {
-    appearance: {
-      default: '',
+    severity: {
+      neutral: '',
       danger: '',
       warning: '',
       success: '',
     },
   },
   defaultVariants: {
-    appearance: 'default',
+    severity: 'neutral',
   },
 });
 
@@ -80,15 +80,15 @@ export const dialogTitleVariants = cva(['heading-sm', 'text-content-primary'], {
 
 export const dialogTitleIconVariants = cva(['size-5'], {
   variants: {
-    appearance: {
-      default: '',
+    severity: {
+      neutral: '',
       danger: 'text-content-danger',
       warning: 'text-content-warning',
       success: 'text-content-success',
     },
   },
   defaultVariants: {
-    appearance: 'default',
+    severity: 'neutral',
   },
 });
 

package/src/components/IconButton/index.tsx

@@ -1,4 +1,4 @@
-import { forwardRef } from 'react';
+import { forwardRef, useEffect } from 'react';
 import { View, type PressableProps } from 'react-native';
 import {
   ButtonRoot,
@@ -16,7 +16,23 @@ import {
   iconButtonRootVariants,
 } from './styles';
 
-export interface IconButtonProps extends PressableProps, IButtonProps, IconButtonVariantProps {
+export type IconButtonVariant = 'solid' | 'subtle' | 'ghost';
+
+/** @deprecated Use {@link IconButtonVariant} (`'subtle'`) instead. */
+export type IconButtonVariantTint = 'tint';
+
+let hasWarnedIconButtonTintVariant = false;
+
+export interface IconButtonProps
+  extends PressableProps, IButtonProps, Omit<IconButtonVariantProps, 'variant'> {
+  /**
+   * Visual style variant.
+   * @default 'solid'
+   */
+  variant?:
+    | IconButtonVariant
+    /** @deprecated Use `'subtle'` instead. */
+    | 'tint';
   className?: string;
   /** Forge icon component to render (icon-only control). */
   as: ForgeIcon;
@@ -27,7 +43,7 @@ export interface IconButtonProps extends PressableProps, IButtonProps, IconButto
 const IconButtonRoot = forwardRef<View, IconButtonProps>(
   (
     {
-      variant = 'solid',
+      variant: variantProp = 'solid',
       color = 'neutral',
       size = 'default',
       className,
@@ -39,6 +55,17 @@ const IconButtonRoot = forwardRef<View, IconButtonProps>(
     },
     ref,
   ) => {
+    useEffect(() => {
+      if (__DEV__ && variantProp === 'tint' && !hasWarnedIconButtonTintVariant) {
+        hasWarnedIconButtonTintVariant = true;
+        console.warn(
+          '[IconButton] The `tint` variant is deprecated and will be removed in a future major release. Use `subtle` instead.',
+        );
+      }
+    }, [variantProp]);
+
+    const variant = variantProp === 'tint' ? 'subtle' : variantProp;
+
     const rootClassName = cn(iconButtonRootVariants({ variant, color, size }), className);
 
     const glyphClassName = cn(