@kanso-labs/react-native-kanso-ui 0.8.0 → 0.10.0

package/dist/index.d.ts

@@ -1,49 +1,94 @@
 import { AppBar, AppBarProps } from "./components/app-bar/index.js";
 import { Autocomplete, AutocompleteFilter, AutocompleteProps } from "./components/autocomplete/index.js";
 import { Avatar, AvatarProps } from "./components/avatar/index.js";
+import { Badge, BadgeProps } from "./components/badge/index.js";
+import { Breadcrumbs, BreadcrumbsItem, BreadcrumbsItemProps, BreadcrumbsProps } from "./components/breadcrumbs/index.js";
 import { Button, ButtonProps, ButtonShape, ButtonSize, ButtonVariant } from "./components/button/index.js";
+import { ButtonGroup, ButtonGroupProps, ButtonGroupVariant } from "./components/button-group/index.js";
 import { Calendar, CalendarProps } from "./components/calendar/index.js";
 import { Card, CardProps, CardVariant } from "./components/card/index.js";
+import { CarouselLayout } from "./carousel/arrangement.js";
+import { Carousel, CarouselItem, CarouselItemProps, CarouselProps } from "./components/carousel/index.js";
 import { Checkbox, CheckboxProps } from "./components/checkbox/index.js";
+import { CheckboxGroup, CheckboxGroupProps } from "./components/checkbox-group/index.js";
 import { Chip, ChipActionProps, ChipFilterProps, ChipProps, ChipVariant } from "./components/chip/index.js";
 import { ChipGroup, ChipGroupChip, ChipGroupChipProps, ChipGroupProps } from "./components/chip-group/index.js";
+import { Code, CodeProps } from "./components/code/index.js";
+import { ColorArea, ColorAreaProps } from "./components/color-area/index.js";
+import { FieldVariant } from "./field/index.js";
+import { ColorField, ColorFieldProps } from "./components/color-field/index.js";
+import { ColorPicker, ColorPickerProps } from "./components/color-picker/index.js";
+import { ColorSlider, ColorSliderProps } from "./components/color-slider/index.js";
+import { ColorSwatch, ColorSwatchProps } from "./components/color-swatch/index.js";
+import { ColorSwatchPicker, ColorSwatchPickerItem, ColorSwatchPickerItemProps, ColorSwatchPickerLayout, ColorSwatchPickerProps } from "./components/color-swatch-picker/index.js";
+import { ColorWheel, ColorWheelProps } from "./components/color-wheel/index.js";
+import { ComboBox, ComboBoxProps, ComboBoxSelectionMode } from "./components/combo-box/index.js";
+import { Container, ContainerPadding, ContainerProps } from "./components/container/index.js";
 import { CopyField, CopyFieldProps } from "./components/copy-field/index.js";
 import { Currency, CurrencyProps, CurrencySignDisplay, CurrencyTone } from "./components/currency/index.js";
+import { DateField, DateFieldProps } from "./components/date-field/index.js";
+import { DatePicker, DatePickerProps } from "./components/date-picker/index.js";
+import { DateRangePicker, DateRangePickerProps } from "./components/date-range-picker/index.js";
 import { Dialog, DialogBody, DialogBodyProps, DialogContent, DialogContentProps, DialogFooter, DialogHeader, DialogPartProps, DialogProps, DialogTitle, DialogTitleProps } from "./components/dialog/index.js";
+import { Disclosure, DisclosureHeader, DisclosureHeaderProps, DisclosurePanel, DisclosurePanelProps, DisclosureProps } from "./components/disclosure/index.js";
+import { DisclosureGroup, DisclosureGroupProps } from "./components/disclosure-group/index.js";
+import { PickedFile } from "./files/index.js";
+import { DragTypes, DropEnterEvent, DropEvent, DropExitEvent, DropItem, DropOperation, FileDropItem, TextDropItem, isFileDropItem, isTextDropItem } from "./drop/index.js";
+import { DropZone, DropZoneProps, FileTrigger, FileTriggerProps } from "./components/drop-zone/index.js";
+import { KuiTheme } from "./tokens/defaults.js";
+import { ResolvedTheme, useTheme } from "./theme/scope.js";
+import { TypeRole } from "./typography/roles.js";
+import { FabSize, FabTone, FabVariant } from "./fab/index.js";
+import { Fab, FabProps } from "./components/fab/index.js";
+import { FabMenu, FabMenuItem, FabMenuItemProps, FabMenuProps } from "./components/fab-menu/index.js";
+import { Feed, FeedProps } from "./components/feed/index.js";
 import { Form, FormHandle, FormProps } from "./components/form/index.js";
 import { IconButton, IconButtonProps, IconButtonSize, IconButtonVariant } from "./components/icon-button/index.js";
+import { Keycap, KeycapProps } from "./components/keycap/index.js";
 import { Link, LinkProps, LinkTone, LinkUnderline } from "./components/link/index.js";
 import { List, ListLoadMore, ListLoadMoreProps, ListProps, ListRow, ListRowProps, ListSection, ListSectionProps } from "./components/list/index.js";
+import { ListBox, ListBoxItem, ListBoxItemProps, ListBoxLoadMore, ListBoxLoadMoreProps, ListBoxProps, ListBoxSection, ListBoxSectionProps } from "./components/list-box/index.js";
 import { ListDetail, ListDetailProps } from "./components/list-detail/index.js";
 import { ListItem, ListItemProps } from "./components/list-item/index.js";
+import { LoadingIndicator, LoadingIndicatorProps } from "./components/loading-indicator/index.js";
 import { Menu, MenuAlign, MenuContent, MenuContentProps, MenuItem, MenuItemProps, MenuLoadMore, MenuLoadMoreProps, MenuProps, MenuSection, MenuSectionProps, MenuSeparator, MenuSeparatorProps, MenuSide, MenuSubmenu, MenuSubmenuProps, MenuTrigger } from "./components/menu/index.js";
 import { Meter, MeterProps, MeterTone } from "./components/meter/index.js";
-import { KuiTheme } from "./tokens/defaults.js";
-import { ResolvedTheme, useTheme } from "./theme/scope.js";
 import { NavigationBar, NavigationBarItem, NavigationBarItemProps, NavigationBarProps, NavigationTabBar, NavigationTabBarProps } from "./components/navigation-bar/index.js";
 import { NavigationRail, NavigationRailItem, NavigationRailItemProps, NavigationRailProps } from "./components/navigation-rail/index.js";
-import { FieldVariant } from "./field/index.js";
+import { NavigationTree, NavigationTreeItem, NavigationTreeItemProps, NavigationTreeProps, NavigationTreeSection, NavigationTreeSectionProps } from "./components/navigation-tree/index.js";
 import { NumberField, NumberFieldProps } from "./components/number-field/index.js";
 import { Popover, PopoverAlign, PopoverContent, PopoverContentProps, PopoverDescription, PopoverDescriptionProps, PopoverProps, PopoverSide, PopoverSize, PopoverTitle, PopoverTitleProps, PopoverTrigger } from "./components/popover/index.js";
 import { ProductIcon, ProductIconProps } from "./components/product-icon/index.js";
 import { ProgressIndicator, ProgressIndicatorProps, ProgressIndicatorShape, ProgressIndicatorTone, ProgressIndicatorVariant } from "./components/progress-indicator/index.js";
 import { Radio, RadioGroup, RadioGroupOrientation, RadioGroupProps, RadioProps } from "./components/radio-group/index.js";
+import { RangeCalendar, RangeCalendarProps } from "./components/range-calendar/index.js";
 import { SearchField, SearchFieldProps } from "./components/search-field/index.js";
+import { SearchView, SearchViewContent, SearchViewContentProps, SearchViewProps } from "./components/search-view/index.js";
 import { SegmentedButton, SegmentedButtonProps, SegmentedButtonSegment, SegmentedButtonSegmentProps } from "./components/segmented-button/index.js";
+import { Select, SelectProps } from "./components/select/index.js";
 import { Separator, SeparatorInset, SeparatorProps } from "./components/separator/index.js";
 import { Sheet, SheetBody, SheetBodyProps, SheetContent, SheetContentProps, SheetFooter, SheetHandle, SheetHandleProps, SheetHeader, SheetPartProps, SheetProps, SheetTitle, SheetTitleProps } from "./components/sheet/index.js";
+import { Slider, SliderProps, SliderSize } from "./components/slider/index.js";
 import { Snackbar, SnackbarAction, SnackbarOptions, SnackbarProps, SnackbarQueue } from "./components/snackbar/index.js";
+import { SplitButton, SplitButtonAction, SplitButtonActionProps, SplitButtonMenu, SplitButtonMenuProps, SplitButtonProps, SplitButtonVariant } from "./components/split-button/index.js";
 import { Stack, StackAlign, StackGap, StackJustify, StackProps } from "./components/stack/index.js";
+import { SupportingPane, SupportingPaneProps } from "./components/supporting-pane/index.js";
 import { Switch, SwitchProps } from "./components/switch/index.js";
+import { Tabs, TabsLayout, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsPanels, TabsPanelsProps, TabsProps, TabsTab, TabsTabProps, TabsVariant } from "./components/tabs/index.js";
 import { Tag, TagProps, TagTone, TagVariant } from "./components/tag/index.js";
-import { TypeRole } from "./typography/roles.js";
 import { Text, TextProps } from "./components/text/index.js";
+import { TextArea, TextAreaProps } from "./components/text-area/index.js";
 import { TextField, TextFieldProps } from "./components/text-field/index.js";
+import { TimeField, TimeFieldProps } from "./components/time-field/index.js";
+import { TimePicker, TimePickerMode, TimePickerProps } from "./components/time-picker/index.js";
+import { Toolbar, ToolbarProps, ToolbarTone } from "./components/toolbar/index.js";
+import { Tooltip, TooltipAlign, TooltipProps, TooltipSide } from "./components/tooltip/index.js";
+import { Tree, TreeItem, TreeItemProps, TreeLoadMore, TreeLoadMoreProps, TreeProps, TreeSection, TreeSectionProps } from "./components/tree/index.js";
 import { IconStyle, useIconStyle } from "./glyphs/icon-style.js";
 import { AppBarScroll, AppBarScrollOptions, useAppBarScroll } from "./hooks/useAppBarScroll.js";
 import { WindowSizeClass, useWindowSizeClass } from "./hooks/useWindowSizeClass.js";
 import { I18nProvider, I18nProviderProps, Locale, useLocale } from "./i18n/provider.js";
 import { RouterProvider, RouterProviderProps } from "./router/index.js";
 import { ThemeScope, ThemeScopeProps } from "./theme-scope.js";
-import { Key, Selection } from "react-stately";
-export { AppBar, type AppBarProps, type AppBarScroll, type AppBarScrollOptions, Autocomplete, type AutocompleteFilter, type AutocompleteProps, Avatar, type AvatarProps, Button, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, Card, type CardProps, type CardVariant, Checkbox, type CheckboxProps, Chip, type ChipActionProps, type ChipFilterProps, ChipGroup, ChipGroupChip, type ChipGroupChipProps, type ChipGroupProps, type ChipProps, type ChipVariant, CopyField, type CopyFieldProps, Currency, type CurrencyProps, type CurrencySignDisplay, type CurrencyTone, Dialog, DialogBody, type DialogBodyProps, DialogContent, type DialogContentProps, DialogFooter, DialogHeader, type DialogPartProps, type DialogProps, DialogTitle, type DialogTitleProps, type FieldVariant, Form, type FormHandle, type FormProps, I18nProvider, type I18nProviderProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconStyle, type Key, type KuiTheme, Link, type LinkProps, type LinkTone, type LinkUnderline, List, ListDetail, type ListDetailProps, ListItem, type ListItemProps, ListLoadMore, type ListLoadMoreProps, type ListProps, ListRow, type ListRowProps, ListSection, type ListSectionProps, type Locale, Menu, type MenuAlign, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLoadMore, type MenuLoadMoreProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, type MenuSide, MenuSubmenu, type MenuSubmenuProps, type MenuTrigger, Meter, type MeterProps, type MeterTone, NavigationBar, NavigationBarItem, type NavigationBarItemProps, type NavigationBarProps, NavigationRail, NavigationRailItem, type NavigationRailItemProps, type NavigationRailProps, NavigationTabBar, type NavigationTabBarProps, NumberField, type NumberFieldProps, Popover, type PopoverAlign, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, type PopoverProps, type PopoverSide, type PopoverSize, PopoverTitle, type PopoverTitleProps, type PopoverTrigger, ProductIcon, type ProductIconProps, ProgressIndicator, type ProgressIndicatorProps, type ProgressIndicatorShape, type ProgressIndicatorTone, type ProgressIndicatorVariant, Radio, RadioGroup, type RadioGroupOrientation, type RadioGroupProps, type RadioProps, type ResolvedTheme, RouterProvider, type RouterProviderProps, SearchField, type SearchFieldProps, SegmentedButton, type SegmentedButtonProps, SegmentedButtonSegment, type SegmentedButtonSegmentProps, type Selection, Separator, type SeparatorInset, type SeparatorProps, Sheet, SheetBody, type SheetBodyProps, SheetContent, type SheetContentProps, SheetFooter, SheetHandle, type SheetHandleProps, SheetHeader, type SheetPartProps, type SheetProps, SheetTitle, type SheetTitleProps, Snackbar, type SnackbarAction, type SnackbarOptions, type SnackbarProps, type SnackbarQueue, Stack, type StackAlign, type StackGap, type StackJustify, type StackProps, Switch, type SwitchProps, Tag, type TagProps, type TagTone, type TagVariant, Text, TextField, type TextFieldProps, type TextProps, ThemeScope, type ThemeScopeProps, type TypeRole, type WindowSizeClass, useAppBarScroll, useIconStyle, useLocale, useTheme, useWindowSizeClass };
+import { Color, ColorChannel, ColorSpace, Key, Selection, getColorChannels, parseColor } from "react-stately";
+export { AppBar, type AppBarProps, type AppBarScroll, type AppBarScrollOptions, Autocomplete, type AutocompleteFilter, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Breadcrumbs, BreadcrumbsItem, type BreadcrumbsItemProps, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonGroupVariant, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, Card, type CardProps, type CardVariant, Carousel, CarouselItem, type CarouselItemProps, type CarouselLayout, type CarouselProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipActionProps, type ChipFilterProps, ChipGroup, ChipGroupChip, type ChipGroupChipProps, type ChipGroupProps, type ChipProps, type ChipVariant, Code, type CodeProps, type Color, ColorArea, type ColorAreaProps, type ColorChannel, ColorField, type ColorFieldProps, ColorPicker, type ColorPickerProps, ColorSlider, type ColorSliderProps, type ColorSpace, ColorSwatch, ColorSwatchPicker, ColorSwatchPickerItem, type ColorSwatchPickerItemProps, type ColorSwatchPickerLayout, type ColorSwatchPickerProps, type ColorSwatchProps, ColorWheel, type ColorWheelProps, ComboBox, type ComboBoxProps, type ComboBoxSelectionMode, Container, type ContainerPadding, type ContainerProps, CopyField, type CopyFieldProps, Currency, type CurrencyProps, type CurrencySignDisplay, type CurrencyTone, DateField, type DateFieldProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, Dialog, DialogBody, type DialogBodyProps, DialogContent, type DialogContentProps, DialogFooter, DialogHeader, type DialogPartProps, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, DisclosureGroup, type DisclosureGroupProps, DisclosureHeader, type DisclosureHeaderProps, DisclosurePanel, type DisclosurePanelProps, type DisclosureProps, type DragTypes, type DropEnterEvent, type DropEvent, type DropExitEvent, type DropItem, type DropOperation, DropZone, type DropZoneProps, Fab, FabMenu, FabMenuItem, type FabMenuItemProps, type FabMenuProps, type FabProps, type FabSize, type FabTone, type FabVariant, Feed, type FeedProps, type FieldVariant, type FileDropItem, FileTrigger, type FileTriggerProps, Form, type FormHandle, type FormProps, I18nProvider, type I18nProviderProps, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconStyle, type Key, Keycap, type KeycapProps, type KuiTheme, Link, type LinkProps, type LinkTone, type LinkUnderline, List, ListBox, ListBoxItem, type ListBoxItemProps, ListBoxLoadMore, type ListBoxLoadMoreProps, type ListBoxProps, ListBoxSection, type ListBoxSectionProps, ListDetail, type ListDetailProps, ListItem, type ListItemProps, ListLoadMore, type ListLoadMoreProps, type ListProps, ListRow, type ListRowProps, ListSection, type ListSectionProps, LoadingIndicator, type LoadingIndicatorProps, type Locale, Menu, type MenuAlign, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLoadMore, type MenuLoadMoreProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, type MenuSide, MenuSubmenu, type MenuSubmenuProps, type MenuTrigger, Meter, type MeterProps, type MeterTone, NavigationBar, NavigationBarItem, type NavigationBarItemProps, type NavigationBarProps, NavigationRail, NavigationRailItem, type NavigationRailItemProps, type NavigationRailProps, NavigationTabBar, type NavigationTabBarProps, NavigationTree, NavigationTreeItem, type NavigationTreeItemProps, type NavigationTreeProps, NavigationTreeSection, type NavigationTreeSectionProps, NumberField, type NumberFieldProps, type PickedFile, Popover, type PopoverAlign, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, type PopoverProps, type PopoverSide, type PopoverSize, PopoverTitle, type PopoverTitleProps, type PopoverTrigger, ProductIcon, type ProductIconProps, ProgressIndicator, type ProgressIndicatorProps, type ProgressIndicatorShape, type ProgressIndicatorTone, type ProgressIndicatorVariant, Radio, RadioGroup, type RadioGroupOrientation, type RadioGroupProps, type RadioProps, RangeCalendar, type RangeCalendarProps, type ResolvedTheme, RouterProvider, type RouterProviderProps, SearchField, type SearchFieldProps, SearchView, SearchViewContent, type SearchViewContentProps, type SearchViewProps, SegmentedButton, type SegmentedButtonProps, SegmentedButtonSegment, type SegmentedButtonSegmentProps, Select, type SelectProps, type Selection, Separator, type SeparatorInset, type SeparatorProps, Sheet, SheetBody, type SheetBodyProps, SheetContent, type SheetContentProps, SheetFooter, SheetHandle, type SheetHandleProps, SheetHeader, type SheetPartProps, type SheetProps, SheetTitle, type SheetTitleProps, Slider, type SliderProps, type SliderSize, Snackbar, type SnackbarAction, type SnackbarOptions, type SnackbarProps, type SnackbarQueue, SplitButton, SplitButtonAction, type SplitButtonActionProps, SplitButtonMenu, type SplitButtonMenuProps, type SplitButtonProps, type SplitButtonVariant, Stack, type StackAlign, type StackGap, type StackJustify, type StackProps, SupportingPane, type SupportingPaneProps, Switch, type SwitchProps, Tabs, type TabsLayout, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, TabsPanels, type TabsPanelsProps, type TabsProps, TabsTab, type TabsTabProps, type TabsVariant, Tag, type TagProps, type TagTone, type TagVariant, Text, TextArea, type TextAreaProps, type TextDropItem, TextField, type TextFieldProps, type TextProps, ThemeScope, type ThemeScopeProps, TimeField, type TimeFieldProps, TimePicker, type TimePickerMode, type TimePickerProps, Toolbar, type ToolbarProps, type ToolbarTone, Tooltip, type TooltipAlign, type TooltipProps, type TooltipSide, Tree, TreeItem, type TreeItemProps, TreeLoadMore, type TreeLoadMoreProps, type TreeProps, TreeSection, type TreeSectionProps, type TypeRole, type WindowSizeClass, getColorChannels, isFileDropItem, isTextDropItem, parseColor, useAppBarScroll, useIconStyle, useLocale, useTheme, useWindowSizeClass };

package/dist/index.js

@@ -1,45 +1,88 @@
 import { useIconStyle } from "./glyphs/icon-style.js";
 import { useAppBarScroll } from "./hooks/useAppBarScroll.js";
 import { useTheme } from "./theme/scope.js";
+import { Keycap } from "./components/keycap/index.js";
 import { Text } from "./components/text/index.js";
 import { AppBar } from "./components/app-bar/index.js";
 import { I18nProvider, useLocale } from "./i18n/provider.js";
 import { Autocomplete } from "./components/autocomplete/index.js";
 import { Avatar } from "./components/avatar/index.js";
+import { Badge } from "./components/badge/index.js";
 import { RouterProvider } from "./router/index.js";
+import { Link } from "./components/link/index.js";
+import { Breadcrumbs, BreadcrumbsItem } from "./components/breadcrumbs/index.js";
 import { ProgressIndicator } from "./components/progress-indicator/index.js";
 import { Button } from "./components/button/index.js";
+import { ButtonGroup } from "./components/button-group/index.js";
 import { IconButton } from "./components/icon-button/index.js";
+import { useWindowSizeClass } from "./hooks/useWindowSizeClass.js";
 import { Calendar } from "./components/calendar/index.js";
 import { Card } from "./components/card/index.js";
+import { Carousel, CarouselItem } from "./components/carousel/index.js";
 import { Checkbox } from "./components/checkbox/index.js";
+import { CheckboxGroup } from "./components/checkbox-group/index.js";
 import { Chip } from "./components/chip/index.js";
 import { ChipGroup, ChipGroupChip } from "./components/chip-group/index.js";
+import { Code } from "./components/code/index.js";
+import { ColorArea } from "./components/color-area/index.js";
+import { ColorField } from "./components/color-field/index.js";
+import { ColorSlider } from "./components/color-slider/index.js";
+import { ColorSwatch } from "./components/color-swatch/index.js";
+import { ColorPicker } from "./components/color-picker/index.js";
+import { ColorSwatchPicker, ColorSwatchPickerItem } from "./components/color-swatch-picker/index.js";
+import { ColorWheel } from "./components/color-wheel/index.js";
+import { ComboBox } from "./components/combo-box/index.js";
+import { Container } from "./components/container/index.js";
 import { CopyField } from "./components/copy-field/index.js";
 import { Currency } from "./components/currency/index.js";
-import { useWindowSizeClass } from "./hooks/useWindowSizeClass.js";
+import { DateField } from "./components/date-field/index.js";
+import { DatePicker } from "./components/date-picker/index.js";
+import { RangeCalendar } from "./components/range-calendar/index.js";
+import { DateRangePicker } from "./components/date-range-picker/index.js";
 import { Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "./components/dialog/index.js";
+import { Disclosure, DisclosureHeader, DisclosurePanel } from "./components/disclosure/index.js";
+import { Separator } from "./components/separator/index.js";
+import { DisclosureGroup } from "./components/disclosure-group/index.js";
+import { isFileDropItem, isTextDropItem } from "./drop/index.js";
+import { DropZone, FileTrigger } from "./components/drop-zone/index.js";
+import { Fab } from "./components/fab/index.js";
+import { FabMenu, FabMenuItem } from "./components/fab-menu/index.js";
+import { Feed } from "./components/feed/index.js";
 import { Form } from "./components/form/index.js";
-import { Link } from "./components/link/index.js";
 import { List, ListLoadMore, ListRow, ListSection } from "./components/list/index.js";
+import { ListBox, ListBoxItem, ListBoxLoadMore, ListBoxSection } from "./components/list-box/index.js";
 import { ListDetail } from "./components/list-detail/index.js";
 import { ListItem } from "./components/list-item/index.js";
-import { Separator } from "./components/separator/index.js";
+import { LoadingIndicator } from "./components/loading-indicator/index.js";
 import { Menu, MenuContent, MenuItem, MenuLoadMore, MenuSection, MenuSeparator, MenuSubmenu } from "./components/menu/index.js";
 import { Meter } from "./components/meter/index.js";
 import { NavigationBar, NavigationBarItem, NavigationTabBar } from "./components/navigation-bar/index.js";
 import { NavigationRail, NavigationRailItem } from "./components/navigation-rail/index.js";
+import { NavigationTree, NavigationTreeItem, NavigationTreeSection } from "./components/navigation-tree/index.js";
 import { NumberField } from "./components/number-field/index.js";
 import { Popover, PopoverContent, PopoverDescription, PopoverTitle } from "./components/popover/index.js";
 import { ProductIcon } from "./components/product-icon/index.js";
 import { Radio, RadioGroup } from "./components/radio-group/index.js";
 import { SearchField } from "./components/search-field/index.js";
+import { SearchView, SearchViewContent } from "./components/search-view/index.js";
 import { SegmentedButton, SegmentedButtonSegment } from "./components/segmented-button/index.js";
+import { Select } from "./components/select/index.js";
 import { Sheet, SheetBody, SheetContent, SheetFooter, SheetHandle, SheetHeader, SheetTitle } from "./components/sheet/index.js";
+import { Slider } from "./components/slider/index.js";
 import { Snackbar } from "./components/snackbar/index.js";
+import { SplitButton, SplitButtonAction, SplitButtonMenu } from "./components/split-button/index.js";
 import { Stack } from "./components/stack/index.js";
+import { SupportingPane } from "./components/supporting-pane/index.js";
 import { Switch } from "./components/switch/index.js";
+import { Tabs, TabsList, TabsPanel, TabsPanels, TabsTab } from "./components/tabs/index.js";
 import { Tag } from "./components/tag/index.js";
+import { TextArea } from "./components/text-area/index.js";
 import { TextField } from "./components/text-field/index.js";
+import { TimeField } from "./components/time-field/index.js";
+import { TimePicker } from "./components/time-picker/index.js";
+import { Toolbar } from "./components/toolbar/index.js";
+import { Tooltip } from "./components/tooltip/index.js";
+import { Tree, TreeItem, TreeLoadMore, TreeSection } from "./components/tree/index.js";
 import { ThemeScope } from "./theme-scope.js";
-export { AppBar, Autocomplete, Avatar, Button, Calendar, Card, Checkbox, Chip, ChipGroup, ChipGroupChip, CopyField, Currency, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Form, I18nProvider, IconButton, Link, List, ListDetail, ListItem, ListLoadMore, ListRow, ListSection, Menu, MenuContent, MenuItem, MenuLoadMore, MenuSection, MenuSeparator, MenuSubmenu, Meter, NavigationBar, NavigationBarItem, NavigationRail, NavigationRailItem, NavigationTabBar, NumberField, Popover, PopoverContent, PopoverDescription, PopoverTitle, ProductIcon, ProgressIndicator, Radio, RadioGroup, RouterProvider, SearchField, SegmentedButton, SegmentedButtonSegment, Separator, Sheet, SheetBody, SheetContent, SheetFooter, SheetHandle, SheetHeader, SheetTitle, Snackbar, Stack, Switch, Tag, Text, TextField, ThemeScope, useAppBarScroll, useIconStyle, useLocale, useTheme, useWindowSizeClass };
+import { getColorChannels, parseColor } from "react-stately";
+export { AppBar, Autocomplete, Avatar, Badge, Breadcrumbs, BreadcrumbsItem, Button, ButtonGroup, Calendar, Card, Carousel, CarouselItem, Checkbox, CheckboxGroup, Chip, ChipGroup, ChipGroupChip, Code, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorSwatchPickerItem, ColorWheel, ComboBox, Container, CopyField, Currency, DateField, DatePicker, DateRangePicker, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Disclosure, DisclosureGroup, DisclosureHeader, DisclosurePanel, DropZone, Fab, FabMenu, FabMenuItem, Feed, FileTrigger, Form, I18nProvider, IconButton, Keycap, Link, List, ListBox, ListBoxItem, ListBoxLoadMore, ListBoxSection, ListDetail, ListItem, ListLoadMore, ListRow, ListSection, LoadingIndicator, Menu, MenuContent, MenuItem, MenuLoadMore, MenuSection, MenuSeparator, MenuSubmenu, Meter, NavigationBar, NavigationBarItem, NavigationRail, NavigationRailItem, NavigationTabBar, NavigationTree, NavigationTreeItem, NavigationTreeSection, NumberField, Popover, PopoverContent, PopoverDescription, PopoverTitle, ProductIcon, ProgressIndicator, Radio, RadioGroup, RangeCalendar, RouterProvider, SearchField, SearchView, SearchViewContent, SegmentedButton, SegmentedButtonSegment, Select, Separator, Sheet, SheetBody, SheetContent, SheetFooter, SheetHandle, SheetHeader, SheetTitle, Slider, Snackbar, SplitButton, SplitButtonAction, SplitButtonMenu, Stack, SupportingPane, Switch, Tabs, TabsList, TabsPanel, TabsPanels, TabsTab, Tag, Text, TextArea, TextField, ThemeScope, TimeField, TimePicker, Toolbar, Tooltip, Tree, TreeItem, TreeLoadMore, TreeSection, getColorChannels, isFileDropItem, isTextDropItem, parseColor, useAppBarScroll, useIconStyle, useLocale, useTheme, useWindowSizeClass };

package/dist/indicator/paths.js

@@ -27,6 +27,28 @@ function arcPath(centre, radius, from, sweep) {
 	return `M${point(from)}A${radius} ${radius} 0 ${large} 1 ${point(from + span)}`;
 }
 /**
+* A loading indicator's shape `share` of the way from `from` to `to`, point by
+* point, turned `angle` radians clockwise about (`centre`, `centre`), and
+* closed. Each list holds every point's x and then its y, the two of the same
+* length, so the nth point of one becomes the nth of the other. A share past
+* 1, as a spring's overshoot gives, carries the shape on past `to`, as web's
+* interpolation of one polygon into the next does.
+*/
+function shapePath(from, to, share, angle, centre) {
+	"worklet";
+	const cos = Math.cos(angle);
+	const sin = Math.sin(angle);
+	let path = "";
+	for (let index = 0; index < from.length; index += 2) {
+		const x = from[index] + (to[index] - from[index]) * share - centre;
+		const y = from[index + 1] + (to[index + 1] - from[index + 1]) * share - centre;
+		const turnedX = centre + x * cos - y * sin;
+		const turnedY = centre + x * sin + y * cos;
+		path += `${index === 0 ? "M" : "L"}${turnedX.toFixed(PLACES)} ${turnedY.toFixed(PLACES)}`;
+	}
+	return `${path}Z`;
+}
+/**
 * A stretch of the wave along a line, from `from` to `to` across its row, on a
 * wave `wavelength` long that rises first from `WAVE_ORIGIN`, as web's does.
 * Nothing when the stretch is empty, which is how a bar that has not yet
@@ -67,6 +89,6 @@ function wavyArcPath(wave, phase, from, sweep) {
 	return `${path}L${point(to)}`;
 }
 //#endregion
-export { TURN, WAVE_HEIGHT, WAVE_ORIGIN, arcPath, wavePath, wavyArcPath };
+export { TURN, WAVE_HEIGHT, WAVE_ORIGIN, arcPath, shapePath, wavePath, wavyArcPath };
 
 //# sourceMappingURL=paths.js.map

package/dist/indicator/paths.js.map

@@ -1 +1 @@
-{"version":3,"file":"paths.js","names":["THICKNESS","PLACES","TURN","Math","PI","DOT","WAVE_AMPLITUDE","WAVE_HEIGHT","WAVE_ORIGIN","POINTS_PER_WAVELENGTH","POINTS_PER_RING_WAVE","RingWave","amplitude","centre","radius","waves","arcPath","from","sweep","span","min","max","large","point","angle","x","sin","y","cos","toFixed","wavePath","wavelength","to","crest","step","path","index","floor","wavyArcPath","wave","phase","reach"],"sources":["../../src/indicator/paths.ts"],"sourcesContent":["import { THICKNESS } from './styles'\n\n// The paths a progress indicator draws its curves along: an arc of a circle,\n// an arc of a circle with a wave round it, and a wave along a line. Each is\n// built from where it starts and how far it runs, so a curve that moves is a\n// new path each frame rather than a dash pattern that moves.\n//\n// Web cuts its arcs and waves out of whole curves with `stroke-dasharray`,\n// normalised by `pathLength` so a dash reads as a share of the way round.\n// react-native-svg has no `pathLength`, and a dash pattern Reanimated moves\n// frame by frame is the least reliable of an svg's props across iOS, Android\n// and the web, so here the cut is made in the path itself, which every\n// platform redraws alike. The geometry is web's: the same circles, the same\n// waves, and the same lengths along them.\n//\n// Every builder is a worklet, so it runs on the UI thread with the animation\n// that moves it, and a test can call it as it stands. Each is whole on its\n// own, its helpers nested inside it: a worklet captures what it calls when the\n// module is evaluated, so one calling another declared below it would be\n// handed nothing, and the linter orders declarations by name, not by use.\n\n// Three decimal places, which keeps a path short without moving a point by\n// anything a screen could show, as web rounds its own.\nconst PLACES = 3\n\n/** A full turn, in radians. */\nconst TURN = 2 * Math.PI\n\n// The least an arc runs. Web's zero-length dash still draws, as a dot the\n// size of the stroke, since a round cap is drawn at either end of a dash of\n// any length; an svg path of no length draws nothing at all, so the arc is\n// given this much instead, which is the same dot.\nconst DOT = 0.001\n\n// The wave along the line: its amplitude either side of the middle, and the\n// row it is drawn in, which is the amplitude either side plus the stroke.\n// It starts half a stroke in, so its round cap starts at the row's edge.\nconst WAVE_AMPLITUDE = 3\nconst WAVE_HEIGHT = WAVE_AMPLITUDE * 2 + THICKNESS\nconst WAVE_ORIGIN = THICKNESS / 2\n\n// How many points a wavelength is drawn through: web draws a line's wave as\n// cubic half waves and a ring's as twenty points to a wave. A wave cut short\n// partway through a cubic would need it split, so both are drawn as points\n// here, finely enough that the joins are below what the 4dp stroke shows.\nconst POINTS_PER_WAVELENGTH = 16\nconst POINTS_PER_RING_WAVE = 20\n\n/** A circle a ring's wave runs round, and the wave. */\ntype RingWave = {\n  /** How far the wave rises either side of the circle. */\n  readonly amplitude: number\n  /** The centre, on both axes. */\n  readonly centre: number\n  /** The circle's radius. */\n  readonly radius: number\n  /** How many crests the wave has round the whole circle. */\n  readonly waves: number\n}\n\n/**\n * An arc of the circle about (`centre`, `centre`), clockwise from `from` for\n * `sweep` radians, both measured from the top. A sweep of nothing draws a dot,\n * as web's zero-length dash does, and a full turn stops short of closing by\n * a hair the round caps cover, since an arc that ends where it starts is no\n * arc at all.\n */\nfunction arcPath(centre: number, radius: number, from: number, sweep: number) {\n  'worklet'\n  const span = Math.min(Math.max(sweep, DOT), TURN - DOT)\n  const large = span > Math.PI ? 1 : 0\n\n  // A point on the circle, `angle` radians clockwise from the top.\n  function point(angle: number) {\n    const x = centre + radius * Math.sin(angle)\n    const y = centre - radius * Math.cos(angle)\n    return `${x.toFixed(PLACES)} ${y.toFixed(PLACES)}`\n  }\n\n  return `M${point(from)}A${radius} ${radius} 0 ${large} 1 ${point(from + span)}`\n}\n\n/**\n * A stretch of the wave along a line, from `from` to `to` across its row, on a\n * wave `wavelength` long that rises first from `WAVE_ORIGIN`, as web's does.\n * Nothing when the stretch is empty, which is how a bar that has not yet\n * reached the row, or has left it, draws nothing.\n */\nfunction wavePath(wavelength: number, from: number, to: number) {\n  'worklet'\n  if (to <= from) {\n    return ''\n  }\n\n  // The point on the wave above `x`.\n  function point(x: number) {\n    const crest = Math.sin((TURN * (x - WAVE_ORIGIN)) / wavelength)\n    const y = WAVE_HEIGHT / 2 - WAVE_AMPLITUDE * crest\n    return `${x.toFixed(PLACES)} ${y.toFixed(PLACES)}`\n  }\n\n  const step = wavelength / POINTS_PER_WAVELENGTH\n  let path = `M${point(from)}`\n  for (\n    let index = Math.floor((from - WAVE_ORIGIN) / step) + 1;\n    WAVE_ORIGIN + index * step < to;\n    index++\n  ) {\n    path += `L${point(WAVE_ORIGIN + index * step)}`\n  }\n\n  return `${path}L${point(to)}`\n}\n\n/**\n * A stretch of a ring's wave, clockwise from `from` for `sweep` radians, both\n * measured from the top, as `arcPath` takes them. `phase` is the angle the\n * wave rises from, which turns with a spinning ring so its crests turn with\n * it. A sweep of nothing draws a dot, as an arc's does.\n */\nfunction wavyArcPath(\n  wave: RingWave,\n  phase: number,\n  from: number,\n  sweep: number,\n) {\n  'worklet'\n  const { amplitude, centre, radius, waves } = wave\n\n  // The point on the wave at `angle`, clockwise from the top.\n  function point(angle: number) {\n    const reach = radius + amplitude * Math.sin(waves * (angle - phase))\n    const x = centre + reach * Math.sin(angle)\n    const y = centre - reach * Math.cos(angle)\n    return `${x.toFixed(PLACES)} ${y.toFixed(PLACES)}`\n  }\n\n  const step = TURN / (waves * POINTS_PER_RING_WAVE)\n  const to = from + Math.min(Math.max(sweep, DOT), TURN)\n  let path = `M${point(from)}`\n  for (let index = Math.floor(from / step) + 1; index * step < to; index++) {\n    path += `L${point(index * step)}`\n  }\n\n  return `${path}L${point(to)}`\n}\n\nexport { arcPath, TURN, WAVE_HEIGHT, WAVE_ORIGIN, wavePath, wavyArcPath }\nexport type { RingWave }\n"],"mappings":";AAuBA,MAAMC,SAAS;;AAGf,MAAMC,OAAO,IAAIC,KAAKC;AAMtB,MAAMC,MAAM;AAKZ,MAAMC,iBAAiB;AACvB,MAAMC,cAAcD;AACpB,MAAME,cAAAA;AAMN,MAAMC,wBAAwB;AAC9B,MAAMC,uBAAuB;;;;;;;;AAqB7B,SAASM,QAAQH,QAAgBC,QAAgBG,MAAcC,OAAe;CAC5E;CACA,MAAMC,OAAOhB,KAAKiB,IAAIjB,KAAKkB,IAAIH,OAAOb,GAAG,GAAGH,OAAOG,GAAG;CACtD,MAAMiB,QAAQH,OAAOhB,KAAKC,KAAK,IAAI;CAGnC,SAASmB,MAAMC,OAAe;EAC5B,MAAMC,IAAIZ,SAASC,SAASX,KAAKuB,IAAIF,KAAK;EAC1C,MAAMG,IAAId,SAASC,SAASX,KAAKyB,IAAIJ,KAAK;EAC1C,OAAO,GAAGC,EAAEI,QAAQ5B,MAAM,EAAC,GAAI0B,EAAEE,QAAQ5B,MAAM;CACjD;CAEA,OAAO,IAAIsB,MAAMN,IAAI,EAAC,GAAIH,OAAM,GAAIA,OAAM,KAAMQ,MAAK,KAAMC,MAAMN,OAAOE,IAAI;AAC9E;;;;;;;AAQA,SAASW,SAASC,YAAoBd,MAAce,IAAY;CAC9D;CACA,IAAIA,MAAMf,MACR,OAAO;CAIT,SAASM,MAAME,GAAW;EACxB,MAAMQ,QAAQ9B,KAAKuB,IAAKxB,QAAQuB,IAAIjB,eAAgBuB,UAAU;EAC9D,MAAMJ,IAAIpB,cAAc,IAAID,iBAAiB2B;EAC7C,OAAO,GAAGR,EAAEI,QAAQ5B,MAAM,EAAC,GAAI0B,EAAEE,QAAQ5B,MAAM;CACjD;CAEA,MAAMiC,OAAOH,aAAatB;CAC1B,IAAI0B,OAAO,IAAIZ,MAAMN,IAAI;CACzB,KACE,IAAImB,QAAQjC,KAAKkC,OAAOpB,OAAOT,eAAe0B,IAAI,IAAI,GACtD1B,cAAc4B,QAAQF,OAAOF,IAC7BI,SAEAD,QAAQ,IAAIZ,MAAMf,cAAc4B,QAAQF,IAAI;CAG9C,OAAO,GAAGC,KAAI,GAAIZ,MAAMS,EAAE;AAC5B;;;;;;;AAQA,SAASM,YACPC,MACAC,OACAvB,MACAC,OACA;CACA;CACA,MAAM,EAAEN,WAAWC,QAAQC,QAAQC,UAAUwB;CAG7C,SAAShB,MAAMC,OAAe;EAC5B,MAAMiB,QAAQ3B,SAASF,YAAYT,KAAKuB,IAAIX,SAASS,QAAQgB,MAAM;EACnE,MAAMf,IAAIZ,SAAS4B,QAAQtC,KAAKuB,IAAIF,KAAK;EACzC,MAAMG,IAAId,SAAS4B,QAAQtC,KAAKyB,IAAIJ,KAAK;EACzC,OAAO,GAAGC,EAAEI,QAAQ5B,MAAM,EAAC,GAAI0B,EAAEE,QAAQ5B,MAAM;CACjD;CAEA,MAAMiC,OAAOhC,QAAQa,QAAQL;CAC7B,MAAMsB,KAAKf,OAAOd,KAAKiB,IAAIjB,KAAKkB,IAAIH,OAAOb,GAAG,GAAGH,IAAI;CACrD,IAAIiC,OAAO,IAAIZ,MAAMN,IAAI;CACzB,KAAK,IAAImB,QAAQjC,KAAKkC,MAAMpB,OAAOiB,IAAI,IAAI,GAAGE,QAAQF,OAAOF,IAAII,SAC/DD,QAAQ,IAAIZ,MAAMa,QAAQF,IAAI;CAGhC,OAAO,GAAGC,KAAI,GAAIZ,MAAMS,EAAE;AAC5B"}
+{"version":3,"file":"paths.js","names":["THICKNESS","PLACES","TURN","Math","PI","DOT","WAVE_AMPLITUDE","WAVE_HEIGHT","WAVE_ORIGIN","POINTS_PER_WAVELENGTH","POINTS_PER_RING_WAVE","RingWave","amplitude","centre","radius","waves","arcPath","from","sweep","span","min","max","large","point","angle","x","sin","y","cos","toFixed","shapePath","to","share","path","index","length","turnedX","turnedY","wavePath","wavelength","crest","step","floor","wavyArcPath","wave","phase","reach"],"sources":["../../src/indicator/paths.ts"],"sourcesContent":["import { THICKNESS } from './styles'\n\n// The paths a progress indicator draws its curves along: an arc of a circle,\n// an arc of a circle with a wave round it, and a wave along a line. Each is\n// built from where it starts and how far it runs, so a curve that moves is a\n// new path each frame rather than a dash pattern that moves. Beside them is\n// the shape a loading indicator morphs through, built the same way from the\n// two shapes it is between and how far it has turned.\n//\n// Web cuts its arcs and waves out of whole curves with `stroke-dasharray`,\n// normalised by `pathLength` so a dash reads as a share of the way round.\n// react-native-svg has no `pathLength`, and a dash pattern Reanimated moves\n// frame by frame is the least reliable of an svg's props across iOS, Android\n// and the web, so here the cut is made in the path itself, which every\n// platform redraws alike. The geometry is web's: the same circles, the same\n// waves, and the same lengths along them.\n//\n// Every builder is a worklet, so it runs on the UI thread with the animation\n// that moves it, and a test can call it as it stands. Each is whole on its\n// own, its helpers nested inside it: a worklet captures what it calls when the\n// module is evaluated, so one calling another declared below it would be\n// handed nothing, and the linter orders declarations by name, not by use.\n\n// Three decimal places, which keeps a path short without moving a point by\n// anything a screen could show, as web rounds its own.\nconst PLACES = 3\n\n/** A full turn, in radians. */\nconst TURN = 2 * Math.PI\n\n// The least an arc runs. Web's zero-length dash still draws, as a dot the\n// size of the stroke, since a round cap is drawn at either end of a dash of\n// any length; an svg path of no length draws nothing at all, so the arc is\n// given this much instead, which is the same dot.\nconst DOT = 0.001\n\n// The wave along the line: its amplitude either side of the middle, and the\n// row it is drawn in, which is the amplitude either side plus the stroke.\n// It starts half a stroke in, so its round cap starts at the row's edge.\nconst WAVE_AMPLITUDE = 3\nconst WAVE_HEIGHT = WAVE_AMPLITUDE * 2 + THICKNESS\nconst WAVE_ORIGIN = THICKNESS / 2\n\n// How many points a wavelength is drawn through: web draws a line's wave as\n// cubic half waves and a ring's as twenty points to a wave. A wave cut short\n// partway through a cubic would need it split, so both are drawn as points\n// here, finely enough that the joins are below what the 4dp stroke shows.\nconst POINTS_PER_WAVELENGTH = 16\nconst POINTS_PER_RING_WAVE = 20\n\n/** A circle a ring's wave runs round, and the wave. */\ntype RingWave = {\n  /** How far the wave rises either side of the circle. */\n  readonly amplitude: number\n  /** The centre, on both axes. */\n  readonly centre: number\n  /** The circle's radius. */\n  readonly radius: number\n  /** How many crests the wave has round the whole circle. */\n  readonly waves: number\n}\n\n/**\n * An arc of the circle about (`centre`, `centre`), clockwise from `from` for\n * `sweep` radians, both measured from the top. A sweep of nothing draws a dot,\n * as web's zero-length dash does, and a full turn stops short of closing by\n * a hair the round caps cover, since an arc that ends where it starts is no\n * arc at all.\n */\nfunction arcPath(centre: number, radius: number, from: number, sweep: number) {\n  'worklet'\n  const span = Math.min(Math.max(sweep, DOT), TURN - DOT)\n  const large = span > Math.PI ? 1 : 0\n\n  // A point on the circle, `angle` radians clockwise from the top.\n  function point(angle: number) {\n    const x = centre + radius * Math.sin(angle)\n    const y = centre - radius * Math.cos(angle)\n    return `${x.toFixed(PLACES)} ${y.toFixed(PLACES)}`\n  }\n\n  return `M${point(from)}A${radius} ${radius} 0 ${large} 1 ${point(from + span)}`\n}\n\n/**\n * A loading indicator's shape `share` of the way from `from` to `to`, point by\n * point, turned `angle` radians clockwise about (`centre`, `centre`), and\n * closed. Each list holds every point's x and then its y, the two of the same\n * length, so the nth point of one becomes the nth of the other. A share past\n * 1, as a spring's overshoot gives, carries the shape on past `to`, as web's\n * interpolation of one polygon into the next does.\n */\nfunction shapePath(\n  from: readonly number[],\n  to: readonly number[],\n  share: number,\n  angle: number,\n  centre: number,\n) {\n  'worklet'\n  const cos = Math.cos(angle)\n  const sin = Math.sin(angle)\n  let path = ''\n  for (let index = 0; index < from.length; index += 2) {\n    const x = from[index] + (to[index] - from[index]) * share - centre\n    const y =\n      from[index + 1] + (to[index + 1] - from[index + 1]) * share - centre\n    const turnedX = centre + x * cos - y * sin\n    const turnedY = centre + x * sin + y * cos\n    path += `${index === 0 ? 'M' : 'L'}${turnedX.toFixed(PLACES)} ${turnedY.toFixed(PLACES)}`\n  }\n\n  return `${path}Z`\n}\n\n/**\n * A stretch of the wave along a line, from `from` to `to` across its row, on a\n * wave `wavelength` long that rises first from `WAVE_ORIGIN`, as web's does.\n * Nothing when the stretch is empty, which is how a bar that has not yet\n * reached the row, or has left it, draws nothing.\n */\nfunction wavePath(wavelength: number, from: number, to: number) {\n  'worklet'\n  if (to <= from) {\n    return ''\n  }\n\n  // The point on the wave above `x`.\n  function point(x: number) {\n    const crest = Math.sin((TURN * (x - WAVE_ORIGIN)) / wavelength)\n    const y = WAVE_HEIGHT / 2 - WAVE_AMPLITUDE * crest\n    return `${x.toFixed(PLACES)} ${y.toFixed(PLACES)}`\n  }\n\n  const step = wavelength / POINTS_PER_WAVELENGTH\n  let path = `M${point(from)}`\n  for (\n    let index = Math.floor((from - WAVE_ORIGIN) / step) + 1;\n    WAVE_ORIGIN + index * step < to;\n    index++\n  ) {\n    path += `L${point(WAVE_ORIGIN + index * step)}`\n  }\n\n  return `${path}L${point(to)}`\n}\n\n/**\n * A stretch of a ring's wave, clockwise from `from` for `sweep` radians, both\n * measured from the top, as `arcPath` takes them. `phase` is the angle the\n * wave rises from, which turns with a spinning ring so its crests turn with\n * it. A sweep of nothing draws a dot, as an arc's does.\n */\nfunction wavyArcPath(\n  wave: RingWave,\n  phase: number,\n  from: number,\n  sweep: number,\n) {\n  'worklet'\n  const { amplitude, centre, radius, waves } = wave\n\n  // The point on the wave at `angle`, clockwise from the top.\n  function point(angle: number) {\n    const reach = radius + amplitude * Math.sin(waves * (angle - phase))\n    const x = centre + reach * Math.sin(angle)\n    const y = centre - reach * Math.cos(angle)\n    return `${x.toFixed(PLACES)} ${y.toFixed(PLACES)}`\n  }\n\n  const step = TURN / (waves * POINTS_PER_RING_WAVE)\n  const to = from + Math.min(Math.max(sweep, DOT), TURN)\n  let path = `M${point(from)}`\n  for (let index = Math.floor(from / step) + 1; index * step < to; index++) {\n    path += `L${point(index * step)}`\n  }\n\n  return `${path}L${point(to)}`\n}\n\nexport {\n  arcPath,\n  shapePath,\n  TURN,\n  WAVE_HEIGHT,\n  WAVE_ORIGIN,\n  wavePath,\n  wavyArcPath,\n}\nexport type { RingWave }\n"],"mappings":"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"}

package/dist/modal/index.js

@@ -1,9 +1,10 @@
 import { useTheme } from "../theme/scope.js";
 import { composeStyles, themedStyles } from "../theme/styles.js";
 import { withOpacity } from "../theme/color.js";
-import { ButtonSlotContext } from "../button/slots.js";
+import { ButtonSlotContext, ButtonTooltipContext } from "../button/slots.js";
 import { AnimatedPressable } from "../button/index.js";
 import { OverlayHost } from "../overlay/host.js";
+import { SeparatorOrientationContext } from "../separator/index.js";
 import { c } from "react/compiler-runtime";
 import { AccessibilityInfo, I18nManager, Modal, Platform, StyleSheet } from "react-native";
 import { useEffect, useRef, useState } from "react";
@@ -52,88 +53,115 @@ function insetsOf(insets) {
 * and the scrim, with the surface itself as its children.
 */
 function ModalWindow(t0) {
-	const $ = c(20);
-	const { children, isKeyboardDismissDisabled, labelledBy, onClose, onScrimPress, scrim, title } = t0;
+	const $ = c(27);
+	const { children, isKeyboardDismissDisabled, label, labelledBy, onClose, onScrimPress, scrim, title } = t0;
 	const styles = stylesOf(useTheme());
 	const T0 = Modal;
 	const t1 = "none";
-	const t2 = Platform.OS === "web" ? labelledBy : void 0;
-	const t3 = true;
-	const t4 = isKeyboardDismissDisabled ? ignore : onClose;
-	let t5;
+	const t2 = Platform.OS === "web" ? label : void 0;
+	const t3 = Platform.OS === "web" ? labelledBy : void 0;
+	const t4 = true;
+	const t5 = isKeyboardDismissDisabled ? ignore : onClose;
+	let t6;
 	if ($[0] !== title) {
-		t5 = focusOf(title);
+		t6 = focusOf(title);
 		$[0] = title;
-		$[1] = t5;
-	} else t5 = $[1];
-	const t6 = true;
-	const t7 = ORIENTATIONS;
-	const t8 = true;
+		$[1] = t6;
+	} else t6 = $[1];
+	const t7 = true;
+	const t8 = ORIENTATIONS;
 	const t9 = true;
+	const t10 = true;
 	const T1 = ButtonSlotContext;
-	const t10 = null;
-	const T2 = OverlayHost;
-	const T3 = AnimatedPressable;
-	const t11 = false;
-	const t12 = true;
-	const t13 = false;
-	const t14 = composeStyles(styles.scrim, scrim);
-	let t15;
-	if ($[2] !== T3 || $[3] !== onScrimPress || $[4] !== t14) {
-		t15 = /* @__PURE__ */ jsx(T3, {
-			accessible: t11,
-			"aria-hidden": t12,
-			focusable: t13,
+	const t11 = null;
+	const T2 = ButtonTooltipContext;
+	const t12 = null;
+	const T3 = SeparatorOrientationContext;
+	const t13 = null;
+	const T4 = OverlayHost;
+	const T5 = AnimatedPressable;
+	const t14 = false;
+	const t15 = true;
+	const t16 = false;
+	const t17 = composeStyles(styles.scrim, scrim);
+	let t18;
+	if ($[2] !== T5 || $[3] !== onScrimPress || $[4] !== t17) {
+		t18 = /* @__PURE__ */ jsx(T5, {
+			accessible: t14,
+			"aria-hidden": t15,
+			focusable: t16,
 			onPress: onScrimPress,
-			style: t14,
+			style: t17,
 			tabIndex: -1
 		});
-		$[2] = T3;
+		$[2] = T5;
 		$[3] = onScrimPress;
-		$[4] = t14;
-		$[5] = t15;
-	} else t15 = $[5];
-	let t16;
-	if ($[6] !== T2 || $[7] !== children || $[8] !== t15) {
-		t16 = /* @__PURE__ */ jsxs(T2, { children: [t15, children] });
-		$[6] = T2;
+		$[4] = t17;
+		$[5] = t18;
+	} else t18 = $[5];
+	let t19;
+	if ($[6] !== T4 || $[7] !== children || $[8] !== t18) {
+		t19 = /* @__PURE__ */ jsxs(T4, { children: [t18, children] });
+		$[6] = T4;
 		$[7] = children;
-		$[8] = t15;
-		$[9] = t16;
-	} else t16 = $[9];
-	let t17;
-	if ($[10] !== T1 || $[11] !== t16) {
-		t17 = /* @__PURE__ */ jsx(T1, {
-			value: t10,
-			children: t16
+		$[8] = t18;
+		$[9] = t19;
+	} else t19 = $[9];
+	let t20;
+	if ($[10] !== T3 || $[11] !== t19) {
+		t20 = /* @__PURE__ */ jsx(T3, {
+			value: t13,
+			children: t19
 		});
-		$[10] = T1;
-		$[11] = t16;
-		$[12] = t17;
-	} else t17 = $[12];
-	let t18;
-	if ($[13] !== T0 || $[14] !== t17 || $[15] !== t2 || $[16] !== t4 || $[17] !== t5 || $[18] !== t7) {
-		t18 = /* @__PURE__ */ jsx(T0, {
+		$[10] = T3;
+		$[11] = t19;
+		$[12] = t20;
+	} else t20 = $[12];
+	let t21;
+	if ($[13] !== T2 || $[14] !== t20) {
+		t21 = /* @__PURE__ */ jsx(T2, {
+			value: t12,
+			children: t20
+		});
+		$[13] = T2;
+		$[14] = t20;
+		$[15] = t21;
+	} else t21 = $[15];
+	let t22;
+	if ($[16] !== T1 || $[17] !== t21) {
+		t22 = /* @__PURE__ */ jsx(T1, {
+			value: t11,
+			children: t21
+		});
+		$[16] = T1;
+		$[17] = t21;
+		$[18] = t22;
+	} else t22 = $[18];
+	let t23;
+	if ($[19] !== T0 || $[20] !== t2 || $[21] !== t22 || $[22] !== t3 || $[23] !== t5 || $[24] !== t6 || $[25] !== t8) {
+		t23 = /* @__PURE__ */ jsx(T0, {
 			animationType: t1,
-			"aria-labelledby": t2,
-			navigationBarTranslucent: t3,
-			onRequestClose: t4,
-			onShow: t5,
-			statusBarTranslucent: t6,
-			supportedOrientations: t7,
-			transparent: t8,
-			visible: t9,
-			children: t17
+			"aria-label": t2,
+			"aria-labelledby": t3,
+			navigationBarTranslucent: t4,
+			onRequestClose: t5,
+			onShow: t6,
+			statusBarTranslucent: t7,
+			supportedOrientations: t8,
+			transparent: t9,
+			visible: t10,
+			children: t22
 		});
-		$[13] = T0;
-		$[14] = t17;
-		$[15] = t2;
-		$[16] = t4;
-		$[17] = t5;
-		$[18] = t7;
-		$[19] = t18;
-	} else t18 = $[19];
-	return t18;
+		$[19] = T0;
+		$[20] = t2;
+		$[21] = t22;
+		$[22] = t3;
+		$[23] = t5;
+		$[24] = t6;
+		$[25] = t8;
+		$[26] = t23;
+	} else t23 = $[26];
+	return t23;
 }
 function panelRoleOf(role, labelledBy) {
 	if (Platform.OS === "web") return {};

package/dist/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ReactNode","GestureResponderEvent","HostInstance","ModalProps","ViewProps","ViewStyle","AnimatedStyle","EdgeInsets","OverlayTriggerState","useCallback","useEffect","useMemo","useRef","useState","AccessibilityInfo","I18nManager","Modal","Platform","StyleSheet","useOverlayTriggerState","ButtonSlots","ResolvedTheme","AnimatedPressable","ButtonSlotContext","OverlayHost","withOpacity","useTheme","composeStyles","themedStyles","NO_INSETS","bottom","left","right","top","ORIENTATIONS","SCRIM_OPACITY","stylesOf","colors","create","scrim","backgroundColor","position","ModalOpenProps","defaultOpen","isOpen","onOpenChange","ModalTrigger","state","trigger","ModalWindowProps","children","isKeyboardDismissDisabled","labelledBy","onClose","onScrimPress","title","focusOf","OS","sendAccessibilityEvent","ignore","insetsOf","insets","rtl","isRTL","paddingBottom","paddingEnd","paddingStart","paddingTop","ModalWindow","t0","$","_c","styles","T0","t1","t2","undefined","t3","t4","t5","t6","t8","t9","T1","t10","T2","T3","t11","t12","t13","t14","t15","t16","t17","t18","t7","panelRoleOf","role","Pick","registerOf","setParts","update","parts","Readonly","Record","Part","part","useModalState","outer","props","own","present","setPresent","close","slots","useReturnFocus","useModalTrigger","setTrigger","context","default","event","target","currentTarget","open","shown","gone","current","_c"],"sources":["../../src/modal/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type {\n  GestureResponderEvent,\n  HostInstance,\n  ModalProps,\n  ViewProps,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\nimport type { EdgeInsets } from 'react-native-safe-area-context'\nimport type { OverlayTriggerState } from 'react-stately/useOverlayTriggerState'\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  AccessibilityInfo,\n  I18nManager,\n  Modal,\n  Platform,\n  StyleSheet,\n} from 'react-native'\nimport { useOverlayTriggerState } from 'react-stately/useOverlayTriggerState'\n\nimport type { ButtonSlots } from '../button/slots'\nimport type { ResolvedTheme } from '../theme/scope'\n\nimport { AnimatedPressable } from '../button'\nimport { ButtonSlotContext } from '../button/slots'\nimport { OverlayHost } from '../overlay'\nimport { withOpacity } from '../theme/color'\nimport { useTheme } from '../theme/scope'\nimport { composeStyles, themedStyles } from '../theme/styles'\n\n// The window a modal surface is drawn in, and what a dialog and a sheet share\n// around it: the trigger that opens it, the open state, the scrim, and where\n// focus goes as it shows and once it has gone. Internal: nothing here is\n// exported from the package.\n//\n// **It is a React Native `Modal`**, which keeps React context, so the surface\n// keeps the `ThemeScope` around it, and which is a window of its own on iOS\n// and Android, above the screen and its overlays. The window therefore hosts\n// overlays of its own, so a snackbar or a popover raised from inside it draws\n// above it rather than under it.\n\n// Outside a SafeAreaProvider the insets are unknown, and the window's own edge\n// is the best bound there is.\nconst NO_INSETS: EdgeInsets = { bottom: 0, left: 0, right: 0, top: 0 }\n\n// iOS presents a `Modal` in portrait alone unless told otherwise, which would\n// turn an app held sideways round as the surface opened.\nconst ORIENTATIONS: ModalProps['supportedOrientations'] = [\n  'portrait',\n  'portrait-upside-down',\n  'landscape',\n  'landscape-left',\n  'landscape-right',\n]\n\n// The scrim is the scrim role at 32%, the opacity Material Design gives a\n// modal's scrim and web mixes in.\nconst SCRIM_OPACITY = 0.32\n\nconst stylesOf = themedStyles(({ colors }: ResolvedTheme) =>\n  StyleSheet.create({\n    scrim: {\n      backgroundColor: withOpacity(colors.scrim, SCRIM_OPACITY),\n      bottom: 0,\n      left: 0,\n      position: 'absolute',\n      right: 0,\n      top: 0,\n    },\n  }),\n)\n\n/** Whether a modal surface is open, and who holds that state. */\ntype ModalOpenProps = {\n  readonly defaultOpen?: boolean\n  readonly isOpen?: boolean\n  readonly onOpenChange?: (isOpen: boolean) => void\n}\n\n/**\n * What a surface's trigger part hands its content: the open state, and the\n * button that last opened it, for focus to return to.\n */\ntype ModalTrigger = {\n  readonly state: OverlayTriggerState\n  readonly trigger: HostInstance | null\n}\n\ntype ModalWindowProps = {\n  readonly children?: ReactNode\n  /** Whether Android's back gesture and Escape on web leave it open. */\n  readonly isKeyboardDismissDisabled: boolean\n  /** The headline's id, which names the window on web. */\n  readonly labelledBy: string | undefined\n  /** What the back gesture and Escape call. */\n  readonly onClose: () => void\n  /** What a press on the scrim calls, or nothing where it closes nothing. */\n  readonly onScrimPress: (() => void) | undefined\n  /** The scrim's motion. */\n  readonly scrim: AnimatedStyle<ViewStyle>\n  /** The headline, which a screen reader is sent to once the window shows. */\n  readonly title: HostInstance | null\n}\n\n// Sends the screen reader to the headline once the window has shown. React\n// Native Web's `Modal` moves focus into itself.\nfunction focusOf(title: HostInstance | null) {\n  return () => {\n    if (title !== null && Platform.OS !== 'web') {\n      AccessibilityInfo.sendAccessibilityEvent(title, 'focus')\n    }\n  }\n}\n\n// What the back gesture does on a surface it may not close: nothing, rather\n// than leaving the handler out, which Android warns about.\nfunction ignore() {}\n\n// The safe area as padding. The insets are physical edges, and React Native\n// swaps a left and a right style under a right-to-left layout, so they are\n// handed over as the start and end they are in the direction the layout runs.\nfunction insetsOf(insets: EdgeInsets): ViewStyle {\n  const rtl = I18nManager.isRTL\n\n  return {\n    paddingBottom: insets.bottom,\n    paddingEnd: rtl ? insets.left : insets.right,\n    paddingStart: rtl ? insets.right : insets.left,\n    paddingTop: insets.top,\n  }\n}\n\n/**\n * The window a modal surface is drawn in: the `Modal`, the overlays it hosts,\n * and the scrim, with the surface itself as its children.\n */\nfunction ModalWindow({\n  children,\n  isKeyboardDismissDisabled,\n  labelledBy,\n  onClose,\n  onScrimPress,\n  scrim,\n  title,\n}: ModalWindowProps) {\n  const styles = stylesOf(useTheme())\n\n  return (\n    <Modal\n      animationType=\"none\"\n      aria-labelledby={Platform.OS === 'web' ? labelledBy : undefined}\n      navigationBarTranslucent\n      onRequestClose={isKeyboardDismissDisabled ? ignore : onClose}\n      onShow={focusOf(title)}\n      statusBarTranslucent\n      supportedOrientations={ORIENTATIONS}\n      transparent\n      visible\n    >\n      {/* Nothing in the window takes the trigger's slot, the overlays it\n          hosts included, so a button in a snackbar raised from the surface\n          opens nothing; only the surface's buttons take the close slot. */}\n      <ButtonSlotContext value={null}>\n        <OverlayHost>\n          {/* A screen reader and a keyboard skip the scrim: the first closes\n            the surface with the back or escape gesture, the second with\n            Escape. React Native Web's Pressable is a tab stop unless told\n            otherwise, whatever `focusable` says. */}\n          <AnimatedPressable\n            accessible={false}\n            aria-hidden\n            focusable={false}\n            onPress={onScrimPress}\n            style={composeStyles<AnimatedStyle<ViewStyle>>(styles.scrim, scrim)}\n            tabIndex={-1}\n          />\n          {children}\n        </OverlayHost>\n      </ButtonSlotContext>\n    </Modal>\n  )\n}\n\n// The surface's role and name on iOS and Android. On web React Native Web's\n// `Modal` is the dialog element, so the surface takes neither there.\nfunction panelRoleOf(\n  role: 'alertdialog' | 'dialog',\n  labelledBy: string | undefined,\n): Pick<ViewProps, 'aria-labelledby' | 'aria-modal' | 'role'> {\n  if (Platform.OS === 'web') {\n    return {}\n  }\n\n  return { 'aria-labelledby': labelledBy, 'aria-modal': true, role }\n}\n\n// Counts each part as it mounts and unmounts, so the parts around it know\n// which of them are there.\nfunction registerOf<Part extends string>(\n  setParts: (\n    update: (\n      parts: Readonly<Record<Part, number>>,\n    ) => Readonly<Record<Part, number>>,\n  ) => void,\n) {\n  return (part: Part) => {\n    setParts((parts) => ({ ...parts, [part]: parts[part] + 1 }))\n\n    return () => {\n      setParts((parts) => ({ ...parts, [part]: parts[part] - 1 }))\n    }\n  }\n}\n\n/**\n * The open state a surface's content part reads: its trigger's, inside one,\n * and its own otherwise. `present` stays true from the moment it opens until\n * the call site's exit has run and set it false, and the close slot and the\n * scrim close it through `close`.\n */\nfunction useModalState(outer: ModalTrigger | null, props: ModalOpenProps) {\n  const own = useOverlayTriggerState(props)\n  const state = outer?.state ?? own\n  const [present, setPresent] = useState(state.isOpen)\n  const close = useCallback(() => {\n    state.close()\n  }, [state])\n  const slots = useMemo<ButtonSlots>(() => ({ close }), [close])\n\n  // Mounted the moment it opens, and kept until its exit has run.\n  if (state.isOpen && !present) {\n    setPresent(true)\n  }\n\n  useReturnFocus(present, outer)\n\n  return { close, present, setPresent, slots, state }\n}\n\n/**\n * The open state a surface's trigger part holds, and the default slot a\n * button inside it fills: it records itself as the button focus returns to,\n * and opens the surface. React Native types the target as a bare view tag\n * too, which focus cannot be sent to, so such a press records nothing.\n */\nfunction useModalTrigger(props: ModalOpenProps) {\n  const state = useOverlayTriggerState(props)\n  const [trigger, setTrigger] = useState<HostInstance | null>(null)\n  const context = useMemo<ModalTrigger>(\n    () => ({ state, trigger }),\n    [state, trigger],\n  )\n  const slots = useMemo<ButtonSlots>(\n    () => ({\n      default: (event: GestureResponderEvent) => {\n        const target = event.currentTarget\n\n        setTrigger(typeof target === 'number' ? null : target)\n        state.open()\n      },\n    }),\n    [state],\n  )\n\n  return { context, slots }\n}\n\n// Sends the screen reader back to the button that opened the surface once it\n// has gone. React Native Web's `Modal` restores focus itself.\nfunction useReturnFocus(present: boolean, outer: ModalTrigger | null) {\n  const shown = useRef(present)\n\n  useEffect(() => {\n    const trigger = outer?.trigger ?? null\n    const gone = shown.current && !present\n\n    shown.current = present\n    if (gone && trigger !== null && Platform.OS !== 'web') {\n      AccessibilityInfo.sendAccessibilityEvent(trigger, 'focus')\n    }\n  }, [outer, present])\n}\n\nexport {\n  insetsOf,\n  ModalWindow,\n  NO_INSETS,\n  panelRoleOf,\n  registerOf,\n  useModalState,\n  useModalTrigger,\n}\nexport type { ModalOpenProps, ModalTrigger }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ReactNode","GestureResponderEvent","HostInstance","ModalProps","ViewProps","ViewStyle","AnimatedStyle","EdgeInsets","OverlayTriggerState","useCallback","useEffect","useMemo","useRef","useState","AccessibilityInfo","I18nManager","Modal","Platform","StyleSheet","useOverlayTriggerState","ButtonSlots","ResolvedTheme","AnimatedPressable","ButtonSlotContext","ButtonTooltipContext","OverlayHost","SeparatorOrientationContext","withOpacity","useTheme","composeStyles","themedStyles","NO_INSETS","bottom","left","right","top","ORIENTATIONS","SCRIM_OPACITY","stylesOf","colors","create","scrim","backgroundColor","position","ModalOpenProps","defaultOpen","isOpen","onOpenChange","ModalTrigger","state","trigger","ModalWindowProps","children","isKeyboardDismissDisabled","label","labelledBy","onClose","onScrimPress","title","focusOf","OS","sendAccessibilityEvent","ignore","insetsOf","insets","rtl","isRTL","paddingBottom","paddingEnd","paddingStart","paddingTop","ModalWindow","t0","$","_c","styles","T0","t1","t2","undefined","t3","t4","t5","t6","t7","t9","t10","T1","t11","T2","t12","T3","t13","T4","T5","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t8","panelRoleOf","role","Pick","registerOf","setParts","update","parts","Readonly","Record","Part","part","useModalState","outer","props","own","present","setPresent","close","slots","useReturnFocus","useModalTrigger","setTrigger","context","default","event","target","currentTarget","open","shown","gone","current","_c"],"sources":["../../src/modal/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type {\n  GestureResponderEvent,\n  HostInstance,\n  ModalProps,\n  ViewProps,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\nimport type { EdgeInsets } from 'react-native-safe-area-context'\nimport type { OverlayTriggerState } from 'react-stately/useOverlayTriggerState'\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  AccessibilityInfo,\n  I18nManager,\n  Modal,\n  Platform,\n  StyleSheet,\n} from 'react-native'\nimport { useOverlayTriggerState } from 'react-stately/useOverlayTriggerState'\n\nimport type { ButtonSlots } from '../button/slots'\nimport type { ResolvedTheme } from '../theme/scope'\n\nimport { AnimatedPressable } from '../button'\nimport { ButtonSlotContext, ButtonTooltipContext } from '../button/slots'\nimport { OverlayHost } from '../overlay'\nimport { SeparatorOrientationContext } from '../separator'\nimport { withOpacity } from '../theme/color'\nimport { useTheme } from '../theme/scope'\nimport { composeStyles, themedStyles } from '../theme/styles'\n\n// The window a modal surface is drawn in, and what a dialog and a sheet share\n// around it: the trigger that opens it, the open state, the scrim, and where\n// focus goes as it shows and once it has gone. Internal: nothing here is\n// exported from the package.\n//\n// **It is a React Native `Modal`**, which keeps React context, so the surface\n// keeps the `ThemeScope` around it, and which is a window of its own on iOS\n// and Android, above the screen and its overlays. The window therefore hosts\n// overlays of its own, so a snackbar or a popover raised from inside it draws\n// above it rather than under it.\n\n// Outside a SafeAreaProvider the insets are unknown, and the window's own edge\n// is the best bound there is.\nconst NO_INSETS: EdgeInsets = { bottom: 0, left: 0, right: 0, top: 0 }\n\n// iOS presents a `Modal` in portrait alone unless told otherwise, which would\n// turn an app held sideways round as the surface opened.\nconst ORIENTATIONS: ModalProps['supportedOrientations'] = [\n  'portrait',\n  'portrait-upside-down',\n  'landscape',\n  'landscape-left',\n  'landscape-right',\n]\n\n// The scrim is the scrim role at 32%, the opacity Material Design gives a\n// modal's scrim and web mixes in.\nconst SCRIM_OPACITY = 0.32\n\nconst stylesOf = themedStyles(({ colors }: ResolvedTheme) =>\n  StyleSheet.create({\n    scrim: {\n      backgroundColor: withOpacity(colors.scrim, SCRIM_OPACITY),\n      bottom: 0,\n      left: 0,\n      position: 'absolute',\n      right: 0,\n      top: 0,\n    },\n  }),\n)\n\n/** Whether a modal surface is open, and who holds that state. */\ntype ModalOpenProps = {\n  readonly defaultOpen?: boolean\n  readonly isOpen?: boolean\n  readonly onOpenChange?: (isOpen: boolean) => void\n}\n\n/**\n * What a surface's trigger part hands its content: the open state, and the\n * button that last opened it, for focus to return to.\n */\ntype ModalTrigger = {\n  readonly state: OverlayTriggerState\n  readonly trigger: HostInstance | null\n}\n\ntype ModalWindowProps = {\n  readonly children?: ReactNode\n  /** Whether Android's back gesture and Escape on web leave it open. */\n  readonly isKeyboardDismissDisabled: boolean\n  /**\n   * The window's name on web, for a surface with no headline to be\n   * labelled by.\n   */\n  readonly label?: string\n  /** The headline's id, which names the window on web. */\n  readonly labelledBy: string | undefined\n  /** What the back gesture and Escape call. */\n  readonly onClose: () => void\n  /** What a press on the scrim calls, or nothing where it closes nothing. */\n  readonly onScrimPress: (() => void) | undefined\n  /** The scrim's motion. */\n  readonly scrim: AnimatedStyle<ViewStyle>\n  /** The headline, which a screen reader is sent to once the window shows. */\n  readonly title: HostInstance | null\n}\n\n// Sends the screen reader to the headline once the window has shown. React\n// Native Web's `Modal` moves focus into itself.\nfunction focusOf(title: HostInstance | null) {\n  return () => {\n    if (title !== null && Platform.OS !== 'web') {\n      AccessibilityInfo.sendAccessibilityEvent(title, 'focus')\n    }\n  }\n}\n\n// What the back gesture does on a surface it may not close: nothing, rather\n// than leaving the handler out, which Android warns about.\nfunction ignore() {}\n\n// The safe area as padding. The insets are physical edges, and React Native\n// swaps a left and a right style under a right-to-left layout, so they are\n// handed over as the start and end they are in the direction the layout runs.\nfunction insetsOf(insets: EdgeInsets): ViewStyle {\n  const rtl = I18nManager.isRTL\n\n  return {\n    paddingBottom: insets.bottom,\n    paddingEnd: rtl ? insets.left : insets.right,\n    paddingStart: rtl ? insets.right : insets.left,\n    paddingTop: insets.top,\n  }\n}\n\n/**\n * The window a modal surface is drawn in: the `Modal`, the overlays it hosts,\n * and the scrim, with the surface itself as its children.\n */\nfunction ModalWindow({\n  children,\n  isKeyboardDismissDisabled,\n  label,\n  labelledBy,\n  onClose,\n  onScrimPress,\n  scrim,\n  title,\n}: ModalWindowProps) {\n  const styles = stylesOf(useTheme())\n\n  return (\n    <Modal\n      animationType=\"none\"\n      aria-label={Platform.OS === 'web' ? label : undefined}\n      aria-labelledby={Platform.OS === 'web' ? labelledBy : undefined}\n      navigationBarTranslucent\n      onRequestClose={isKeyboardDismissDisabled ? ignore : onClose}\n      onShow={focusOf(title)}\n      statusBarTranslucent\n      supportedOrientations={ORIENTATIONS}\n      transparent\n      visible\n    >\n      {/* Nothing in the window takes the trigger's slot, the overlays it\n          hosts included, so a button in a snackbar raised from the surface\n          opens nothing; only the surface's buttons take the close slot. Nor\n          does a button in it take the tooltip of the one that opened it, nor\n          a rule in it run the way the toolbar that opened it set. */}\n      <ButtonSlotContext value={null}>\n        <ButtonTooltipContext value={null}>\n          <SeparatorOrientationContext value={null}>\n            <OverlayHost>\n              {/* A screen reader and a keyboard skip the scrim: the first\n              closes the surface with the back or escape gesture, the second\n              with Escape. React Native Web's Pressable is a tab stop unless\n              told otherwise, whatever `focusable` says. */}\n              <AnimatedPressable\n                accessible={false}\n                aria-hidden\n                focusable={false}\n                onPress={onScrimPress}\n                style={composeStyles<AnimatedStyle<ViewStyle>>(\n                  styles.scrim,\n                  scrim,\n                )}\n                tabIndex={-1}\n              />\n              {children}\n            </OverlayHost>\n          </SeparatorOrientationContext>\n        </ButtonTooltipContext>\n      </ButtonSlotContext>\n    </Modal>\n  )\n}\n\n// The surface's role and name on iOS and Android. On web React Native Web's\n// `Modal` is the dialog element, so the surface takes neither there.\nfunction panelRoleOf(\n  role: 'alertdialog' | 'dialog',\n  labelledBy: string | undefined,\n): Pick<ViewProps, 'aria-labelledby' | 'aria-modal' | 'role'> {\n  if (Platform.OS === 'web') {\n    return {}\n  }\n\n  return { 'aria-labelledby': labelledBy, 'aria-modal': true, role }\n}\n\n// Counts each part as it mounts and unmounts, so the parts around it know\n// which of them are there.\nfunction registerOf<Part extends string>(\n  setParts: (\n    update: (\n      parts: Readonly<Record<Part, number>>,\n    ) => Readonly<Record<Part, number>>,\n  ) => void,\n) {\n  return (part: Part) => {\n    setParts((parts) => ({ ...parts, [part]: parts[part] + 1 }))\n\n    return () => {\n      setParts((parts) => ({ ...parts, [part]: parts[part] - 1 }))\n    }\n  }\n}\n\n/**\n * The open state a surface's content part reads: its trigger's, inside one,\n * and its own otherwise. `present` stays true from the moment it opens until\n * the call site's exit has run and set it false, and the close slot and the\n * scrim close it through `close`.\n */\nfunction useModalState(outer: ModalTrigger | null, props: ModalOpenProps) {\n  const own = useOverlayTriggerState(props)\n  const state = outer?.state ?? own\n  const [present, setPresent] = useState(state.isOpen)\n  const close = useCallback(() => {\n    state.close()\n  }, [state])\n  const slots = useMemo<ButtonSlots>(() => ({ close }), [close])\n\n  // Mounted the moment it opens, and kept until its exit has run.\n  if (state.isOpen && !present) {\n    setPresent(true)\n  }\n\n  useReturnFocus(present, outer)\n\n  return { close, present, setPresent, slots, state }\n}\n\n/**\n * The open state a surface's trigger part holds, and the default slot a\n * button inside it fills: it records itself as the button focus returns to,\n * and opens the surface. React Native types the target as a bare view tag\n * too, which focus cannot be sent to, so such a press records nothing.\n */\nfunction useModalTrigger(props: ModalOpenProps) {\n  const state = useOverlayTriggerState(props)\n  const [trigger, setTrigger] = useState<HostInstance | null>(null)\n  const context = useMemo<ModalTrigger>(\n    () => ({ state, trigger }),\n    [state, trigger],\n  )\n  const slots = useMemo<ButtonSlots>(\n    () => ({\n      default: (event: GestureResponderEvent) => {\n        const target = event.currentTarget\n\n        setTrigger(typeof target === 'number' ? null : target)\n        state.open()\n      },\n    }),\n    [state],\n  )\n\n  return { context, slots }\n}\n\n// Sends the screen reader back to the button that opened the surface once it\n// has gone. React Native Web's `Modal` restores focus itself.\nfunction useReturnFocus(present: boolean, outer: ModalTrigger | null) {\n  const shown = useRef(present)\n\n  useEffect(() => {\n    const trigger = outer?.trigger ?? null\n    const gone = shown.current && !present\n\n    shown.current = present\n    if (gone && trigger !== null && Platform.OS !== 'web') {\n      AccessibilityInfo.sendAccessibilityEvent(trigger, 'focus')\n    }\n  }, [outer, present])\n}\n\nexport {\n  insetsOf,\n  ModalWindow,\n  NO_INSETS,\n  panelRoleOf,\n  registerOf,\n  useModalState,\n  useModalTrigger,\n}\nexport type { ModalOpenProps, ModalTrigger }\n"],"mappings":"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"}