@octane-xplat/ui 0.6.0 → 0.7.0

package/types/index.macos.d.ts

@@ -0,0 +1,142 @@
+// Components exposed on AppKit use ordinary function signatures so they
+// remain valid JSX elements in the AppKit renderer's TypeScript program.
+import type * as P from './generated/props.js'
+import type { SafeAreaInsets } from './generated/safeAreaInsets.js'
+
+type Component<Props = Record<string, unknown>> = (props: Props & { children?: any }) => unknown
+
+export type * from './generated/props.js'
+
+export declare const View: Component<P.ViewProps>
+export declare const Column: Component<P.ViewProps>
+export declare const Row: Component<P.RowProps>
+export declare const Grid: Component<P.GridProps>
+export declare const Stack: Component<P.StackProps>
+export declare const Absolute: Component<P.AbsoluteProps>
+export declare const Spacer: Component<P.SpacerProps>
+export declare const Text: Component<P.TextProps>
+export declare const RichText: Component<P.RichTextProps>
+export declare const RichTextSpan: Component<P.RichTextSpanProps>
+export declare const Pressable: Component<P.PressableProps>
+export declare const Button: Component<P.ButtonProps>
+export declare const Collapsible: Component<P.CollapsibleProps>
+export declare const Accordion: Component<P.AccordionProps>
+export declare const Checkbox: Component<P.CheckboxProps>
+export declare const RadioGroup: Component<P.RadioGroupProps>
+export declare const DropdownMenu: Component<P.DropdownMenuProps>
+export declare const ContextMenu: Component<P.ContextMenuProps>
+export declare const Badge: Component<P.BadgeProps>
+export declare const Separator: Component<P.SeparatorProps>
+export declare const Skeleton: Component<P.SkeletonProps>
+export declare const Avatar: Component<P.AvatarProps>
+export declare const AvatarGroup: Component<P.AvatarGroupProps>
+export declare const FormField: Component<P.FormFieldProps>
+export declare const FieldGroup: Component<P.FieldGroupProps>
+export declare const ListItem: Component<P.ListItemProps>
+export declare const InputNumber: Component<P.InputNumberProps>
+export declare const PinInput: Component<P.PinInputProps>
+export declare const Select: Component<P.SelectProps>
+export declare const SelectMenu: Component<P.SelectProps>
+export declare const Combobox: Component<P.SelectProps>
+export declare const InputMenu: Component<P.SelectProps>
+export declare const InputTags: Component<P.InputTagsProps>
+export declare const InputRating: Component<P.InputRatingProps>
+export declare const CheckboxGroup: Component<P.CheckboxGroupProps>
+export declare const Breadcrumb: Component<P.BreadcrumbProps>
+export declare const Pagination: Component<P.PaginationProps>
+export declare const Stepper: Component<P.StepperProps>
+export declare const NavigationMenu: Component<P.NavigationMenuProps>
+export declare const CommandPalette: Component<P.CommandPaletteProps>
+export declare const Table: Component<P.TableProps>
+export declare const Timeline: Component<P.TimelineProps>
+export declare const Tree: Component<P.TreeProps>
+export declare const Alert: Component<P.AlertProps>
+export declare const Card: Component<P.CardProps>
+export declare const Chip: Component<P.ChipProps>
+export declare const Kbd: Component<P.KbdProps>
+export declare const Empty: Component<P.EmptyProps>
+export declare const Banner: Component<P.BannerProps>
+export declare const User: Component<P.UserProps>
+export declare const ProgressGroup: Component<P.ProgressGroupProps>
+export declare const Link: Component<P.LinkProps>
+export declare const NavLink: Component<P.NavLinkProps>
+export declare const TextInput: Component<P.TextInputProps>
+export declare const TextArea: Component<P.TextAreaProps>
+export declare const SearchInput: Component<P.SearchInputProps>
+export declare const SegmentedControl: Component<P.SegmentedControlProps>
+export declare const ScrollBox: Component<P.ScrollViewProps>
+export declare const ScrollView: Component<P.ScrollViewProps>
+/** AppKit fallback with keyed rows and one nonvirtualized scroll view. */
+export declare function VirtualList<T = any>(props: P.VirtualListProps<T> & { children?: any }): unknown
+export declare const Image: Component<P.ImageProps>
+export declare const WebView: Component<P.WebViewProps>
+export declare const CameraView: Component
+export declare const Overlay: Component<P.OverlayProps>
+export declare const Popover: Component<P.PopoverProps>
+export declare const Hoverable: Component<P.HoverableProps>
+export declare const Tooltip: Component<P.TooltipProps>
+export declare const Sheet: Component<P.SheetProps>
+export declare const Tabs: Component<P.TabsProps>
+export declare const Screen: Component<P.ScreenProps>
+export declare const Switch: Component<P.SwitchProps>
+export declare const SafeArea: Component<P.SafeAreaProps>
+export declare const KeyboardAvoiding: Component<P.KeyboardAvoidingProps>
+export declare const Drawer: Component<P.DrawerProps>
+export declare const ActivityIndicator: Component<P.ActivityIndicatorProps>
+export declare const Meter: Component<P.MeterProps>
+export declare const Slider: Component<P.SliderProps>
+export declare const Icon: Component<P.IconProps>
+export declare const Heading: Component<P.HeadingProps>
+
+export declare function setTranslate(el: any, x?: number, y?: number): void
+export declare function useAnimation(initial?: number, property?: string): P.AnimatedValue
+export declare function useThemeScheme(): P.ColorScheme
+export declare function getThemeScheme(): P.ColorScheme
+export declare function setThemePreference(value: 'light' | 'dark' | 'system'): void
+export declare function getThemePreference(): 'light' | 'dark' | 'system'
+export declare function themeSchemeClasses(): string
+export declare function onThemeSchemeChange(listener: () => void): () => void
+export declare function applyThemeClasses(view: any): void
+export declare function useColorScheme(): P.ColorScheme
+export declare function getColorScheme(): P.ColorScheme
+export declare function styled<T>(component: T, options?: any): T
+export declare function openWindow(options?: P.OpenWindowOptions): any
+export declare function useSafeAreaInsets(): SafeAreaInsets
+export declare function useMeasure(options?: P.UseMeasureOptions): P.MeasureResult
+export declare function registerIcon(name: string, glyph: P.IconGlyph): void
+export declare function registerIcons(record: Record<string, P.IconGlyph>): void
+export declare function showToast(content: P.ToastContent, options?: P.ToastOptions): void
+
+export declare const isNative: true
+export declare function registerStack(name: string, stack: any): void
+export declare function getStack(name: string): any
+export declare function stackEntries(): IterableIterator<[string, any]>
+export declare function pushRoute(route: P.Route): void
+export declare function popRoute(stack?: string): void
+export declare function routeStacks(): string[]
+export declare function pushDeepLink(url: string): void
+export declare function routeFor(stack: string): P.Route | null
+export declare function currentRoute(): P.Route | null
+export declare function currentModalRoute(): P.Route | null
+export declare function canGoBack(stack?: string): boolean
+export declare function useCanGoBack(stack?: string): boolean
+export declare function useRoute(stack?: string): P.Route | null
+export declare function useModalRoute(): P.Route | null
+export declare function redirect(route: P.Route): never
+export declare function addBackInterceptor(fn: () => boolean): () => void
+export declare function registerScreens(table: P.ScreenTable, routes?: P.RouteMeta[]): void
+export declare function registerRoutes(manifest: P.RouteManifest): void
+/** Layer a programmatic manifest (from `defineRoutes`) over the registered
+ *  routes — same-name entries win over the base with a warn. */
+export declare function addRoutes(manifest: P.RouteManifest): void
+export declare function screenFor(name: string): P.ScreenTable[string] | undefined
+export declare function hrefFor(route: P.Route): string
+export declare function layoutsForRoute(name: string): any[]
+export declare function deriveRouteManifest(files: Record<string, any>, prefer: readonly string[], dir?: string): P.RouteManifest
+export declare function defineRoutes(input: readonly P.RouteSpec[] | P.RouteSpecSet): P.RouteManifest
+export declare function mergeRouteManifests(...manifests: P.RouteManifest[]): P.RouteManifest
+export declare function createStore<T>(initial: T): P.Store<T>
+export declare function useStore<T>(store: P.ReadableStore<T>): T
+export declare const openSheet: P.OpenSheet
+export declare function closeSheet(result?: P.ModalOpenResult): void
+export declare function sheetHost(): null

package/dist/native/CameraView.native.tsrx.js

@@ -1,165 +0,0 @@
-import { cx } from "./cx.js";
-import { applyEscapeProps, nativeAccessibilityRole, nativeAccessibilityState } from "./escape-props.native.js";
-import { layoutChildProps } from "./layout-child.native.js";
-import { cameraHardwarePresent, ensureCameraPermission } from "./camera-permission.native.js";
-import { defineUniversalComponent, hookSlots, registerElement, universalIf, universalPlan, universalProps, universalValue, useCallback, useEffect, useRef, useState } from "@nativescript-community/octane";
-import { isAndroid } from "@nativescript/core";
-import { __methodDep } from "octane";
-import { CameraPlus } from "@nstudio/nativescript-camera-plus";
-//#region src/CameraView.native.tsrx
-var _hs$ = /* @__PURE__ */ hookSlots(8);
-var _h$0 = /* @__PURE__ */ Symbol(_hs$);
-var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
-var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
-var _h$3 = /* @__PURE__ */ Symbol(_hs$ + 3);
-var _h$4 = /* @__PURE__ */ Symbol(_hs$ + 4);
-var _h$5 = /* @__PURE__ */ Symbol(_hs$ + 5);
-var _h$6 = /* @__PURE__ */ Symbol(_hs$ + 6);
-var _h$7 = /* @__PURE__ */ Symbol(_hs$ + 7);
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "cameraplus",
-	"props": {
-		"showFlashIcon": false,
-		"showToggleIcon": false,
-		"showCaptureIcon": false,
-		"showGalleryIcon": false,
-		"confirmPhotos": false,
-		"saveToGallery": false
-	},
-	"bindings": [
-		["ref", 0],
-		["onLoaded", 1],
-		["onError", 2]
-	]
-});
-var __octaneUniversalPlan1 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "gridlayout",
-	"propsSlot": 0,
-	"children": [{
-		"kind": "slot",
-		"slot": 1
-	}]
-});
-registerElement("cameraplus", CameraPlus);
-var CameraView = defineUniversalComponent("nativescript", function CameraView(props) {
-	const host = useRef(null, _h$0);
-	const wired = useRef(null, _h$1);
-	const currentFacing = useRef("back", _h$2);
-	const [granted, setGranted] = useState(false, _h$3);
-	const facing = props.facing ?? "back";
-	const active = props.active !== false;
-	const bindHost = useCallback((v) => {
-		host.current = v;
-	}, [], _h$4);
-	useEffect(() => {
-		if (!active) {
-			setGranted(false);
-			return;
-		}
-		if (!cameraHardwarePresent()) {
-			props.onError?.({ message: "camera unsupported" });
-			return;
-		}
-		let alive = true;
-		ensureCameraPermission().then((ok) => {
-			if (!alive) return;
-			setGranted(ok);
-			if (!ok) props.onError?.({ message: "camera permission denied" });
-		});
-		return () => {
-			alive = false;
-		};
-	}, [active], _h$5);
-	useEffect(() => {
-		const cam = host.current;
-		if (!cam || wired.current === cam) return;
-		wired.current = cam;
-		cam.doubleTapCameraSwitch = false;
-		applyEscapeProps(cam, props);
-		props.bind?.({ native: cam });
-		if (isAndroid) try {
-			cam.camera?.startPreview?.();
-		} catch {}
-	}, [props, __methodDep(props, "bind", true)], _h$6);
-	useEffect(() => {
-		const cam = host.current;
-		if (!cam || facing === currentFacing.current) return;
-		currentFacing.current = facing;
-		try {
-			cam.toggleCamera?.();
-		} catch {}
-	}, [facing], _h$7);
-	return universalValue(__octaneUniversalPlan1, [universalProps([
-		[
-			"set",
-			"id",
-			props.id
-		],
-		[
-			"set",
-			"rows",
-			"*"
-		],
-		[
-			"set",
-			"columns",
-			"*"
-		],
-		[
-			"set",
-			"className",
-			cx("vx-stack", "vx-cameraview", props.className)
-		],
-		[
-			"set",
-			"style",
-			props.style
-		],
-		["spread", layoutChildProps(props)],
-		[
-			"set",
-			"accessible",
-			props.accessible
-		],
-		[
-			"set",
-			"accessibilityLabel",
-			props.accessibilityLabel
-		],
-		[
-			"set",
-			"accessibilityRole",
-			nativeAccessibilityRole(props.accessibilityRole)
-		],
-		[
-			"set",
-			"accessibilityHint",
-			props.accessibilityHint
-		],
-		[
-			"set",
-			"accessibilityValue",
-			props.accessibilityValue
-		],
-		[
-			"set",
-			"accessibilityState",
-			nativeAccessibilityState(props.accessibilityState)
-		],
-		[
-			"set",
-			"accessibilityLiveRegion",
-			props.accessibilityLiveRegion
-		]
-	]), universalIf(active && granted, () => {
-		return universalValue(__octaneUniversalPlan0, [
-			bindHost,
-			() => props.onReady?.(),
-			(e) => props.onError?.({ message: e?.message ?? e?.data?.message ?? "camera error" })
-		]);
-	})]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { CameraView };

package/dist/native/Meter.native.tsrx.js

@@ -1,92 +0,0 @@
-import { cx } from "./cx.js";
-import { meterRange } from "./meter-math.js";
-import { defineUniversalComponent, hookSlots, registerElement, universalPlan, universalValue, useEffect, useRef } from "@nativescript-community/octane";
-import { AccessibilityRole } from "@nativescript/core";
-import { CanvasView, Cap, Paint, Style } from "@nativescript-community/ui-canvas";
-//#region src/Meter.native.tsrx
-var _hs$ = /* @__PURE__ */ hookSlots(2);
-var _h$0 = /* @__PURE__ */ Symbol(_hs$);
-var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "canvasview",
-	"props": { "accessible": true },
-	"bindings": [
-		["id", 0],
-		["ref", 1],
-		["className", 2],
-		["style", 3],
-		["onDraw", 4],
-		["accessibilityRole", 5],
-		["accessibilityLabel", 6],
-		["accessibilityValue", 7]
-	],
-	"children": [{
-		"kind": "host",
-		"type": "gridlayout",
-		"props": {
-			"horizontalAlignment": "center",
-			"verticalAlignment": "middle"
-		},
-		"children": [{
-			"kind": "slot",
-			"slot": 8
-		}]
-	}]
-});
-registerElement("canvasview", CanvasView);
-var Meter = defineUniversalComponent("nativescript", function Meter(props) {
-	const max = props.max ?? 100;
-	const { max: rangeMax, value, ratio } = meterRange(props.value, max);
-	const size = props.size ?? 24;
-	const strokeWidth = Math.max(0, Math.min(props.strokeWidth ?? 3, size));
-	const color = props.color ?? "#3376cc";
-	const trackColor = props.trackColor ?? "#e1ecf7";
-	const canvasRef = useRef(null, _h$0);
-	useEffect(() => {
-		canvasRef.current?.invalidate();
-	}, [
-		value,
-		rangeMax,
-		strokeWidth,
-		color,
-		trackColor
-	], _h$1);
-	const draw = (event) => {
-		const canvas = event.canvas;
-		const width = canvas.getWidth();
-		const height = canvas.getHeight();
-		const diameter = Math.max(0, Math.min(width, height) - strokeWidth);
-		const left = (width - diameter) / 2;
-		const top = (height - diameter) / 2;
-		const right = left + diameter;
-		const bottom = top + diameter;
-		const paint = new Paint();
-		paint.style = Style.STROKE;
-		paint.strokeCap = Cap.ROUND;
-		paint.strokeWidth = strokeWidth;
-		paint.setColor(trackColor);
-		canvas.drawArc(left, top, right, bottom, -90, 360, false, paint);
-		if (ratio > 0) {
-			paint.setColor(color);
-			canvas.drawArc(left, top, right, bottom, -90, ratio * 360, false, paint);
-		}
-	};
-	return universalValue(__octaneUniversalPlan0, [
-		props.id,
-		canvasRef,
-		cx("vx-meter", props.className),
-		{
-			width: size,
-			height: size,
-			...props.style
-		},
-		draw,
-		AccessibilityRole.ProgressBar,
-		props.accessibilityLabel,
-		`${value} of ${rangeMax}`,
-		props.children
-	]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { Meter };

package/dist/native/Pager.native.tsrx.js

@@ -1,282 +0,0 @@
-import { cx } from "./cx.js";
-import { applyEscapeProps, nativeAccessibilityRole, nativeAccessibilityState } from "./escape-props.native.js";
-import { layoutChildProps } from "./layout-child.native.js";
-import { NATIVESCRIPT_RENDERER_ID, createNativeScriptRoot, defineUniversalComponent, hookSlots, memo, registerElement, universalComponent, universalIf, universalPlan, universalProps, universalValue, useCallback, useEffect, useRef } from "@nativescript-community/octane";
-import { GridLayout } from "@nativescript/core";
-import { __methodDep } from "octane";
-import { Pager } from "@nativescript-community/ui-pager";
-//#region src/Pager.native.tsrx
-var _hs$ = /* @__PURE__ */ hookSlots(6);
-var _h$0 = /* @__PURE__ */ Symbol(_hs$);
-var _h$1 = /* @__PURE__ */ Symbol(_hs$ + 1);
-var _h$2 = /* @__PURE__ */ Symbol(_hs$ + 2);
-var _h$3 = /* @__PURE__ */ Symbol(_hs$ + 3);
-var _h$4 = /* @__PURE__ */ Symbol(_hs$ + 4);
-var _h$5 = /* @__PURE__ */ Symbol(_hs$ + 5);
-var __octaneUniversalPlan0 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "gridlayout",
-	"children": [{
-		"kind": "slot",
-		"slot": 0
-	}]
-});
-var __octaneUniversalPlan1 = universalPlan("nativescript", {
-	"kind": "host",
-	"type": "pager",
-	"propsSlot": 0
-});
-var __octaneUniversalPlan2 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-var __octaneUniversalPlan3 = universalPlan("nativescript", {
-	"kind": "range",
-	"children": [{
-		"kind": "slot",
-		"slot": 0
-	}]
-});
-var __octaneUniversalPlan4 = universalPlan("nativescript", {
-	"kind": "slot",
-	"slot": 0
-});
-registerElement("pager", Pager);
-var cellsByHost = /* @__PURE__ */ new WeakMap();
-var cellsByPager = /* @__PURE__ */ new WeakMap();
-var PagerCell = defineUniversalComponent(NATIVESCRIPT_RENDERER_ID, (props) => props.renderItem(props.item, props.index));
-function cellFor(host) {
-	let cell = cellsByHost.get(host);
-	if (!cell) {
-		cell = {
-			host,
-			root: createNativeScriptRoot(host),
-			pager: null,
-			renderItem: null,
-			item: void 0,
-			index: -1
-		};
-		cellsByHost.set(host, cell);
-	}
-	return cell;
-}
-function createPageHost() {
-	const host = new GridLayout();
-	cellFor(host);
-	return host;
-}
-var PAGER_TEMPLATES = [{
-	key: "xplat-page",
-	createView: createPageHost
-}];
-var selectPageTemplate = () => "xplat-page";
-function releasePagerCells(pager) {
-	const cells = cellsByPager.get(pager);
-	if (!cells) return;
-	for (const cell of cells) {
-		cellsByHost.delete(cell.host);
-		cell.root.unmount();
-	}
-	cellsByPager.delete(pager);
-}
-var PagerInner = defineUniversalComponent("nativescript", function PagerInner(props) {
-	const host = useRef(null, _h$0);
-	const suppressEcho = useRef(false, _h$1);
-	const pageSeeded = useRef(false, _h$2);
-	const bindHost = useCallback((v) => {
-		host.current = v;
-	}, [], _h$3);
-	const bindCell = (args) => {
-		const cell = cellFor(args.view);
-		cell.pager = args.object;
-		let owned = cellsByPager.get(cell.pager);
-		if (!owned) {
-			owned = /* @__PURE__ */ new Set();
-			cellsByPager.set(cell.pager, owned);
-		}
-		owned.add(cell);
-		const item = args.bindingContext ?? props.items?.[args.index];
-		if (cell.renderItem === props.renderItem && cell.index === args.index && Object.is(cell.item, item)) return;
-		cell.renderItem = props.renderItem;
-		cell.item = item;
-		cell.index = args.index;
-		cell.root.render(PagerCell, {
-			renderItem: (it, i) => universalValue(__octaneUniversalPlan0, [props.renderItem(it, i)]),
-			item,
-			index: args.index
-		});
-	};
-	const disposeCell = (args) => {
-		const cell = args.view && cellsByHost.get(args.view);
-		if (cell) {
-			cellsByHost.delete(args.view);
-			if (cell.pager) cellsByPager.get(cell.pager)?.delete(cell);
-			cell.root.unmount();
-		}
-	};
-	useEffect(() => {
-		const pager = host.current;
-		if (!pager) return;
-		pager.itemTemplates = PAGER_TEMPLATES;
-		pager.itemTemplateSelector = selectPageTemplate;
-		return () => releasePagerCells(pager);
-	}, [], _h$4);
-	useEffect(() => {
-		const pager = host.current;
-		if (!pager) return;
-		applyEscapeProps(pager, props);
-		if (pager.items !== props.items) pager.items = props.items;
-		const target = props.page ?? (pageSeeded.current ? void 0 : props.defaultPage);
-		if (target !== void 0 && pager.selectedIndex !== target) {
-			suppressEcho.current = true;
-			try {
-				pager.selectedIndex = target;
-			} finally {
-				suppressEcho.current = false;
-			}
-		}
-		pageSeeded.current = true;
-	}, [
-		props,
-		__methodDep(props, "items", true),
-		__methodDep(props, "page", true),
-		__methodDep(props, "defaultPage", true)
-	], _h$5);
-	return universalValue(__octaneUniversalPlan1, [universalProps([
-		[
-			"set",
-			"ref",
-			bindHost
-		],
-		[
-			"set",
-			"id",
-			props.id
-		],
-		["spread", layoutChildProps(props)],
-		[
-			"set",
-			"className",
-			cx("vx-pager", props.className)
-		],
-		[
-			"set",
-			"style",
-			props.style
-		],
-		[
-			"set",
-			"onItemLoading",
-			bindCell
-		],
-		[
-			"set",
-			"onItemDisposing",
-			disposeCell
-		],
-		[
-			"set",
-			"onSelectedIndexChange",
-			(args) => {
-				if (!suppressEcho.current) props.onPageChange?.(args.value);
-			}
-		],
-		[
-			"set",
-			"accessibilityRole",
-			nativeAccessibilityRole(props.accessibilityRole)
-		],
-		[
-			"set",
-			"accessibilityLabel",
-			props.accessibilityLabel
-		],
-		[
-			"set",
-			"accessibilityHint",
-			props.accessibilityHint
-		],
-		[
-			"set",
-			"accessibilityValue",
-			props.accessibilityValue
-		],
-		[
-			"set",
-			"accessibilityState",
-			nativeAccessibilityState(props.accessibilityState)
-		],
-		[
-			"set",
-			"accessible",
-			props.accessible
-		],
-		[
-			"set",
-			"accessibilityLiveRegion",
-			props.accessibilityLiveRegion
-		]
-	])]);
-}, { "module": "@nativescript-community/octane" });
-var MemoPager = memo(PagerInner, (a, b) => a.items === b.items && a.className === b.className && a.style === b.style && a.id === b.id && a.page === b.page && a.onPageChange === b.onPageChange && a.ios === b.ios && a.android === b.android);
-var Pager$1 = defineUniversalComponent("nativescript", function Pager(props) {
-	return universalValue(__octaneUniversalPlan4, [universalIf(props.items.length > 0, () => {
-		return universalValue(__octaneUniversalPlan2, [universalComponent("nativescript", MemoPager, universalProps([
-			[
-				"set",
-				"id",
-				props.id
-			],
-			[
-				"set",
-				"className",
-				props.className
-			],
-			[
-				"set",
-				"style",
-				props.style
-			],
-			[
-				"set",
-				"items",
-				props.items
-			],
-			[
-				"set",
-				"renderItem",
-				props.renderItem
-			],
-			[
-				"set",
-				"page",
-				props.page
-			],
-			[
-				"set",
-				"defaultPage",
-				props.defaultPage
-			],
-			[
-				"set",
-				"onPageChange",
-				props.onPageChange
-			],
-			[
-				"set",
-				"ios",
-				props.ios
-			],
-			[
-				"set",
-				"android",
-				props.android
-			],
-			["spread", layoutChildProps(props)]
-		]))]);
-	}, () => {
-		return universalValue(__octaneUniversalPlan3, [props.renderEmpty?.()]);
-	})]);
-}, { "module": "@nativescript-community/octane" });
-//#endregion
-export { Pager$1 as Pager };