@korsolutions/ui 0.0.36 → 0.0.38

package/dist/typescript/src/primitives/alert-dialog/alert-dialog-trigger.d.ts

@@ -0,0 +1,154 @@
+import type { ViewRef } from "../../types/element.types";
+import React from "react";
+import { type PressableProps } from "react-native";
+export interface AlertDialogPrimitiveTriggerProps extends PressableProps {
+    children: React.ReactElement<React.RefAttributes<ViewRef> & PressableProps>;
+}
+export declare function AlertDialogTrigger(props: AlertDialogPrimitiveTriggerProps): React.ReactElement<React.RefAttributes<import("react-native/types_generated/src/private/types/HostInstance").LegacyHostInstanceMethods> & Readonly<Omit<Omit<Readonly<Omit<Readonly<{
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
+    onAccessibilityTap?: (() => unknown) | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
+    onMagicTap?: (() => unknown) | undefined;
+    onAccessibilityEscape?: (() => unknown) | undefined;
+}>, "style" | "children" | "pointerEvents" | "id" | "nativeID" | "onResponderGrant" | "onResponderMove" | "onResponderRelease" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onClick" | "onMoveShouldSetResponderCapture" | "onResponderReject" | "onResponderStart" | "onResponderEnd" | "onStartShouldSetResponderCapture" | "onMouseEnter" | "onMouseLeave" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onMoveShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onMoveShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onResponderGrant?: ((e: import("react-native").GestureResponderEvent) => void | boolean) | undefined;
+    onResponderMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderReject?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderRelease?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderTerminate?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onResponderTerminationRequest?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onStartShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+    onStartShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
+}>, "style" | "children" | "pointerEvents" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onClick" | "onMouseEnter" | "onMouseLeave" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onMouseEnter?: ((event: import("react-native").MouseEvent) => void) | undefined;
+    onMouseLeave?: ((event: import("react-native").MouseEvent) => void) | undefined;
+}>, "style" | "children" | "pointerEvents" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onPointerEnter" | "onPointerLeave" | "onPointerMove" | "onClick" | "onClickCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onClick?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onClickCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
+    onPointerCancel?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerCancelCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerDown?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerDownCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerUp?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerUpCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOver?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOverCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOut?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onPointerOutCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onGotPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onGotPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onLostPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+    onLostPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
+}>, "style" | "children" | "pointerEvents" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onClick" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onBlur?: ((event: import("react-native").BlurEvent) => void) | undefined;
+    onBlurCapture?: ((event: import("react-native").BlurEvent) => void) | undefined;
+    onFocus?: ((event: import("react-native").FocusEvent) => void) | undefined;
+    onFocusCapture?: ((event: import("react-native").FocusEvent) => void) | undefined;
+}>, "style" | "children" | "pointerEvents" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onClick" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    onTouchCancel?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchCancelCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchEndCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchMove?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchMoveCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+    onTouchStartCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
+}>, "style" | "children" | "pointerEvents" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "onClick" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    nativeBackgroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
+    nativeForegroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
+    renderToHardwareTextureAndroid?: boolean | undefined;
+    hasTVPreferredFocus?: boolean | undefined;
+    nextFocusDown?: number | undefined;
+    nextFocusForward?: number | undefined;
+    nextFocusLeft?: number | undefined;
+    nextFocusRight?: number | undefined;
+    nextFocusUp?: number | undefined;
+    focusable?: boolean | undefined;
+    tabIndex?: 0 | -1;
+    onClick?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+}>, "style" | "children" | "pointerEvents" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "shouldRasterizeIOS" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    shouldRasterizeIOS?: boolean | undefined;
+}>, "style" | "children" | "pointerEvents" | "id" | "nativeID" | "role" | "testID" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<Omit<Readonly<{
+    accessibilityLabelledBy?: (string | undefined) | (Array<string> | undefined);
+    "aria-labelledby"?: string | undefined;
+    accessibilityLiveRegion?: ("none" | "polite" | "assertive") | undefined;
+    "aria-live"?: ("polite" | "assertive" | "off") | undefined;
+    importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
+    screenReaderFocusable?: boolean;
+}>, "role" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & Omit<Readonly<{
+    accessibilityIgnoresInvertColors?: boolean | undefined;
+    accessibilityViewIsModal?: boolean | undefined;
+    accessibilityShowsLargeContentViewer?: boolean | undefined;
+    accessibilityLargeContentTitle?: string | undefined;
+    "aria-modal"?: boolean | undefined;
+    accessibilityElementsHidden?: boolean | undefined;
+    accessibilityLanguage?: string | undefined;
+    accessibilityRespondsToUserInteraction?: boolean | undefined;
+}>, "role" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & {
+    accessible?: boolean | undefined;
+    accessibilityLabel?: string | undefined;
+    accessibilityHint?: string | undefined;
+    "aria-label"?: string | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | undefined;
+    role?: import("react-native").Role | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | undefined;
+    "aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
+    "aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
+    "aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
+    "aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
+    accessibilityActions?: ReadonlyArray<import("react-native/types_generated/Libraries/Components/View/ViewAccessibility").AccessibilityActionInfo> | undefined;
+    "aria-busy"?: boolean | undefined;
+    "aria-checked"?: (boolean | undefined) | "mixed";
+    "aria-disabled"?: boolean | undefined;
+    "aria-expanded"?: boolean | undefined;
+    "aria-selected"?: boolean | undefined;
+    "aria-hidden"?: boolean | undefined;
+}>, "style" | "children" | "pointerEvents" | "id" | "nativeID" | "testID" | "collapsable" | "collapsableChildren" | "needsOffscreenAlphaCompositing" | "hitSlop" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    children?: React.ReactNode;
+    style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").ViewStyleProp | undefined;
+    collapsable?: boolean | undefined;
+    collapsableChildren?: boolean | undefined;
+    id?: string;
+    testID?: string | undefined;
+    nativeID?: string | undefined;
+    needsOffscreenAlphaCompositing?: boolean | undefined;
+    hitSlop?: import("react-native/types_generated/Libraries/StyleSheet/EdgeInsetsPropType").EdgeInsetsOrSizeProp | undefined;
+    pointerEvents?: ("auto" | "box-none" | "box-only" | "none") | undefined;
+    removeClippedSubviews?: boolean | undefined;
+    experimental_accessibilityOrder?: Array<string> | undefined;
+}>, never>>, "onMouseEnter" | "onMouseLeave">, "style" | "children" | "disabled" | "onLayout" | "onLongPress" | "onPress" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "testID" | "hitSlop" | "cancelable" | "delayHoverIn" | "delayHoverOut" | "delayLongPress" | "onHoverIn" | "onHoverOut" | "onPressMove" | "android_disableSound" | "android_ripple" | "testOnly_pressed" | "unstable_pressDelay"> & Omit<Readonly<{
+    cancelable?: boolean | undefined;
+    children?: React.ReactNode | ((state: import("react-native").PressableStateCallbackType) => React.ReactNode);
+    delayHoverIn?: number | undefined;
+    delayHoverOut?: number | undefined;
+    delayLongPress?: number | undefined;
+    disabled?: boolean | undefined;
+    hitSlop?: import("react-native/types_generated/Libraries/StyleSheet/Rect").RectOrSize | undefined;
+    pressRetentionOffset?: import("react-native/types_generated/Libraries/StyleSheet/Rect").RectOrSize | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
+    onHoverIn?: ((event: import("react-native").MouseEvent) => unknown) | undefined;
+    onHoverOut?: ((event: import("react-native").MouseEvent) => unknown) | undefined;
+    onLongPress?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    onPress?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    onPressIn?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    onPressMove?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    onPressOut?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
+    style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ViewStyleProp_Internal | ((state: import("react-native").PressableStateCallbackType) => import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").ViewStyleProp) | undefined;
+    testID?: string | undefined;
+    android_disableSound?: boolean | undefined;
+    android_ripple?: import("react-native").PressableAndroidRippleConfig | undefined;
+    testOnly_pressed?: boolean | undefined;
+    unstable_pressDelay?: number | undefined;
+}>, never>>, string | React.JSXElementConstructor<any>>;
+//# sourceMappingURL=alert-dialog-trigger.d.ts.map

package/dist/typescript/src/primitives/alert-dialog/alert-dialog-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-trigger.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert-dialog/alert-dialog-trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,MAAM,WAAW,gCAAiC,SAAQ,cAAc;IACtE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC,CAAC;CAC7E;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,gCAAgC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAiBzE"}

package/dist/typescript/src/primitives/alert-dialog/context.d.ts

@@ -0,0 +1,10 @@
+import React, { type Dispatch } from "react";
+import type { AlertDialogStyles } from "./types";
+export interface AlertDialogPrimitiveContextValue {
+    isOpen: boolean;
+    setIsOpen: Dispatch<React.SetStateAction<boolean>>;
+    styles?: AlertDialogStyles;
+}
+export declare const AlertDialogPrimitiveContext: React.Context<AlertDialogPrimitiveContextValue | null>;
+export declare const useAlertDialog: () => AlertDialogPrimitiveContextValue;
+//# sourceMappingURL=context.d.ts.map

package/dist/typescript/src/primitives/alert-dialog/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert-dialog/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,WAAW,gCAAgC;IAC/C,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,eAAO,MAAM,2BAA2B,wDAA+D,CAAC;AAExG,eAAO,MAAM,cAAc,wCAM1B,CAAC"}

package/dist/typescript/src/primitives/alert-dialog/index.d.ts

@@ -0,0 +1,33 @@
+import { AlertDialogAction } from "./alert-dialog-action";
+import { AlertDialogCancel } from "./alert-dialog-cancel";
+import { AlertDialogContent } from "./alert-dialog-content";
+import { AlertDialogDescription } from "./alert-dialog-description";
+import { AlertDialogFooter } from "./alert-dialog-footer";
+import { AlertDialogOverlay } from "./alert-dialog-overlay";
+import { AlertDialogPortal } from "./alert-dialog-portal";
+import { AlertDialogRoot } from "./alert-dialog-root";
+import { AlertDialogTitle } from "./alert-dialog-title";
+import { AlertDialogTrigger } from "./alert-dialog-trigger";
+export declare const AlertDialogPrimitive: {
+    Root: typeof AlertDialogRoot;
+    Trigger: typeof AlertDialogTrigger;
+    Portal: typeof AlertDialogPortal;
+    Overlay: typeof AlertDialogOverlay;
+    Content: typeof AlertDialogContent;
+    Title: typeof AlertDialogTitle;
+    Description: typeof AlertDialogDescription;
+    Footer: typeof AlertDialogFooter;
+    Action: typeof AlertDialogAction;
+    Cancel: typeof AlertDialogCancel;
+};
+export type { AlertDialogPrimitiveActionProps } from "./alert-dialog-action";
+export type { AlertDialogPrimitiveCancelProps } from "./alert-dialog-cancel";
+export type { AlertDialogPrimitiveContentProps } from "./alert-dialog-content";
+export type { AlertDialogPrimitiveDescriptionProps } from "./alert-dialog-description";
+export type { AlertDialogPrimitiveFooterProps } from "./alert-dialog-footer";
+export type { AlertDialogPrimitiveOverlayProps } from "./alert-dialog-overlay";
+export type { AlertDialogPrimitiveRootProps } from "./alert-dialog-root";
+export type { AlertDialogPrimitiveTitleProps } from "./alert-dialog-title";
+export type { AlertDialogPrimitiveTriggerProps } from "./alert-dialog-trigger";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/primitives/alert-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert-dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,eAAO,MAAM,oBAAoB;;;;;;;;;;;CAWhC,CAAC;AAEF,YAAY,EAAE,+BAA+B,EAAE,MAAM,uBAAuB,CAAC;AAC7E,YAAY,EAAE,+BAA+B,EAAE,MAAM,uBAAuB,CAAC;AAC7E,YAAY,EAAE,gCAAgC,EAAE,MAAM,wBAAwB,CAAC;AAC/E,YAAY,EAAE,oCAAoC,EAAE,MAAM,4BAA4B,CAAC;AACvF,YAAY,EAAE,+BAA+B,EAAE,MAAM,uBAAuB,CAAC;AAC7E,YAAY,EAAE,gCAAgC,EAAE,MAAM,wBAAwB,CAAC;AAC/E,YAAY,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AACzE,YAAY,EAAE,8BAA8B,EAAE,MAAM,sBAAsB,CAAC;AAC3E,YAAY,EAAE,gCAAgC,EAAE,MAAM,wBAAwB,CAAC;AAC/E,cAAc,SAAS,CAAC"}

package/dist/typescript/src/primitives/alert-dialog/types.d.ts

@@ -0,0 +1,13 @@
+import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+export interface AlertDialogStyles {
+    overlay?: StyleProp<ViewStyle>;
+    content?: StyleProp<ViewStyle>;
+    title?: StyleProp<TextStyle>;
+    description?: StyleProp<TextStyle>;
+    footer?: StyleProp<ViewStyle>;
+    action?: StyleProp<ViewStyle>;
+    actionText?: StyleProp<TextStyle>;
+    cancel?: StyleProp<ViewStyle>;
+    cancelText?: StyleProp<TextStyle>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/primitives/alert-dialog/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/alert-dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC"}

package/dist/typescript/src/primitives/checkbox/checkbox-context.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import type { CheckboxStyles, CheckboxState } from "./types";
+import type { CheckboxState, CheckboxStyles } from "./types";
 export interface CheckboxPrimitiveContextValue {
-    checked: boolean;
-    disabled?: boolean;
+    value: boolean;
+    isDisabled?: boolean;
     state: CheckboxState;
     styles?: CheckboxStyles;
 }

package/dist/typescript/src/primitives/checkbox/checkbox-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-context.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/checkbox/checkbox-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7D,MAAM,WAAW,6BAA6B;IAC5C,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,eAAO,MAAM,wBAAwB,qDAAkE,CAAC;AAExG,eAAO,MAAM,kBAAkB,qCAM9B,CAAC"}
+{"version":3,"file":"checkbox-context.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/checkbox/checkbox-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE7D,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,eAAO,MAAM,wBAAwB,qDAAkE,CAAC;AAExG,eAAO,MAAM,kBAAkB,qCAM9B,CAAC"}

package/dist/typescript/src/primitives/checkbox/checkbox-root.d.ts

@@ -3,9 +3,9 @@ import { type PressableProps, type StyleProp, type ViewStyle } from "react-nativ
 import type { CheckboxStyles } from "./types";
 export interface CheckboxPrimitiveRootProps extends Omit<PressableProps, "children"> {
     children: React.ReactNode;
-    checked: boolean;
-    onChange: (checked: boolean) => void;
-    disabled?: boolean;
+    value: boolean;
+    onChange: (value: boolean) => void;
+    isDisabled?: boolean;
     style?: StyleProp<ViewStyle>;
     styles?: CheckboxStyles;
 }

package/dist/typescript/src/primitives/checkbox/checkbox-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-root.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/checkbox/checkbox-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9F,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,SAAS,CAAC;AAE7D,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IAClF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAeD,wBAAgB,YAAY,CAAC,KAAK,EAAE,0BAA0B,qBAsC7D"}
+{"version":3,"file":"checkbox-root.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/checkbox/checkbox-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9F,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,SAAS,CAAC;AAE7D,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC;IAClF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAeD,wBAAgB,YAAY,CAAC,KAAK,EAAE,0BAA0B,qBAqC7D"}

package/dist/typescript/src/primitives/index.d.ts

@@ -14,4 +14,5 @@ export * from "./portal";
 export * from "./calendar";
 export * from "./tabs";
 export * from "./checkbox";
+export * from "./alert-dialog";
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/primitives/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.36",
+  "version": "0.0.38",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/components/alert-dialog/alert-dialog.tsx

@@ -0,0 +1,38 @@
+import { AlertDialogPrimitive } from "@/primitives";
+import type { PressableProps } from "react-native";
+import { AlertDialogVariants } from "./variants";
+
+interface AlertDialogProps {
+  trigger: React.ReactElement<PressableProps>;
+  title: string;
+  description: string;
+  actionLabel?: string;
+  cancelLabel?: string;
+  onAction?: () => void;
+  onCancel?: () => void;
+  variant?: keyof typeof AlertDialogVariants;
+}
+
+export function AlertDialog(props: AlertDialogProps) {
+  const { title, description, actionLabel = "Continue", cancelLabel = "Cancel", onAction, onCancel, variant = "default" } = props;
+
+  const useVariantStyles = AlertDialogVariants[variant];
+  const variantStyles = useVariantStyles();
+
+  return (
+    <AlertDialogPrimitive.Root styles={variantStyles}>
+      <AlertDialogPrimitive.Trigger>{props.trigger}</AlertDialogPrimitive.Trigger>
+      <AlertDialogPrimitive.Portal>
+        <AlertDialogPrimitive.Overlay />
+        <AlertDialogPrimitive.Content>
+          <AlertDialogPrimitive.Title>{title}</AlertDialogPrimitive.Title>
+          <AlertDialogPrimitive.Description>{description}</AlertDialogPrimitive.Description>
+          <AlertDialogPrimitive.Footer>
+            <AlertDialogPrimitive.Cancel onPress={onCancel}>{cancelLabel}</AlertDialogPrimitive.Cancel>
+            <AlertDialogPrimitive.Action onPress={onAction}>{actionLabel}</AlertDialogPrimitive.Action>
+          </AlertDialogPrimitive.Footer>
+        </AlertDialogPrimitive.Content>
+      </AlertDialogPrimitive.Portal>
+    </AlertDialogPrimitive.Root>
+  );
+}

package/src/components/alert-dialog/async-alert-dialog.tsx

@@ -0,0 +1,121 @@
+import { AlertDialogPrimitive } from "@/primitives";
+import React, { useEffect, useState } from "react";
+import { useAlertDialog } from "@/primitives/alert-dialog/context";
+import { AlertDialogVariants } from "./variants";
+
+interface AsyncAlertDialogProps {
+  title: string;
+  description: string;
+  actionLabel?: string;
+  cancelLabel?: string;
+  variant?: keyof typeof AlertDialogVariants;
+}
+
+interface AsyncAlertDialogResult {
+  confirmed: boolean;
+}
+
+interface AsyncAlertDialogInstance {
+  id: string;
+  resolve: (result: AsyncAlertDialogResult) => void;
+  props: AsyncAlertDialogProps;
+}
+
+// Global state
+const dialogQueue: AsyncAlertDialogInstance[] = [];
+let currentDialog: AsyncAlertDialogInstance | null = null;
+let setCurrentDialogFn: ((dialog: AsyncAlertDialogInstance | null) => void) | null = null;
+
+// Process next dialog in queue
+function processQueue() {
+  if (currentDialog || dialogQueue.length === 0) return;
+
+  currentDialog = dialogQueue.shift()!;
+  setCurrentDialogFn?.(currentDialog);
+}
+
+// Close current dialog
+function closeDialog(confirmed: boolean) {
+  if (!currentDialog) return;
+
+  currentDialog.resolve({ confirmed });
+  currentDialog = null;
+  setCurrentDialogFn?.(null);
+
+  // Process next in queue after a small delay
+  setTimeout(processQueue, 100);
+}
+
+// Inner component that has access to the dialog context
+function AsyncAlertDialogContent({ instance }: { instance: AsyncAlertDialogInstance }) {
+  const { title, description, actionLabel = "Continue", cancelLabel = "Cancel" } = instance.props;
+  const { setIsOpen } = useAlertDialog();
+
+  const handleAction = () => closeDialog(true);
+  const handleCancel = () => closeDialog(false);
+
+  // Automatically open the dialog when mounted
+  useEffect(() => {
+    setIsOpen(true);
+  }, [setIsOpen]);
+
+  return (
+    <AlertDialogPrimitive.Portal>
+      <AlertDialogPrimitive.Overlay onPress={handleCancel} />
+      <AlertDialogPrimitive.Content>
+        <AlertDialogPrimitive.Title>{title}</AlertDialogPrimitive.Title>
+        <AlertDialogPrimitive.Description>{description}</AlertDialogPrimitive.Description>
+        <AlertDialogPrimitive.Footer>
+          <AlertDialogPrimitive.Cancel onPress={handleCancel}>{cancelLabel}</AlertDialogPrimitive.Cancel>
+          <AlertDialogPrimitive.Action onPress={handleAction}>{actionLabel}</AlertDialogPrimitive.Action>
+        </AlertDialogPrimitive.Footer>
+      </AlertDialogPrimitive.Content>
+    </AlertDialogPrimitive.Portal>
+  );
+}
+
+// Component that renders a single dialog instance
+function AsyncAlertDialogInstance({ instance }: { instance: AsyncAlertDialogInstance }) {
+  const { variant = "default" } = instance.props;
+
+  const useVariantStyles = AlertDialogVariants[variant];
+  const variantStyles = useVariantStyles();
+
+  return (
+    <AlertDialogPrimitive.Root styles={variantStyles}>
+      <AsyncAlertDialogContent instance={instance} />
+    </AlertDialogPrimitive.Root>
+  );
+}
+
+export function AsyncAlertDialogManager() {
+  const [dialog, setDialog] = useState<AsyncAlertDialogInstance | null>(null);
+
+  useEffect(() => {
+    setCurrentDialogFn = setDialog;
+    return () => {
+      setCurrentDialogFn = null;
+    };
+  }, []);
+
+  if (!dialog) return null;
+
+  return <AsyncAlertDialogInstance instance={dialog} />;
+}
+
+function show(props: AsyncAlertDialogProps): Promise<AsyncAlertDialogResult> {
+  return new Promise((resolve) => {
+    const instance: AsyncAlertDialogInstance = {
+      id: Date.now().toString(),
+      props,
+      resolve,
+    };
+
+    dialogQueue.push(instance);
+    processQueue();
+  });
+}
+
+export const AsyncAlertDialog = {
+  show,
+};

package/src/components/alert-dialog/index.ts

@@ -0,0 +1,3 @@
+export { AlertDialog } from "./alert-dialog";
+export { AlertDialogVariants } from "./variants";
+export { AsyncAlertDialog, AsyncAlertDialogManager } from "./async-alert-dialog";

package/src/components/alert-dialog/variants/default.tsx

@@ -0,0 +1,82 @@
+import { type AlertDialogStyles } from "@/primitives";
+import { useThemedStyles } from "@/utils/use-themed-styles";
+
+export const useAlertDialogVariantDefault = (): AlertDialogStyles => {
+  return useThemedStyles(
+    ({ colors, radius, fontFamily, fontSize }): AlertDialogStyles => ({
+      overlay: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+        justifyContent: "center",
+        alignItems: "center",
+      },
+      content: {
+        backgroundColor: colors.background,
+        borderRadius: radius,
+        padding: 24,
+        maxWidth: 400,
+        width: "90%",
+        shadowColor: "#000",
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.25,
+        shadowRadius: 8,
+        elevation: 5,
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        transform: [{ translateX: "-50%" }, { translateY: "-50%" }],
+        borderWidth: 1,
+        borderColor: colors.border,
+      },
+      title: {
+        fontSize: fontSize * 1.25,
+        fontWeight: "600",
+        color: colors.foreground,
+        fontFamily,
+        marginBottom: 8,
+      },
+      description: {
+        fontSize,
+        color: colors.mutedForeground,
+        fontFamily,
+        lineHeight: fontSize * 1.5,
+      },
+      footer: {
+        flexDirection: "row",
+        justifyContent: "flex-end",
+        gap: 12,
+        marginTop: 24,
+      },
+      cancel: {
+        paddingVertical: 10,
+        paddingHorizontal: 16,
+        borderRadius: radius,
+        borderWidth: 1,
+        borderColor: colors.border,
+        backgroundColor: colors.background,
+      },
+      cancelText: {
+        color: colors.foreground,
+        fontSize,
+        fontWeight: "500",
+        fontFamily,
+      },
+      action: {
+        paddingVertical: 10,
+        paddingHorizontal: 16,
+        borderRadius: radius,
+        backgroundColor: colors.primary,
+      },
+      actionText: {
+        color: colors.primaryForeground,
+        fontSize,
+        fontWeight: "500",
+        fontFamily,
+      },
+    })
+  );
+};

package/src/components/alert-dialog/variants/index.ts

@@ -0,0 +1,5 @@
+import { useAlertDialogVariantDefault } from "./default";
+
+export const AlertDialogVariants = {
+  default: useAlertDialogVariantDefault,
+};

package/src/components/checkbox/checkbox.tsx

@@ -4,22 +4,22 @@ import { View } from "react-native";
 import { CheckboxVariants } from "./variants";
 
 interface CheckboxProps {
-  checked: boolean;
-  onChange: (checked: boolean) => void;
+  value: boolean;
+  onChange: (value: boolean) => void;
   title?: string;
   description?: string;
-  disabled?: boolean;
+  isDisabled?: boolean;
   variant?: keyof typeof CheckboxVariants;
 }
 
 export function Checkbox(props: CheckboxProps) {
-  const { checked, onChange, title, description, disabled, variant = "default" } = props;
+  const { value, onChange, title, description, isDisabled, variant = "default" } = props;
 
   const useVariantStyles = CheckboxVariants[variant];
   const variantStyles = useVariantStyles();
 
   return (
-    <CheckboxPrimitive.Root checked={checked} onChange={onChange} disabled={disabled} styles={variantStyles}>
+    <CheckboxPrimitive.Root value={value} onChange={onChange} isDisabled={isDisabled} styles={variantStyles}>
       <CheckboxPrimitive.Indicator />
       {(title || description) && (
         <View style={{ flex: 1 }}>

package/src/components/index.ts

@@ -15,3 +15,4 @@ export * from "./popover/popover";
 export * from "./calendar/calendar";
 export * from "./tabs";
 export * from "./checkbox";
+export * from "./alert-dialog";