@nativescript-community/ui-toolbar 0.0.0-stage → 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,11 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 1.0.0 (2026-10-18)
+
+### Features
+
+* native-api-usage.json for every package on Android and iOS ([cfd7dcc](https://github.com/nativescript-community/ui-native-components/commit/cfd7dcc4b996b02319cfacee233bc56c29df70e4))
+* **toolbar:** add ui-toolbar (MaterialToolbar / UINavigationBar) with sys, font and spans icons ([43116c6](https://github.com/nativescript-community/ui-native-components/commit/43116c6194b5e80f32a853ef8e68be84bf93a101))

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "{}"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright {yyyy} {name of copyright owner}
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -1,3 +1,214 @@
-# Temporary Holding Version
+<!-- ⚠️ This README has been generated from the file(s) "blueprint.md" ⚠️-->
+<!--  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      DO NOT EDIT THIS READEME DIRECTLY! Edit "bluesprint.md" instead.
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
+<h1 align="center">@nativescript-community/ui-toolbar</h1>
+<p align="center">
+		<a href="https://npmcharts.com/compare/@nativescript-community/ui-toolbar?minimal=true"><img alt="Downloads per month" src="https://img.shields.io/npm/dm/@nativescript-community/ui-toolbar.svg" height="20"/></a>
+<a href="https://www.npmjs.com/package/@nativescript-community/ui-toolbar"><img alt="NPM Version" src="https://img.shields.io/npm/v/@nativescript-community/ui-toolbar.svg" height="20"/></a>
+	</p>
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+<p align="center">
+  <b>Toolbar with a title, a navigation icon, action items and an overflow menu: Material 3 MaterialToolbar on Android, UINavigationBar (glass bar buttons on iOS 26) on iOS.</b></br>
+  <sub><sub>
+</p>
+
+<br />
+
+
+| iOS | Android |
+| --- | --- |
+| <img src="https://github.com/nativescript-community/ui-native-components/raw/master/images/ui-toolbar-ios.png" height="500" /> | <img src="https://github.com/nativescript-community/ui-native-components/raw/master/images/ui-toolbar-android.png" height="500" /> |
+
+
+[](#table-of-contents)
+
+## Table of Contents
+
+* [Installation](#installation)
+* [Usage](#usage)
+* [API](#api)
+* [Demos and Development](#demos-and-development)
+	* [Repo Setup](#repo-setup)
+	* [Build](#build)
+	* [Demos](#demos)
+* [Contributing](#contributing)
+	* [Update repo ](#update-repo-)
+	* [Update readme ](#update-readme-)
+	* [Update doc ](#update-doc-)
+	* [Publish](#publish)
+	* [modifying submodules](#modifying-submodules)
+* [Questions](#questions)
+
+| Android | iOS |
+|---|---|
+| Material 3 `MaterialToolbar` | `UINavigationBar` used as a view: its bar buttons are in Liquid Glass capsules on iOS 26 |
+
+
+[](#installation)
+
+## Installation
+
+```bash
+npm install @nativescript-community/ui-toolbar
+```
+
+The Android components use **Material 3**: see the [repository README](https://github.com/nativescript-community/ui-native-components#installation) for the theme.
+
+
+[](#usage)
+
+## Usage
+
+```xml
+<GridLayout rows="auto,*">
+    <Toolbar title="Inbox" subtitle="3 unread" navigationIcon="sys://chevron.left" items="items" navigationTap="onBack" itemTap="onItem" />
+    <!-- the content -->
+</GridLayout>
+```
+```ts
+const items = [
+    { id: 'search', title: 'Search', icon: 'sys://magnifyingglass', androidIcon: 'res://ic_search' },
+    { id: 'font', title: 'Font icon', icon: 'font://' },
+    { id: 'settings', title: 'Settings', showAsAction: 'never' }
+];
+```
+
+
+[](#api)
+
+## API
+
+| Property | |
+|---|---|
+| `title`, `subtitle` | the title (centered on iOS, `centerTitle` on Android) |
+| `navigationIcon` | icon at the start: back, menu, close... |
+| `items` | the actions (below) |
+| `color` | color of the title and of the icons |
+| `background-color` | background of the bar. Android: `colorSurface` by default |
+| events `navigationTap`, `itemTap` (`event.item`) | |
+
+An item: `id`, `title`, `icon`, `androidIcon`, `iosIcon`, `showAsAction` (`always`, `ifRoom`, `never`), `disabled`, `onTap`.
+`showAsAction: 'never'` puts the item in the overflow menu (the `ellipsis` button on iOS).
+
+An icon can be:
+* `res://name` or a file path
+* `sys://name`: an SF Symbol (iOS)
+* `font://code`: a glyph of the `font-family` of the toolbar (a template image on iOS, tinted by the bar)
+* an `ImageSource`
+* a `FormattedString` (spans, with `@nativescript-community/text` when it is installed): drawn into an icon that keeps the colors of its spans
+
+
+[](#demos-and-development)
+
+## Demos and Development
+
+
+### Repo Setup
+
+The repo uses submodules. If you did not clone with ` --recursive` then you need to call
+```
+git submodule update --init
+```
+
+The package manager used to install and link dependencies must be `pnpm` or `yarn`. `npm` wont work.
+
+To develop and test:
+if you use `yarn` then run `yarn`
+if you use `pnpm` then run `pnpm i`
+
+**Interactive Menu:**
+
+To start the interactive menu, run `npm start` (or `yarn start` or `pnpm start`). This will list all of the commonly used scripts.
+
+### Build
+
+```bash
+npm run build.all
+```
+WARNING: it seems `yarn build.all` wont always work (not finding binaries in `node_modules/.bin`) which is why the doc explicitly uses `npm run`
+
+### Demos
+
+```bash
+npm run demo.[ng|react|svelte|vue].[ios|android]
+
+npm run demo.svelte.ios # Example
+```
+
+Demo setup is a bit special in the sense that if you want to modify/add demos you dont work directly in `demo-[ng|react|svelte|vue]`
+Instead you work in `demo-snippets/[ng|react|svelte|vue]`
+You can start from the `install.ts` of each flavor to see how to register new demos 
+
+
+[](#contributing)
+
+## Contributing
+
+### Update repo 
+
+You can update the repo files quite easily
+
+First update the submodules
+
+```bash
+npm run update
+```
+
+Then commit the changes
+Then update common files
+
+```bash
+npm run sync
+```
+Then you can run `yarn|pnpm`, commit changed files if any
+
+### Update readme 
+```bash
+npm run readme
+```
+
+### Update doc 
+```bash
+npm run doc
+```
+
+### Publish
+
+The publishing is completely handled by `lerna` (you can add `-- --bump major` to force a major release)
+Simply run 
+```shell
+npm run publish
+```
+
+### modifying submodules
+
+The repo uses https:// for submodules which means you won't be able to push directly into the submodules.
+One easy solution is t modify `~/.gitconfig` and add
+```
+[url "ssh://git@github.com/"]
+	pushInsteadOf = https://github.com/
+```
+
+
+[](#questions)
+
+## Questions
+
+If you have any questions/issues/comments please feel free to create an issue or start a conversation in the [NativeScript Community Discord](https://nativescript.org/discord).

package/index-common.d.ts

@@ -0,0 +1,45 @@
+import { FormattedString, ImageSource, Property, View } from '@nativescript/core';
+export type ToolbarShowAsAction = 'always' | 'ifRoom' | 'never';
+/**
+ * An action of the toolbar
+ */
+export interface ToolbarItem {
+    id?: string | number;
+    title?: string;
+    /** `res://name`, a file path, `sys://name` (SF Symbol, iOS only), `font://code` (a glyph of the font-family of the toolbar), an ImageSource or a FormattedString (spans, as with `@nativescript-community/text`, drawn into an icon) */
+    icon?: string | ImageSource | FormattedString;
+    /** icon used on Android instead of `icon` */
+    androidIcon?: string | ImageSource | FormattedString;
+    /** icon used on iOS instead of `icon` */
+    iosIcon?: string | ImageSource | FormattedString;
+    /**
+     * `always` (default when there is an icon): shown in the bar. `ifRoom`: same, Android moves it to the overflow when there is no room.
+     * `never`: in the overflow menu (a menu on the trailing `ellipsis` button on iOS)
+     */
+    showAsAction?: ToolbarShowAsAction;
+    disabled?: boolean;
+    onTap?: (item: ToolbarItem) => void;
+    [key: string]: any;
+}
+export declare const itemTapEvent = "itemTap";
+export declare const navigationTapEvent = "navigationTap";
+/**
+ * Toolbar for a custom action bar: title, navigation icon and actions.
+ * Android: Material 3 MaterialToolbar. iOS: a UINavigationBar used as a view (its bar buttons are glass on iOS 26).
+ */
+export declare abstract class ToolbarBase extends View {
+    static itemTapEvent: string;
+    static navigationTapEvent: string;
+    title: string;
+    subtitle: string;
+    navigationIcon: string | ImageSource | FormattedString;
+    items: ToolbarItem[];
+    centerTitle: boolean;
+    protected notifyItemTap(item: ToolbarItem): void;
+    protected notifyNavigationTap(): void;
+}
+export declare const titleProperty: Property<ToolbarBase, string>;
+export declare const subtitleProperty: Property<ToolbarBase, string>;
+export declare const navigationIconProperty: Property<ToolbarBase, string | ImageSource | FormattedString>;
+export declare const itemsProperty: Property<ToolbarBase, ToolbarItem[]>;
+export declare const centerTitleProperty: Property<ToolbarBase, boolean>;

package/index-common.js

@@ -0,0 +1,33 @@
+import { CSSType, Property, View } from '@nativescript/core';
+export const itemTapEvent = 'itemTap';
+export const navigationTapEvent = 'navigationTap';
+/**
+ * Toolbar for a custom action bar: title, navigation icon and actions.
+ * Android: Material 3 MaterialToolbar. iOS: a UINavigationBar used as a view (its bar buttons are glass on iOS 26).
+ */
+let ToolbarBase = class ToolbarBase extends View {
+    notifyItemTap(item) {
+        item.onTap?.(item);
+        this.notify({ eventName: itemTapEvent, object: this, item });
+    }
+    notifyNavigationTap() {
+        this.notify({ eventName: navigationTapEvent, object: this });
+    }
+};
+ToolbarBase.itemTapEvent = itemTapEvent;
+ToolbarBase.navigationTapEvent = navigationTapEvent;
+ToolbarBase = __decorate([
+    CSSType('Toolbar')
+], ToolbarBase);
+export { ToolbarBase };
+export const titleProperty = new Property({ name: 'title', defaultValue: '' });
+titleProperty.register(ToolbarBase);
+export const subtitleProperty = new Property({ name: 'subtitle', defaultValue: '' });
+subtitleProperty.register(ToolbarBase);
+export const navigationIconProperty = new Property({ name: 'navigationIcon' });
+navigationIconProperty.register(ToolbarBase);
+export const itemsProperty = new Property({ name: 'items' });
+itemsProperty.register(ToolbarBase);
+export const centerTitleProperty = new Property({ name: 'centerTitle', defaultValue: false, valueConverter: (v) => v === true || v === 'true' });
+centerTitleProperty.register(ToolbarBase);
+//# sourceMappingURL=index-common.js.map

package/index-common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-common.js","sourceRoot":"","sources":["../../src/ui-toolbar/index-common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAgC,QAAQ,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AA0B3F,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,kBAAkB,GAAG,eAAe,CAAC;AAElD;;;GAGG;AAEI,IAAe,WAAW,GAA1B,MAAe,WAAY,SAAQ,IAAI;IAUhC,aAAa,CAAC,IAAiB;QACrC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC;QACnB,IAAI,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IACjE,CAAC;IACS,mBAAmB;QACzB,IAAI,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IACjE,CAAC;;AAfa,wBAAY,GAAG,YAAY,AAAf,CAAgB;AAC5B,8BAAkB,GAAG,kBAAkB,AAArB,CAAsB;AAFpC,WAAW;IADhC,OAAO,CAAC,SAAS,CAAC;GACG,WAAW,CAiBhC;;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,QAAQ,CAAsB,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;AACpG,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;AACpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,QAAQ,CAAsB,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;AAC1G,gBAAgB,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,QAAQ,CAAsD,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC;AACpI,sBAAsB,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;AAC7C,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,QAAQ,CAA6B,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;AACzF,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;AACpC,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,QAAQ,CAAuB,EAAE,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,MAAM,EAAE,CAAC,CAAC;AAC5K,mBAAmB,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC"}

package/index.android.d.ts

@@ -0,0 +1,23 @@
+import { Color, FormattedString, ImageSource, colorProperty } from '@nativescript/core';
+import { ToolbarBase, ToolbarItem, centerTitleProperty, itemsProperty, navigationIconProperty, subtitleProperty, titleProperty } from './index-common';
+export * from './index-common';
+type Icon = string | ImageSource | FormattedString;
+/**
+ * Android: Material 3 MaterialToolbar. The actions are the menu of the toolbar, those with `showAsAction: 'never'` are in the overflow menu.
+ */
+export declare class Toolbar extends ToolbarBase {
+    [titleProperty.setNative]: (value: string) => void;
+    [subtitleProperty.setNative]: (value: string) => void;
+    [centerTitleProperty.setNative]: (value: boolean) => void;
+    [navigationIconProperty.setNative]: (value: Icon) => void;
+    [itemsProperty.setNative]: (value: ToolbarItem[]) => void;
+    [colorProperty.setNative]: (value: Color) => void;
+    nativeViewProtected: com.google.android.material.appbar.MaterialToolbar;
+    private mColor;
+    createNativeView(): com.google.android.material.appbar.MaterialToolbar;
+    initNativeView(): void;
+    disposeNativeView(): void;
+    private tint;
+    private updateItems;
+    private updateNavigationIcon;
+}

package/index.android.js

@@ -0,0 +1,126 @@
+import { Color, Font, FormattedString, ImageSource, Utils, colorProperty } from '@nativescript/core';
+import { renderFormattedTextToImageSource } from '@nativescript-community/ui-core/formatted-text';
+import { ToolbarBase, centerTitleProperty, itemsProperty, navigationIconProperty, subtitleProperty, titleProperty } from './index-common';
+export * from './index-common';
+function toDrawable(icon, font, color) {
+    if (!icon) {
+        return null;
+    }
+    let source;
+    if (icon instanceof FormattedString) {
+        source = renderFormattedTextToImageSource(icon, undefined);
+    }
+    else if (icon instanceof ImageSource) {
+        source = icon;
+    }
+    else if (Utils.isFontIconURI(icon)) {
+        // an icon font glyph, drawn with the font-family and the color of the toolbar
+        source = ImageSource.fromFontIconCodeSync(icon.split('//')[1], (font || Font.default).withFontSize(24), color || new Color('black'));
+    }
+    else if (icon.startsWith(Utils.RESOURCE_PREFIX)) {
+        source = ImageSource.fromResourceSync(icon.slice(Utils.RESOURCE_PREFIX.length));
+    }
+    else if (!icon.startsWith(Utils.SYSTEM_PREFIX) && Utils.isFileOrResourcePath(icon)) {
+        source = ImageSource.fromFileSync(icon);
+    }
+    return source?.android ? new android.graphics.drawable.BitmapDrawable(Utils.android.getApplicationContext().getResources(), source.android) : null;
+}
+/**
+ * Android: Material 3 MaterialToolbar. The actions are the menu of the toolbar, those with `showAsAction: 'never'` are in the overflow menu.
+ */
+export class Toolbar extends ToolbarBase {
+    createNativeView() {
+        return new com.google.android.material.appbar.MaterialToolbar(this._context);
+    }
+    initNativeView() {
+        super.initNativeView();
+        const owner = new WeakRef(this);
+        const toolbar = this.nativeViewProtected;
+        // Material 3 surface colors, whatever the toolbar style of the app theme: replaced by `background-color` and `color`
+        const context = toolbar.getContext();
+        const R = com.google.android.material.R;
+        const themeColor = (attr, fallback) => {
+            const value = new android.util.TypedValue();
+            return context.getTheme().resolveAttribute(attr, value, true) ? value.data : fallback;
+        };
+        const onSurface = themeColor(R.attr.colorOnSurface, android.graphics.Color.BLACK);
+        toolbar.setBackgroundColor(themeColor(R.attr.colorSurface, android.graphics.Color.WHITE));
+        toolbar.setTitleTextColor(onSurface);
+        toolbar.setSubtitleTextColor(themeColor(R.attr.colorOnSurfaceVariant, android.graphics.Color.GRAY));
+        this.mColor = new Color(onSurface);
+        toolbar.setNavigationOnClickListener(new android.view.View.OnClickListener({ onClick: () => owner.get()?.notifyNavigationTap() }));
+        toolbar.setOnMenuItemClickListener(new androidx.appcompat.widget.Toolbar.OnMenuItemClickListener({
+            onMenuItemClick(menuItem) {
+                const view = owner.get();
+                const item = view?.items?.[menuItem.getItemId()];
+                if (!item) {
+                    return false;
+                }
+                view.notifyItemTap(item);
+                return true;
+            }
+        }));
+    }
+    disposeNativeView() {
+        this.nativeViewProtected?.setNavigationOnClickListener(null);
+        this.nativeViewProtected?.setOnMenuItemClickListener(null);
+        super.disposeNativeView();
+    }
+    // the spans icons keep their own colors
+    tint(drawable, icon) {
+        if (drawable && this.mColor && !(icon instanceof FormattedString)) {
+            drawable.setTint(this.mColor.android);
+        }
+        return drawable;
+    }
+    updateItems() {
+        const toolbar = this.nativeViewProtected;
+        if (!toolbar) {
+            return;
+        }
+        const menu = toolbar.getMenu();
+        menu.clear();
+        this.items?.forEach((item, index) => {
+            const icon = toDrawable(item.androidIcon || item.icon, this.style.fontInternal, this.mColor);
+            const menuItem = menu.add(0, index, index, item.title || '');
+            if (icon) {
+                menuItem.setIcon(this.tint(icon, item.androidIcon || item.icon));
+            }
+            const MenuItem = android.view.MenuItem;
+            const show = item.showAsAction || (icon ? 'always' : 'never');
+            menuItem.setShowAsAction(show === 'always' ? MenuItem.SHOW_AS_ACTION_ALWAYS : show === 'ifRoom' ? MenuItem.SHOW_AS_ACTION_IF_ROOM : MenuItem.SHOW_AS_ACTION_NEVER);
+            menuItem.setEnabled(!item.disabled);
+        });
+    }
+    [titleProperty.setNative](value) {
+        this.nativeViewProtected.setTitle(value || null);
+    }
+    [subtitleProperty.setNative](value) {
+        this.nativeViewProtected.setSubtitle(value || null);
+    }
+    [centerTitleProperty.setNative](value) {
+        this.nativeViewProtected.setTitleCentered(!!value);
+        this.nativeViewProtected.setSubtitleCentered(!!value);
+    }
+    updateNavigationIcon() {
+        this.nativeViewProtected?.setNavigationIcon(this.tint(toDrawable(this.navigationIcon, this.style.fontInternal, this.mColor), this.navigationIcon));
+    }
+    [navigationIconProperty.setNative](value) {
+        this.updateNavigationIcon();
+    }
+    [itemsProperty.setNative](value) {
+        this.updateItems();
+    }
+    [colorProperty.setNative](value) {
+        this.mColor = value instanceof Color ? value : value ? new Color(value) : null;
+        const toolbar = this.nativeViewProtected;
+        if (this.mColor) {
+            toolbar.setTitleTextColor(this.mColor.android);
+            toolbar.setSubtitleTextColor(this.mColor.android);
+        }
+        // the icons already set follow the color
+        this.updateItems();
+        this.updateNavigationIcon();
+    }
+}
+//# sourceMappingURL=index.android.js.map

package/index.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.android.js","sourceRoot":"","sources":["../../src/ui-toolbar/index.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACrG,OAAO,EAAE,gCAAgC,EAAE,MAAM,gDAAgD,CAAC;AAClG,OAAO,EAAE,WAAW,EAAe,mBAAmB,EAAE,aAAa,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACvJ,cAAc,gBAAgB,CAAC;AAI/B,SAAS,UAAU,CAAC,IAAU,EAAE,IAAW,EAAE,KAAa;IACtD,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,IAAI,MAAmB,CAAC;IACxB,IAAI,IAAI,YAAY,eAAe,EAAE,CAAC;QAClC,MAAM,GAAG,gCAAgC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAC/D,CAAC;SAAM,IAAI,IAAI,YAAY,WAAW,EAAE,CAAC;QACrC,MAAM,GAAG,IAAI,CAAC;IAClB,CAAC;SAAM,IAAI,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;QACnC,8EAA8E;QAC9E,MAAM,GAAG,WAAW,CAAC,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,KAAK,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzI,CAAC;SAAM,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC;QAChD,MAAM,GAAG,WAAW,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IACpF,CAAC;SAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,CAAC;QACnF,MAAM,GAAG,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IACD,OAAO,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,YAAY,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACvJ,CAAC;AAED;;GAEG;AACH,MAAM,OAAO,OAAQ,SAAQ,WAAW;IAI7B,gBAAgB;QACnB,OAAO,IAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjF,CAAC;IAEM,cAAc;QACjB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,KAAK,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;QAChC,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC;QACzC,qHAAqH;QACrH,MAAM,OAAO,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC;QACrC,MAAM,CAAC,GAAI,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,QAAgB,CAAC,CAAC,CAAC;QACjD,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,QAAgB,EAAE,EAAE;YAClD,MAAM,KAAK,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YAC5C,OAAO,OAAO,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC1F,CAAC,CAAC;QACF,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAClF,OAAO,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAC1F,OAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;QACrC,OAAO,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QACpG,IAAI,CAAC,MAAM,GAAG,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC;QACnC,OAAO,CAAC,4BAA4B,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,EAAE,mBAAmB,EAAE,EAAE,CAAC,CAAC,CAAC;QACnI,OAAO,CAAC,0BAA0B,CAC9B,IAAI,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,uBAAuB,CAAC;YAC1D,eAAe,CAAC,QAA+B;gBAC3C,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;gBACzB,MAAM,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC;gBACjD,IAAI,CAAC,IAAI,EAAE,CAAC;oBACR,OAAO,KAAK,CAAC;gBACjB,CAAC;gBACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;gBACzB,OAAO,IAAI,CAAC;YAChB,CAAC;SACJ,CAAC,CACL,CAAC;IACN,CAAC;IAEM,iBAAiB;QACpB,IAAI,CAAC,mBAAmB,EAAE,4BAA4B,CAAC,IAAI,CAAC,CAAC;QAC7D,IAAI,CAAC,mBAAmB,EAAE,0BAA0B,CAAC,IAAI,CAAC,CAAC;QAC3D,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC9B,CAAC;IAED,wCAAwC;IAChC,IAAI,CAAC,QAA4C,EAAE,IAAW;QAClE,IAAI,QAAQ,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,YAAY,eAAe,CAAC,EAAE,CAAC;YAChE,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC1C,CAAC;QACD,OAAO,QAAQ,CAAC;IACpB,CAAC;IAEO,WAAW;QACf,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC;QACzC,IAAI,CAAC,OAAO,EAAE,CAAC;YACX,OAAO;QACX,CAAC;QACD,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;QAC/B,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,IAAiB,EAAE,KAAK,EAAE,EAAE;YAC7C,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAC7F,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;YAC7D,IAAI,IAAI,EAAE,CAAC;gBACP,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YACrE,CAAC;YACD,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;YACvC,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YAC9D,QAAQ,CAAC,eAAe,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAC;YACnK,QAAQ,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;IACP,CAAC;IAED,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,KAAa;QACnC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC;IACrD,CAAC;IACD,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,KAAa;QACtC,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC;IACxD,CAAC;IACD,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,KAAc;QAC1C,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACnD,IAAI,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1D,CAAC;IACO,oBAAoB;QACxB,IAAI,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;IACvJ,CAAC;IACD,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,KAAW;QAC1C,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;IACD,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,KAAoB;QAC1C,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IACD,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,KAAY;QAClC,IAAI,CAAC,MAAM,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,KAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACtF,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC;QACzC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACd,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC/C,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACtD,CAAC;QACD,yCAAyC;QACzC,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;CACJ"}

package/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Toolbar for a custom action bar: a title, a navigation icon, action items and an overflow menu.
+ * Android: Material 3 `MaterialToolbar`. iOS: a `UINavigationBar` used as a view, its bar buttons get the Liquid Glass capsules on iOS 26.
+ * `background-color` and `color` apply to the bar and its icons.
+ * @module @nativescript-community/ui-toolbar
+ */
+
+import { EventData, FormattedString, ImageSource, View } from '@nativescript/core';
+import { ToolbarItem, ToolbarShowAsAction } from './index-common';
+export { ToolbarItem, ToolbarShowAsAction };
+
+export interface ToolbarItemTapEventData extends EventData {
+    item: ToolbarItem;
+}
+
+export class Toolbar extends View {
+    /** name of the event raised when an action is tapped */
+    static itemTapEvent: string;
+    /** name of the event raised when the navigation icon is tapped */
+    static navigationTapEvent: string;
+
+    title: string;
+    subtitle: string;
+    /** icon at the start of the bar: back, menu, close... */
+    navigationIcon: string | ImageSource | FormattedString;
+    /** the actions */
+    items: ToolbarItem[];
+    /** Android: the title is centered (always centered on iOS) */
+    centerTitle: boolean;
+}

package/index.ios.d.ts

@@ -0,0 +1,21 @@
+import { Color, FormattedString, ImageSource, colorProperty } from '@nativescript/core';
+import { ToolbarBase, ToolbarItem, centerTitleProperty, itemsProperty, navigationIconProperty, subtitleProperty, titleProperty } from './index-common';
+export * from './index-common';
+type Icon = string | ImageSource | FormattedString;
+/**
+ * iOS: a UINavigationBar used as a view. On iOS 26 its bar buttons are in Liquid Glass capsules.
+ * The `showAsAction: 'never'` actions are in a menu on a trailing `ellipsis` button.
+ */
+export declare class Toolbar extends ToolbarBase {
+    [titleProperty.setNative]: (value: string) => void;
+    [subtitleProperty.setNative]: (value: string) => void;
+    [centerTitleProperty.setNative]: (value: boolean) => void;
+    [navigationIconProperty.setNative]: (value: Icon) => void;
+    [itemsProperty.setNative]: (value: ToolbarItem[]) => void;
+    [colorProperty.setNative]: (value: Color) => void;
+    nativeViewProtected: UINavigationBar;
+    private mNavigationItem;
+    createNativeView(): UINavigationBar;
+    private action;
+    private updateItems;
+}

package/index.ios.js

@@ -0,0 +1,101 @@
+import { Color, Font, FormattedString, ImageSource, Utils, colorProperty } from '@nativescript/core';
+import { renderFormattedTextToImageSource } from '@nativescript-community/ui-core/formatted-text';
+import { ToolbarBase, centerTitleProperty, itemsProperty, navigationIconProperty, subtitleProperty, titleProperty } from './index-common';
+export * from './index-common';
+function toImage(icon, font) {
+    if (!icon) {
+        return null;
+    }
+    if (icon instanceof FormattedString) {
+        return renderFormattedTextToImageSource(icon, undefined)?.ios;
+    }
+    if (icon instanceof ImageSource) {
+        return icon.ios;
+    }
+    if (Utils.isFontIconURI(icon)) {
+        // an icon font glyph, a template image tinted by the bar
+        const image = ImageSource.fromFontIconCodeSync(icon.split('//')[1], (font || Font.default).withFontSize(24), new Color('black'))?.ios;
+        return image?.imageWithRenderingMode(2 /* UIImageRenderingMode.AlwaysTemplate */);
+    }
+    if (icon.startsWith(Utils.SYSTEM_PREFIX)) {
+        return UIImage.systemImageNamed(icon.slice(Utils.SYSTEM_PREFIX.length));
+    }
+    const source = icon.startsWith(Utils.RESOURCE_PREFIX) ? ImageSource.fromResourceSync(icon.slice(Utils.RESOURCE_PREFIX.length)) : ImageSource.fromFileSync(icon);
+    return source?.ios;
+}
+/**
+ * iOS: a UINavigationBar used as a view. On iOS 26 its bar buttons are in Liquid Glass capsules.
+ * The `showAsAction: 'never'` actions are in a menu on a trailing `ellipsis` button.
+ */
+export class Toolbar extends ToolbarBase {
+    createNativeView() {
+        const bar = UINavigationBar.alloc().init();
+        const navigationItem = UINavigationItem.alloc().initWithTitle('');
+        bar.items = NSArray.arrayWithArray([navigationItem]);
+        this.mNavigationItem = navigationItem;
+        return bar;
+    }
+    action(title, image, handler) {
+        return UIAction.actionWithTitleImageIdentifierHandler(title, image, null, handler);
+    }
+    updateItems() {
+        const navigationItem = this.mNavigationItem;
+        if (!navigationItem) {
+            return;
+        }
+        const visible = [];
+        const overflow = [];
+        (this.items || []).forEach((item) => {
+            (item.showAsAction === 'never' ? overflow : visible).push(item);
+        });
+        const buttons = visible.map((item) => {
+            const image = toImage(item.iosIcon || item.icon, this.style.fontInternal);
+            const button = UIBarButtonItem.alloc().initWithPrimaryAction(this.action(image ? '' : item.title || '', image, () => this.notifyItemTap(item)));
+            button.enabled = !item.disabled;
+            if (item.title) {
+                button.accessibilityLabel = item.title;
+            }
+            return button;
+        });
+        if (overflow.length) {
+            const children = overflow.map((item) => {
+                const action = this.action(item.title || '', toImage(item.iosIcon || item.icon, this.style.fontInternal), () => this.notifyItemTap(item));
+                if (item.disabled) {
+                    action.attributes = 1 /* UIMenuElementAttributes.Disabled */;
+                }
+                return action;
+            });
+            buttons.push(UIBarButtonItem.alloc().initWithImageMenu(UIImage.systemImageNamed('ellipsis'), UIMenu.menuWithChildren(NSArray.arrayWithArray(children))));
+        }
+        // the first of the items is the closest to the trailing edge
+        navigationItem.rightBarButtonItems = NSArray.arrayWithArray(buttons.reverse());
+    }
+    [titleProperty.setNative](value) {
+        this.mNavigationItem.title = value || null;
+    }
+    [subtitleProperty.setNative](value) {
+        // iOS 26 UINavigationItem.subtitle
+        this.mNavigationItem.subtitle = value || null;
+    }
+    // the title of a UINavigationBar is always centered
+    [centerTitleProperty.setNative](value) { }
+    [navigationIconProperty.setNative](value) {
+        const image = toImage(value, this.style.fontInternal);
+        this.mNavigationItem.leftBarButtonItem = image ? UIBarButtonItem.alloc().initWithPrimaryAction(this.action('', image, () => this.notifyNavigationTap())) : null;
+    }
+    [itemsProperty.setNative](value) {
+        this.updateItems();
+    }
+    [colorProperty.setNative](value) {
+        const color = value instanceof Color ? value.ios : value ? new Color(value).ios : null;
+        this.nativeViewProtected.tintColor = color;
+        const appearance = UINavigationBarAppearance.new();
+        appearance.configureWithDefaultBackground();
+        if (color) {
+            appearance.titleTextAttributes = { [NSForegroundColorAttributeName]: color };
+        }
+        this.nativeViewProtected.standardAppearance = appearance;
+        this.nativeViewProtected.scrollEdgeAppearance = appearance;
+    }
+}
+//# sourceMappingURL=index.ios.js.map

package/index.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ios.js","sourceRoot":"","sources":["../../src/ui-toolbar/index.ios.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,50 @@
 {
-  "name": "@nativescript-community/ui-toolbar",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+    "name": "@nativescript-community/ui-toolbar",
+    "version": "1.0.0",
+    "description": "Toolbar with a title, a navigation icon, action items and an overflow menu: Material 3 MaterialToolbar on Android, UINavigationBar (glass bar buttons on iOS 26) on iOS.",
+    "main": "./index",
+    "sideEffects": false,
+    "typings": "./index.d.ts",
+    "scripts": {
+        "tsc": "cpy '**/*.d.ts' '../../packages/ui-toolbar' --parents --cwd=../../src/ui-toolbar && tsc  --build",
+        "readme": "readme generate -c ../../tools/readme/blueprint.json",
+        "build": "npm run tsc && npm run readme",
+        "build.watch": "npm run tsc -- -w",
+        "build.all": "npm run build",
+        "clean": "bin/rimraf ./*.d.ts ./*.js ./*.js.map ./*.tsbuildinfo ./*.mjs ./*.mjs.map ./angular ./svelte ./vue* ./react"
+    },
+    "nativescript": {
+        "platforms": {
+            "android": "6.2.0",
+            "ios": "6.2.0"
+        }
+    },
+    "keywords": [
+        "NativeScript",
+        "JavaScript",
+        "Android",
+        "iOS"
+    ],
+    "author": {
+        "name": "Martin Guillon",
+        "email": "martin@akylas.fr"
+    },
+    "bugs": {
+        "url": "https://github.com/nativescript-community/ui-native-components/issues"
+    },
+    "license": "Apache-2.0",
+    "publishConfig": {
+        "access": "public"
+    },
+    "homepage": "https://github.com/nativescript-community/ui-native-components/tree/master/packages/ui-toolbar#readme",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/nativescript-community/ui-native-components.git",
+        "directory": "packages/ui-toolbar"
+    },
+    "readmeFilename": "README.md",
+    "dependencies": {
+        "@nativescript-community/ui-core": "^1.0.0"
+    },
+    "gitHead": "237dd97d2b9e0f62ea9d9810169bb800dd531f7b"
+}

package/platforms/android/native-api-usage.json

@@ -0,0 +1,12 @@
+{
+    "uses": [
+        "android.graphics.drawable:BitmapDrawable",
+        "android.graphics.drawable:Drawable",
+        "android.graphics:Color",
+        "android.util:TypedValue",
+        "android.view:MenuItem",
+        "android.view:View.OnClickListener",
+        "androidx.appcompat.widget:Toolbar.OnMenuItemClickListener",
+        "com.google.android.material.appbar:MaterialToolbar"
+    ]
+}

package/platforms/ios/native-api-usage.json

@@ -0,0 +1,11 @@
+{
+    "uses": [
+        "CoreFoundation*",
+        "CoreGraphics*",
+        "Darwin*",
+        "Foundation*",
+        "ObjectiveC*",
+        "QuartzCore*",
+        "UIKit*"
+    ]
+}

package/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["../../src/ui-toolbar/index-common.ts","../../src/ui-toolbar/index.android.ts","../../src/ui-toolbar/index.d.ts","../../src/ui-toolbar/index.ios.ts","../../references.d.ts","../../tools/references.d.ts","../../src/references.d.ts"],"version":"5.8.3"}