@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/navbar/nav-link.d.ts

@@ -0,0 +1,23 @@
+import type { AnchorHTMLAttributes } from 'react';
+export interface SmartNavLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href' | 'onClick'> {
+    href: string;
+    onClick?: (event: {
+        preventDefault(): void;
+    }) => void;
+}
+/**
+ * `true` for paths inside the application; `false` for URLs with a scheme
+ * (`https:`, `mailto:`, ...), protocol-relative URLs and in-page `#` anchors.
+ */
+export declare function isInternalHref(href: string): boolean;
+/**
+ * The `<a [href]>` of the navigation components. Internal links render
+ * through `useNavigation().linkComponent` when the application set one (e.g.
+ * React Router's `Link`), everything else as a plain `<a href>`.
+ *
+ * Shared by navbar, tabs, vertical-navigation, sidebar-navigation and
+ * progress-bars. Attributes beyond `ISmartLinkProps` (`role`, `id`,
+ * `aria-selected`, ...) are passed to the link component too, so the ARIA of
+ * the Angular markup survives with router links that forward them.
+ */
+export declare function SmartNavLink({ href, children, ...rest }: SmartNavLinkProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/navbar/nav-link.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isInternalHref = isInternalHref;
+exports.SmartNavLink = SmartNavLink;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `true` for paths inside the application; `false` for URLs with a scheme
+ * (`https:`, `mailto:`, ...), protocol-relative URLs and in-page `#` anchors.
+ */
+function isInternalHref(href) {
+    return !/^([a-z][a-z\d+.-]*:|\/\/|#)/i.test(href);
+}
+/**
+ * The `<a [href]>` of the navigation components. Internal links render
+ * through `useNavigation().linkComponent` when the application set one (e.g.
+ * React Router's `Link`), everything else as a plain `<a href>`.
+ *
+ * Shared by navbar, tabs, vertical-navigation, sidebar-navigation and
+ * progress-bars. Attributes beyond `ISmartLinkProps` (`role`, `id`,
+ * `aria-selected`, ...) are passed to the link component too, so the ARIA of
+ * the Angular markup survives with router links that forward them.
+ */
+function SmartNavLink({ href, children, ...rest }) {
+    const { linkComponent } = (0, hooks_1.useNavigation)();
+    if (linkComponent && isInternalHref(href)) {
+        const Link = linkComponent;
+        return ((0, jsx_runtime_1.jsx)(Link, { href: href, ...rest, children: children }));
+    }
+    return ((0, jsx_runtime_1.jsx)("a", { href: href, ...rest, children: children }));
+}
+//# sourceMappingURL=nav-link.js.map

package/src/lib/components/navbar/nav-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-link.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/navbar/nav-link.tsx"],"names":[],"mappings":";;AAgBA,wCAEC;AAYD,oCAkBC;;AA9CD,iDAAsD;AAUtD;;;GAGG;AACH,SAAgB,cAAc,CAAC,IAAY;IACzC,OAAO,CAAC,8BAA8B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACpD,CAAC;AAED;;;;;;;;;GASG;AACH,SAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAqB;IACzE,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAC;IAE1C,IAAI,aAAa,IAAI,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1C,MAAM,IAAI,GAAG,aAAiD,CAAC;QAE/D,OAAO,CACL,uBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAM,IAAI,YACvB,QAAQ,GACJ,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BAAG,IAAI,EAAE,IAAI,KAAM,IAAI,YACpB,QAAQ,GACP,CACL,CAAC;AACJ,CAAC"}

package/src/lib/components/navbar/navbar.d.ts

@@ -0,0 +1,7 @@
+import { SmartNavbarProps } from './navbar.types';
+/**
+ * `<smart-navbar>`: renders the implementation registered as
+ * `components.navbar` on `SmartProvider` (the Angular
+ * `NAVBAR_STANDARD_COMPONENT_TOKEN`), `SmartNavbarStandard` by default.
+ */
+export declare function SmartNavbar(props: SmartNavbarProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/navbar/navbar.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartNavbar = SmartNavbar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const navbar_standard_1 = require("./standard/navbar-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-navbar>`: renders the implementation registered as
+ * `components.navbar` on `SmartProvider` (the Angular
+ * `NAVBAR_STANDARD_COMPONENT_TOKEN`), `SmartNavbarStandard` by default.
+ */
+function SmartNavbar(props) {
+    const Component = (0, hooks_1.useSmartComponent)('navbar', navbar_standard_1.SmartNavbarStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=navbar.js.map

package/src/lib/components/navbar/navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/navbar/navbar.tsx"],"names":[],"mappings":";;AASA,kCAIC;;AAZD,gEAAiE;AACjE,iDAA0D;AAE1D;;;;GAIG;AACH,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,QAAQ,EAAE,qCAAmB,CAAC,CAAC;IAEnE,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

package/src/lib/components/navbar/navbar.types.d.ts

@@ -0,0 +1,18 @@
+import { INavbarOptions } from '../../models';
+export interface INavbarItemClick {
+    itemId: string;
+}
+export interface SmartNavbarProps {
+    options?: INavbarOptions;
+    className?: string;
+    /**
+     * Whether the mobile menu is open (the Angular `mobileMenuOpen` model).
+     * Leave it `undefined` to let the component keep the state itself.
+     */
+    mobileMenuOpen?: boolean;
+    /** The initial state of an uncontrolled mobile menu. */
+    defaultMobileMenuOpen?: boolean;
+    onMobileMenuOpenChange?: (mobileMenuOpen: boolean) => void;
+    /** A click on an item without `href`. */
+    onItemClick?: (event: INavbarItemClick) => void;
+}

package/src/lib/components/navbar/navbar.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=navbar.types.js.map

package/src/lib/components/navbar/navbar.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.types.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/navbar/navbar.types.ts"],"names":[],"mappings":""}

package/src/lib/components/navbar/preset/navbar-preset.d.ts

@@ -0,0 +1,12 @@
+import { SmartNavbarProps } from '../navbar.types';
+/**
+ * Styled navbar variation (preset). Register it as `components.navbar` on
+ * `SmartProvider` to restyle every `<SmartNavbar>`, or render it directly.
+ *
+ * The Preline collapsible navbar: a brand/logo slot, a responsive primary link
+ * row (with the optional search / action / notification / user-menu slots),
+ * an optional secondary link row and a mobile menu toggle. The collapse is
+ * driven by the `mobileMenuOpen` state alone (no Preline JS). `options.dark`
+ * switches to the solid dark colour variant.
+ */
+export declare function SmartNavbarPreset(props: SmartNavbarProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/navbar/preset/navbar-preset.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartNavbarPreset = SmartNavbarPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const nav_link_1 = require("../nav-link");
+const use_navbar_1 = require("../use-navbar");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Styled navbar variation (preset). Register it as `components.navbar` on
+ * `SmartProvider` to restyle every `<SmartNavbar>`, or render it directly.
+ *
+ * The Preline collapsible navbar: a brand/logo slot, a responsive primary link
+ * row (with the optional search / action / notification / user-menu slots),
+ * an optional secondary link row and a mobile menu toggle. The collapse is
+ * driven by the `mobileMenuOpen` state alone (no Preline JS). `options.dark`
+ * switches to the solid dark colour variant.
+ */
+function SmartNavbarPreset(props) {
+    const { options, className } = props;
+    const { mobileMenuOpen, toggleMobileMenu, itemClick } = (0, use_navbar_1.useNavbar)(props);
+    const dark = Boolean(options?.dark);
+    const items = options?.items ?? [];
+    const secondaryItems = options?.secondaryItems ?? [];
+    const brandClasses = (0, preset_classes_1.getNavbarBrandClasses)(dark);
+    const toggleWrapperClasses = options?.menuButtonOnLeft
+        ? 'smart:sm:hidden smart:order-first'
+        : 'smart:sm:hidden';
+    const renderItem = (item, withIcon) => {
+        const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [withIcon && item.iconTpl && ((0, jsx_runtime_1.jsx)("span", { className: "smart:shrink-0", children: item.iconTpl })), item.label] }));
+        return item.href ? ((0, jsx_runtime_1.jsx)(nav_link_1.SmartNavLink, { href: item.href, className: (0, preset_classes_1.getNavbarItemClasses)(dark, !!item.current), "aria-current": item.current ? 'page' : undefined, children: content }, item.id)) : ((0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, preset_classes_1.getNavbarItemClasses)(dark, !!item.current), "aria-current": item.current ? 'page' : undefined, onClick: () => itemClick(item.id), children: content }, item.id));
+    };
+    return ((0, jsx_runtime_1.jsxs)("header", { className: (0, class_names_1.cn)((0, preset_classes_1.getNavbarHeaderClasses)(dark), className), children: [(0, jsx_runtime_1.jsxs)("nav", { className: preset_classes_1.NAVBAR_NAV_CONTAINER, children: [(0, jsx_runtime_1.jsxs)("div", { className: preset_classes_1.NAVBAR_BRAND_ROW, children: [options?.logoTpl ? (options.logoHref ? ((0, jsx_runtime_1.jsx)(nav_link_1.SmartNavLink, { href: options.logoHref, className: brandClasses, "aria-label": "Brand", children: options.logoTpl })) : ((0, jsx_runtime_1.jsx)("span", { className: brandClasses, "aria-label": "Brand", children: options.logoTpl }))) : options?.logoUrl ? (options.logoHref ? ((0, jsx_runtime_1.jsx)(nav_link_1.SmartNavLink, { href: options.logoHref, className: brandClasses, "aria-label": "Brand", children: (0, jsx_runtime_1.jsx)("img", { className: "smart:w-10 smart:h-auto", src: options.logoUrl, alt: options.logoAlt ?? '' }) })) : ((0, jsx_runtime_1.jsx)("span", { className: brandClasses, "aria-label": "Brand", children: (0, jsx_runtime_1.jsx)("img", { className: "smart:w-10 smart:h-auto", src: options.logoUrl, alt: options.logoAlt ?? '' }) }))) : null, (0, jsx_runtime_1.jsx)("div", { className: toggleWrapperClasses, children: (0, jsx_runtime_1.jsxs)("button", { type: "button", className: (0, preset_classes_1.getNavbarToggleClasses)(dark), "aria-expanded": mobileMenuOpen, "aria-controls": "smart-navbar-collapse", "aria-label": "Toggle navigation", onClick: toggleMobileMenu, children: [!mobileMenuOpen ? ((0, jsx_runtime_1.jsxs)("svg", { className: "smart:shrink-0 smart:size-4", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("line", { x1: "3", x2: "21", y1: "6", y2: "6" }), (0, jsx_runtime_1.jsx)("line", { x1: "3", x2: "21", y1: "12", y2: "12" }), (0, jsx_runtime_1.jsx)("line", { x1: "3", x2: "21", y1: "18", y2: "18" })] })) : ((0, jsx_runtime_1.jsxs)("svg", { className: "smart:shrink-0 smart:size-4", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("path", { d: "M18 6 6 18" }), (0, jsx_runtime_1.jsx)("path", { d: "m6 6 12 12" })] })), (0, jsx_runtime_1.jsx)("span", { className: "smart:sr-only", children: "Toggle navigation" })] }) })] }), (0, jsx_runtime_1.jsx)("div", { id: "smart-navbar-collapse", className: (0, preset_classes_1.getNavbarCollapseClasses)(mobileMenuOpen), role: "region", "aria-label": "Main menu", children: (0, jsx_runtime_1.jsxs)("div", { className: preset_classes_1.NAVBAR_LINKS_CONTAINER, children: [items.map((item) => renderItem(item, true)), options?.searchTpl && ((0, jsx_runtime_1.jsx)("div", { className: "smart:sm:ms-2", children: options.searchTpl })), options?.actionTpl && (0, jsx_runtime_1.jsx)("div", { children: options.actionTpl }), options?.notificationTpl && (0, jsx_runtime_1.jsx)("div", { children: options.notificationTpl }), options?.userMenuTpl && (0, jsx_runtime_1.jsx)("div", { children: options.userMenuTpl })] }) })] }), secondaryItems.length > 0 && ((0, jsx_runtime_1.jsx)("nav", { className: (0, preset_classes_1.getNavbarSecondaryNavClasses)(dark), "aria-label": "Secondary", children: (0, jsx_runtime_1.jsx)("div", { className: preset_classes_1.NAVBAR_SECONDARY_CONTAINER, children: secondaryItems.map((item) => renderItem(item, false)) }) }))] }));
+}
+//# sourceMappingURL=navbar-preset.js.map

package/src/lib/components/navbar/preset/navbar-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/navbar/preset/navbar-preset.tsx"],"names":[],"mappings":"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"}

package/src/lib/components/navbar/preset/preset-classes.d.ts

@@ -0,0 +1,10 @@
+export declare const NAVBAR_NAV_CONTAINER: string;
+export declare const NAVBAR_BRAND_ROW = "smart:flex smart:items-center smart:justify-between";
+export declare const NAVBAR_LINKS_CONTAINER: string;
+export declare const NAVBAR_SECONDARY_CONTAINER: string;
+export declare function getNavbarHeaderClasses(dark: boolean): string;
+export declare function getNavbarBrandClasses(dark: boolean): string;
+export declare function getNavbarToggleClasses(dark: boolean): string;
+export declare function getNavbarCollapseClasses(open: boolean): string;
+export declare function getNavbarItemClasses(dark: boolean, current: boolean): string;
+export declare function getNavbarSecondaryNavClasses(dark: boolean): string;

package/src/lib/components/navbar/preset/preset-classes.js

@@ -0,0 +1,174 @@
+"use strict";
+// Class recipes for the styled navbar preset. Preline semantic tokens are
+// translated to smart:-prefixed vanilla Tailwind palette classes with explicit
+// dark: variants. The `dark` option maps to Preline's inverse color variant
+// (a solid dark bar), independent of the light/dark theme.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NAVBAR_SECONDARY_CONTAINER = exports.NAVBAR_LINKS_CONTAINER = exports.NAVBAR_BRAND_ROW = exports.NAVBAR_NAV_CONTAINER = void 0;
+exports.getNavbarHeaderClasses = getNavbarHeaderClasses;
+exports.getNavbarBrandClasses = getNavbarBrandClasses;
+exports.getNavbarToggleClasses = getNavbarToggleClasses;
+exports.getNavbarCollapseClasses = getNavbarCollapseClasses;
+exports.getNavbarItemClasses = getNavbarItemClasses;
+exports.getNavbarSecondaryNavClasses = getNavbarSecondaryNavClasses;
+const HEADER_BASE = [
+    'smart:relative',
+    'smart:flex',
+    'smart:flex-wrap',
+    'smart:sm:justify-start',
+    'smart:sm:flex-nowrap',
+    'smart:w-full',
+    'smart:py-3',
+].join(' ');
+const HEADER_LIGHT = [
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    'smart:border-b',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+].join(' ');
+const HEADER_DARK = 'smart:bg-gray-900';
+exports.NAVBAR_NAV_CONTAINER = [
+    'smart:max-w-7xl',
+    'smart:w-full',
+    'smart:mx-auto',
+    'smart:px-4',
+    'smart:sm:flex',
+    'smart:sm:items-center',
+    'smart:sm:justify-between',
+].join(' ');
+exports.NAVBAR_BRAND_ROW = 'smart:flex smart:items-center smart:justify-between';
+const BRAND_BASE = [
+    'smart:flex-none',
+    'smart:inline-flex',
+    'smart:items-center',
+    'smart:gap-x-2',
+    'smart:text-xl',
+    'smart:font-semibold',
+    'smart:focus:outline-none',
+    'smart:focus:opacity-80',
+].join(' ');
+const BRAND_LIGHT = 'smart:text-gray-900 smart:dark:text-white';
+const BRAND_DARK = 'smart:text-white';
+const TOGGLE_BASE = [
+    'smart:relative',
+    'smart:size-9',
+    'smart:flex',
+    'smart:justify-center',
+    'smart:items-center',
+    'smart:gap-x-2',
+    'smart:rounded-lg',
+    'smart:shadow-2xs',
+    'smart:focus:outline-none',
+    'smart:disabled:opacity-50',
+    'smart:disabled:pointer-events-none',
+].join(' ');
+const TOGGLE_LIGHT = [
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:text-gray-800',
+    'smart:dark:text-gray-200',
+    'smart:hover:bg-gray-100',
+    'smart:dark:hover:bg-gray-700',
+    'smart:focus:bg-gray-100',
+    'smart:dark:focus:bg-gray-700',
+].join(' ');
+const TOGGLE_DARK = [
+    'smart:border',
+    'smart:border-white/30',
+    'smart:text-white',
+    'smart:hover:bg-white/20',
+    'smart:focus:bg-white/20',
+].join(' ');
+const COLLAPSE_BASE = [
+    'smart:overflow-hidden',
+    'smart:transition-all',
+    'smart:duration-300',
+    'smart:basis-full',
+    'smart:grow',
+    'smart:sm:block',
+].join(' ');
+exports.NAVBAR_LINKS_CONTAINER = [
+    'smart:flex',
+    'smart:flex-col',
+    'smart:gap-5',
+    'smart:mt-5',
+    'smart:sm:flex-row',
+    'smart:sm:items-center',
+    'smart:sm:justify-end',
+    'smart:sm:mt-0',
+    'smart:sm:ps-5',
+].join(' ');
+const ITEM_BASE = [
+    'smart:inline-flex',
+    'smart:items-center',
+    'smart:gap-x-2',
+    'smart:text-sm',
+    'smart:focus:outline-none',
+].join(' ');
+const ITEM_LIGHT_NORMAL = [
+    'smart:text-gray-600',
+    'smart:dark:text-gray-400',
+    'smart:hover:text-blue-700',
+    'smart:dark:hover:text-blue-400',
+    'smart:focus:text-blue-700',
+].join(' ');
+const ITEM_LIGHT_ACTIVE = [
+    'smart:font-medium',
+    'smart:text-blue-600',
+    'smart:dark:text-blue-400',
+].join(' ');
+const ITEM_DARK_NORMAL = [
+    'smart:text-white/70',
+    'smart:hover:text-white',
+    'smart:focus:text-white',
+].join(' ');
+const ITEM_DARK_ACTIVE = 'smart:font-medium smart:text-white';
+const SECONDARY_NAV_BASE = [
+    'smart:basis-full',
+    'smart:w-full',
+    'smart:mt-3',
+    'smart:pt-3',
+    'smart:border-t',
+].join(' ');
+const SECONDARY_NAV_LIGHT = 'smart:border-gray-200 smart:dark:border-gray-700';
+const SECONDARY_NAV_DARK = 'smart:border-white/20';
+exports.NAVBAR_SECONDARY_CONTAINER = [
+    'smart:max-w-7xl',
+    'smart:w-full',
+    'smart:mx-auto',
+    'smart:px-4',
+    'smart:flex',
+    'smart:flex-wrap',
+    'smart:items-center',
+    'smart:gap-5',
+].join(' ');
+function getNavbarHeaderClasses(dark) {
+    return `${HEADER_BASE} ${dark ? HEADER_DARK : HEADER_LIGHT}`;
+}
+function getNavbarBrandClasses(dark) {
+    return `${BRAND_BASE} ${dark ? BRAND_DARK : BRAND_LIGHT}`;
+}
+function getNavbarToggleClasses(dark) {
+    return `${TOGGLE_BASE} ${dark ? TOGGLE_DARK : TOGGLE_LIGHT}`;
+}
+function getNavbarCollapseClasses(open) {
+    return open ? COLLAPSE_BASE : `${COLLAPSE_BASE} smart:hidden`;
+}
+function getNavbarItemClasses(dark, current) {
+    const state = dark
+        ? current
+            ? ITEM_DARK_ACTIVE
+            : ITEM_DARK_NORMAL
+        : current
+            ? ITEM_LIGHT_ACTIVE
+            : ITEM_LIGHT_NORMAL;
+    return `${ITEM_BASE} ${state}`;
+}
+function getNavbarSecondaryNavClasses(dark) {
+    return `${SECONDARY_NAV_BASE} ${dark ? SECONDARY_NAV_DARK : SECONDARY_NAV_LIGHT}`;
+}
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/navbar/preset/preset-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/navbar/preset/preset-classes.ts"],"names":[],"mappings":"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"}

package/src/lib/components/navbar/standard/navbar-standard.d.ts

@@ -0,0 +1,3 @@
+import { SmartNavbarProps } from '../navbar.types';
+/** The default navbar rendering (`<smart-navbar-standard>`). */
+export declare function SmartNavbarStandard(props: SmartNavbarProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/navbar/standard/navbar-standard.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartNavbarStandard = SmartNavbarStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const nav_link_1 = require("../nav-link");
+const use_navbar_1 = require("../use-navbar");
+/** The default navbar rendering (`<smart-navbar-standard>`). */
+function SmartNavbarStandard(props) {
+    const { options, className } = props;
+    const { mobileMenuOpen, toggleMobileMenu, itemClick } = (0, use_navbar_1.useNavbar)(props);
+    const items = options?.items ?? [];
+    const secondaryItems = options?.secondaryItems ?? [];
+    // The primary and the secondary rows differ only by the icon.
+    const renderItem = (item, withIcon) => {
+        const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [withIcon && item.iconTpl && ((0, jsx_runtime_1.jsx)("span", { className: "item-icon", children: item.iconTpl })), item.label] }));
+        return ((0, jsx_runtime_1.jsx)("li", { className: "item", children: item.href ? ((0, jsx_runtime_1.jsx)(nav_link_1.SmartNavLink, { href: item.href, className: (0, class_names_1.cn)('item-link', item.current && 'current'), children: content })) : ((0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, class_names_1.cn)('item-button', item.current && 'current'), onClick: () => itemClick(item.id), children: content })) }, item.id));
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [(0, jsx_runtime_1.jsxs)("nav", { className: "navbar", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "mobile-menu-toggle", "aria-expanded": mobileMenuOpen, onClick: toggleMobileMenu, children: (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Toggle menu" }) }), options?.logoTpl ? ((0, jsx_runtime_1.jsx)("div", { className: "logo", children: options.logoTpl })) : options?.logoUrl ? (options.logoHref ? ((0, jsx_runtime_1.jsx)(nav_link_1.SmartNavLink, { href: options.logoHref, className: "logo", children: (0, jsx_runtime_1.jsx)("img", { src: options.logoUrl, alt: options.logoAlt ?? '' }) })) : ((0, jsx_runtime_1.jsx)("span", { className: "logo", children: (0, jsx_runtime_1.jsx)("img", { src: options.logoUrl, alt: options.logoAlt ?? '' }) }))) : null, items.length > 0 && ((0, jsx_runtime_1.jsx)("ul", { className: "items", role: "list", children: items.map((item) => renderItem(item, true)) })), options?.searchTpl && ((0, jsx_runtime_1.jsx)("div", { className: "search", children: options.searchTpl })), options?.actionTpl && ((0, jsx_runtime_1.jsx)("div", { className: "action", children: options.actionTpl })), options?.notificationTpl && ((0, jsx_runtime_1.jsx)("div", { className: "notification", children: options.notificationTpl })), options?.userMenuTpl && ((0, jsx_runtime_1.jsx)("div", { className: "user-menu", children: options.userMenuTpl }))] }), secondaryItems.length > 0 && ((0, jsx_runtime_1.jsx)("nav", { className: "navbar-secondary", children: (0, jsx_runtime_1.jsx)("ul", { className: "items", role: "list", children: secondaryItems.map((item) => renderItem(item, false)) }) })), mobileMenuOpen && ((0, jsx_runtime_1.jsx)("div", { className: "mobile-menu", children: (0, jsx_runtime_1.jsx)("ul", { role: "list", children: items.map((item) => ((0, jsx_runtime_1.jsx)("li", { children: item.href ? ((0, jsx_runtime_1.jsx)(nav_link_1.SmartNavLink, { href: item.href, className: item.current ? 'current' : undefined, children: item.label })) : ((0, jsx_runtime_1.jsx)("button", { type: "button", className: item.current ? 'current' : undefined, onClick: () => itemClick(item.id), children: item.label })) }, item.id))) }) }))] }));
+}
+//# sourceMappingURL=navbar-standard.js.map

package/src/lib/components/navbar/standard/navbar-standard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/navbar/standard/navbar-standard.tsx"],"names":[],"mappings":"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"}

package/src/lib/components/navbar/use-navbar.d.ts

@@ -0,0 +1,13 @@
+import { SmartNavbarProps } from './navbar.types';
+/**
+ * The behaviour every navbar variant shares (the Angular
+ * `NavbarBaseComponent` and its `mobileMenuOpen` model): the mobile menu
+ * state, controlled through `mobileMenuOpen` or kept internally when that
+ * prop is `undefined`, and the item click.
+ */
+export declare function useNavbar({ mobileMenuOpen, defaultMobileMenuOpen, onMobileMenuOpenChange, onItemClick, }: SmartNavbarProps): {
+    mobileMenuOpen: boolean;
+    setMobileMenuOpen: (next: boolean) => void;
+    toggleMobileMenu: () => void;
+    itemClick: (itemId: string) => void | undefined;
+};

package/src/lib/components/navbar/use-navbar.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNavbar = useNavbar;
+const react_1 = require("react");
+/**
+ * The behaviour every navbar variant shares (the Angular
+ * `NavbarBaseComponent` and its `mobileMenuOpen` model): the mobile menu
+ * state, controlled through `mobileMenuOpen` or kept internally when that
+ * prop is `undefined`, and the item click.
+ */
+function useNavbar({ mobileMenuOpen, defaultMobileMenuOpen = false, onMobileMenuOpenChange, onItemClick, }) {
+    const [internalOpen, setInternalOpen] = (0, react_1.useState)(defaultMobileMenuOpen);
+    const controlled = mobileMenuOpen !== undefined;
+    const open = controlled ? mobileMenuOpen : internalOpen;
+    const setMobileMenuOpen = (0, react_1.useCallback)((next) => {
+        if (!controlled)
+            setInternalOpen(next);
+        onMobileMenuOpenChange?.(next);
+    }, [controlled, onMobileMenuOpenChange]);
+    const toggleMobileMenu = (0, react_1.useCallback)(() => setMobileMenuOpen(!open), [open, setMobileMenuOpen]);
+    const itemClick = (0, react_1.useCallback)((itemId) => onItemClick?.({ itemId }), [onItemClick]);
+    return {
+        mobileMenuOpen: open,
+        setMobileMenuOpen,
+        toggleMobileMenu,
+        itemClick,
+    };
+}
+//# sourceMappingURL=use-navbar.js.map

package/src/lib/components/navbar/use-navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-navbar.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/navbar/use-navbar.ts"],"names":[],"mappings":";;AAUA,8BAmCC;AA7CD,iCAA8C;AAI9C;;;;;GAKG;AACH,SAAgB,SAAS,CAAC,EACxB,cAAc,EACd,qBAAqB,GAAG,KAAK,EAC7B,sBAAsB,EACtB,WAAW,GACM;IACjB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,qBAAqB,CAAC,CAAC;IACxE,MAAM,UAAU,GAAG,cAAc,KAAK,SAAS,CAAC;IAChD,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC;IAExD,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,CAAC,IAAa,EAAE,EAAE;QAChB,IAAI,CAAC,UAAU;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QAEvC,sBAAsB,EAAE,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,UAAU,EAAE,sBAAsB,CAAC,CACrC,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,EAC9B,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAC1B,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,mBAAW,EAC3B,CAAC,MAAc,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAC7C,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,OAAO;QACL,cAAc,EAAE,IAAI;QACpB,iBAAiB;QACjB,gBAAgB;QAChB,SAAS;KACV,CAAC;AACJ,CAAC"}

package/src/lib/components/notification/index.d.ts

@@ -0,0 +1,6 @@
+export * from './notification';
+export * from './notification.types';
+export * from './preset/notification-preset';
+export * from './preset/preset-classes';
+export * from './standard/notification-standard';
+export * from './use-notification';

package/src/lib/components/notification/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./notification"), exports);
+tslib_1.__exportStar(require("./notification.types"), exports);
+tslib_1.__exportStar(require("./preset/notification-preset"), exports);
+tslib_1.__exportStar(require("./preset/preset-classes"), exports);
+tslib_1.__exportStar(require("./standard/notification-standard"), exports);
+tslib_1.__exportStar(require("./use-notification"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/notification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/notification/index.ts"],"names":[],"mappings":";;;AAAA,yDAA+B;AAC/B,+DAAqC;AACrC,uEAA6C;AAC7C,kEAAwC;AACxC,2EAAiD;AACjD,6DAAmC"}

package/src/lib/components/notification/notification.d.ts

@@ -0,0 +1,9 @@
+import { SmartNotificationProps } from './notification.types';
+/**
+ * `<smart-notification>`: renders the implementation registered as
+ * `components.notification` on `SmartProvider` (the Angular
+ * `NOTIFICATION_STANDARD_COMPONENT_TOKEN`), `SmartNotificationStandard` by
+ * default. It has no open state: render it while the notification is shown
+ * and remove it on `onDismissed`.
+ */
+export declare function SmartNotification(props: SmartNotificationProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/notification/notification.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartNotification = SmartNotification;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const notification_standard_1 = require("./standard/notification-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-notification>`: renders the implementation registered as
+ * `components.notification` on `SmartProvider` (the Angular
+ * `NOTIFICATION_STANDARD_COMPONENT_TOKEN`), `SmartNotificationStandard` by
+ * default. It has no open state: render it while the notification is shown
+ * and remove it on `onDismissed`.
+ */
+function SmartNotification(props) {
+    const Component = (0, hooks_1.useSmartComponent)('notification', notification_standard_1.SmartNotificationStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=notification.js.map

package/src/lib/components/notification/notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/notification/notification.tsx"],"names":[],"mappings":";;AAWA,8CAOC;;AAjBD,4EAA6E;AAC7E,iDAA0D;AAE1D;;;;;;GAMG;AACH,SAAgB,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,SAAS,GAAG,IAAA,yBAAiB,EACjC,cAAc,EACd,iDAAyB,CAC1B,CAAC;IAEF,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

package/src/lib/components/notification/notification.types.d.ts

@@ -0,0 +1,20 @@
+import { INotificationAction, INotificationOptions } from '../../models';
+/** Payload of `onActionClick` (the Angular `INotificationActionClick`). */
+export interface INotificationActionClick {
+    actionId: string;
+}
+export interface SmartNotificationProps {
+    title: string;
+    description?: string;
+    /** A glyph (text, e.g. an emoji) shown before the text by the preset. */
+    iconName?: string;
+    /** Image shown by the preset `with-avatar` variant. */
+    avatarUrl?: string;
+    actions?: INotificationAction[];
+    /** Shows the close button, which reports `onDismissed`. */
+    dismissible?: boolean;
+    options?: INotificationOptions;
+    className?: string;
+    onDismissed?: () => void;
+    onActionClick?: (value: INotificationActionClick) => void;
+}

package/src/lib/components/notification/notification.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=notification.types.js.map

package/src/lib/components/notification/notification.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.types.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/notification/notification.types.ts"],"names":[],"mappings":""}

package/src/lib/components/notification/preset/notification-preset.d.ts

@@ -0,0 +1,13 @@
+import { SmartNotificationProps } from '../notification.types';
+/**
+ * Styled notification (toast) variation (preset). Register it as
+ * `components.notification` on `SmartProvider` to restyle every
+ * `<SmartNotification>`, or render it directly.
+ *
+ * Renders the Preline toast looks, selected via `options.variant` (defaults
+ * to `simple`): `simple`, `condensed`, `with-actions-below`,
+ * `with-buttons-below`, `with-split-buttons` and `with-avatar`. The `simple`
+ * variant does not render `actions`. The label id is
+ * `smart-notification-preset-<useId()>` (a module counter in Angular).
+ */
+export declare function SmartNotificationPreset(props: SmartNotificationProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/notification/preset/notification-preset.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartNotificationPreset = SmartNotificationPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const class_names_1 = require("../../../utils/class-names");
+const use_notification_1 = require("../use-notification");
+const preset_classes_1 = require("./preset-classes");
+function CloseButton({ className, onClick, }) {
+    return ((0, jsx_runtime_1.jsxs)("button", { type: "button", "aria-label": "Close", className: className, onClick: onClick, children: [(0, jsx_runtime_1.jsx)("span", { className: "smart:sr-only", children: "Close" }), (0, jsx_runtime_1.jsxs)("svg", { className: "smart:shrink-0 smart:size-4", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("path", { d: "M18 6 6 18" }), (0, jsx_runtime_1.jsx)("path", { d: "m6 6 12 12" })] })] }));
+}
+/**
+ * Styled notification (toast) variation (preset). Register it as
+ * `components.notification` on `SmartProvider` to restyle every
+ * `<SmartNotification>`, or render it directly.
+ *
+ * Renders the Preline toast looks, selected via `options.variant` (defaults
+ * to `simple`): `simple`, `condensed`, `with-actions-below`,
+ * `with-buttons-below`, `with-split-buttons` and `with-avatar`. The `simple`
+ * variant does not render `actions`. The label id is
+ * `smart-notification-preset-<useId()>` (a module counter in Angular).
+ */
+function SmartNotificationPreset(props) {
+    const { title, description, iconName, avatarUrl, actions = [], dismissible = false, options, className, } = props;
+    const { dismiss, invokeAction } = (0, use_notification_1.useNotification)(props);
+    const labelId = `smart-notification-preset-${(0, react_1.useId)()}`;
+    const variant = options?.variant ?? 'simple';
+    const ariaLive = options?.ariaLive ?? 'polite';
+    const renderAction = (action) => ((0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, preset_classes_1.getNotificationActionClasses)(variant, action.variant ?? 'primary'), onClick: () => invokeAction(action.id), children: action.label }, action.id));
+    return ((0, jsx_runtime_1.jsx)("div", { role: "alert", tabIndex: -1, "aria-live": ariaLive, "aria-labelledby": labelId, className: (0, class_names_1.cn)((0, preset_classes_1.getNotificationContainerClasses)(), className), children: variant === 'condensed' ? ((0, jsx_runtime_1.jsxs)("div", { className: "smart:flex smart:p-4", children: [(0, jsx_runtime_1.jsx)("p", { id: labelId, className: (0, preset_classes_1.getNotificationMessageClasses)(), children: title }), (0, jsx_runtime_1.jsxs)("div", { className: "smart:ms-auto smart:flex smart:items-center smart:space-x-3", children: [actions.map(renderAction), dismissible && ((0, jsx_runtime_1.jsx)(CloseButton, { className: (0, preset_classes_1.getNotificationCloseClasses)(false), onClick: dismiss }))] })] })) : variant === 'simple' ? ((0, jsx_runtime_1.jsxs)("div", { className: "smart:flex smart:gap-x-3 smart:p-4", children: [iconName && ((0, jsx_runtime_1.jsx)("span", { className: (0, preset_classes_1.getNotificationIconClasses)(), children: iconName })), (0, jsx_runtime_1.jsxs)("div", { className: "smart:grow", children: [(0, jsx_runtime_1.jsx)("p", { id: labelId, className: (0, preset_classes_1.getNotificationMessageClasses)(), children: title }), description && ((0, jsx_runtime_1.jsx)("div", { className: (0, preset_classes_1.getNotificationDescriptionClasses)(), children: description }))] }), dismissible && ((0, jsx_runtime_1.jsx)("div", { className: "smart:ms-auto", children: (0, jsx_runtime_1.jsx)(CloseButton, { className: (0, preset_classes_1.getNotificationCloseClasses)(false), onClick: dismiss }) }))] })) : ((0, jsx_runtime_1.jsxs)("div", { className: "smart:relative smart:flex smart:gap-x-3 smart:p-4", children: [variant === 'with-avatar' && avatarUrl ? ((0, jsx_runtime_1.jsx)("img", { className: (0, preset_classes_1.getNotificationAvatarClasses)(), src: avatarUrl, alt: "" })) : (iconName && ((0, jsx_runtime_1.jsx)("span", { className: (0, preset_classes_1.getNotificationIconClasses)(), children: iconName }))), dismissible && ((0, jsx_runtime_1.jsx)(CloseButton, { className: (0, preset_classes_1.getNotificationCloseClasses)(true), onClick: dismiss })), (0, jsx_runtime_1.jsxs)("div", { className: "smart:grow smart:pe-4", children: [(0, jsx_runtime_1.jsx)("h3", { id: labelId, className: (0, preset_classes_1.getNotificationTitleClasses)(), children: title }), description && ((0, jsx_runtime_1.jsx)("div", { className: (0, preset_classes_1.getNotificationDescriptionClasses)(), children: description })), actions.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: (0, preset_classes_1.getNotificationActionsRowClasses)(), children: actions.map(renderAction) }))] })] })) }));
+}
+//# sourceMappingURL=notification-preset.js.map