@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/action-panel/index.js.map

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

package/src/lib/components/action-panel/preset/action-panel-preset.d.ts

@@ -0,0 +1,12 @@
+import { SmartActionPanelProps } from '../action-panel.types';
+/**
+ * Styled action-panel variation (preset). Register it as
+ * `components['action-panel']` on `SmartProvider` to restyle every
+ * `<SmartActionPanel>`, or render it directly.
+ *
+ * Renders the panel as a bordered card and realizes all eight
+ * `SmartActionPanelLayout` arrangements (`options.layout`, `simple` by
+ * default): the title, description, content slot and actions are re-composed
+ * per layout (row, split, well, ...).
+ */
+export declare function SmartActionPanelPreset({ options, className, onActionClick, }: SmartActionPanelProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/action-panel/preset/action-panel-preset.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartActionPanelPreset = SmartActionPanelPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const preset_classes_1 = require("./preset-classes");
+function getActionsContainerClasses(layout) {
+    switch (layout) {
+        case 'right-button':
+            return 'smart:flex smart:flex-col smart:gap-2';
+        case 'top-right-button':
+            return 'smart:flex smart:shrink-0 smart:gap-2';
+        case 'with-link':
+            return 'smart:mt-2 smart:flex smart:flex-wrap smart:gap-4';
+        default:
+            return 'smart:mt-4 smart:flex smart:flex-wrap smart:gap-2';
+    }
+}
+/**
+ * Styled action-panel variation (preset). Register it as
+ * `components['action-panel']` on `SmartProvider` to restyle every
+ * `<SmartActionPanel>`, or render it directly.
+ *
+ * Renders the panel as a bordered card and realizes all eight
+ * `SmartActionPanelLayout` arrangements (`options.layout`, `simple` by
+ * default): the title, description, content slot and actions are re-composed
+ * per layout (row, split, well, ...).
+ */
+function SmartActionPanelPreset({ options, className = '', onActionClick, }) {
+    const layout = options?.layout ?? 'simple';
+    const actions = options?.actions ?? [];
+    const titleZone = options?.title && ((0, jsx_runtime_1.jsx)("h3", { className: (0, preset_classes_1.getActionPanelTitleClasses)(), "data-role": "title", children: options.title }));
+    const descriptionZone = options?.descriptionTpl ? ((0, jsx_runtime_1.jsx)("div", { className: (0, preset_classes_1.getActionPanelDescriptionClasses)(), "data-role": "description", children: options.descriptionTpl })) : (options?.description && ((0, jsx_runtime_1.jsx)("p", { className: (0, preset_classes_1.getActionPanelDescriptionClasses)(), "data-role": "description", children: options.description })));
+    const contentZone = options?.contentTpl && ((0, jsx_runtime_1.jsx)("div", { className: "smart:mt-3", "data-role": "content", children: options.contentTpl }));
+    const actionClasses = (variant) => (0, preset_classes_1.getActionPanelActionClasses)(variant, layout === 'with-link');
+    const actionsZone = actions.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: getActionsContainerClasses(layout), "data-role": "actions", children: actions.map((action) => action.href ? ((0, jsx_runtime_1.jsxs)("a", { href: action.href, className: actionClasses(action.variant), "data-role": "action", "data-action-id": action.id, children: [action.iconTpl, action.label] }, action.id)) : ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: actionClasses(action.variant), "data-role": "action", "data-action-id": action.id, onClick: () => onActionClick?.({ actionId: action.id }), children: [action.iconTpl, action.label] }, action.id))) }));
+    let body;
+    switch (layout) {
+        case 'right-button':
+            body = ((0, jsx_runtime_1.jsxs)("div", { className: "smart:flex smart:items-center smart:justify-between smart:gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "smart:flex-1", children: [titleZone, descriptionZone, contentZone] }), actionsZone] }));
+            break;
+        case 'top-right-button':
+            body = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "smart:flex smart:items-start smart:justify-between smart:gap-4", children: [titleZone, actionsZone] }), descriptionZone, contentZone] }));
+            break;
+        case 'with-toggle':
+            body = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "smart:flex smart:items-center smart:justify-between smart:gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "smart:flex-1", children: [titleZone, descriptionZone] }), contentZone] }), actionsZone] }));
+            break;
+        case 'well':
+            body = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [titleZone, descriptionZone, (0, jsx_runtime_1.jsxs)("div", { className: (0, preset_classes_1.getActionPanelWellClasses)(), "data-role": "well", children: [contentZone, actionsZone] })] }));
+            break;
+        default:
+            // 'simple', 'with-link', 'with-input' and 'payment-method' share the
+            // stacked arrangement.
+            body = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [titleZone, descriptionZone, contentZone, actionsZone] }));
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, class_names_1.cn)((0, preset_classes_1.getActionPanelCardClasses)(), className), "data-role": "panel", "data-layout": layout, children: body }));
+}
+//# sourceMappingURL=action-panel-preset.js.map

package/src/lib/components/action-panel/preset/action-panel-preset.js.map

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

package/src/lib/components/action-panel/preset/preset-classes.d.ts

@@ -0,0 +1,6 @@
+import { IActionPanelAction } from '../../../models';
+export declare function getActionPanelCardClasses(): string;
+export declare function getActionPanelTitleClasses(): string;
+export declare function getActionPanelDescriptionClasses(): string;
+export declare function getActionPanelWellClasses(): string;
+export declare function getActionPanelActionClasses(variant: IActionPanelAction['variant'], asLink: boolean): string;

package/src/lib/components/action-panel/preset/preset-classes.js

@@ -0,0 +1,36 @@
+"use strict";
+// Class recipes for the styled action-panel preset. Every utility is
+// smart:-prefixed to match the scoped Tailwind build, with explicit
+// smart:dark:* twins merged in for the dark theme.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getActionPanelCardClasses = getActionPanelCardClasses;
+exports.getActionPanelTitleClasses = getActionPanelTitleClasses;
+exports.getActionPanelDescriptionClasses = getActionPanelDescriptionClasses;
+exports.getActionPanelWellClasses = getActionPanelWellClasses;
+exports.getActionPanelActionClasses = getActionPanelActionClasses;
+const CARD = 'smart:rounded-xl smart:border smart:border-gray-200 smart:bg-white smart:p-4 smart:shadow-2xs smart:sm:p-6 smart:dark:border-gray-700 smart:dark:bg-gray-800';
+const TITLE = 'smart:text-base smart:font-semibold smart:text-gray-900 smart:dark:text-white';
+const DESCRIPTION = 'smart:text-sm smart:text-gray-500 smart:dark:text-gray-400';
+const WELL = 'smart:rounded-lg smart:bg-gray-50 smart:p-4 smart:dark:bg-gray-900/50';
+const LINK = 'smart:text-sm smart:text-blue-600 smart:hover:underline';
+const BUTTON_SOLID = 'smart:rounded-lg smart:bg-blue-600 smart:px-3 smart:py-2 smart:text-sm smart:text-white smart:hover:bg-blue-700';
+const BUTTON_OUTLINE = 'smart:rounded-lg smart:border smart:border-gray-200 smart:bg-white smart:px-3 smart:py-2 smart:text-sm smart:text-gray-800 smart:hover:bg-gray-50 smart:dark:border-gray-700 smart:dark:bg-gray-800 smart:dark:text-white';
+function getActionPanelCardClasses() {
+    return CARD;
+}
+function getActionPanelTitleClasses() {
+    return TITLE;
+}
+function getActionPanelDescriptionClasses() {
+    return DESCRIPTION;
+}
+function getActionPanelWellClasses() {
+    return WELL;
+}
+function getActionPanelActionClasses(variant, asLink) {
+    if (asLink) {
+        return LINK;
+    }
+    return variant === 'primary' ? BUTTON_SOLID : BUTTON_OUTLINE;
+}
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/action-panel/preset/preset-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/action-panel/preset/preset-classes.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,oEAAoE;AACpE,mDAAmD;;AAwBnD,8DAEC;AAED,gEAEC;AAED,4EAEC;AAED,8DAEC;AAED,kEAQC;AA5CD,MAAM,IAAI,GACR,8JAA8J,CAAC;AAEjK,MAAM,KAAK,GACT,+EAA+E,CAAC;AAElF,MAAM,WAAW,GACf,4DAA4D,CAAC;AAE/D,MAAM,IAAI,GACR,uEAAuE,CAAC;AAE1E,MAAM,IAAI,GAAG,yDAAyD,CAAC;AAEvE,MAAM,YAAY,GAChB,iHAAiH,CAAC;AAEpH,MAAM,cAAc,GAClB,2NAA2N,CAAC;AAE9N,SAAgB,yBAAyB;IACvC,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAgB,0BAA0B;IACxC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAgB,gCAAgC;IAC9C,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,SAAgB,yBAAyB;IACvC,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAgB,2BAA2B,CACzC,OAAsC,EACtC,MAAe;IAEf,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC;AAC/D,CAAC"}

package/src/lib/components/action-panel/standard/action-panel-standard.d.ts

@@ -0,0 +1,9 @@
+import { SmartActionPanelProps } from '../action-panel.types';
+/**
+ * The default action panel (`<smart-action-panel-standard>`): a
+ * `section.action-panel` with the title, the description (or
+ * `options.descriptionTpl`), `options.contentTpl` and the actions. Actions
+ * with `href` render as links (variant `link` by default), the others as
+ * buttons (variant `primary` by default) calling `onActionClick`.
+ */
+export declare function SmartActionPanelStandard({ options, className, onActionClick, }: SmartActionPanelProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/action-panel/standard/action-panel-standard.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartActionPanelStandard = SmartActionPanelStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const VARIANT_CLASSES = {
+    primary: 'variant-primary',
+    secondary: 'variant-secondary',
+    ghost: 'variant-ghost',
+    link: 'variant-link',
+};
+/**
+ * The default action panel (`<smart-action-panel-standard>`): a
+ * `section.action-panel` with the title, the description (or
+ * `options.descriptionTpl`), `options.contentTpl` and the actions. Actions
+ * with `href` render as links (variant `link` by default), the others as
+ * buttons (variant `primary` by default) calling `onActionClick`.
+ */
+function SmartActionPanelStandard({ options, className = '', onActionClick, }) {
+    const actions = options?.actions ?? [];
+    return ((0, jsx_runtime_1.jsx)("div", { className: className || undefined, children: (0, jsx_runtime_1.jsxs)("section", { className: "action-panel", children: [options?.title && (0, jsx_runtime_1.jsx)("h3", { children: options.title }), options?.descriptionTpl ? ((0, jsx_runtime_1.jsx)("div", { className: "description", children: options.descriptionTpl })) : (options?.description && ((0, jsx_runtime_1.jsx)("p", { className: "description", children: options.description }))), options?.contentTpl && ((0, jsx_runtime_1.jsx)("div", { className: "content", children: options.contentTpl })), actions.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "actions", children: actions.map((action) => {
+                        const icon = action.iconTpl && ((0, jsx_runtime_1.jsx)("span", { className: "icon", children: action.iconTpl }));
+                        return action.href ? ((0, jsx_runtime_1.jsxs)("a", { href: action.href, className: (0, class_names_1.cn)('action', VARIANT_CLASSES[action.variant ?? 'link']), children: [icon, action.label] }, action.id)) : ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: (0, class_names_1.cn)('action', VARIANT_CLASSES[action.variant ?? 'primary']), onClick: () => onActionClick?.({ actionId: action.id }), children: [icon, action.label] }, action.id));
+                    }) }))] }) }));
+}
+//# sourceMappingURL=action-panel-standard.js.map

package/src/lib/components/action-panel/standard/action-panel-standard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-panel-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/action-panel/standard/action-panel-standard.tsx"],"names":[],"mappings":";;AAoBA,4DA4DC;;AA/ED,4DAAgD;AAKhD,MAAM,eAAe,GAAkC;IACrD,OAAO,EAAE,iBAAiB;IAC1B,SAAS,EAAE,mBAAmB;IAC9B,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,cAAc;CACrB,CAAC;AAEF;;;;;;GAMG;AACH,SAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,SAAS,GAAG,EAAE,EACd,aAAa,GACS;IACtB,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,EAAE,CAAC;IAEvC,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,IAAI,SAAS,YACpC,qCAAS,SAAS,EAAC,cAAc,aAC9B,OAAO,EAAE,KAAK,IAAI,yCAAK,OAAO,CAAC,KAAK,GAAM,EAC1C,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CACzB,gCAAK,SAAS,EAAC,aAAa,YAAE,OAAO,CAAC,cAAc,GAAO,CAC5D,CAAC,CAAC,CAAC,CACF,OAAO,EAAE,WAAW,IAAI,CACtB,8BAAG,SAAS,EAAC,aAAa,YAAE,OAAO,CAAC,WAAW,GAAK,CACrD,CACF,EACA,OAAO,EAAE,UAAU,IAAI,CACtB,gCAAK,SAAS,EAAC,SAAS,YAAE,OAAO,CAAC,UAAU,GAAO,CACpD,EACA,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,gCAAK,SAAS,EAAC,SAAS,YACrB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;wBACtB,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,IAAI,CAC7B,iCAAM,SAAS,EAAC,MAAM,YAAE,MAAM,CAAC,OAAO,GAAQ,CAC/C,CAAC;wBAEF,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACnB,+BAEE,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,SAAS,EAAE,IAAA,gBAAE,EACX,QAAQ,EACR,eAAe,CAAC,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,CAC1C,aAEA,IAAI,EACJ,MAAM,CAAC,KAAK,KARR,MAAM,CAAC,EAAE,CASZ,CACL,CAAC,CAAC,CAAC,CACF,oCAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,gBAAE,EACX,QAAQ,EACR,eAAe,CAAC,MAAM,CAAC,OAAO,IAAI,SAAS,CAAC,CAC7C,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,aAEtD,IAAI,EACJ,MAAM,CAAC,KAAK,KATR,MAAM,CAAC,EAAE,CAUP,CACV,CAAC;oBACJ,CAAC,CAAC,GACE,CACP,IACO,GACN,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,9 @@
+import { SmartAlertProps } from './alert.types';
+/**
+ * `<smart-alert>`: renders the implementation registered as
+ * `components.alert` on `SmartProvider` (the Angular
+ * `ALERT_STANDARD_COMPONENT_TOKEN`), `SmartAlertStandard` by default.
+ * `AlertService` renders its dialogs through the same key, with
+ * `{ options, onDismissed }`.
+ */
+export declare function SmartAlert(props: SmartAlertProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/alert/alert.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartAlert = SmartAlert;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const alert_standard_1 = require("./standard/alert-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-alert>`: renders the implementation registered as
+ * `components.alert` on `SmartProvider` (the Angular
+ * `ALERT_STANDARD_COMPONENT_TOKEN`), `SmartAlertStandard` by default.
+ * `AlertService` renders its dialogs through the same key, with
+ * `{ options, onDismissed }`.
+ */
+function SmartAlert(props) {
+    const Component = (0, hooks_1.useSmartComponent)('alert', alert_standard_1.SmartAlertStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/alert/alert.tsx"],"names":[],"mappings":";;AAWA,gCAIC;;AAdD,8DAA+D;AAC/D,iDAA0D;AAE1D;;;;;;GAMG;AACH,SAAgB,UAAU,CAAC,KAAsB;IAC/C,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,OAAO,EAAE,mCAAkB,CAAC,CAAC;IAEjE,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

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

@@ -0,0 +1,13 @@
+import { IAlertButton, IAlertOptions } from '../../models';
+export interface SmartAlertProps {
+    options: IAlertOptions;
+    /** Classes of the dialog panel. */
+    className?: string;
+    /**
+     * The Angular `dismissed` output: the button that closed the alert, after
+     * its handler ran, or the cancel button (`role: 'cancel'`, handler not run)
+     * / `null` on Escape and backdrop click. Not called when the handler of a
+     * non-cancel button returns `false`: the alert stays open.
+     */
+    onDismissed?: (button: IAlertButton | null) => void;
+}

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

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

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

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

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

@@ -0,0 +1,4 @@
+export * from './alert';
+export * from './alert.types';
+export * from './standard/alert-standard';
+export * from './use-alert';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/alert/index.ts"],"names":[],"mappings":";;;AAAA,kDAAwB;AACxB,wDAA8B;AAC9B,oEAA0C;AAC1C,sDAA4B"}

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

@@ -0,0 +1,11 @@
+import { SmartAlertProps } from '../alert.types';
+/**
+ * The default alert dialog (`<smart-alert-standard>`): a modal
+ * `alertdialog` on a full-screen backdrop, rendered where it is placed (the
+ * alert host of `SmartProvider` decides where that is).
+ *
+ * On mount it focuses its first button (or the panel), keeps Tab inside the
+ * panel, and cancels on Escape and on a click on the backdrop; see
+ * `SmartAlertProps.onDismissed`.
+ */
+export declare function SmartAlertStandard(props: SmartAlertProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartAlertStandard = SmartAlertStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const class_names_1 = require("../../../utils/class-names");
+const use_alert_1 = require("../use-alert");
+/**
+ * The default alert dialog (`<smart-alert-standard>`): a modal
+ * `alertdialog` on a full-screen backdrop, rendered where it is placed (the
+ * alert host of `SmartProvider` decides where that is).
+ *
+ * On mount it focuses its first button (or the panel), keeps Tab inside the
+ * panel, and cancels on Escape and on a click on the backdrop; see
+ * `SmartAlertProps.onDismissed`.
+ */
+function SmartAlertStandard(props) {
+    const { options, className } = props;
+    const { headerId, messageId, buttons, invoke, onEscape, onBackdropClick, trapFocus, buttonClasses, } = (0, use_alert_1.useAlert)(props);
+    const panelRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const listener = (event) => {
+            if (event.key === 'Escape')
+                onEscape();
+        };
+        document.addEventListener('keydown', listener);
+        return () => document.removeEventListener('keydown', listener);
+    }, [onEscape]);
+    (0, react_1.useEffect)(() => {
+        const panel = panelRef.current;
+        if (!panel)
+            return;
+        const target = panel.querySelector('button') ?? panel;
+        target.focus?.();
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "smart:fixed smart:inset-0 smart:z-[90] smart:flex smart:items-center smart:justify-center smart:p-4 smart:bg-gray-900/50 smart:dark:bg-gray-900/80", role: "presentation", onClick: onBackdropClick, children: (0, jsx_runtime_1.jsxs)("div", { ref: panelRef, role: "alertdialog", "aria-modal": "true", tabIndex: -1, "aria-labelledby": options.header ? headerId : undefined, "aria-describedby": options.message ? messageId : undefined, className: (0, class_names_1.cn)('smart:w-full smart:max-w-md smart:rounded-xl smart:bg-white smart:dark:bg-gray-800 smart:border smart:border-gray-200 smart:dark:border-gray-700 smart:shadow-xl smart:p-5 smart:focus:outline-none', className), onKeyDown: (event) => trapFocus(event, event.currentTarget), children: [options.header && ((0, jsx_runtime_1.jsx)("h2", { id: headerId, className: "smart:text-lg smart:font-semibold smart:text-gray-900 smart:dark:text-white", children: options.header })), options.subHeader && ((0, jsx_runtime_1.jsx)("h3", { className: "smart:mt-1 smart:text-sm smart:font-medium smart:text-gray-700 smart:dark:text-gray-300", children: options.subHeader })), options.message && ((0, jsx_runtime_1.jsx)("p", { id: messageId, className: "smart:mt-2 smart:text-sm smart:text-gray-600 smart:dark:text-gray-400", children: options.message })), buttons.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "smart:mt-5 smart:flex smart:justify-end smart:gap-x-2", children: buttons.map((button, index) => ((0, jsx_runtime_1.jsx)("button", { type: "button", "data-role": button.role, className: buttonClasses(button), onClick: () => invoke(button), children: button.text }, index))) }))] }) }));
+}
+//# sourceMappingURL=alert-standard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/alert/standard/alert-standard.tsx"],"names":[],"mappings":";;AAeA,gDA4FC;;AA3GD,iCAA0C;AAE1C,4DAAgD;AAEhD,4CAAwC;AAExC;;;;;;;;GAQG;AACH,SAAgB,kBAAkB,CAAC,KAAsB;IACvD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACR,eAAe,EACf,SAAS,EACT,aAAa,GACd,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IACpB,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE9C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;YACxC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ;gBAAE,QAAQ,EAAE,CAAC;QACzC,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAE/C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAE/B,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,MAAM,MAAM,GAAG,KAAK,CAAC,aAAa,CAAc,QAAQ,CAAC,IAAI,KAAK,CAAC;QAEnE,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,gCACE,SAAS,EAAC,oJAAoJ,EAC9J,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,eAAe,YAExB,iCACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,aAAa,gBACP,MAAM,EACjB,QAAQ,EAAE,CAAC,CAAC,qBACK,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,sBACpC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzD,SAAS,EAAE,IAAA,gBAAE,EACX,qMAAqM,EACrM,SAAS,CACV,EACD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,aAE1D,OAAO,CAAC,MAAM,IAAI,CACjB,+BACE,EAAE,EAAE,QAAQ,EACZ,SAAS,EAAC,6EAA6E,YAEtF,OAAO,CAAC,MAAM,GACZ,CACN,EACA,OAAO,CAAC,SAAS,IAAI,CACpB,+BAAI,SAAS,EAAC,yFAAyF,YACpG,OAAO,CAAC,SAAS,GACf,CACN,EACA,OAAO,CAAC,OAAO,IAAI,CAClB,8BACE,EAAE,EAAE,SAAS,EACb,SAAS,EAAC,uEAAuE,YAEhF,OAAO,CAAC,OAAO,GACd,CACL,EACA,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,gCAAK,SAAS,EAAC,uDAAuD,YACnE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,mCAEE,IAAI,EAAC,QAAQ,eACF,MAAM,CAAC,IAAI,EACtB,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,YAE5B,MAAM,CAAC,IAAI,IANP,KAAK,CAOH,CACV,CAAC,GACE,CACP,IACG,GACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,47 @@
+import { SmartAlertProps } from './alert.types';
+import { IAlertButton } from '../../models';
+/**
+ * Classes of an alert button by `role` (`cancel` -> secondary,
+ * `destructive` -> red, anything else -> primary), followed by its
+ * `cssClass`. The Angular `AlertBaseComponent.buttonClasses`.
+ */
+export declare function getAlertButtonClasses(button: IAlertButton): string;
+/** The part of a keyboard event the focus trap reads (DOM or React). */
+export interface SmartAlertKeyEvent {
+    key: string;
+    shiftKey: boolean;
+    preventDefault(): void;
+}
+/** The part of a mouse event the backdrop click reads (DOM or React). */
+export interface SmartAlertBackdropEvent {
+    target: EventTarget | null;
+    currentTarget: EventTarget | null;
+}
+declare function trapFocus(event: SmartAlertKeyEvent, container: HTMLElement): void;
+/**
+ * The behaviour every alert variant shares (the Angular
+ * `AlertBaseComponent`): the ids linking the dialog to its header and
+ * message, the buttons, and the ways to close it, all reported through
+ * `onDismissed`:
+ *
+ * - `invoke(button)` runs `button.handler` and dismisses with the button,
+ *   unless the handler of a non-cancel button returned `false`;
+ * - `cancel()` / `onEscape()` dismiss with the cancel button (or `null`),
+ *   without running its handler;
+ * - `onBackdropClick(event)` cancels on a click on the backdrop itself,
+ *   unless `options.backdropDismiss === false`;
+ * - `trapFocus(event, panel)` keeps Tab / Shift+Tab on the panel's buttons.
+ */
+export declare function useAlert({ options, onDismissed, }: Pick<SmartAlertProps, 'options' | 'onDismissed'>): {
+    headerId: string;
+    messageId: string;
+    buttons: IAlertButton[];
+    cancelButton: IAlertButton | null;
+    invoke: (button: IAlertButton) => void;
+    cancel: () => void;
+    onEscape: () => void;
+    onBackdropClick: (event: SmartAlertBackdropEvent) => void;
+    trapFocus: typeof trapFocus;
+    buttonClasses: typeof getAlertButtonClasses;
+};
+export {};

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

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAlertButtonClasses = getAlertButtonClasses;
+exports.useAlert = useAlert;
+const react_1 = require("react");
+const class_names_1 = require("../../utils/class-names");
+const BUTTON_BASE = 'smart:rounded-md smart:px-3 smart:py-2 smart:text-sm smart:font-semibold smart:shadow-sm smart:focus:outline-none smart:focus-visible:outline-2 smart:focus-visible:outline-offset-2';
+const BUTTON_CANCEL = 'smart:bg-white smart:text-gray-900 smart:border smart:border-gray-300 smart:hover:bg-gray-50 smart:dark:bg-gray-700 smart:dark:text-white smart:dark:border-gray-600 smart:dark:hover:bg-gray-600';
+const BUTTON_DESTRUCTIVE = 'smart:bg-red-600 smart:text-white smart:hover:bg-red-500 smart:dark:bg-red-500 smart:dark:hover:bg-red-400';
+const BUTTON_PRIMARY = 'smart:bg-blue-600 smart:text-white smart:hover:bg-blue-500 smart:dark:bg-blue-500 smart:dark:hover:bg-blue-400';
+/**
+ * Classes of an alert button by `role` (`cancel` -> secondary,
+ * `destructive` -> red, anything else -> primary), followed by its
+ * `cssClass`. The Angular `AlertBaseComponent.buttonClasses`.
+ */
+function getAlertButtonClasses(button) {
+    const role = button.role === 'cancel'
+        ? BUTTON_CANCEL
+        : button.role === 'destructive'
+            ? BUTTON_DESTRUCTIVE
+            : BUTTON_PRIMARY;
+    const custom = Array.isArray(button.cssClass)
+        ? button.cssClass.join(' ')
+        : button.cssClass;
+    return (0, class_names_1.cn)(BUTTON_BASE, role, custom);
+}
+function trapFocus(event, container) {
+    if (event.key !== 'Tab')
+        return;
+    const buttons = Array.from(container.querySelectorAll('button:not([disabled])'));
+    if (!buttons.length)
+        return;
+    const first = buttons[0];
+    const last = buttons[buttons.length - 1];
+    const active = container.ownerDocument.activeElement;
+    if (event.shiftKey && active === first) {
+        event.preventDefault();
+        last.focus();
+    }
+    else if (!event.shiftKey && active === last) {
+        event.preventDefault();
+        first.focus();
+    }
+}
+/**
+ * The behaviour every alert variant shares (the Angular
+ * `AlertBaseComponent`): the ids linking the dialog to its header and
+ * message, the buttons, and the ways to close it, all reported through
+ * `onDismissed`:
+ *
+ * - `invoke(button)` runs `button.handler` and dismisses with the button,
+ *   unless the handler of a non-cancel button returned `false`;
+ * - `cancel()` / `onEscape()` dismiss with the cancel button (or `null`),
+ *   without running its handler;
+ * - `onBackdropClick(event)` cancels on a click on the backdrop itself,
+ *   unless `options.backdropDismiss === false`;
+ * - `trapFocus(event, panel)` keeps Tab / Shift+Tab on the panel's buttons.
+ */
+function useAlert({ options, onDismissed, }) {
+    const instanceId = 'smart-alert-' + (0, react_1.useId)();
+    const buttons = options.buttons ?? [];
+    const cancelButton = buttons.find((button) => button.role === 'cancel') ?? null;
+    const backdropDismiss = options.backdropDismiss;
+    const invoke = (0, react_1.useCallback)((button) => {
+        const result = button.handler?.();
+        if (result === false && button.role !== 'cancel')
+            return;
+        onDismissed?.(button);
+    }, [onDismissed]);
+    const cancel = (0, react_1.useCallback)(() => {
+        onDismissed?.(cancelButton);
+    }, [onDismissed, cancelButton]);
+    const onBackdropClick = (0, react_1.useCallback)((event) => {
+        if (event.target !== event.currentTarget)
+            return;
+        if (backdropDismiss === false)
+            return;
+        cancel();
+    }, [backdropDismiss, cancel]);
+    return {
+        headerId: instanceId + '-header',
+        messageId: instanceId + '-message',
+        buttons,
+        cancelButton,
+        invoke,
+        cancel,
+        onEscape: cancel,
+        onBackdropClick,
+        trapFocus,
+        buttonClasses: getAlertButtonClasses,
+    };
+}
+//# sourceMappingURL=use-alert.js.map

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

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

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

@@ -0,0 +1,7 @@
+import { SmartAppProps } from './app.types';
+/**
+ * The application shell (the Angular `AppBaseComponent`): renders the
+ * implementation registered as `components.app` on `SmartProvider`,
+ * `SmartAppStandard` by default. Implementations call `useApp(props)`.
+ */
+export declare function SmartApp(props: SmartAppProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/app/app.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartApp = SmartApp;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const app_standard_1 = require("./standard/app-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * The application shell (the Angular `AppBaseComponent`): renders the
+ * implementation registered as `components.app` on `SmartProvider`,
+ * `SmartAppStandard` by default. Implementations call `useApp(props)`.
+ */
+function SmartApp(props) {
+    const Component = (0, hooks_1.useSmartComponent)('app', app_standard_1.SmartAppStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=app.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/app/app.tsx"],"names":[],"mappings":";;AASA,4BAIC;;AAZD,0DAA2D;AAC3D,iDAA0D;AAE1D;;;;GAIG;AACH,SAAgB,QAAQ,CAAC,KAAoB;IAC3C,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,KAAK,EAAE,+BAAgB,CAAC,CAAC;IAE7D,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

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

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import { IAppOptions } from '../../models';
+export interface SmartAppProps {
+    options: IAppOptions;
+    /** Classes of the root element (the Angular component's host). */
+    className?: string;
+    children?: ReactNode;
+}

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

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

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

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

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

@@ -0,0 +1,4 @@
+export * from './app';
+export * from './app.types';
+export * from './standard/app-standard';
+export * from './use-app';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/app/index.ts"],"names":[],"mappings":";;;AAAA,gDAAsB;AACtB,sDAA4B;AAC5B,kEAAwC;AACxC,oDAA0B"}

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

@@ -0,0 +1,9 @@
+import { SmartAppProps } from '../app.types';
+/**
+ * The default application shell: the Angular `AppBaseComponent` has no
+ * template, so this renders only its host, a root element running `useApp`
+ * (title, menu items, style, permission classes, favicon) around `children`.
+ * Register an implementation of your own as `components.app`, built on
+ * `useApp`, to render the menu, logo and user.
+ */
+export declare function SmartAppStandard(props: SmartAppProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartAppStandard = SmartAppStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_app_1 = require("../use-app");
+/**
+ * The default application shell: the Angular `AppBaseComponent` has no
+ * template, so this renders only its host, a root element running `useApp`
+ * (title, menu items, style, permission classes, favicon) around `children`.
+ * Register an implementation of your own as `components.app`, built on
+ * `useApp`, to render the menu, logo and user.
+ */
+function SmartAppStandard(props) {
+    const { className, children } = props;
+    const { rootRef } = (0, use_app_1.useApp)(props);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: rootRef, className: className, children: children }));
+}
+//# sourceMappingURL=app-standard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/app/standard/app-standard.tsx"],"names":[],"mappings":";;AAUA,4CASC;;AAlBD,wCAAoC;AAEpC;;;;;;GAMG;AACH,SAAgB,gBAAgB,CAAC,KAAoB;IACnD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACtC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gBAAM,EAAC,KAAK,CAAC,CAAC;IAElC,OAAO,CACL,gCAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,YACpC,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,32 @@
+import { SmartAppProps } from './app.types';
+import { IMenuItem } from '../../models';
+/**
+ * The Angular `AppBaseComponent`, the logic of an application shell:
+ *
+ * - puts `options.menu.items` on the `MenuService` and returns its items
+ *   (none without `options.menu`) and `showMenu` (logged in or
+ *   `menu.showForAnonymous`, unless the menu service is disabled);
+ * - returns `logged`, `username` and `logo`, and `logout()` from
+ *   `options.provider`;
+ * - keeps `selectedPath` on the current URL and the document title on it
+ *   (`AppService.initTitle()` once, then `updateTitle(url)` for the current
+ *   URL and after every navigation);
+ * - writes `options.style` on the root element (`StyleService`), adds the
+ *   `auth-permissions-<permission>` classes of a logged user to it and sets
+ *   `logo` on the `#app-favicon` link.
+ *
+ * Attach `rootRef` to the shell's root element. `endContent` is what
+ * `MenuService.openEnd` asked to show in the end menu (the Angular
+ * `endMenuContainer`).
+ */
+export declare function useApp({ options, className }: SmartAppProps): {
+    rootRef: import("react").RefObject<HTMLDivElement | null>;
+    selectedPath: string;
+    showMenu: boolean;
+    menuItems: IMenuItem[];
+    logged: boolean;
+    username: string;
+    logo: string | undefined;
+    endContent: import("../../services").IMenuEndContent | null;
+    logout: () => void;
+};