@seed-design/lynx-react 0.7.0 → 0.8.0

package/lib/index.js

@@ -1,5 +1,5 @@
-import { useControllableState } from "./hooks/useControllableState.js";
-import { usePressTap } from "./hooks/usePressTap.js";
+import { useControllableState } from "./packages/lynx-react-headless/use-controllable-state/lib/index.js";
+import { usePressTap } from "./packages/lynx-react-headless/use-press-tap/lib/index.js";
 import { useScaleFeedback } from "./hooks/useScaleFeedback.js";
 import { mergeProps } from "./utils/merge-props.js";
 import { createSlotRecipeContext } from "./utils/create-slot-recipe-context.jsx";
@@ -26,10 +26,25 @@ import { CheckboxControl, CheckboxGroup, CheckboxIndicator, CheckboxLabel, Check
 import { Checkbox_namespace_exports } from "./components/Checkbox/Checkbox.namespace.js";
 import { ChipButton, ChipLabel, ChipPrefixAvatar, ChipPrefixIcon, ChipRadioItem, ChipRadioRoot, ChipRoot, ChipSuffixIcon, ChipToggle } from "./components/Chip/Chip.jsx";
 import { Chip_namespace_exports } from "./components/Chip/Chip.namespace.js";
+import { HStack, VStack } from "./components/Stack/Stack.jsx";
+import { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger } from "./components/Tabs/Tabs.jsx";
+import { ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger } from "./components/ChipTabs/ChipTabs.jsx";
+import { ChipTabs_namespace_exports } from "./components/ChipTabs/ChipTabs.namespace.js";
 import { Count } from "./components/Count/Count.jsx";
+import { ContextualFloatingButton } from "./components/ContextualFloatingButton/ContextualFloatingButton.jsx";
 import { Divider } from "./components/Divider/Divider.jsx";
 import { FieldCharacterCount, FieldDescription, FieldErrorMessage, FieldFooter, FieldHeader, FieldIndicatorText, FieldLabel, FieldRequiredIndicator, FieldRoot } from "./components/Field/Field.jsx";
 import { Field_namespace_exports } from "./components/Field/Field.namespace.js";
+import { FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot } from "./components/FloatingActionButton/FloatingActionButton.jsx";
+import { FloatingActionButton_namespace_exports } from "./components/FloatingActionButton/FloatingActionButton.namespace.js";
+import { DialogAction, DialogBackdrop, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger } from "./components/Dialog/Dialog.jsx";
+import { Dialog_namespace_exports } from "./components/Dialog/Dialog.namespace.js";
+import { AlertDialogAction, AlertDialogBackdrop, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPositioner, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger } from "./components/AlertDialog/AlertDialog.jsx";
+import { AlertDialog_namespace_exports } from "./components/AlertDialog/AlertDialog.namespace.js";
+import { HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger } from "./components/HelpBubble/HelpBubble.jsx";
+import { HelpBubble_namespace_exports } from "./components/HelpBubble/HelpBubble.namespace.js";
+import { IdentityPlaceholderImage, IdentityPlaceholderRoot } from "./components/IdentityPlaceholder/IdentityPlaceholder.jsx";
+import { IdentityPlaceholder_namespace_exports } from "./components/IdentityPlaceholder/IdentityPlaceholder.namespace.js";
 import { InputButtonButton, InputButtonClearButton, InputButtonPlaceholder, InputButtonPrefixIcon, InputButtonPrefixText, InputButtonRoot, InputButtonSuffixIcon, InputButtonSuffixText, InputButtonValue } from "./components/InputButton/InputButton.jsx";
 import { InputButton_namespace_exports } from "./components/InputButton/InputButton.namespace.js";
 import { KeyboardAvoidingScrollView } from "./components/KeyboardAvoidingScrollView/KeyboardAvoidingScrollView.jsx";
@@ -38,25 +53,31 @@ import { MenuAnchor, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuItemB
 import { Menu_namespace_exports } from "./components/Menu/Menu.namespace.js";
 import { MannerTempBadge } from "./components/MannerTempBadge/MannerTempBadge.jsx";
 import { NotificationBadge, NotificationBadgePositioner } from "./components/NotificationBadge/NotificationBadge.jsx";
-import { ScaleFeedback } from "./components/ScaleFeedback/ScaleFeedback.jsx";
 import { PageBannerBody, PageBannerButton, PageBannerCloseButton, PageBannerContent, PageBannerDescription, PageBannerRoot, PageBannerTitle } from "./components/PageBanner/PageBanner.jsx";
 import { PageBanner_namespace_exports } from "./components/PageBanner/PageBanner.namespace.js";
 import { RadioGroupItem, RadioGroupItemControl, RadioGroupItemIndicator, RadioGroupItemLabel, RadioGroupRoot } from "./components/RadioGroup/RadioGroup.jsx";
 import { SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb } from "./components/Switch/Switch.jsx";
 import { ListButtonItem, ListCheckboxItem, ListContent, ListDetail, ListHeader, ListItem, ListPrefix, ListRadioItem, ListRoot, ListSuffix, ListSwitchItem, ListTitle } from "./components/List/List.jsx";
 import { List_namespace_exports } from "./components/List/List.namespace.js";
+import { QuantityPickerDecrementButton, QuantityPickerIncrementButton, QuantityPickerRoot, QuantityPickerValueDisplay } from "./components/QuantityPicker/QuantityPicker.jsx";
+import { QuantityPicker_namespace_exports } from "./components/QuantityPicker/QuantityPicker.namespace.js";
 import { RadioGroup_namespace_exports } from "./components/RadioGroup/RadioGroup.namespace.js";
 import { ReactionButton } from "./components/ReactionButton/ReactionButton.jsx";
-import { HStack, VStack } from "./components/Stack/Stack.jsx";
+import { ScaleFeedback } from "./components/ScaleFeedback/ScaleFeedback.jsx";
 import { SegmentedControlIndicator, SegmentedControlItem, SegmentedControlRoot } from "./components/SegmentedControl/SegmentedControl.jsx";
 import { SegmentedControl_namespace_exports } from "./components/SegmentedControl/SegmentedControl.namespace.js";
+import { SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectItemBody, SelectItemDescription, SelectItemIndicator, SelectItemLabel, SelectItemPrefixIcon, SelectPlaceholder, SelectPrefixIcon, SelectRoot, SelectScrollArea, SelectSuffixIcon, SelectTrigger, SelectValue } from "./components/Select/Select.jsx";
+import { Select_namespace_exports } from "./components/Select/Select.namespace.js";
 import { CheckSelectBoxBody, CheckSelectBoxCheckmarkControl, CheckSelectBoxCheckmarkIcon, CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxFooter, CheckSelectBoxGroup, CheckSelectBoxLabel, CheckSelectBoxRoot, CheckSelectBoxTrigger, RadioSelectBoxBody, RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxFooter, RadioSelectBoxGroup, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxTrigger } from "./components/SelectBox/SelectBox.jsx";
 import { CheckSelectBox_namespace_exports } from "./components/SelectBox/CheckSelectBox.namespace.js";
 import { RadioSelectBox_namespace_exports } from "./components/SelectBox/RadioSelectBox.namespace.js";
+import { Skeleton } from "./components/Skeleton/Skeleton.jsx";
+import { SliderControl, SliderMarker, SliderMarkers, SliderRange, SliderRoot, SliderThumb, SliderTick, SliderTrack, SliderValueIndicatorArrow, SliderValueIndicatorArrowTip, SliderValueIndicatorLabel, SliderValueIndicatorRoot } from "./components/Slider/Slider.jsx";
+import { Slider_namespace_exports } from "./components/Slider/Slider.namespace.js";
 import { Switch_namespace_exports } from "./components/Switch/Switch.namespace.js";
+import { ScrollFog } from "./components/ScrollFog/ScrollFog.jsx";
 import { SwipeableMenuSheetBackdrop, SwipeableMenuSheetCloseButton, SwipeableMenuSheetContent, SwipeableMenuSheetDescription, SwipeableMenuSheetFooter, SwipeableMenuSheetGroup, SwipeableMenuSheetHandle, SwipeableMenuSheetHeader, SwipeableMenuSheetItem, SwipeableMenuSheetItemContent, SwipeableMenuSheetItemDescription, SwipeableMenuSheetItemLabel, SwipeableMenuSheetList, SwipeableMenuSheetPositioner, SwipeableMenuSheetRoot, SwipeableMenuSheetTitle, SwipeableMenuSheetTrigger } from "./components/SwipeableMenuSheet/SwipeableMenuSheet.jsx";
 import { SwipeableMenuSheet_namespace_exports } from "./components/SwipeableMenuSheet/SwipeableMenuSheet.namespace.js";
-import { TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger } from "./components/Tabs/Tabs.jsx";
 import { Tabs_namespace_exports } from "./components/Tabs/Tabs.namespace.js";
 import { TagGroupItem, TagGroupItemLabel, TagGroupRoot } from "./components/TagGroup/TagGroup.jsx";
 import { TagGroup_namespace_exports } from "./components/TagGroup/TagGroup.namespace.js";
@@ -64,6 +85,8 @@ import { Text } from "./components/Text/Text.jsx";
 import { TextFieldInput, TextFieldPrefixIcon, TextFieldPrefixText, TextFieldRoot, TextFieldSuffixIcon, TextFieldSuffixText, TextFieldTextarea } from "./components/TextField/TextField.jsx";
 import { useTextFieldWithGraphemes } from "./components/TextField/useTextFieldWithGraphemes.js";
 import { TextField_namespace_exports } from "./components/TextField/TextField.namespace.js";
+import { AttachmentInput, AttachmentInputContainer, AttachmentInputContext, AttachmentInputItem, AttachmentInputItemActionButton, AttachmentInputItemBackdrop, AttachmentInputItemBadge, AttachmentInputItemGroup, AttachmentInputItemImage, AttachmentInputItemMetadata, AttachmentInputItemName, AttachmentInputItemRemoveButton, AttachmentInputItemSize, AttachmentInputItemSurface, AttachmentInputItemThumbnail, AttachmentInputRoot, AttachmentInputTrigger, AttachmentInputTriggerIcon, AttachmentInputTriggerItemCount, useAttachmentInput, useAttachmentInputContext, useAttachmentInputItemContext } from "./components/AttachmentInput/AttachmentInput.jsx";
+import { AttachmentDisplay, AttachmentDisplayContainer, AttachmentDisplayContext, AttachmentDisplayControl, AttachmentDisplayDescription, AttachmentDisplayErrorMessage, AttachmentDisplayFooter, AttachmentDisplayHeader, AttachmentDisplayIndicatorText, AttachmentDisplayItem, AttachmentDisplayItemActionButton, AttachmentDisplayItemBackdrop, AttachmentDisplayItemBadge, AttachmentDisplayItemGroup, AttachmentDisplayItemImage, AttachmentDisplayItemMetadata, AttachmentDisplayItemRemoveButton, AttachmentDisplayItemSurface, AttachmentDisplayItemThumbnail, AttachmentDisplayLabel, AttachmentDisplayRequiredIndicator, AttachmentDisplayRoot, AttachmentDisplayTrigger, AttachmentDisplayTriggerIcon, AttachmentDisplayTriggerItemCount, useAttachmentDisplay, useAttachmentDisplayContext, useAttachmentDisplayItemContext } from "./components/AttachmentDisplay/AttachmentDisplay.jsx";
 import { getSeedClassName } from "./utils/get-seed-class-name.js";
 import { useSeedClassName } from "./hooks/useSeedClassName.js";
-export { Accordion_namespace_exports as Accordion, AccordionBody, AccordionContent, AccordionDescription, AccordionHeader, AccordionItem, AccordionPrefix, AccordionRoot, AccordionSuffixIcon, AccordionTitle, AccordionTrigger, ActionButton, AppBar_namespace_exports as AppBar, AppBarIconButton, AppBarLeft, AppBarMain, AppBarRight, AppBarRoot, AppBarSlot, AppBarSubtitle, AppBarTitle, Badge, BottomSheet_namespace_exports as BottomSheet, BottomSheetBackdrop, BottomSheetBody, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHandle, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger, Box, Callout_namespace_exports as Callout, CalloutCloseButton, CalloutContent, CalloutDescription, CalloutLink, CalloutRoot, CalloutTitle, CheckSelectBox_namespace_exports as CheckSelectBox, CheckSelectBoxBody, CheckSelectBoxCheckmarkControl, CheckSelectBoxCheckmarkIcon, CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxFooter, CheckSelectBoxGroup, CheckSelectBoxLabel, CheckSelectBoxRoot, CheckSelectBoxTrigger, Checkbox_namespace_exports as Checkbox, CheckboxControl, CheckboxGroup, CheckboxIndicator, CheckboxLabel, CheckboxRoot, Chip_namespace_exports as Chip, ChipButton, ChipLabel, ChipPrefixAvatar, ChipPrefixIcon, ChipRadioItem, ChipRadioRoot, ChipRoot, ChipSuffixIcon, ChipToggle, Count, Divider, Field_namespace_exports as Field, FieldCharacterCount, FieldDescription, FieldErrorMessage, FieldFooter, FieldHeader, FieldIndicatorText, FieldLabel, FieldRequiredIndicator, FieldRoot, HStack, Icon, InputButton_namespace_exports as InputButton, InputButtonButton, InputButtonClearButton, InputButtonPlaceholder, InputButtonPrefixIcon, InputButtonPrefixText, InputButtonRoot, InputButtonSuffixIcon, InputButtonSuffixText, InputButtonValue, KeyboardAvoidingScrollView, List_namespace_exports as List, ListButtonItem, ListCheckboxItem, ListContent, ListDetail, ListHeader, ListItem, ListPrefix, ListRadioItem, ListRoot, ListSuffix, ListSwitchItem, ListTitle, MannerTemp, MannerTempBadge, MannerTempEmote, Menu_namespace_exports as Menu, MenuAnchor, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuItemBody, MenuItemDescription, MenuItemLabel, PrefixIcon as MenuPrefixIcon, MenuRoot, MenuScrollArea, SuffixIcon as MenuSuffixIcon, MenuTrigger, NotificationBadge, NotificationBadgePositioner, PageBanner_namespace_exports as PageBanner, PageBannerBody, PageBannerButton, PageBannerCloseButton, PageBannerContent, PageBannerDescription, PageBannerRoot, PageBannerTitle, PrefixIcon, ProgressCircle_namespace_exports as ProgressCircle, ProgressCircleRange, ProgressCircleRoot, RadioGroup_namespace_exports as RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemIndicator, RadioGroupItemLabel, RadioGroupRoot, RadioSelectBox_namespace_exports as RadioSelectBox, RadioSelectBoxBody, RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxFooter, RadioSelectBoxGroup, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxTrigger, ReactionButton, ScaleFeedback, ScaleFeedbackContentContext, SegmentedControl_namespace_exports as SegmentedControl, SegmentedControlIndicator, SegmentedControlItem, SegmentedControlRoot, SuffixIcon, SwipeableMenuSheet_namespace_exports as SwipeableMenuSheet, SwipeableMenuSheetBackdrop, SwipeableMenuSheetCloseButton, SwipeableMenuSheetContent, SwipeableMenuSheetDescription, SwipeableMenuSheetFooter, SwipeableMenuSheetGroup, SwipeableMenuSheetHandle, SwipeableMenuSheetHeader, SwipeableMenuSheetItem, SwipeableMenuSheetItemContent, SwipeableMenuSheetItemDescription, SwipeableMenuSheetItemLabel, SwipeableMenuSheetList, SwipeableMenuSheetPositioner, SwipeableMenuSheetRoot, SwipeableMenuSheetTitle, SwipeableMenuSheetTrigger, Switch_namespace_exports as Switch, SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb, Tabs_namespace_exports as Tabs, TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger, TagGroup_namespace_exports as TagGroup, TagGroupItem, TagGroupItemLabel, TagGroupRoot, Text, TextField_namespace_exports as TextField, TextFieldInput, TextFieldPrefixIcon, TextFieldPrefixText, TextFieldRoot, TextFieldSuffixIcon, TextFieldSuffixText, TextFieldTextarea, VStack, capitalize, createSlotRecipeContext, getSeedClassName, mergeProps, resolveRecipeToken, splitMultipleVariantsProps, useControllableState, useIconColor, usePressTap, useSafeArea, useScaleFeedback, useSeedClassName, useTextFieldWithGraphemes };
+export { Accordion_namespace_exports as Accordion, AccordionBody, AccordionContent, AccordionDescription, AccordionHeader, AccordionItem, AccordionPrefix, AccordionRoot, AccordionSuffixIcon, AccordionTitle, AccordionTrigger, ActionButton, AlertDialog_namespace_exports as AlertDialog, AlertDialogAction, AlertDialogBackdrop, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPositioner, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, AppBar_namespace_exports as AppBar, AppBarIconButton, AppBarLeft, AppBarMain, AppBarRight, AppBarRoot, AppBarSlot, AppBarSubtitle, AppBarTitle, AttachmentDisplay, AttachmentDisplayContainer, AttachmentDisplayContext, AttachmentDisplayControl, AttachmentDisplayDescription, AttachmentDisplayErrorMessage, AttachmentDisplayFooter, AttachmentDisplayHeader, AttachmentDisplayIndicatorText, AttachmentDisplayItem, AttachmentDisplayItemActionButton, AttachmentDisplayItemBackdrop, AttachmentDisplayItemBadge, AttachmentDisplayItemGroup, AttachmentDisplayItemImage, AttachmentDisplayItemMetadata, AttachmentDisplayItemRemoveButton, AttachmentDisplayItemSurface, AttachmentDisplayItemThumbnail, AttachmentDisplayLabel, AttachmentDisplayRequiredIndicator, AttachmentDisplayRoot, AttachmentDisplayTrigger, AttachmentDisplayTriggerIcon, AttachmentDisplayTriggerItemCount, AttachmentInput, AttachmentInputContainer, AttachmentInputContext, AttachmentInputItem, AttachmentInputItemActionButton, AttachmentInputItemBackdrop, AttachmentInputItemBadge, AttachmentInputItemGroup, AttachmentInputItemImage, AttachmentInputItemMetadata, AttachmentInputItemName, AttachmentInputItemRemoveButton, AttachmentInputItemSize, AttachmentInputItemSurface, AttachmentInputItemThumbnail, AttachmentInputRoot, AttachmentInputTrigger, AttachmentInputTriggerIcon, AttachmentInputTriggerItemCount, Badge, BottomSheet_namespace_exports as BottomSheet, BottomSheetBackdrop, BottomSheetBody, BottomSheetContent, BottomSheetDescription, BottomSheetFooter, BottomSheetHandle, BottomSheetHeader, BottomSheetPositioner, BottomSheetRoot, BottomSheetTitle, BottomSheetTrigger, Box, Callout_namespace_exports as Callout, CalloutCloseButton, CalloutContent, CalloutDescription, CalloutLink, CalloutRoot, CalloutTitle, CheckSelectBox_namespace_exports as CheckSelectBox, CheckSelectBoxBody, CheckSelectBoxCheckmarkControl, CheckSelectBoxCheckmarkIcon, CheckSelectBoxContent, CheckSelectBoxDescription, CheckSelectBoxFooter, CheckSelectBoxGroup, CheckSelectBoxLabel, CheckSelectBoxRoot, CheckSelectBoxTrigger, Checkbox_namespace_exports as Checkbox, CheckboxControl, CheckboxGroup, CheckboxIndicator, CheckboxLabel, CheckboxRoot, Chip_namespace_exports as Chip, ChipButton, ChipLabel, ChipPrefixAvatar, ChipPrefixIcon, ChipRadioItem, ChipRadioRoot, ChipRoot, ChipSuffixIcon, ChipTabs_namespace_exports as ChipTabs, ChipTabsCarousel, ChipTabsCarouselCamera, ChipTabsContent, ChipTabsList, ChipTabsRoot, ChipTabsTrigger, ChipToggle, ContextualFloatingButton, Count, Dialog_namespace_exports as Dialog, DialogAction, DialogBackdrop, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger, Divider, Field_namespace_exports as Field, FieldCharacterCount, FieldDescription, FieldErrorMessage, FieldFooter, FieldHeader, FieldIndicatorText, FieldLabel, FieldRequiredIndicator, FieldRoot, FloatingActionButton_namespace_exports as FloatingActionButton, FloatingActionButtonIcon, FloatingActionButtonLabel, FloatingActionButtonRoot, HStack, HelpBubble_namespace_exports as HelpBubble, HelpBubbleAnchor, HelpBubbleArrow, HelpBubbleArrowTip, HelpBubbleBody, HelpBubbleCloseButton, HelpBubbleContent, HelpBubbleDescription, HelpBubblePositioner, HelpBubbleRoot, HelpBubbleTitle, HelpBubbleTrigger, Icon, IdentityPlaceholder_namespace_exports as IdentityPlaceholder, IdentityPlaceholderImage, IdentityPlaceholderRoot, InputButton_namespace_exports as InputButton, InputButtonButton, InputButtonClearButton, InputButtonPlaceholder, InputButtonPrefixIcon, InputButtonPrefixText, InputButtonRoot, InputButtonSuffixIcon, InputButtonSuffixText, InputButtonValue, KeyboardAvoidingScrollView, List_namespace_exports as List, ListButtonItem, ListCheckboxItem, ListContent, ListDetail, ListHeader, ListItem, ListPrefix, ListRadioItem, ListRoot, ListSuffix, ListSwitchItem, ListTitle, MannerTemp, MannerTempBadge, MannerTempEmote, Menu_namespace_exports as Menu, MenuAnchor, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuItemBody, MenuItemDescription, MenuItemLabel, PrefixIcon as MenuPrefixIcon, MenuRoot, MenuScrollArea, SuffixIcon as MenuSuffixIcon, MenuTrigger, NotificationBadge, NotificationBadgePositioner, PageBanner_namespace_exports as PageBanner, PageBannerBody, PageBannerButton, PageBannerCloseButton, PageBannerContent, PageBannerDescription, PageBannerRoot, PageBannerTitle, PrefixIcon, ProgressCircle_namespace_exports as ProgressCircle, ProgressCircleRange, ProgressCircleRoot, QuantityPicker_namespace_exports as QuantityPicker, QuantityPickerDecrementButton, QuantityPickerIncrementButton, QuantityPickerRoot, QuantityPickerValueDisplay, RadioGroup_namespace_exports as RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemIndicator, RadioGroupItemLabel, RadioGroupRoot, RadioSelectBox_namespace_exports as RadioSelectBox, RadioSelectBoxBody, RadioSelectBoxContent, RadioSelectBoxDescription, RadioSelectBoxFooter, RadioSelectBoxGroup, RadioSelectBoxItem, RadioSelectBoxLabel, RadioSelectBoxTrigger, ReactionButton, ScaleFeedback, ScaleFeedbackContentContext, ScrollFog, SegmentedControl_namespace_exports as SegmentedControl, SegmentedControlIndicator, SegmentedControlItem, SegmentedControlRoot, Select_namespace_exports as Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectItemBody, SelectItemDescription, SelectItemIndicator, SelectItemLabel, SelectItemPrefixIcon, SelectPlaceholder, SelectPrefixIcon, SelectRoot, SelectScrollArea, SelectSuffixIcon, SelectTrigger, SelectValue, Skeleton, Slider_namespace_exports as Slider, SliderControl, SliderMarker, SliderMarkers, SliderRange, SliderRoot, SliderThumb, SliderTick, SliderTrack, SliderValueIndicatorArrow, SliderValueIndicatorArrowTip, SliderValueIndicatorLabel, SliderValueIndicatorRoot, SuffixIcon, SwipeableMenuSheet_namespace_exports as SwipeableMenuSheet, SwipeableMenuSheetBackdrop, SwipeableMenuSheetCloseButton, SwipeableMenuSheetContent, SwipeableMenuSheetDescription, SwipeableMenuSheetFooter, SwipeableMenuSheetGroup, SwipeableMenuSheetHandle, SwipeableMenuSheetHeader, SwipeableMenuSheetItem, SwipeableMenuSheetItemContent, SwipeableMenuSheetItemDescription, SwipeableMenuSheetItemLabel, SwipeableMenuSheetList, SwipeableMenuSheetPositioner, SwipeableMenuSheetRoot, SwipeableMenuSheetTitle, SwipeableMenuSheetTrigger, Switch_namespace_exports as Switch, SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb, Tabs_namespace_exports as Tabs, TabsCarousel, TabsCarouselCamera, TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger, TagGroup_namespace_exports as TagGroup, TagGroupItem, TagGroupItemLabel, TagGroupRoot, Text, TextField_namespace_exports as TextField, TextFieldInput, TextFieldPrefixIcon, TextFieldPrefixText, TextFieldRoot, TextFieldSuffixIcon, TextFieldSuffixText, TextFieldTextarea, VStack, capitalize, createSlotRecipeContext, getSeedClassName, mergeProps, resolveRecipeToken, splitMultipleVariantsProps, useAttachmentDisplay, useAttachmentDisplayContext, useAttachmentDisplayItemContext, useAttachmentInput, useAttachmentInputContext, useAttachmentInputItemContext, useControllableState, useIconColor, usePressTap, useSafeArea, useScaleFeedback, useSeedClassName, useTextFieldWithGraphemes };

package/lib/{hooks/useControllableState.js → packages/lynx-react-headless/use-controllable-state/lib/index.js}

@@ -1,6 +1,6 @@
 import { useRef, useState } from "@lynx-js/react";
 import { useMemoizedFn } from "@lynx-js/lynx-ui-common";
-//#region src/hooks/useControllableState.ts
+//#region ../lynx-react-headless/use-controllable-state/lib/index.js
 /**
 * Controlled/uncontrolled state pattern for Lynx components.
 *
@@ -8,8 +8,7 @@ import { useMemoizedFn } from "@lynx-js/lynx-ui-common";
 * - When `value` is `undefined`, the component manages its own state
 *   starting from `defaultValue`.
 * - `onChange` fires in both modes.
-*/
-function useControllableState(props) {
+*/ function useControllableState(props) {
 	const { value, defaultValue, onChange } = props;
 	const isControlled = value !== void 0;
 	const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);

package/lib/{hooks/usePressTap.js → packages/lynx-react-headless/use-press-tap/lib/index.js}

@@ -1,6 +1,6 @@
-import { useState } from "@lynx-js/react";
+import { useEffect, useState } from "@lynx-js/react";
 import { useMemoizedFn } from "@lynx-js/lynx-ui-common";
-//#region src/hooks/usePressTap.ts
+//#region ../lynx-react-headless/use-press-tap/lib/index.js
 /**
 * Hook that provides press/tap interaction state for Lynx elements.
 *
@@ -8,10 +8,12 @@ import { useMemoizedFn } from "@lynx-js/lynx-ui-common";
 * - When `disabled` is true, the element cannot become active and no tap fires.
 * - If the element becomes disabled during a press, the active state is cleared.
 * - `main-thread:bindtap` is conditionally included (only when enabled and provided).
-*/
-function usePressTap(options = {}) {
+*/ function usePressTap(options = {}) {
 	const { disabled = false, onTap, mainThreadOnTap } = options;
 	const [pressed, setPressed] = useState(false);
+	useEffect(() => {
+		if (disabled) setPressed(false);
+	}, [disabled]);
 	const press = useMemoizedFn(() => {
 		if (disabled) return;
 		setPressed(true);
@@ -19,13 +21,14 @@ function usePressTap(options = {}) {
 	const reset = useMemoizedFn(() => {
 		setPressed(false);
 	});
+	const handleTap = useMemoizedFn((...args) => {
+		if (disabled) return;
+		setPressed(false);
+		onTap?.(...args);
+	});
 	return {
-		pressed,
-		bindtap: useMemoizedFn((...args) => {
-			if (disabled) return;
-			setPressed(false);
-			onTap?.(...args);
-		}),
+		pressed: !disabled && pressed,
+		bindtap: handleTap,
 		bindtouchstart: press,
 		bindtouchend: reset,
 		bindtouchcancel: reset,

package/lib/types.d.ts

@@ -28,6 +28,7 @@ export interface LynxIconElementProps {
     className?: IntrinsicElements["image"]["className"];
     style?: LynxStyle;
     ref?: LynxMainThreadRef;
+    "disable-default-resize"?: boolean;
     "main-thread:binduiappear"?: IntrinsicElements["image"]["main-thread:binduiappear"];
 }
 /**

package/lib/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,SAAS,EACV,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;AAClE,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;AAClE,MAAM,MAAM,WAAW,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC;AACxC,MAAM,MAAM,WAAW,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC;AACxC,MAAM,MAAM,iBAAiB,GAAG,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AAEtC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,qBAAqB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;CAC9D;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,cAAc,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,eAAe,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACnD,qBAAqB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;CAC9D;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,GAAG,CAAC,EAAE,iBAAiB,CAAC;IACxB,0BAA0B,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,0BAA0B,CAAC,CAAC;CACrF;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,aAAa,EACX,qBAAqB,GACrB,sBAAsB,GACtB,uBAAuB,GACvB,qBAAqB,GACrB,gCAAgC,GAChC,+BAA+B,GAC/B,uBAAuB,GACvB,uBAAuB,GACvB,+BAA+B,GAC/B,+BAA+B,CAClC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,SAAS,EACV,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;AAClE,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;AAClE,MAAM,MAAM,WAAW,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC;AACxC,MAAM,MAAM,WAAW,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC;AACxC,MAAM,MAAM,iBAAiB,GAAG,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AAEtC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,qBAAqB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;CAC9D;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,cAAc,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,eAAe,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACnD,qBAAqB,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;CAC9D;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,GAAG,CAAC,EAAE,iBAAiB,CAAC;IACxB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,0BAA0B,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,0BAA0B,CAAC,CAAC;CACrF;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,aAAa,EACX,qBAAqB,GACrB,sBAAsB,GACtB,uBAAuB,GACvB,qBAAqB,GACrB,gCAAgC,GAChC,+BAA+B,GAC/B,uBAAuB,GACvB,uBAAuB,GACvB,+BAA+B,GAC/B,+BAA+B,CAClC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/lynx-react",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
@@ -34,18 +34,19 @@
   "peerDependencies": {
     "@lynx-js/react": ">=0.117.0",
     "@lynx-js/types": ">=3.9.0",
-    "@seed-design/lynx-css": "0.0.0 || >=0.11.0 <1.0.0"
+    "@seed-design/lynx-css": "0.0.0 || >=0.12.0 <1.0.0"
   },
   "devDependencies": {
     "@lynx-js/react": "^0.117.0",
     "@lynx-js/types": "^3.9.0",
-    "@seed-design/lynx-css": "0.11.0",
+    "@seed-design/lynx-css": "0.12.0",
     "@testing-library/jest-dom": "^6.9.1",
     "jsdom": "^29.0.2",
     "preact": "npm:@lynx-js/internal-preact@10.28.4-ee7bb26",
     "vite": "^8.0.0",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4"
+    "vitest": "^3.2.4",
+    "@seed-design/lynx-vitest-config": "0.0.0"
   },
   "publishConfig": {
     "access": "public"
@@ -53,8 +54,11 @@
   "dependencies": {
     "@floating-ui/core": "^1.8.0",
     "@lynx-js/lynx-ui-common": "^3.130.0",
+    "@lynx-js/lynx-ui-dialog": "^3.133.1",
     "@lynx-js/lynx-ui-sheet": "^3.130.1",
     "clsx": "^2.1.1",
-    "unicode-segmenter": "^0.14.4"
+    "unicode-segmenter": "^0.14.4",
+    "@seed-design/lynx-react-use-controllable-state": "0.1.0",
+    "@seed-design/lynx-react-use-press-tap": "0.1.0"
   }
 }

package/src/components/ActionButton/ActionButton.test.tsx

@@ -88,9 +88,9 @@ describe("ActionButton", () => {
     const { getByText } = getRenderedQueries();
     const root = getRenderedRoot();
 
-    expect(root.querySelector(".seed-prefix-icon")).toHaveClass("seed-action-button__prefixIcon");
-    expect(root.querySelector(".seed-suffix-icon")).toHaveClass("seed-action-button__suffixIcon");
-    expect(root.querySelector(".seed-prefix-icon image")).toHaveStyle({
+    expect(root.querySelector(".seed-prefix-icon-slot")).toHaveClass("seed-action-button__prefixIcon");
+    expect(root.querySelector(".seed-suffix-icon-slot")).toHaveClass("seed-action-button__suffixIcon");
+    expect(root.querySelector(".seed-prefix-icon-slot image")).toHaveStyle({
       width: "100%",
       height: "100%",
     });
@@ -106,8 +106,8 @@ describe("ActionButton", () => {
 
     const root = getRenderedRoot();
 
-    expect(root.querySelector(".seed-prefix-icon")).toHaveClass("seed-action-button__prefixIcon");
-    expect(root.querySelector(".seed-suffix-icon")).toHaveClass("seed-action-button__suffixIcon");
+    expect(root.querySelector(".seed-prefix-icon-slot")).toHaveClass("seed-action-button__prefixIcon");
+    expect(root.querySelector(".seed-suffix-icon-slot")).toHaveClass("seed-action-button__suffixIcon");
   });
 
   it("supports icon-only child slot", () => {
@@ -119,7 +119,7 @@ describe("ActionButton", () => {
 
     const root = getRenderedRoot();
 
-    expect(root.querySelector(".seed-icon")).toHaveClass("seed-action-button__icon");
+    expect(root.querySelector(".seed-icon-slot")).toHaveClass("seed-action-button__icon");
   });
 
   it("maps accessibility props to the root view", () => {
@@ -141,7 +141,7 @@ describe("ActionButton", () => {
 
     const root = getRenderedRoot();
 
-    expect(root.querySelector(".seed-icon")).toHaveClass("seed-action-button__icon");
+    expect(root.querySelector(".seed-icon-slot")).toHaveClass("seed-action-button__icon");
   });
 
   it("throws in development when icon-only layout has no Icon child", () => {

package/src/components/AlertDialog/AlertDialog.namespace.ts

@@ -0,0 +1,22 @@
+export {
+  AlertDialogAction as Action,
+  AlertDialogBackdrop as Backdrop,
+  AlertDialogContent as Content,
+  AlertDialogDescription as Description,
+  AlertDialogFooter as Footer,
+  AlertDialogHeader as Header,
+  AlertDialogPositioner as Positioner,
+  AlertDialogRoot as Root,
+  AlertDialogTitle as Title,
+  AlertDialogTrigger as Trigger,
+  type AlertDialogActionProps as ActionProps,
+  type AlertDialogBackdropProps as BackdropProps,
+  type AlertDialogContentProps as ContentProps,
+  type AlertDialogDescriptionProps as DescriptionProps,
+  type AlertDialogFooterProps as FooterProps,
+  type AlertDialogHeaderProps as HeaderProps,
+  type AlertDialogPositionerProps as PositionerProps,
+  type AlertDialogRootProps as RootProps,
+  type AlertDialogTitleProps as TitleProps,
+  type AlertDialogTriggerProps as TriggerProps,
+} from "./AlertDialog";

package/src/components/AlertDialog/AlertDialog.test.tsx

@@ -0,0 +1,226 @@
+import type { ReactNode } from "@lynx-js/react";
+
+import { render } from "@lynx-js/react/testing-library";
+import { beforeEach, describe, expect, it, vi } from "vitest";
+
+const alertDialogMocks = vi.hoisted(() => ({
+  rootProps: [] as Array<Record<string, unknown>>,
+  viewProps: [] as Array<Record<string, unknown>>,
+  backdropProps: [] as Array<Record<string, unknown>>,
+  contentProps: [] as Array<Record<string, unknown>>,
+  closeProps: [] as Array<Record<string, unknown>>,
+}));
+
+vi.mock("@lynx-js/lynx-ui-dialog", () => {
+  const renderChildren = (children: unknown, status: Record<string, boolean>): ReactNode => {
+    if (typeof children === "function") {
+      return (children as (status: Record<string, boolean>) => ReactNode)(status);
+    }
+    return children as ReactNode;
+  };
+
+  const DialogRoot = (props: Record<string, unknown>) => {
+    alertDialogMocks.rootProps.push(props);
+    return <>{renderChildren(props["children"], { open: props["show"] === true })}</>;
+  };
+  DialogRoot.displayName = "MockDialogRoot";
+
+  const DialogTrigger = (props: Record<string, unknown>) => (
+    <view>{renderChildren(props["children"], { active: false, busy: false })}</view>
+  );
+  DialogTrigger.displayName = "MockDialogTrigger";
+
+  const DialogView = (props: Record<string, unknown>) => {
+    alertDialogMocks.viewProps.push(props);
+    return (
+      <view className={props["className"] as string}>
+        {renderChildren(props["children"], { open: props["show"] === true })}
+      </view>
+    );
+  };
+  DialogView.displayName = "MockDialogView";
+
+  const DialogBackdrop = (props: Record<string, unknown>) => {
+    alertDialogMocks.backdropProps.push(props);
+    return <view className={props["className"] as string}>{props["children"] as ReactNode}</view>;
+  };
+  DialogBackdrop.displayName = "MockDialogBackdrop";
+
+  const DialogContent = (props: Record<string, unknown>) => {
+    alertDialogMocks.contentProps.push(props);
+    return <view className={props["className"] as string}>{props["children"] as ReactNode}</view>;
+  };
+  DialogContent.displayName = "MockDialogContent";
+
+  const DialogClose = (props: Record<string, unknown>) => {
+    alertDialogMocks.closeProps.push(props);
+    return (
+      <view className={props["className"] as string}>
+        {renderChildren(props["children"], { active: false, busy: false })}
+      </view>
+    );
+  };
+  DialogClose.displayName = "MockDialogClose";
+
+  return {
+    DialogBackdrop,
+    DialogClose,
+    DialogContent,
+    DialogRoot,
+    DialogTrigger,
+    DialogView,
+  };
+});
+
+import * as AlertDialog from "./AlertDialog.namespace";
+
+describe("AlertDialog", () => {
+  beforeEach(() => {
+    alertDialogMocks.rootProps = [];
+    alertDialogMocks.viewProps = [];
+    alertDialogMocks.backdropProps = [];
+    alertDialogMocks.contentProps = [];
+    alertDialogMocks.closeProps = [];
+  });
+
+  it("maps the namespace API and applies dialog recipe classes", () => {
+    const onOpenChange = vi.fn();
+    const { container } = render(
+      <AlertDialog.Root open onOpenChange={onOpenChange}>
+        <AlertDialog.Trigger>
+          <text>Open</text>
+        </AlertDialog.Trigger>
+        <AlertDialog.Positioner>
+          <AlertDialog.Backdrop />
+          <AlertDialog.Content>
+            <AlertDialog.Header>
+              <AlertDialog.Title>Title</AlertDialog.Title>
+              <AlertDialog.Description>Description</AlertDialog.Description>
+            </AlertDialog.Header>
+            <AlertDialog.Footer>
+              <AlertDialog.Action>
+                <text>Cancel</text>
+              </AlertDialog.Action>
+            </AlertDialog.Footer>
+          </AlertDialog.Content>
+        </AlertDialog.Positioner>
+      </AlertDialog.Root>,
+    );
+
+    expect(alertDialogMocks.rootProps.at(-1)).toMatchObject({
+      show: true,
+      onShowChange: onOpenChange,
+    });
+    expect(container.querySelector(".seed-alert-dialog__positioner")).not.toBeNull();
+    expect(container.querySelector(".seed-alert-dialog__backdrop")).not.toBeNull();
+    expect(container.querySelector(".seed-alert-dialog__content")).not.toBeNull();
+    expect(container.querySelector(".seed-alert-dialog__header")).not.toBeNull();
+    expect(container.querySelector(".seed-alert-dialog__title")).not.toBeNull();
+    expect(container.querySelector(".seed-alert-dialog__description")).not.toBeNull();
+    expect(container.querySelector(".seed-alert-dialog__footer")).not.toBeNull();
+    expect(container.querySelector(".seed-alert-dialog__action")).not.toBeNull();
+  });
+
+  it("does not dismiss from the backdrop by default and preserves explicit overrides", () => {
+    render(
+      <AlertDialog.Root defaultOpen>
+        <AlertDialog.Positioner>
+          <AlertDialog.Backdrop />
+          <AlertDialog.Content />
+        </AlertDialog.Positioner>
+      </AlertDialog.Root>,
+    );
+
+    expect(alertDialogMocks.backdropProps.at(-1)).toHaveProperty("clickToClose", false);
+
+    render(
+      <AlertDialog.Root defaultOpen>
+        <AlertDialog.Positioner>
+          <AlertDialog.Backdrop clickToClose />
+          <AlertDialog.Content />
+        </AlertDialog.Positioner>
+      </AlertDialog.Root>,
+    );
+
+    expect(alertDialogMocks.backdropProps.at(-1)).toHaveProperty("clickToClose", true);
+  });
+
+  it("provides alert dialog accessibility defaults and preserves consumer overrides", () => {
+    const { container } = render(
+      <AlertDialog.Root defaultOpen>
+        <AlertDialog.Positioner>
+          <AlertDialog.Backdrop />
+          <AlertDialog.Content>
+            <AlertDialog.Title>Title</AlertDialog.Title>
+          </AlertDialog.Content>
+        </AlertDialog.Positioner>
+      </AlertDialog.Root>,
+    );
+
+    expect(alertDialogMocks.contentProps.at(-1)?.["dialogContentProps"]).toMatchObject({
+      "accessibility-element": true,
+      "accessibility-role-description": "alertdialog",
+    });
+    expect(container.querySelector("text")?.getAttribute("accessibility-heading")).toBe("true");
+
+    const { container: overriddenContainer } = render(
+      <AlertDialog.Root defaultOpen>
+        <AlertDialog.Positioner>
+          <AlertDialog.Content
+            accessibility-element={false}
+            accessibility-role-description="custom dialog"
+          />
+          <AlertDialog.Title accessibility-heading={false}>Title</AlertDialog.Title>
+        </AlertDialog.Positioner>
+      </AlertDialog.Root>,
+    );
+
+    expect(alertDialogMocks.contentProps.at(-1)?.["dialogContentProps"]).toMatchObject({
+      "accessibility-element": false,
+      "accessibility-role-description": "custom dialog",
+    });
+    const overriddenTexts = overriddenContainer.querySelectorAll("text");
+    expect(
+      overriddenTexts.item(overriddenTexts.length - 1)?.getAttribute("accessibility-heading"),
+    ).toBe("false");
+  });
+
+  it("disables transitions with skipAnimation and removes reserved lifecycle handlers", () => {
+    const userBindTap = vi.fn();
+    const dialogContentProps = {
+      style: { paddingTop: "12px" },
+      bindtap: userBindTap,
+    };
+
+    render(
+      <AlertDialog.Root defaultOpen forceMount skipAnimation>
+        <AlertDialog.Positioner container="window" overlayLevel={2} style={{ width: "80%" }}>
+          <AlertDialog.Backdrop />
+          <AlertDialog.Content dialogContentProps={dialogContentProps} />
+        </AlertDialog.Positioner>
+      </AlertDialog.Root>,
+    );
+
+    expect(alertDialogMocks.rootProps.at(-1)).toMatchObject({
+      defaultShow: true,
+      forceMount: true,
+    });
+    expect(alertDialogMocks.viewProps.at(-1)).toMatchObject({
+      container: "window",
+      overlayLevel: 2,
+      style: { width: "80%", height: "100%" },
+      transition: false,
+    });
+    expect(alertDialogMocks.backdropProps.at(-1)).toMatchObject({ transition: false });
+    expect(alertDialogMocks.contentProps.at(-1)).toMatchObject({ transition: false });
+    expect(alertDialogMocks.contentProps.at(-1)?.["dialogContentProps"]).toMatchObject({
+      style: { paddingTop: "12px" },
+      "accessibility-element": true,
+      "accessibility-role-description": "alertdialog",
+    });
+    expect(alertDialogMocks.contentProps.at(-1)?.["dialogContentProps"]).not.toHaveProperty(
+      "bindtap",
+    );
+    expect(userBindTap).not.toHaveBeenCalled();
+  });
+});