one 2.0.0-beta.65.1 → 2.0.0-beta.82.1

package/dist/cjs/layouts/stack-utils/StackToolbar.native.js

@@ -22,16 +22,26 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var StackToolbar_exports = {};
 __export(StackToolbar_exports, {
+	StackToolbarBadge: () => StackToolbarBadge,
+	StackToolbarButton: () => StackToolbarButton,
 	StackToolbarComponent: () => StackToolbarComponent,
-	StackToolbarItem: () => StackToolbarItem,
-	StackToolbarLeading: () => StackToolbarLeading,
+	StackToolbarIcon: () => StackToolbarIcon,
+	StackToolbarLabel: () => StackToolbarLabel,
 	StackToolbarMenu: () => StackToolbarMenu,
-	StackToolbarTrailing: () => StackToolbarTrailing,
-	appendStackToolbarPropsToOptions: () => import_stackToolbarDescriptors2.appendStackToolbarPropsToOptions
+	StackToolbarMenuAction: () => StackToolbarMenuAction,
+	StackToolbarSearchBarSlot: () => StackToolbarSearchBarSlot,
+	StackToolbarSpacer: () => StackToolbarSpacer,
+	appendStackToolbarPropsToOptions: () => import_stackToolbarDescriptors2.appendStackToolbarPropsToOptions,
+	isToolbarKind: () => import_stackToolbarDescriptors.isToolbarKind
 });
 module.exports = __toCommonJS(StackToolbar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_native = require("@react-navigation/native");
 var import_children = require("../../headless/children.native.js");
+var import_platform = require("../../utils/platform.native.js");
 var import_stackToolbarDescriptors = require("./stackToolbarDescriptors.native.js");
+var import_StackToolbarBottomHost = require("./StackToolbarBottomHost.native.js");
 var import_stackToolbarDescriptors2 = require("./stackToolbarDescriptors.native.js");
 function mark(component, kind) {
 	return Object.assign(component, {
@@ -39,25 +49,62 @@ function mark(component, kind) {
 		[import_stackToolbarDescriptors.TOOLBAR_KIND]: kind
 	});
 }
-function StackToolbarComponent(_props) {
-	return null;
+function StackToolbarComponent(props) {
+	var _props_placement;
+	var placement = (_props_placement = props.placement) !== null && _props_placement !== void 0 ? _props_placement : "bottom";
+	if (placement === "bottom") {
+		if (import_platform.PLATFORM !== "ios") return null;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StackToolbarBottomHost.BottomToolbarHost, { children: props.children });
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StackToolbarHeaderOptions, { props });
 }
 mark(StackToolbarComponent, "toolbar");
-function StackToolbarLeading(_props) {
-	return null;
-}
-mark(StackToolbarLeading, "leading");
-function StackToolbarTrailing(_props) {
+function StackToolbarHeaderOptions(param) {
+	var { props } = param;
+	var navigation = (0, import_native.useNavigation)();
+	var options = (0, import_react.useMemo)(function() {
+		return (0, import_stackToolbarDescriptors.appendStackToolbarPropsToOptions)({}, props);
+	}, [
+		props.children,
+		props.placement,
+		props.asChild
+	]);
+	(0, import_react.useEffect)(function() {
+		navigation.setOptions(options);
+	}, [navigation, options]);
 	return null;
 }
-mark(StackToolbarTrailing, "trailing");
-function StackToolbarItem(_props) {
+function StackToolbarButton(_props) {
 	return null;
 }
-mark(StackToolbarItem, "item");
+mark(StackToolbarButton, "button");
 function StackToolbarMenu(_props) {
 	return null;
 }
 mark(StackToolbarMenu, "menu");
+function StackToolbarMenuAction(_props) {
+	return null;
+}
+mark(StackToolbarMenuAction, "menuAction");
+function StackToolbarSpacer(_props) {
+	return null;
+}
+mark(StackToolbarSpacer, "spacer");
+function StackToolbarSearchBarSlot(_props) {
+	return null;
+}
+mark(StackToolbarSearchBarSlot, "searchBarSlot");
+function StackToolbarLabel(_props) {
+	return null;
+}
+mark(StackToolbarLabel, "label");
+function StackToolbarIcon(_props) {
+	return null;
+}
+mark(StackToolbarIcon, "icon");
+function StackToolbarBadge(_props) {
+	return null;
+}
+mark(StackToolbarBadge, "badge");
 
 //# sourceMappingURL=StackToolbar.native.js.map

package/dist/cjs/layouts/stack-utils/StackToolbar.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackToolbar.native.js","names":[],"sources":["cjs/layouts/stack-utils/StackToolbar.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar StackToolbar_exports = {};\n__export(StackToolbar_exports, {\n  StackToolbarComponent: () => StackToolbarComponent,\n  StackToolbarItem: () => StackToolbarItem,\n  StackToolbarLeading: () => StackToolbarLeading,\n  StackToolbarMenu: () => StackToolbarMenu,\n  StackToolbarTrailing: () => StackToolbarTrailing,\n  appendStackToolbarPropsToOptions: () => import_stackToolbarDescriptors2.appendStackToolbarPropsToOptions\n});\nmodule.exports = __toCommonJS(StackToolbar_exports);\nvar import_children = require(\"../../headless/children\");\nvar import_stackToolbarDescriptors = require(\"./stackToolbarDescriptors\");\nvar import_stackToolbarDescriptors2 = require(\"./stackToolbarDescriptors\");\nfunction mark(component, kind) {\n  return Object.assign(component, {\n    [import_children.NAVIGATOR_CONFIG]: true,\n    [import_stackToolbarDescriptors.TOOLBAR_KIND]: kind\n  });\n}\nfunction StackToolbarComponent(_props) {\n  return null;\n}\nmark(StackToolbarComponent, \"toolbar\");\nfunction StackToolbarLeading(_props) {\n  return null;\n}\nmark(StackToolbarLeading, \"leading\");\nfunction StackToolbarTrailing(_props) {\n  return null;\n}\nmark(StackToolbarTrailing, \"trailing\");\nfunction StackToolbarItem(_props) {\n  return null;\n}\nmark(StackToolbarItem, \"item\");\nfunction StackToolbarMenu(_props) {\n  return null;\n}\nmark(StackToolbarMenu, \"menu\");\n//# sourceMappingURL=StackToolbar.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,uBAAuB,CAAC;AAC5B,SAAS,sBAAsB;CAC7B,6BAA6B;CAC7B,wBAAwB;CACxB,2BAA2B;CAC3B,wBAAwB;CACxB,4BAA4B;CAC5B,wCAAwC,gCAAgC;AAC1E,CAAC;AACD,OAAO,UAAU,aAAa,oBAAoB;AAClD,IAAI,kBAAkB,QAAQ,mCAAyB;AACvD,IAAI,iCAAiC,QAAQ,qCAA2B;AACxE,IAAI,kCAAkC,QAAQ,qCAA2B;AACzE,SAAS,KAAK,WAAW,MAAM;CAC7B,OAAO,OAAO,OAAO,WAAW;GAC7B,gBAAgB,mBAAmB;GACnC,+BAA+B,eAAe;CACjD,CAAC;AACH;AACA,SAAS,sBAAsB,QAAQ;CACrC,OAAO;AACT;AACA,KAAK,uBAAuB,SAAS;AACrC,SAAS,oBAAoB,QAAQ;CACnC,OAAO;AACT;AACA,KAAK,qBAAqB,SAAS;AACnC,SAAS,qBAAqB,QAAQ;CACpC,OAAO;AACT;AACA,KAAK,sBAAsB,UAAU;AACrC,SAAS,iBAAiB,QAAQ;CAChC,OAAO;AACT;AACA,KAAK,kBAAkB,MAAM;AAC7B,SAAS,iBAAiB,QAAQ;CAChC,OAAO;AACT;AACA,KAAK,kBAAkB,MAAM"}
+{"version":3,"file":"StackToolbar.native.js","names":[],"sources":["cjs/layouts/stack-utils/StackToolbar.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar StackToolbar_exports = {};\n__export(StackToolbar_exports, {\n  StackToolbarBadge: () => StackToolbarBadge,\n  StackToolbarButton: () => StackToolbarButton,\n  StackToolbarComponent: () => StackToolbarComponent,\n  StackToolbarIcon: () => StackToolbarIcon,\n  StackToolbarLabel: () => StackToolbarLabel,\n  StackToolbarMenu: () => StackToolbarMenu,\n  StackToolbarMenuAction: () => StackToolbarMenuAction,\n  StackToolbarSearchBarSlot: () => StackToolbarSearchBarSlot,\n  StackToolbarSpacer: () => StackToolbarSpacer,\n  appendStackToolbarPropsToOptions: () => import_stackToolbarDescriptors2.appendStackToolbarPropsToOptions,\n  isToolbarKind: () => import_stackToolbarDescriptors.isToolbarKind\n});\nmodule.exports = __toCommonJS(StackToolbar_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"react\");\nvar import_native = require(\"@react-navigation/native\");\nvar import_children = require(\"../../headless/children\");\nvar import_platform = require(\"../../utils/platform\");\nvar import_stackToolbarDescriptors = require(\"./stackToolbarDescriptors\");\nvar import_StackToolbarBottomHost = require(\"./StackToolbarBottomHost\");\nvar import_stackToolbarDescriptors2 = require(\"./stackToolbarDescriptors\");\nfunction mark(component, kind) {\n  return Object.assign(component, {\n    [import_children.NAVIGATOR_CONFIG]: true,\n    [import_stackToolbarDescriptors.TOOLBAR_KIND]: kind\n  });\n}\nfunction StackToolbarComponent(props) {\n  var _props_placement;\n  var placement = (_props_placement = props.placement) !== null && _props_placement !== void 0 ? _props_placement : \"bottom\";\n  if (placement === \"bottom\") {\n    if (import_platform.PLATFORM !== \"ios\") return null;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StackToolbarBottomHost.BottomToolbarHost, {\n      children: props.children\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StackToolbarHeaderOptions, {\n    props\n  });\n}\nmark(StackToolbarComponent, \"toolbar\");\nfunction StackToolbarHeaderOptions(param) {\n  var { props } = param;\n  var navigation = (0, import_native.useNavigation)();\n  var options = (0, import_react.useMemo)(\n    function() {\n      return (0, import_stackToolbarDescriptors.appendStackToolbarPropsToOptions)({}, props);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      props.children,\n      props.placement,\n      props.asChild\n    ]\n  );\n  (0, import_react.useEffect)(function() {\n    navigation.setOptions(options);\n  }, [\n    navigation,\n    options\n  ]);\n  return null;\n}\nfunction StackToolbarButton(_props) {\n  return null;\n}\nmark(StackToolbarButton, \"button\");\nfunction StackToolbarMenu(_props) {\n  return null;\n}\nmark(StackToolbarMenu, \"menu\");\nfunction StackToolbarMenuAction(_props) {\n  return null;\n}\nmark(StackToolbarMenuAction, \"menuAction\");\nfunction StackToolbarSpacer(_props) {\n  return null;\n}\nmark(StackToolbarSpacer, \"spacer\");\nfunction StackToolbarSearchBarSlot(_props) {\n  return null;\n}\nmark(StackToolbarSearchBarSlot, \"searchBarSlot\");\nfunction StackToolbarLabel(_props) {\n  return null;\n}\nmark(StackToolbarLabel, \"label\");\nfunction StackToolbarIcon(_props) {\n  return null;\n}\nmark(StackToolbarIcon, \"icon\");\nfunction StackToolbarBadge(_props) {\n  return null;\n}\nmark(StackToolbarBadge, \"badge\");\n//# sourceMappingURL=StackToolbar.js.map\n"],"mappings":"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"}

package/dist/cjs/layouts/stack-utils/StackToolbarBottomHost.cjs

@@ -19,73 +19,132 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var StackToolbarBottomHost_exports = {};
-__export(StackToolbarBottomHost_exports, { StackToolbarBottom: () => StackToolbarBottom });
+__export(StackToolbarBottomHost_exports, { BottomToolbarHost: () => BottomToolbarHost });
 module.exports = __toCommonJS(StackToolbarBottomHost_exports);
 var import_native = require("@vxrn/native");
-var import_children = require("../../headless/children.cjs");
-var import_platform = require("../../utils/platform.cjs");
 var import_stackToolbarDescriptors = require("./stackToolbarDescriptors.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-function BottomItemElement({ data }) {
+function BottomButtonElement({ data }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.ToolbarItem, {
 		identifier: data.identifier,
 		title: data.title,
 		systemImageName: data.systemImageName,
+		xcassetName: data.xcassetName,
+		image: data.image,
+		imageRenderingMode: data.imageRenderingMode,
 		tintColor: data.tintColor,
-		disabled: data.disabled,
+		barButtonItemStyle: data.barButtonItemStyle,
 		sharesBackground: data.sharesBackground,
 		hidesSharedBackground: data.hidesSharedBackground,
 		hidden: data.hidden,
 		selected: data.selected,
+		disabled: data.disabled,
+		badgeConfiguration: data.badgeConfiguration,
+		titleStyle: data.titleStyle,
 		accessibilityLabel: data.accessibilityLabel,
 		accessibilityHint: data.accessibilityHint,
 		onSelected: data.handler
 	});
 }
-function BottomMenuChild({ data }) {
-	if (data.kind === "menu") {
-		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomMenuElement, { data });
-	}
+function BottomMenuActionElement({ data }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.MenuAction, {
 		identifier: data.identifier,
-		title: data.title ?? data.accessibilityLabel ?? data.identifier,
-		icon: data.systemImageName,
+		title: data.title,
+		icon: data.icon,
+		xcassetName: data.xcassetName,
+		image: data.image,
+		imageRenderingMode: data.imageRenderingMode,
 		disabled: data.disabled,
 		destructive: data.destructive,
 		hidden: data.hidden,
-		isOn: data.selected,
+		isOn: data.isOn,
+		keepPresented: data.keepPresented,
+		discoverabilityLabel: data.discoverabilityLabel,
+		subtitle: data.subtitle,
 		accessibilityLabel: data.accessibilityLabel,
 		accessibilityHint: data.accessibilityHint,
 		onSelected: data.handler
 	});
 }
-function BottomMenuElement({ data }) {
+function BottomMenuChild({ data }) {
+	if (data.kind === "submenu") {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomSubmenuElement, { data });
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomMenuActionElement, { data });
+}
+function BottomSubmenuElement({ data }) {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.MenuAction, {
 		identifier: data.identifier,
 		title: data.title,
-		label: data.label ?? data.title,
 		icon: data.icon,
+		xcassetName: data.xcassetName,
+		image: data.image,
+		imageRenderingMode: data.imageRenderingMode,
+		destructive: data.destructive,
+		hidden: data.hidden,
+		displayInline: data.inline,
+		displayAsPalette: data.palette,
+		accessibilityLabel: data.accessibilityLabel,
+		accessibilityHint: data.accessibilityHint,
+		children: data.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomMenuChild, { data: child }, child.identifier))
+	});
+}
+function BottomMenuElement({ data }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.MenuAction, {
+		identifier: data.identifier,
+		title: data.title,
+		label: data.label,
+		icon: data.systemImageName,
+		xcassetName: data.xcassetName,
+		image: data.image,
+		imageRenderingMode: data.imageRenderingMode,
 		tintColor: data.tintColor,
-		disabled: data.disabled,
+		barButtonItemStyle: data.barButtonItemStyle,
 		sharesBackground: data.sharesBackground,
 		hidesSharedBackground: data.hidesSharedBackground,
+		disabled: data.disabled,
+		destructive: data.destructive,
 		hidden: data.hidden,
+		displayInline: data.inline,
+		displayAsPalette: data.palette,
+		preferredElementSize: data.elementSize,
 		accessibilityLabel: data.accessibilityLabel,
 		accessibilityHint: data.accessibilityHint,
 		children: data.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomMenuChild, { data: child }, child.identifier))
 	});
 }
-function StackToolbarBottom({ children, hidden, animated = true }) {
-	if (import_platform.PLATFORM !== "ios") return null;
-	const data = (0, import_stackToolbarDescriptors.slotChildrenToBottomData)(children);
+function BottomSpacerElement({ data }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.ToolbarItem, {
+		identifier: data.identifier,
+		type: data.width === void 0 ? "fluidSpacer" : "fixedSpacer",
+		width: data.width,
+		sharesBackground: data.sharesBackground,
+		hidden: data.hidden
+	});
+}
+function BottomSearchBarSlotElement({ data }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.ToolbarItem, {
+		identifier: data.identifier,
+		type: "searchBar",
+		sharesBackground: data.sharesBackground,
+		hidesSharedBackground: data.hidesSharedBackground,
+		hidden: data.hidden
+	});
+}
+function BottomToolbarHost({ children, hidden, animated = true }) {
+	const data = (0, import_stackToolbarDescriptors.toolbarChildrenToBottomData)(children);
 	if (!data.length) return null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.ToolbarHost, {
 		hidden,
 		animated,
-		children: data.map((entry) => entry.kind === "menu" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomMenuElement, { data: entry }, entry.identifier) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomItemElement, { data: entry }, entry.identifier))
+		children: data.map((entry) => {
+			switch (entry.kind) {
+				case "button": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomButtonElement, { data: entry }, entry.identifier);
+				case "menu": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomMenuElement, { data: entry }, entry.identifier);
+				case "spacer": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomSpacerElement, { data: entry }, entry.identifier);
+				case "searchBar": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomSearchBarSlotElement, { data: entry }, entry.identifier);
+				default: return null;
+			}
+		})
 	});
 }
-Object.assign(StackToolbarBottom, {
-	[import_children.NAVIGATOR_CONFIG]: true,
-	[import_stackToolbarDescriptors.TOOLBAR_KIND]: "bottom"
-});

package/dist/cjs/layouts/stack-utils/StackToolbarBottomHost.native.cjs

@@ -21,62 +21,102 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var StackToolbarBottomHost_exports = {};
-__export(StackToolbarBottomHost_exports, { StackToolbarBottom: () => StackToolbarBottom });
+__export(StackToolbarBottomHost_exports, { BottomToolbarHost: () => BottomToolbarHost });
 module.exports = __toCommonJS(StackToolbarBottomHost_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_native = require("@vxrn/native");
-var import_children = require("../../headless/children.native.js");
-var import_platform = require("../../utils/platform.native.js");
 var import_stackToolbarDescriptors = require("./stackToolbarDescriptors.native.js");
-function BottomItemElement(param) {
+function BottomButtonElement(param) {
 	var { data } = param;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.ToolbarItem, {
 		identifier: data.identifier,
 		title: data.title,
 		systemImageName: data.systemImageName,
+		xcassetName: data.xcassetName,
+		image: data.image,
+		imageRenderingMode: data.imageRenderingMode,
 		tintColor: data.tintColor,
-		disabled: data.disabled,
+		barButtonItemStyle: data.barButtonItemStyle,
 		sharesBackground: data.sharesBackground,
 		hidesSharedBackground: data.hidesSharedBackground,
 		hidden: data.hidden,
 		selected: data.selected,
+		disabled: data.disabled,
+		badgeConfiguration: data.badgeConfiguration,
+		titleStyle: data.titleStyle,
 		accessibilityLabel: data.accessibilityLabel,
 		accessibilityHint: data.accessibilityHint,
 		onSelected: data.handler
 	});
 }
-function BottomMenuChild(param) {
+function BottomMenuActionElement(param) {
 	var { data } = param;
-	var _ref, _data_title;
-	if (data.kind === "menu") {
-		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomMenuElement, { data });
-	}
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.MenuAction, {
 		identifier: data.identifier,
-		title: (_ref = (_data_title = data.title) !== null && _data_title !== void 0 ? _data_title : data.accessibilityLabel) !== null && _ref !== void 0 ? _ref : data.identifier,
-		icon: data.systemImageName,
+		title: data.title,
+		icon: data.icon,
+		xcassetName: data.xcassetName,
+		image: data.image,
+		imageRenderingMode: data.imageRenderingMode,
 		disabled: data.disabled,
 		destructive: data.destructive,
 		hidden: data.hidden,
-		isOn: data.selected,
+		isOn: data.isOn,
+		keepPresented: data.keepPresented,
+		discoverabilityLabel: data.discoverabilityLabel,
+		subtitle: data.subtitle,
 		accessibilityLabel: data.accessibilityLabel,
 		accessibilityHint: data.accessibilityHint,
 		onSelected: data.handler
 	});
 }
-function BottomMenuElement(param) {
+function BottomMenuChild(param) {
+	var { data } = param;
+	if (data.kind === "submenu") {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomSubmenuElement, { data });
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomMenuActionElement, { data });
+}
+function BottomSubmenuElement(param) {
 	var { data } = param;
-	var _data_label;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.MenuAction, {
 		identifier: data.identifier,
 		title: data.title,
-		label: (_data_label = data.label) !== null && _data_label !== void 0 ? _data_label : data.title,
 		icon: data.icon,
+		xcassetName: data.xcassetName,
+		image: data.image,
+		imageRenderingMode: data.imageRenderingMode,
+		destructive: data.destructive,
+		hidden: data.hidden,
+		displayInline: data.inline,
+		displayAsPalette: data.palette,
+		accessibilityLabel: data.accessibilityLabel,
+		accessibilityHint: data.accessibilityHint,
+		children: data.children.map(function(child) {
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomMenuChild, { data: child }, child.identifier);
+		})
+	});
+}
+function BottomMenuElement(param) {
+	var { data } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.MenuAction, {
+		identifier: data.identifier,
+		title: data.title,
+		label: data.label,
+		icon: data.systemImageName,
+		xcassetName: data.xcassetName,
+		image: data.image,
+		imageRenderingMode: data.imageRenderingMode,
 		tintColor: data.tintColor,
-		disabled: data.disabled,
+		barButtonItemStyle: data.barButtonItemStyle,
 		sharesBackground: data.sharesBackground,
 		hidesSharedBackground: data.hidesSharedBackground,
+		disabled: data.disabled,
+		destructive: data.destructive,
 		hidden: data.hidden,
+		displayInline: data.inline,
+		displayAsPalette: data.palette,
+		preferredElementSize: data.elementSize,
 		accessibilityLabel: data.accessibilityLabel,
 		accessibilityHint: data.accessibilityHint,
 		children: data.children.map(function(child) {
@@ -84,20 +124,41 @@ function BottomMenuElement(param) {
 		})
 	});
 }
-function StackToolbarBottom(param) {
+function BottomSpacerElement(param) {
+	var { data } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.ToolbarItem, {
+		identifier: data.identifier,
+		type: data.width === void 0 ? "fluidSpacer" : "fixedSpacer",
+		width: data.width,
+		sharesBackground: data.sharesBackground,
+		hidden: data.hidden
+	});
+}
+function BottomSearchBarSlotElement(param) {
+	var { data } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.ToolbarItem, {
+		identifier: data.identifier,
+		type: "searchBar",
+		sharesBackground: data.sharesBackground,
+		hidesSharedBackground: data.hidesSharedBackground,
+		hidden: data.hidden
+	});
+}
+function BottomToolbarHost(param) {
 	var { children, hidden, animated = true } = param;
-	if (import_platform.PLATFORM !== "ios") return null;
-	var data = (0, import_stackToolbarDescriptors.slotChildrenToBottomData)(children);
+	var data = (0, import_stackToolbarDescriptors.toolbarChildrenToBottomData)(children);
 	if (!data.length) return null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.ToolbarHost, {
 		hidden,
 		animated,
 		children: data.map(function(entry) {
-			return entry.kind === "menu" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomMenuElement, { data: entry }, entry.identifier) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomItemElement, { data: entry }, entry.identifier);
+			switch (entry.kind) {
+				case "button": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomButtonElement, { data: entry }, entry.identifier);
+				case "menu": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomMenuElement, { data: entry }, entry.identifier);
+				case "spacer": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomSpacerElement, { data: entry }, entry.identifier);
+				case "searchBar": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomSearchBarSlotElement, { data: entry }, entry.identifier);
+				default: return null;
+			}
 		})
 	});
 }
-Object.assign(StackToolbarBottom, {
-	[import_children.NAVIGATOR_CONFIG]: true,
-	[import_stackToolbarDescriptors.TOOLBAR_KIND]: "bottom"
-});

package/dist/cjs/layouts/stack-utils/StackToolbarBottomHost.native.js

@@ -21,62 +21,102 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var StackToolbarBottomHost_exports = {};
-__export(StackToolbarBottomHost_exports, { StackToolbarBottom: () => StackToolbarBottom });
+__export(StackToolbarBottomHost_exports, { BottomToolbarHost: () => BottomToolbarHost });
 module.exports = __toCommonJS(StackToolbarBottomHost_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_native = require("@vxrn/native");
-var import_children = require("../../headless/children.native.js");
-var import_platform = require("../../utils/platform.native.js");
 var import_stackToolbarDescriptors = require("./stackToolbarDescriptors.native.js");
-function BottomItemElement(param) {
+function BottomButtonElement(param) {
 	var { data } = param;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.ToolbarItem, {
 		identifier: data.identifier,
 		title: data.title,
 		systemImageName: data.systemImageName,
+		xcassetName: data.xcassetName,
+		image: data.image,
+		imageRenderingMode: data.imageRenderingMode,
 		tintColor: data.tintColor,
-		disabled: data.disabled,
+		barButtonItemStyle: data.barButtonItemStyle,
 		sharesBackground: data.sharesBackground,
 		hidesSharedBackground: data.hidesSharedBackground,
 		hidden: data.hidden,
 		selected: data.selected,
+		disabled: data.disabled,
+		badgeConfiguration: data.badgeConfiguration,
+		titleStyle: data.titleStyle,
 		accessibilityLabel: data.accessibilityLabel,
 		accessibilityHint: data.accessibilityHint,
 		onSelected: data.handler
 	});
 }
-function BottomMenuChild(param) {
+function BottomMenuActionElement(param) {
 	var { data } = param;
-	var _ref, _data_title;
-	if (data.kind === "menu") {
-		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomMenuElement, { data });
-	}
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.MenuAction, {
 		identifier: data.identifier,
-		title: (_ref = (_data_title = data.title) !== null && _data_title !== void 0 ? _data_title : data.accessibilityLabel) !== null && _ref !== void 0 ? _ref : data.identifier,
-		icon: data.systemImageName,
+		title: data.title,
+		icon: data.icon,
+		xcassetName: data.xcassetName,
+		image: data.image,
+		imageRenderingMode: data.imageRenderingMode,
 		disabled: data.disabled,
 		destructive: data.destructive,
 		hidden: data.hidden,
-		isOn: data.selected,
+		isOn: data.isOn,
+		keepPresented: data.keepPresented,
+		discoverabilityLabel: data.discoverabilityLabel,
+		subtitle: data.subtitle,
 		accessibilityLabel: data.accessibilityLabel,
 		accessibilityHint: data.accessibilityHint,
 		onSelected: data.handler
 	});
 }
-function BottomMenuElement(param) {
+function BottomMenuChild(param) {
+	var { data } = param;
+	if (data.kind === "submenu") {
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomSubmenuElement, { data });
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomMenuActionElement, { data });
+}
+function BottomSubmenuElement(param) {
 	var { data } = param;
-	var _data_label;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.MenuAction, {
 		identifier: data.identifier,
 		title: data.title,
-		label: (_data_label = data.label) !== null && _data_label !== void 0 ? _data_label : data.title,
 		icon: data.icon,
+		xcassetName: data.xcassetName,
+		image: data.image,
+		imageRenderingMode: data.imageRenderingMode,
+		destructive: data.destructive,
+		hidden: data.hidden,
+		displayInline: data.inline,
+		displayAsPalette: data.palette,
+		accessibilityLabel: data.accessibilityLabel,
+		accessibilityHint: data.accessibilityHint,
+		children: data.children.map(function(child) {
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomMenuChild, { data: child }, child.identifier);
+		})
+	});
+}
+function BottomMenuElement(param) {
+	var { data } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.MenuAction, {
+		identifier: data.identifier,
+		title: data.title,
+		label: data.label,
+		icon: data.systemImageName,
+		xcassetName: data.xcassetName,
+		image: data.image,
+		imageRenderingMode: data.imageRenderingMode,
 		tintColor: data.tintColor,
-		disabled: data.disabled,
+		barButtonItemStyle: data.barButtonItemStyle,
 		sharesBackground: data.sharesBackground,
 		hidesSharedBackground: data.hidesSharedBackground,
+		disabled: data.disabled,
+		destructive: data.destructive,
 		hidden: data.hidden,
+		displayInline: data.inline,
+		displayAsPalette: data.palette,
+		preferredElementSize: data.elementSize,
 		accessibilityLabel: data.accessibilityLabel,
 		accessibilityHint: data.accessibilityHint,
 		children: data.children.map(function(child) {
@@ -84,22 +124,43 @@ function BottomMenuElement(param) {
 		})
 	});
 }
-function StackToolbarBottom(param) {
+function BottomSpacerElement(param) {
+	var { data } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.ToolbarItem, {
+		identifier: data.identifier,
+		type: data.width === void 0 ? "fluidSpacer" : "fixedSpacer",
+		width: data.width,
+		sharesBackground: data.sharesBackground,
+		hidden: data.hidden
+	});
+}
+function BottomSearchBarSlotElement(param) {
+	var { data } = param;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.ToolbarItem, {
+		identifier: data.identifier,
+		type: "searchBar",
+		sharesBackground: data.sharesBackground,
+		hidesSharedBackground: data.hidesSharedBackground,
+		hidden: data.hidden
+	});
+}
+function BottomToolbarHost(param) {
 	var { children, hidden, animated = true } = param;
-	if (import_platform.PLATFORM !== "ios") return null;
-	var data = (0, import_stackToolbarDescriptors.slotChildrenToBottomData)(children);
+	var data = (0, import_stackToolbarDescriptors.toolbarChildrenToBottomData)(children);
 	if (!data.length) return null;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_native.ToolbarHost, {
 		hidden,
 		animated,
 		children: data.map(function(entry) {
-			return entry.kind === "menu" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomMenuElement, { data: entry }, entry.identifier) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomItemElement, { data: entry }, entry.identifier);
+			switch (entry.kind) {
+				case "button": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomButtonElement, { data: entry }, entry.identifier);
+				case "menu": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomMenuElement, { data: entry }, entry.identifier);
+				case "spacer": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomSpacerElement, { data: entry }, entry.identifier);
+				case "searchBar": return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomSearchBarSlotElement, { data: entry }, entry.identifier);
+				default: return null;
+			}
 		})
 	});
 }
-Object.assign(StackToolbarBottom, {
-	[import_children.NAVIGATOR_CONFIG]: true,
-	[import_stackToolbarDescriptors.TOOLBAR_KIND]: "bottom"
-});
 
 //# sourceMappingURL=StackToolbarBottomHost.native.js.map