@octane-xplat/ui 0.7.1 → 0.7.3

package/src/grid-auto-placement.ts

@@ -0,0 +1,121 @@
+import type { GridChildPlacement } from './grid-placement'
+
+export interface GridCell {
+	row: number
+	col: number
+}
+
+export interface GridAutoPlacement {
+	cells: GridCell[]
+	rowCount: number
+	columnCount: number
+}
+
+function gridIndex(value: unknown): number | null {
+	if (value == null || value === '') return null
+	const index = Number(value)
+	return Number.isInteger(index) && index >= 0 ? index : null
+}
+
+function gridSpan(value: unknown): number {
+	const span = Number(value)
+	return Number.isInteger(span) && span > 0 ? span : 1
+}
+
+function trackCount(spec?: string): number {
+	return spec?.split(',').filter((track) => track.trim().length > 0).length ?? 0
+}
+
+/** Match CSS Grid's row-flow placement for NativeScript GridLayout children. */
+export function autoPlaceGridChildren(
+	items: readonly GridChildPlacement[],
+	rowTracks?: string,
+	columnTracks?: string,
+): GridAutoPlacement {
+	const placements = items.map((item) => ({
+		row: gridIndex(item.row),
+		col: gridIndex(item.col),
+		rowSpan: gridSpan(item.rowSpan),
+		colSpan: gridSpan(item.colSpan),
+	}))
+	const columnCount = Math.max(
+		1,
+		trackCount(columnTracks),
+		...placements
+			.filter((placement) => placement.col != null)
+			.map((placement) => placement.col! + placement.colSpan),
+		...placements.map((placement) => placement.colSpan),
+	)
+	const occupied = new Set<string>()
+	const isFree = (row: number, col: number, rowSpan: number, colSpan: number) => {
+		for (let y = row; y < row + rowSpan; y++) {
+			for (let x = col; x < col + colSpan; x++) {
+				if (occupied.has(`${y},${x}`)) return false
+			}
+		}
+		return true
+	}
+	const occupy = (row: number, col: number, rowSpan: number, colSpan: number) => {
+		for (let y = row; y < row + rowSpan; y++) {
+			for (let x = col; x < col + colSpan; x++) occupied.add(`${y},${x}`)
+		}
+	}
+
+	// Definite placements reserve their cells before automatic items flow.
+	for (const placement of placements) {
+		if (placement.row != null && placement.col != null) {
+			occupy(placement.row, placement.col, placement.rowSpan, placement.colSpan)
+		}
+	}
+
+	for (const placement of placements) {
+		if (placement.row == null || placement.col != null) continue
+		let col = 0
+		while (!isFree(placement.row, col, placement.rowSpan, placement.colSpan)) col++
+		placement.col = col
+		occupy(placement.row, col, placement.rowSpan, placement.colSpan)
+	}
+
+	for (const placement of placements) {
+		if (placement.col == null || placement.row != null) continue
+		let row = 0
+		while (!isFree(row, placement.col, placement.rowSpan, placement.colSpan)) row++
+		placement.row = row
+		occupy(row, placement.col, placement.rowSpan, placement.colSpan)
+	}
+
+	let cursorRow = 0
+	let cursorCol = 0
+	for (const placement of placements) {
+		if (placement.row != null && placement.col != null) continue
+		while (true) {
+			if (cursorCol + placement.colSpan > columnCount) {
+				cursorRow++
+				cursorCol = 0
+				continue
+			}
+			if (isFree(cursorRow, cursorCol, placement.rowSpan, placement.colSpan)) break
+			cursorCol++
+		}
+		placement.row = cursorRow
+		placement.col = cursorCol
+		occupy(cursorRow, cursorCol, placement.rowSpan, placement.colSpan)
+		cursorCol += placement.colSpan
+		if (cursorCol >= columnCount) {
+			cursorRow++
+			cursorCol = 0
+		}
+	}
+
+	return {
+		cells: placements.map(({ row, col }) => ({ row: row!, col: col! })),
+		rowCount: Math.max(trackCount(rowTracks), ...placements.map((item) => item.row! + item.rowSpan)),
+		columnCount: Math.max(columnCount, ...placements.map((item) => item.col! + item.colSpan)),
+	}
+}
+
+export function ensureGridTracks(spec: string | undefined, requiredCount: number): string {
+	const tracks = spec?.split(',').map((track) => track.trim()).filter(Boolean) ?? []
+	while (tracks.length < requiredCount) tracks.push('auto')
+	return tracks.join(',')
+}

package/src/grid-placement.ts

@@ -0,0 +1,29 @@
+import type { LayoutChildProps } from './props'
+
+export type GridChildPlacement = Pick<LayoutChildProps, 'row' | 'col' | 'rowSpan' | 'colSpan'>
+
+const placements = new WeakMap<object, GridChildPlacement>()
+
+/** Keep the authored Grid placement next to its mounted NativeScript view. */
+export function rememberGridChildPlacement(view: unknown, props: GridChildPlacement): void {
+	if ((typeof view !== 'object' || view === null) && typeof view !== 'function') {
+		return
+	}
+
+	const placement: GridChildPlacement = {}
+	for (const key of ['row', 'col', 'rowSpan', 'colSpan'] as const) {
+		if (props[key] !== undefined) {
+			placement[key] = props[key]
+		}
+	}
+
+	if (Object.keys(placement).length) {
+		placements.set(view as object, placement)
+	} else {
+		placements.delete(view as object)
+	}
+}
+
+export function gridChildPlacement(view: unknown): GridChildPlacement {
+	return typeof view === 'object' && view !== null ? placements.get(view) ?? {} : {}
+}

package/src/index.shared.ts

@@ -1,28 +1,28 @@
 // Foundations and common controls
-export { View } from './View.tsrx'
-export { View as Column } from './View.tsrx'
-export { Row } from './Row.tsrx'
-export { Grid } from './Grid.tsrx'
-export { Stack } from './Stack.tsrx'
-export { Absolute } from './Absolute.tsrx'
+export { View } from './View'
+export { View as Column } from './View'
+export { Row } from './Row'
+export { Grid } from './Grid'
+export { Stack } from './Stack'
+export { Absolute } from './Absolute'
 export type { PanEvent, SwipeEvent, SetTranslate } from './props'
 export { setTranslate } from './translate'
-export { Spacer } from './Spacer.tsrx'
-export { Text } from './Text.tsrx'
-export { RichText, RichTextSpan } from './RichText.tsrx'
-export { Pressable } from './Pressable.tsrx'
-export { Button } from './Button.tsrx'
-export { Collapsible } from './Collapsible.tsrx'
-export { Accordion } from './Accordion.tsrx'
-export { Checkbox } from './Checkbox.tsrx'
-export { RadioGroup } from './RadioGroup.tsrx'
-export { DropdownMenu } from './DropdownMenu.tsrx'
-export { ContextMenu } from './ContextMenu.tsrx'
-export { Badge } from './Badge.tsrx'
-export { Separator } from './Separator.tsrx'
-export { Skeleton } from './Skeleton.tsrx'
-export { Avatar } from './Avatar.tsrx'
-export { AvatarGroup } from './AvatarGroup.tsrx'
+export { Spacer } from './Spacer'
+export { Text } from './Text'
+export { RichText, RichTextSpan } from './RichText'
+export { Pressable } from './Pressable'
+export { Button } from './Button'
+export { Collapsible } from './Collapsible'
+export { Accordion } from './Accordion'
+export { Checkbox } from './Checkbox'
+export { RadioGroup } from './RadioGroup'
+export { DropdownMenu } from './DropdownMenu'
+export { ContextMenu } from './ContextMenu'
+export { Badge } from './Badge'
+export { Separator } from './Separator'
+export { Skeleton } from './Skeleton'
+export { Avatar } from './Avatar'
+export { AvatarGroup } from './AvatarGroup'
 export type {
 	AccordionItemSpec,
 	AccordionProps,
@@ -43,16 +43,16 @@ export type {
 } from './props'
 
 // Forms and data entry
-export { FormField } from './FormField.tsrx'
-export { FieldGroup } from './FieldGroup.tsrx'
-export { ListItem } from './ListItem.tsrx'
-export { InputNumber } from './InputNumber.tsrx'
-export { PinInput } from './PinInput.tsrx'
-export { Select } from './Select.tsrx'
-export { SelectMenu, Combobox, InputMenu } from './aliases.tsrx'
-export { InputTags } from './InputTags.tsrx'
-export { InputRating } from './InputRating.tsrx'
-export { CheckboxGroup } from './CheckboxGroup.tsrx'
+export { FormField } from './FormField'
+export { FieldGroup } from './FieldGroup'
+export { ListItem } from './ListItem'
+export { InputNumber } from './InputNumber'
+export { PinInput } from './PinInput'
+export { Select } from './Select'
+export { SelectMenu, Combobox, InputMenu } from './aliases'
+export { InputTags } from './InputTags'
+export { InputRating } from './InputRating'
+export { CheckboxGroup } from './CheckboxGroup'
 export type {
 	CheckboxGroupProps,
 	FieldGroupProps,
@@ -69,11 +69,11 @@ export type {
 } from './props'
 
 // Navigation and command surfaces
-export { Breadcrumb } from './Breadcrumb.tsrx'
-export { Pagination } from './Pagination.tsrx'
-export { Stepper } from './Stepper.tsrx'
-export { NavigationMenu } from './NavigationMenu.tsrx'
-export { CommandPalette } from './CommandPalette.tsrx'
+export { Breadcrumb } from './Breadcrumb'
+export { Pagination } from './Pagination'
+export { Stepper } from './Stepper'
+export { NavigationMenu } from './NavigationMenu'
+export { CommandPalette } from './CommandPalette'
 export type {
 	BreadcrumbItem,
 	BreadcrumbProps,
@@ -86,17 +86,17 @@ export type {
 } from './props'
 
 // Content and display
-export { Table } from './Table.tsrx'
-export { Timeline } from './Timeline.tsrx'
-export { Tree } from './Tree.tsrx'
-export { Alert } from './Alert.tsrx'
-export { Card } from './Card.tsrx'
-export { Chip } from './Chip.tsrx'
-export { Kbd } from './Kbd.tsrx'
-export { Empty } from './Empty.tsrx'
-export { Banner } from './Banner.tsrx'
-export { User } from './User.tsrx'
-export { ProgressGroup } from './ProgressGroup.tsrx'
+export { Table } from './Table'
+export { Timeline } from './Timeline'
+export { Tree } from './Tree'
+export { Alert } from './Alert'
+export { Card } from './Card'
+export { Chip } from './Chip'
+export { Kbd } from './Kbd'
+export { Empty } from './Empty'
+export { Banner } from './Banner'
+export { User } from './User'
+export { ProgressGroup } from './ProgressGroup'
 export type {
 	AlertProps,
 	BannerProps,
@@ -115,24 +115,24 @@ export type {
 } from './props'
 
 // Links, input, scrolling, media, and overlays
-export { Link } from './Link.tsrx'
-export { NavLink } from './NavLink.tsrx'
-export { TextInput } from './TextInput.tsrx'
-export { TextArea } from './TextArea.tsrx'
-export { SearchInput } from './SearchInput.tsrx'
-export { SegmentedControl } from './SegmentedControl.tsrx'
-export { ScrollBox } from './ScrollBox.tsrx'
-export { ScrollView } from './ScrollView.tsrx'
-export { VirtualList } from './VirtualList.tsrx'
+export { Link } from './Link'
+export { NavLink } from './NavLink'
+export { TextInput } from './TextInput'
+export { TextArea } from './TextArea'
+export { SearchInput } from './SearchInput'
+export { SegmentedControl } from './SegmentedControl'
+export { ScrollBox } from './ScrollBox'
+export { ScrollView } from './ScrollView'
+export { VirtualList } from './VirtualList'
 export type { VirtualListProps } from './props'
-export { Image } from './Image.tsrx'
-export { WebView } from './WebView.tsrx'
+export { Image } from './Image'
+export { WebView } from './WebView'
 export type { WebViewContentSize, WebViewHandle, WebViewLoadEvent, WebViewProps } from './props'
-export { Overlay } from './Overlay.tsrx'
-export { Popover } from './Popover.tsrx'
-export { Hoverable } from './Hoverable.tsrx'
-export { Tooltip } from './Tooltip.tsrx'
-export { showToast } from './toast-anchor.tsrx'
+export { Overlay } from './Overlay'
+export { Popover } from './Popover'
+export { Hoverable } from './Hoverable'
+export { Tooltip } from './Tooltip'
+export { showToast } from './toast-anchor'
 export type {
 	HoverableProps,
 	OverlayProps,
@@ -146,8 +146,8 @@ export type {
 } from './props'
 
 // Animation, theme, styling, and host services
-export { useAnimation } from './anim.tsrx'
-export type { AnimatedValue } from './anim.tsrx'
+export { useAnimation } from './anim'
+export type { AnimatedValue } from './anim'
 export {
 	useThemeScheme,
 	getThemeScheme,
@@ -160,25 +160,25 @@ export {
 
 export { useColorScheme, getColorScheme } from './theme/colorScheme'
 export type { ColorScheme } from './theme/colorScheme'
-export { styled } from './styled.tsrx'
+export { styled } from './styled'
 export { openWindow } from './windows'
 
 // Screens, visual controls, and icons
-export { Screen } from './Screen.tsrx'
-export { Tabs } from './Tabs.tsrx'
-export type { TabSpec } from './Tabs.tsrx'
-export { Switch } from './Switch.tsrx'
-export { SafeArea } from './SafeArea.tsrx'
-export { Drawer } from './Drawer.tsrx'
-export { useSafeAreaInsets } from './safeAreaInsets.tsrx'
-export type { SafeAreaInsets } from './safeAreaInsets.tsrx'
-export { useMeasure } from './useMeasure.tsrx'
+export { Screen } from './Screen'
+export { Tabs } from './Tabs'
+export type { TabSpec } from './Tabs'
+export { Switch } from './Switch'
+export { SafeArea } from './SafeArea'
+export { Drawer } from './Drawer'
+export { useSafeAreaInsets } from './safeAreaInsets'
+export type { SafeAreaInsets } from './safeAreaInsets'
+export { useMeasure } from './useMeasure'
 export type { MeasureBounds, MeasureResult, UseMeasureOptions } from './props'
-export { ActivityIndicator } from './ActivityIndicator.tsrx'
-export { Meter } from './Meter.tsrx'
-export { Slider } from './Slider.tsrx'
-export { Icon } from './Icon.tsrx'
-export { Heading } from './Heading.tsrx'
+export { ActivityIndicator } from './ActivityIndicator'
+export { Meter } from './Meter'
+export { Slider } from './Slider'
+export { Icon } from './Icon'
+export { Heading } from './Heading'
 export { registerIcon, registerIcons } from './icons'
 export type { IconGlyph } from './icons'
 export type {
@@ -216,7 +216,7 @@ export {
 	layoutsForRoute,
 } from './route'
 
-export { useBackInterceptor } from './use-back.tsrx'
+export { useBackInterceptor } from './use-back'
 
 export { deriveRouteManifest, defineRoutes, mergeRouteManifests } from './route-table'
 export type {
@@ -240,8 +240,8 @@ export type {
 // Stores, sheets, and shared prop types
 export { createStore } from './store'
 export type { Store, ReadableStore } from './store'
-export { useStore } from './use-store.tsrx'
-export { Sheet } from './Sheet.tsrx'
+export { useStore } from './use-store'
+export { Sheet } from './Sheet'
 export { openSheet, closeSheet } from './sheet-service'
 export type { SheetProps, SheetOpenOptions, OpenSheet } from './props'
 export type {

package/src/index.web.ts

@@ -1,261 +1 @@
-export { View } from './View.web.tsrx'
-export { View as Column } from './View.web.tsrx'
-export { Row } from './Row.web.tsrx'
-export { Grid } from './Grid.web.tsrx'
-export { Stack } from './Stack.web.tsrx'
-export { Absolute } from './Absolute.web.tsrx'
-export type { PanEvent, SwipeEvent, SetTranslate } from './props'
-export { setTranslate } from './translate.web'
-export { Spacer } from './Spacer.web.tsrx'
-export { Text } from './Text.web.tsrx'
-export { RichText, RichTextSpan } from './RichText.web.tsrx'
-export { Pressable } from './Pressable.web.tsrx'
-export { Button } from './Button.web.tsrx'
-export { Collapsible } from './Collapsible.web.tsrx'
-export { Accordion } from './Accordion.web.tsrx'
-export { Checkbox } from './Checkbox.web.tsrx'
-export { RadioGroup } from './RadioGroup.web.tsrx'
-export { DropdownMenu } from './DropdownMenu.web.tsrx'
-export { ContextMenu } from './ContextMenu.web.tsrx'
-export { Badge } from './Badge.web.tsrx'
-export { Separator } from './Separator.web.tsrx'
-export { Skeleton } from './Skeleton.web.tsrx'
-export { Avatar } from './Avatar.web.tsrx'
-export { AvatarGroup } from './AvatarGroup.web.tsrx'
-export type {
-	AccordionItemSpec,
-	AccordionProps,
-	AvatarGroupProps,
-	AvatarProps,
-	BadgeProps,
-	ButtonProps,
-	CheckboxProps,
-	CollapsibleProps,
-	ContextMenuProps,
-	DropdownMenuProps,
-	MenuItem,
-	RadioGroupProps,
-	RadioOption,
-	SegmentedControlProps,
-	SeparatorProps,
-	SkeletonProps,
-} from './props'
-
-export { FormField } from './FormField.web.tsrx'
-export { FieldGroup } from './FieldGroup.web.tsrx'
-export { ListItem } from './ListItem.web.tsrx'
-export { InputNumber } from './InputNumber.web.tsrx'
-export { PinInput } from './PinInput.web.tsrx'
-export { Select } from './Select.web.tsrx'
-export { SelectMenu, Combobox, InputMenu } from './aliases.web.tsrx'
-export { InputTags } from './InputTags.web.tsrx'
-export { InputRating } from './InputRating.web.tsrx'
-export { CheckboxGroup } from './CheckboxGroup.web.tsrx'
-export type {
-	CheckboxGroupProps,
-	FieldGroupProps,
-	ListItemComponent,
-	ListItemProps,
-	ListItemSlotProps,
-	FormFieldProps,
-	InputNumberProps,
-	InputRatingProps,
-	InputTagsProps,
-	PinInputProps,
-	SelectOption,
-	SelectProps,
-} from './props'
-
-export { Breadcrumb } from './Breadcrumb.web.tsrx'
-export { Pagination } from './Pagination.web.tsrx'
-export { Stepper } from './Stepper.web.tsrx'
-export { NavigationMenu } from './NavigationMenu.web.tsrx'
-export { CommandPalette } from './CommandPalette.web.tsrx'
-export type {
-	BreadcrumbItem,
-	BreadcrumbProps,
-	CommandPaletteProps,
-	NavigationMenuItem,
-	NavigationMenuProps,
-	PaginationProps,
-	StepperProps,
-	StepperStep,
-} from './props'
-
-export { Table } from './Table.web.tsrx'
-export { Timeline } from './Timeline.web.tsrx'
-export { Tree } from './Tree.web.tsrx'
-export { Alert } from './Alert.web.tsrx'
-export { Card } from './Card.web.tsrx'
-export { Chip } from './Chip.web.tsrx'
-export { Kbd } from './Kbd.web.tsrx'
-export { Empty } from './Empty.web.tsrx'
-export { Banner } from './Banner.web.tsrx'
-export { User } from './User.web.tsrx'
-export { ProgressGroup } from './ProgressGroup.web.tsrx'
-export type {
-	AlertProps,
-	BannerProps,
-	CardProps,
-	ChipProps,
-	EmptyProps,
-	KbdProps,
-	ProgressGroupProps,
-	TableColumn,
-	TableProps,
-	TimelineItem,
-	TimelineProps,
-	TreeNode,
-	TreeProps,
-	UserProps,
-} from './props'
-
-export { Link } from './Link.web.tsrx'
-export { NavLink } from './NavLink.web.tsrx'
-export { TextInput } from './TextInput.web.tsrx'
-export { TextArea } from './TextArea.web.tsrx'
-export { SearchInput } from './SearchInput.web.tsrx'
-export { SegmentedControl } from './SegmentedControl.web.tsrx'
-export { ScrollBox } from './ScrollBox.web.tsrx'
-export { ScrollView } from './ScrollView.web.tsrx'
-export { VirtualList } from './VirtualList.web.tsrx'
-export type { VirtualListProps } from './props'
-export { Image } from './Image.web.tsrx'
-export { WebView } from './WebView.web.tsrx'
-export type { WebViewContentSize, WebViewHandle, WebViewLoadEvent, WebViewProps } from './props'
-export { Overlay } from './Overlay.web.tsrx'
-export { Popover } from './Popover.web.tsrx'
-export { Hoverable } from './Hoverable.web.tsrx'
-export { Tooltip } from './Tooltip.web.tsrx'
-export { showToast } from './toast-anchor.web.tsrx'
-export type {
-	HoverableProps,
-	OverlayProps,
-	PopoverAnchorRef,
-	PopoverProps,
-	PopoverPlacement,
-	ToastContent,
-	ToastOptions,
-	ToastPosition,
-	TooltipProps,
-} from './props'
-
-export { useAnimation } from './anim.web.tsrx'
-export type { AnimatedValue } from './anim.web.tsrx'
-export {
-	useThemeScheme,
-	getThemeScheme,
-	setThemePreference,
-	getThemePreference,
-	themeSchemeClasses,
-	onThemeSchemeChange,
-	applyThemeClasses,
-} from './theme/theme-scheme'
-
-export { useColorScheme, getColorScheme } from './theme/colorScheme.web'
-export type { ColorScheme } from './theme/colorScheme.web'
-export { styled } from './styled.web.tsrx'
-export { openWindow } from './windows.web'
-export { Screen } from './Screen.web.tsrx'
-export { Tabs } from './Tabs.web.tsrx'
-export type { TabSpec } from './Tabs.web.tsrx'
-export { Switch } from './Switch.web.tsrx'
-export { SafeArea } from './SafeArea.web.tsrx'
-export { Drawer } from './Drawer.web.tsrx'
-export { useSafeAreaInsets } from './safeAreaInsets.web.tsrx'
-export type { SafeAreaInsets } from './safeAreaInsets.web.tsrx'
-export { useMeasure } from './useMeasure.web.tsrx'
-export type { MeasureBounds, MeasureResult, UseMeasureOptions } from './props'
-export { ActivityIndicator } from './ActivityIndicator.web.tsrx'
-export { Meter } from './Meter.web.tsrx'
-export { Slider } from './Slider.web.tsrx'
-export { Icon } from './Icon.web.tsrx'
-export { Heading } from './Heading.web.tsrx'
-export { registerIcon, registerIcons } from './icons'
-export type { IconGlyph } from './icons'
-export type {
-	ActivityIndicatorProps,
-	HeadingProps,
-	IconProps,
-	MeterProps,
-	RefreshProps,
-	SearchInputProps,
-	SliderProps,
-} from './props'
-
-export { isNative } from './platform.web'
-export { registerStack, getStack, stackEntries } from './stacks.web'
-export {
-	pushRoute,
-	popRoute,
-	routeStacks,
-	pushDeepLink,
-	routeFor,
-	currentRoute,
-	currentModalRoute,
-	canGoBack,
-	useCanGoBack,
-	useRoute,
-	useModalRoute,
-	redirect,
-	addBackInterceptor,
-	registerScreens,
-	registerRoutes,
-	addRoutes,
-	screenFor,
-	hrefFor,
-	layoutsFor as layoutsForRoute,
-} from './route.web'
-
-export { useBackInterceptor } from './use-back.web.tsrx'
-
-export { deriveRouteManifest, defineRoutes, mergeRouteManifests } from './route-table'
-export type {
-	BeforeLoad,
-	BeforeLoadArgs,
-	LinkProps,
-	NavLinkProps,
-	Route,
-	RouteContext,
-	RouteHead,
-	RouteHeadExport,
-	RouteMeta,
-	RouteManifest,
-	RouteSpec,
-	RouteSpecSet,
-	ScreenTable,
-	ModalOpenResult,
-	OpenWindowOptions,
-} from './props'
-
-export { createStore } from './store'
-export type { Store, ReadableStore } from './store'
-export { useStore } from './use-store.web.tsrx'
-export { Sheet } from './Sheet.web.tsrx'
-export { openSheet, closeSheet } from './sheet-service.web'
-export type { SheetProps, SheetOpenOptions, OpenSheet } from './props'
-
-// These props are shared type-only exports added after the explicit web barrel.
-export type {
-	AbsoluteProps,
-	DrawerProps,
-	GridProps,
-	ImageProps,
-	LayoutChildProps,
-	PressableProps,
-	RichTextProps,
-	RichTextSpanProps,
-	RowProps,
-	SafeAreaProps,
-	ScreenProps,
-	ScrollBoxProps,
-	ScrollViewProps,
-	SpacerProps,
-	StackProps,
-	SwitchProps,
-	TabsProps,
-	TextAreaProps,
-	TextInputProps,
-	TextProps,
-	ViewProps,
-} from './props'
+export * from './index.shared'

package/src/sheet-service.ts

@@ -6,7 +6,7 @@ import { topRootLayout } from './root-layout.mobile'
 import { applyThemeClasses } from './theme/theme-scheme'
 import { attachSheetDetents } from './sheet-detents'
 import { bindBottomInsetToKeyboard } from './keyboard-inset.mobile'
-import { attachTapToBlur } from './tap-to-blur.mobile' 
+import { attachTapToBlur } from './tap-to-blur'
 
 interface ActiveSheet {
 	host: GridLayout