@smartsoft001/react 0.0.0-stage → 2.193.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"notification-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/notification/preset/notification-preset.tsx"],"names":[],"mappings":";;AAgEA,0DAoHC;;AApLD,iCAA8B;AAG9B,4DAAgD;AAEhD,0DAAsD;AACtD,qDAU0B;AAE1B,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAO,GAIR;IACC,OAAO,CACL,oCACE,IAAI,EAAC,QAAQ,gBACF,OAAO,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,aAEhB,iCAAM,SAAS,EAAC,eAAe,sBAAa,EAC5C,iCACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,aAElB,iCAAM,CAAC,EAAC,YAAY,GAAG,EACvB,iCAAM,CAAC,EAAC,YAAY,GAAG,IACnB,IACC,CACV,CAAC;AACJ,CAAC;AAED;;;;;;;;;;GAUG;AACH,SAAgB,uBAAuB,CAAC,KAA6B;IACnE,MAAM,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,EAAE,EACZ,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,SAAS,GACV,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,IAAA,kCAAe,EAAC,KAAK,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,6BAA6B,IAAA,aAAK,GAAE,EAAE,CAAC;IAEvD,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,QAAQ,CAAC;IAC7C,MAAM,QAAQ,GAAG,OAAO,EAAE,QAAQ,IAAI,QAAQ,CAAC;IAE/C,MAAM,YAAY,GAAG,CAAC,MAA2B,EAAE,EAAE,CAAC,CACpD,mCAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,6CAA4B,EACrC,OAAO,EACP,MAAM,CAAC,OAAO,IAAI,SAAS,CAC5B,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,YAErC,MAAM,CAAC,KAAK,IARR,MAAM,CAAC,EAAE,CASP,CACV,CAAC;IAEF,OAAO,CACL,gCACE,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,CAAC,CAAC,eACD,QAAQ,qBACF,OAAO,EACxB,SAAS,EAAE,IAAA,gBAAE,EAAC,IAAA,gDAA+B,GAAE,EAAE,SAAS,CAAC,YAE1D,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,CACzB,iCAAK,SAAS,EAAC,sBAAsB,aACnC,8BAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAA,8CAA6B,GAAE,YACvD,KAAK,GACJ,EACJ,iCAAK,SAAS,EAAC,6DAA6D,aACzE,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,EACzB,WAAW,IAAI,CACd,uBAAC,WAAW,IACV,SAAS,EAAE,IAAA,4CAA2B,EAAC,KAAK,CAAC,EAC7C,OAAO,EAAE,OAAO,GAChB,CACH,IACG,IACF,CACP,CAAC,CAAC,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CACzB,iCAAK,SAAS,EAAC,oCAAoC,aAChD,QAAQ,IAAI,CACX,iCAAM,SAAS,EAAE,IAAA,2CAA0B,GAAE,YAAG,QAAQ,GAAQ,CACjE,EACD,iCAAK,SAAS,EAAC,YAAY,aACzB,8BAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAA,8CAA6B,GAAE,YACvD,KAAK,GACJ,EACH,WAAW,IAAI,CACd,gCAAK,SAAS,EAAE,IAAA,kDAAiC,GAAE,YAChD,WAAW,GACR,CACP,IACG,EACL,WAAW,IAAI,CACd,gCAAK,SAAS,EAAC,eAAe,YAC5B,uBAAC,WAAW,IACV,SAAS,EAAE,IAAA,4CAA2B,EAAC,KAAK,CAAC,EAC7C,OAAO,EAAE,OAAO,GAChB,GACE,CACP,IACG,CACP,CAAC,CAAC,CAAC,CACF,iCAAK,SAAS,EAAC,mDAAmD,aAC/D,OAAO,KAAK,aAAa,IAAI,SAAS,CAAC,CAAC,CAAC,CACxC,gCACE,SAAS,EAAE,IAAA,6CAA4B,GAAE,EACzC,GAAG,EAAE,SAAS,EACd,GAAG,EAAC,EAAE,GACN,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,IAAI,CACV,iCAAM,SAAS,EAAE,IAAA,2CAA0B,GAAE,YAAG,QAAQ,GAAQ,CACjE,CACF,EACA,WAAW,IAAI,CACd,uBAAC,WAAW,IACV,SAAS,EAAE,IAAA,4CAA2B,EAAC,IAAI,CAAC,EAC5C,OAAO,EAAE,OAAO,GAChB,CACH,EACD,iCAAK,SAAS,EAAC,uBAAuB,aACpC,+BAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAA,4CAA2B,GAAE,YACtD,KAAK,GACH,EACJ,WAAW,IAAI,CACd,gCAAK,SAAS,EAAE,IAAA,kDAAiC,GAAE,YAChD,WAAW,GACR,CACP,EACA,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,gCAAK,SAAS,EAAE,IAAA,iDAAgC,GAAE,YAC/C,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,GACtB,CACP,IACG,IACF,CACP,GACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,11 @@
+import { SmartNotificationVariant } from '../../../models';
+export type SmartNotificationPresetVariant = SmartNotificationVariant;
+export declare function getNotificationContainerClasses(): string;
+export declare function getNotificationTitleClasses(): string;
+export declare function getNotificationMessageClasses(): string;
+export declare function getNotificationDescriptionClasses(): string;
+export declare function getNotificationIconClasses(): string;
+export declare function getNotificationAvatarClasses(): string;
+export declare function getNotificationCloseClasses(absolute: boolean): string;
+export declare function getNotificationActionsRowClasses(): string;
+export declare function getNotificationActionClasses(variant: SmartNotificationVariant, actionVariant: 'primary' | 'secondary'): string;

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

@@ -0,0 +1,167 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNotificationContainerClasses = getNotificationContainerClasses;
+exports.getNotificationTitleClasses = getNotificationTitleClasses;
+exports.getNotificationMessageClasses = getNotificationMessageClasses;
+exports.getNotificationDescriptionClasses = getNotificationDescriptionClasses;
+exports.getNotificationIconClasses = getNotificationIconClasses;
+exports.getNotificationAvatarClasses = getNotificationAvatarClasses;
+exports.getNotificationCloseClasses = getNotificationCloseClasses;
+exports.getNotificationActionsRowClasses = getNotificationActionsRowClasses;
+exports.getNotificationActionClasses = getNotificationActionClasses;
+// Card container shared by every toast variant (Preline `bg-layer` /
+// `border-layer-line` / `rounded-xl` / `shadow-lg`).
+const CONTAINER = [
+    'smart:max-w-xs',
+    'smart:w-full',
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:rounded-xl',
+    'smart:shadow-lg',
+].join(' ');
+// `text-layer-foreground font-semibold` heading used by the rich variants.
+const TITLE = [
+    'smart:text-sm',
+    'smart:font-semibold',
+    'smart:text-gray-800',
+    'smart:dark:text-gray-200',
+].join(' ');
+// `text-sm text-layer-foreground` message paragraph (simple / condensed).
+const MESSAGE = [
+    'smart:text-sm',
+    'smart:text-gray-800',
+    'smart:dark:text-gray-200',
+].join(' ');
+// `mt-1 text-sm text-muted-foreground-2` secondary description.
+const DESCRIPTION = [
+    'smart:mt-1',
+    'smart:text-sm',
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+].join(' ');
+// Leading icon slot — renders the supplied `iconName` glyph.
+const ICON = [
+    'smart:shrink-0',
+    'smart:inline-flex',
+    'smart:mt-0.5',
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+].join(' ');
+const AVATAR = [
+    'smart:shrink-0',
+    'smart:size-8',
+    'smart:rounded-full',
+    'smart:object-cover',
+].join(' ');
+// `text-layer-foreground opacity-50 hover:opacity-100` close button.
+const CLOSE_BASE = [
+    'smart:inline-flex',
+    'smart:shrink-0',
+    'smart:justify-center',
+    'smart:items-center',
+    'smart:size-5',
+    'smart:rounded-lg',
+    'smart:text-gray-800',
+    'smart:dark:text-gray-200',
+    'smart:opacity-50',
+    'smart:hover:opacity-100',
+    'smart:focus:outline-none',
+    'smart:focus:opacity-100',
+].join(' ');
+const CLOSE_ABSOLUTE = ['smart:absolute', 'smart:top-3', 'smart:end-3'].join(' ');
+const ACTIONS_ROW = ['smart:mt-4', 'smart:flex', 'smart:gap-x-3'].join(' ');
+// `text-primary decoration-2 hover:underline` text link action.
+const ACTION_LINK_PRIMARY = [
+    'smart:text-blue-600',
+    'smart:dark:text-blue-400',
+    'smart:decoration-2',
+    'smart:hover:underline',
+    'smart:font-medium',
+    'smart:text-sm',
+    'smart:focus:outline-none',
+    'smart:focus:underline',
+].join(' ');
+const ACTION_LINK_SECONDARY = [
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+    'smart:decoration-2',
+    'smart:hover:underline',
+    'smart:font-medium',
+    'smart:text-sm',
+    'smart:focus:outline-none',
+    'smart:focus:underline',
+].join(' ');
+const ACTION_BUTTON_BASE = [
+    'smart:py-2',
+    'smart:px-3',
+    'smart:inline-flex',
+    'smart:items-center',
+    'smart:justify-center',
+    'smart:gap-x-2',
+    'smart:text-sm',
+    'smart:font-medium',
+    'smart:rounded-lg',
+    'smart:focus:outline-none',
+].join(' ');
+const ACTION_BUTTON_PRIMARY = [
+    'smart:bg-blue-600',
+    'smart:text-white',
+    'smart:hover:bg-blue-700',
+    'smart:dark:bg-blue-500',
+    'smart:dark:hover:bg-blue-600',
+].join(' ');
+const ACTION_BUTTON_SECONDARY = [
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    'smart:text-gray-800',
+    'smart:dark:text-white',
+    'smart:hover:bg-gray-50',
+    'smart:dark:hover:bg-gray-700',
+].join(' ');
+const BUTTON_VARIANTS = [
+    'with-buttons-below',
+    'with-split-buttons',
+];
+function getNotificationContainerClasses() {
+    return CONTAINER;
+}
+function getNotificationTitleClasses() {
+    return TITLE;
+}
+function getNotificationMessageClasses() {
+    return MESSAGE;
+}
+function getNotificationDescriptionClasses() {
+    return DESCRIPTION;
+}
+function getNotificationIconClasses() {
+    return ICON;
+}
+function getNotificationAvatarClasses() {
+    return AVATAR;
+}
+function getNotificationCloseClasses(absolute) {
+    return absolute ? `${CLOSE_BASE} ${CLOSE_ABSOLUTE}` : CLOSE_BASE;
+}
+function getNotificationActionsRowClasses() {
+    return ACTIONS_ROW;
+}
+function getNotificationActionClasses(variant, actionVariant) {
+    if (BUTTON_VARIANTS.includes(variant)) {
+        const tone = actionVariant === 'secondary'
+            ? ACTION_BUTTON_SECONDARY
+            : ACTION_BUTTON_PRIMARY;
+        const grow = variant === 'with-split-buttons' ? 'smart:grow' : '';
+        return `${ACTION_BUTTON_BASE} ${tone} ${grow}`.trim();
+    }
+    return actionVariant === 'secondary'
+        ? ACTION_LINK_SECONDARY
+        : ACTION_LINK_PRIMARY;
+}
+//# sourceMappingURL=preset-classes.js.map

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

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

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

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

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartNotificationStandard = SmartNotificationStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_notification_1 = require("../use-notification");
+/** The default notification rendering (`<smart-notification-standard>`). */
+function SmartNotificationStandard(props) {
+    const { title, description, actions = [], dismissible = false, options, className, } = props;
+    const { dismiss, invokeAction } = (0, use_notification_1.useNotification)(props);
+    return ((0, jsx_runtime_1.jsxs)("div", { role: "status", "aria-live": options?.ariaLive ?? 'polite', className: className, children: [(0, jsx_runtime_1.jsx)("h3", { children: title }), description && (0, jsx_runtime_1.jsx)("p", { children: description }), dismissible && ((0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": "Close", onClick: dismiss, children: "\u00D7" })), actions.map((action) => ((0, jsx_runtime_1.jsx)("button", { type: "button", "data-variant": action.variant ?? 'primary', onClick: () => invokeAction(action.id), children: action.label }, action.id)))] }));
+}
+//# sourceMappingURL=notification-standard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notification-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/notification/standard/notification-standard.tsx"],"names":[],"mappings":";;AAIA,8DAoCC;;AAvCD,0DAAsD;AAEtD,4EAA4E;AAC5E,SAAgB,yBAAyB,CAAC,KAA6B;IACrE,MAAM,EACJ,KAAK,EACL,WAAW,EACX,OAAO,GAAG,EAAE,EACZ,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,SAAS,GACV,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,IAAA,kCAAe,EAAC,KAAK,CAAC,CAAC;IAEzD,OAAO,CACL,iCACE,IAAI,EAAC,QAAQ,eACF,OAAO,EAAE,QAAQ,IAAI,QAAQ,EACxC,SAAS,EAAE,SAAS,aAEpB,yCAAK,KAAK,GAAM,EACf,WAAW,IAAI,wCAAI,WAAW,GAAK,EACnC,WAAW,IAAI,CACd,mCAAQ,IAAI,EAAC,QAAQ,gBAAY,OAAO,EAAC,OAAO,EAAE,OAAO,uBAEhD,CACV,EACA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,mCAEE,IAAI,EAAC,QAAQ,kBACC,MAAM,CAAC,OAAO,IAAI,SAAS,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,YAErC,MAAM,CAAC,KAAK,IALR,MAAM,CAAC,EAAE,CAMP,CACV,CAAC,IACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,11 @@
+import { SmartNotificationProps } from './notification.types';
+/**
+ * The behaviour every notification variant shares (the Angular
+ * `NotificationBaseComponent`): `dismiss()` reports `onDismissed` and
+ * `invokeAction(id)` reports `onActionClick`. The notification does not hide
+ * itself; its owner removes it.
+ */
+export declare function useNotification({ onDismissed, onActionClick, }: SmartNotificationProps): {
+    dismiss: () => void | undefined;
+    invokeAction: (actionId: string) => void | undefined;
+};

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNotification = useNotification;
+const react_1 = require("react");
+/**
+ * The behaviour every notification variant shares (the Angular
+ * `NotificationBaseComponent`): `dismiss()` reports `onDismissed` and
+ * `invokeAction(id)` reports `onActionClick`. The notification does not hide
+ * itself; its owner removes it.
+ */
+function useNotification({ onDismissed, onActionClick, }) {
+    const dismiss = (0, react_1.useCallback)(() => onDismissed?.(), [onDismissed]);
+    const invokeAction = (0, react_1.useCallback)((actionId) => onActionClick?.({ actionId }), [onActionClick]);
+    return { dismiss, invokeAction };
+}
+//# sourceMappingURL=use-notification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-notification.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/notification/use-notification.ts"],"names":[],"mappings":";;AAUA,0CAYC;AAtBD,iCAAoC;AAIpC;;;;;GAKG;AACH,SAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,aAAa,GACU;IACvB,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElE,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,QAAgB,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EACnD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;AACnC,CAAC"}

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

@@ -0,0 +1 @@
+export * from './overlays';

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

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

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

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

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

@@ -0,0 +1,15 @@
+/** The toasts of `ToastService`, rendered through `<SmartNotification>`. */
+export declare function SmartToastHost(): import("react/jsx-runtime").JSX.Element | null;
+/** The dialogs `AlertService.show` opened, rendered through `<SmartAlert>`. */
+export declare function SmartAlertHost(): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * The components `ModalService.show` opened, each in a `<SmartModal>`. The
+ * component gets its `props` and a `dismiss(data)` prop that closes the
+ * modal with a result.
+ */
+export declare function SmartModalHost(): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * The hosts of everything the services open: toasts, alerts and modals.
+ * `SmartProvider` renders it unless given other `overlays`.
+ */
+export declare function SmartOverlays(): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/overlays/overlays.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartToastHost = SmartToastHost;
+exports.SmartAlertHost = SmartAlertHost;
+exports.SmartModalHost = SmartModalHost;
+exports.SmartOverlays = SmartOverlays;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_dom_1 = require("react-dom");
+const smart_context_1 = require("../../providers/smart-context");
+const store_1 = require("../../store/store");
+const alert_1 = require("../alert/alert");
+const modal_1 = require("../modal/modal");
+const notification_1 = require("../notification/notification");
+/** Renders `children` at the end of `<body>`, once mounted in the browser. */
+function BodyPortal({ children }) {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => setMounted(true), []);
+    if (!mounted || typeof document === 'undefined')
+        return null;
+    return (0, react_dom_1.createPortal)(children, document.body);
+}
+/** The toasts of `ToastService`, rendered through `<SmartNotification>`. */
+function SmartToastHost() {
+    const { toastService } = (0, smart_context_1.useSmart)();
+    const toasts = (0, store_1.useStore)(toastService.toasts);
+    if (!toasts.length)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(BodyPortal, { children: (0, jsx_runtime_1.jsx)("div", { className: "smart:pointer-events-none smart:fixed smart:inset-x-0 smart:bottom-0 smart:z-50 smart:flex smart:flex-col smart:items-center smart:gap-2 smart:p-4 smart:sm:items-end", "data-role": "toasts", children: toasts.map((toast) => ((0, jsx_runtime_1.jsx)("div", { className: "smart:pointer-events-auto smart:w-full smart:max-w-sm", children: (0, jsx_runtime_1.jsx)(notification_1.SmartNotification, { title: toast.title ?? toast.message, description: toast.title ? toast.message : undefined, dismissible: true, actions: toast.buttons?.map((button, index) => ({
+                        id: String(index),
+                        label: button.text,
+                    })), options: {
+                        variant: toast.buttons?.length ? 'condensed' : 'simple',
+                        ariaLive: toast.type === 'error' ? 'assertive' : 'polite',
+                    }, onActionClick: ({ actionId }) => toast.buttons?.[Number(actionId)]?.handler(), onDismissed: () => toastService.dismiss(toast.id) }) }, toast.id))) }) }));
+}
+/** The dialogs `AlertService.show` opened, rendered through `<SmartAlert>`. */
+function SmartAlertHost() {
+    const { alertService } = (0, smart_context_1.useSmart)();
+    const alerts = (0, store_1.useStore)(alertService.alerts);
+    if (!alerts.length)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(BodyPortal, { children: alerts.map((alert) => ((0, jsx_runtime_1.jsx)(alert_1.SmartAlert, { options: alert.options, onDismissed: alert.resolve }, alert.id))) }));
+}
+/**
+ * The components `ModalService.show` opened, each in a `<SmartModal>`. The
+ * component gets its `props` and a `dismiss(data)` prop that closes the
+ * modal with a result.
+ */
+function SmartModalHost() {
+    const { modalService } = (0, smart_context_1.useSmart)();
+    const modals = (0, store_1.useStore)(modalService.modals);
+    if (!modals.length)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(BodyPortal, { children: modals.map(({ id, component: Component, props, dismiss, cssClass }) => ((0, jsx_runtime_1.jsx)(modal_1.SmartModal, { open: true, className: cssClass?.join(' '), onClosed: () => dismiss(), children: (0, jsx_runtime_1.jsx)(Component, { ...(props ?? {}), dismiss: dismiss }) }, id))) }));
+}
+/**
+ * The hosts of everything the services open: toasts, alerts and modals.
+ * `SmartProvider` renders it unless given other `overlays`.
+ */
+function SmartOverlays() {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SmartToastHost, {}), (0, jsx_runtime_1.jsx)(SmartAlertHost, {}), (0, jsx_runtime_1.jsx)(SmartModalHost, {})] }));
+}
+//# sourceMappingURL=overlays.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlays.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/overlays/overlays.tsx"],"names":[],"mappings":";;AAuBA,wCAuCC;AAGD,wCAiBC;AAOD,wCAoBC;AAMD,sCAQC;;AA3HD,iCAA4C;AAE5C,yCAAyC;AAEzC,iEAAyD;AAEzD,6CAA6C;AAC7C,0CAA4C;AAC5C,0CAA4C;AAC5C,+DAAiE;AAEjE,8EAA8E;AAC9E,SAAS,UAAU,CAAC,EAAE,QAAQ,EAA2B;IACvD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAEtC,IAAI,CAAC,OAAO,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO,IAAI,CAAC;IAE7D,OAAO,IAAA,wBAAY,EAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC/C,CAAC;AAED,4EAA4E;AAC5E,SAAgB,cAAc;IAC5B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,wBAAQ,GAAE,CAAC;IACpC,MAAM,MAAM,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAE7C,IAAI,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACL,uBAAC,UAAU,cACT,gCACE,SAAS,EAAC,uKAAuK,eACvK,QAAQ,YAEjB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAa,EAAE,EAAE,CAAC,CAC7B,gCAEE,SAAS,EAAC,uDAAuD,YAEjE,uBAAC,gCAAiB,IAChB,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,EACnC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACpD,WAAW,QACX,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;wBAC9C,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC;wBACjB,KAAK,EAAE,MAAM,CAAC,IAAI;qBACnB,CAAC,CAAC,EACH,OAAO,EAAE;wBACP,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ;wBACvD,QAAQ,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ;qBAC1D,EACD,aAAa,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC9B,KAAK,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,EAE9C,WAAW,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GACjD,IAnBG,KAAK,CAAC,EAAE,CAoBT,CACP,CAAC,GACE,GACK,CACd,CAAC;AACJ,CAAC;AAED,+EAA+E;AAC/E,SAAgB,cAAc;IAC5B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,wBAAQ,GAAE,CAAC;IACpC,MAAM,MAAM,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAE7C,IAAI,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACL,uBAAC,UAAU,cACR,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,uBAAC,kBAAU,IAET,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,OAAO,IAFrB,KAAK,CAAC,EAAE,CAGb,CACH,CAAC,GACS,CACd,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,cAAc;IAC5B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,wBAAQ,GAAE,CAAC;IACpC,MAAM,MAAM,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAE7C,IAAI,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACL,uBAAC,UAAU,cACR,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACtE,uBAAC,kBAAU,IAET,IAAI,QACJ,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,EAC9B,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,YAEzB,uBAAC,SAAS,OAAK,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,GAAI,IAL7C,EAAE,CAMI,CACd,CAAC,GACS,CACd,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAgB,aAAa;IAC3B,OAAO,CACL,6DACE,uBAAC,cAAc,KAAG,EAClB,uBAAC,cAAc,KAAG,EAClB,uBAAC,cAAc,KAAG,IACjB,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,7 @@
+export * from './page';
+export * from './page.types';
+export * from './preset/page-preset';
+export * from './preset/preset-classes';
+export * from './preset-variants';
+export * from './standard/page-standard';
+export * from './use-page';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/page/index.ts"],"names":[],"mappings":";;;AAAA,iDAAuB;AACvB,uDAA6B;AAC7B,+DAAqC;AACrC,kEAAwC;AACxC,4DAAkC;AAClC,mEAAyC;AACzC,qDAA2B"}

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

@@ -0,0 +1,17 @@
+import { SmartPageProps } from './page.types';
+import { SmartPageVariant } from '../../models';
+import { SmartComponentKey } from '../../providers/smart-context';
+/**
+ * The `SmartProvider` `components` key a page variant is registered under
+ * (an entry of the Angular `PAGE_VARIANT_COMPONENTS_TOKEN` map): `'page'` for
+ * `'standard'` (the page's `DynamicComponentType`), `'page:<variant>'` for the
+ * others, e.g. `'page:preset'`.
+ */
+export declare function getPageVariantKey(variant: SmartPageVariant): SmartComponentKey;
+/**
+ * `<smart-page>`: renders the component registered for `options.variant`
+ * (`'standard'` when omitted) under `getPageVariantKey(variant)` on
+ * `SmartProvider`, `SmartPageStandard` when nothing is registered for it.
+ * `children` become the body when `options.bodyTpl` is not set.
+ */
+export declare function SmartPage({ options, className, children, }: SmartPageProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/page/page.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPageVariantKey = getPageVariantKey;
+exports.SmartPage = SmartPage;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const page_standard_1 = require("./standard/page-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * The `SmartProvider` `components` key a page variant is registered under
+ * (an entry of the Angular `PAGE_VARIANT_COMPONENTS_TOKEN` map): `'page'` for
+ * `'standard'` (the page's `DynamicComponentType`), `'page:<variant>'` for the
+ * others, e.g. `'page:preset'`.
+ */
+function getPageVariantKey(variant) {
+    return variant === 'standard' ? 'page' : 'page:' + variant;
+}
+/**
+ * `<smart-page>`: renders the component registered for `options.variant`
+ * (`'standard'` when omitted) under `getPageVariantKey(variant)` on
+ * `SmartProvider`, `SmartPageStandard` when nothing is registered for it.
+ * `children` become the body when `options.bodyTpl` is not set.
+ */
+function SmartPage({ options, className = '', children, }) {
+    const variant = options?.variant ?? 'standard';
+    const Component = (0, hooks_1.useSmartComponent)(getPageVariantKey(variant), page_standard_1.SmartPageStandard);
+    const opts = options ?? { title: '' };
+    const mergedOptions = {
+        ...opts,
+        bodyTpl: opts.bodyTpl ?? children,
+    };
+    return (0, jsx_runtime_1.jsx)(Component, { options: mergedOptions, className: className });
+}
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/page/page.tsx"],"names":[],"mappings":";;AAYA,8CAIC;AAQD,8BAkBC;;AAzCD,4DAA6D;AAE7D,iDAA0D;AAG1D;;;;;GAKG;AACH,SAAgB,iBAAiB,CAC/B,OAAyB;IAEzB,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC;AAC7D,CAAC;AAED;;;;;GAKG;AACH,SAAgB,SAAS,CAAC,EACxB,OAAO,EACP,SAAS,GAAG,EAAE,EACd,QAAQ,GACO;IACf,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,UAAU,CAAC;IAC/C,MAAM,SAAS,GAAG,IAAA,yBAAiB,EACjC,iBAAiB,CAAC,OAAO,CAAC,EAC1B,iCAAiB,CAClB,CAAC;IAEF,MAAM,IAAI,GAAiB,OAAO,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IACpD,MAAM,aAAa,GAAiB;QAClC,GAAG,IAAI;QACP,OAAO,EAAE,IAAI,CAAC,OAAO,IAAI,QAAQ;KAClC,CAAC;IAEF,OAAO,uBAAC,SAAS,IAAC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;AACrE,CAAC"}

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

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import { IPageOptions } from '../../models';
+/**
+ * The props of a page variant (the inputs `<smart-page>` hands to the
+ * resolved component): the options, with `bodyTpl` already merged with the
+ * wrapper's children, and the CSS class.
+ */
+export interface SmartPageVariantProps {
+    options?: IPageOptions | null;
+    className?: string;
+}
+export interface SmartPageProps extends SmartPageVariantProps {
+    /** The page body, used when `options.bodyTpl` is not set (the Angular `ng-content`). */
+    children?: ReactNode;
+}

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { SmartPageVariantProps } from '../page.types';
+/**
+ * Styled page variation (preset, `<smart-page-preset>`).
+ *
+ * A full application-shell layout: an optional banner strip, a bordered
+ * `<header>` with breadcrumbs, a title row (menu and back buttons,
+ * avatar/logo, title + subtitle, search + action buttons), a meta/stats row
+ * and an optional filters bar, followed by a gray page body that renders
+ * `bodyTpl` inside a content card with an optional `<aside>` sidebar.
+ *
+ * Register it with `PAGE_PRESET_VARIANT_COMPONENTS` to render it for
+ * `options.variant === 'preset'`, or render it directly. `className` is
+ * appended to the page root. The menu button has no action, as in Angular.
+ */
+export declare function SmartPagePreset({ options, className, }: SmartPageVariantProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartPagePreset = SmartPagePreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../../../providers/hooks");
+const button_1 = require("../../button/button");
+const use_page_1 = require("../use-page");
+const preset_classes_1 = require("./preset-classes");
+const headerClasses = (0, preset_classes_1.getPageHeaderClasses)();
+const containerClasses = (0, preset_classes_1.getPageContainerClasses)();
+const titleClasses = (0, preset_classes_1.getPageTitleClasses)();
+const bodyCardClasses = (0, preset_classes_1.getPageBodyCardClasses)();
+const iconButtonClasses = (0, preset_classes_1.getPageIconButtonClasses)();
+/**
+ * Styled page variation (preset, `<smart-page-preset>`).
+ *
+ * A full application-shell layout: an optional banner strip, a bordered
+ * `<header>` with breadcrumbs, a title row (menu and back buttons,
+ * avatar/logo, title + subtitle, search + action buttons), a meta/stats row
+ * and an optional filters bar, followed by a gray page body that renders
+ * `bodyTpl` inside a content card with an optional `<aside>` sidebar.
+ *
+ * Register it with `PAGE_PRESET_VARIANT_COMPONENTS` to render it for
+ * `options.variant === 'preset'`, or render it directly. `className` is
+ * appended to the page root. The menu button has no action, as in Angular.
+ */
+function SmartPagePreset({ options, className = '', }) {
+    const t = (0, hooks_1.useTranslate)();
+    const { back } = (0, use_page_1.usePage)();
+    const search = options?.search;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, preset_classes_1.getPagePageClasses)(className), "data-role": "page", children: [options?.bannerTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "banner", className: "smart:w-full", children: options.bannerTpl })) : null, !options?.hideHeader ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("header", { className: headerClasses, "data-role": "header", children: (0, jsx_runtime_1.jsxs)("div", { className: containerClasses, children: [options?.breadcrumbsTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "breadcrumbs", className: "smart:pt-4 smart:text-sm smart:text-gray-500 smart:dark:text-gray-400", children: options.breadcrumbsTpl })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "smart:flex smart:items-center smart:justify-between smart:gap-x-4 smart:py-5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "smart:flex smart:min-w-0 smart:items-center smart:gap-x-3", children: [!options?.hideMenuButton ? ((0, jsx_runtime_1.jsx)("button", { type: "button", "data-role": "menu-button", className: iconButtonClasses, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: "smart:size-5", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M2 4.75A.75.75 0 0 1 2.75 4h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 4.75Zm0 5A.75.75 0 0 1 2.75 9h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 9.75Zm0 5a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z", clipRule: "evenodd" }) }) })) : null, options?.showBackButton ? ((0, jsx_runtime_1.jsx)("button", { type: "button", "data-role": "back", onClick: back, className: iconButtonClasses, children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: "smart:size-5", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M17 10a.75.75 0 0 1-.75.75H5.612l4.158 3.96a.75.75 0 1 1-1.04 1.08l-5.5-5.25a.75.75 0 0 1 0-1.08l5.5-5.25a.75.75 0 1 1 1.04 1.08L5.612 9.25H16.25A.75.75 0 0 1 17 10Z", clipRule: "evenodd" }) }) })) : null, options?.avatarTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "avatar", className: "smart:shrink-0", children: options.avatarTpl })) : null, options?.logoTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "logo", className: "smart:shrink-0", children: options.logoTpl })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "smart:min-w-0", children: [(0, jsx_runtime_1.jsx)("h1", { "data-role": "title", className: titleClasses, children: t(options?.title ?? '') }), options?.subtitleTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "subtitle", className: "smart:mt-1 smart:text-sm smart:text-gray-500 smart:dark:text-gray-400", children: options.subtitleTpl })) : null] })] }), search || options?.endButtons?.length ? ((0, jsx_runtime_1.jsxs)("div", { "data-role": "actions", className: "smart:flex smart:shrink-0 smart:items-center smart:gap-x-2", children: [search ? ((0, jsx_runtime_1.jsx)("div", { className: "smart:relative smart:rounded-md smart:shadow-xs", children: (0, jsx_runtime_1.jsx)("input", { type: "text", value: search.text ?? '', onChange: (e) => search.set(e.target.value), placeholder: t('search'), className: "smart:block smart:w-full smart:rounded-md smart:border-0 smart:py-1.5 smart:pl-3 smart:pr-10 smart:text-gray-900 smart:ring-1 smart:ring-inset smart:ring-gray-300 smart:placeholder:text-gray-400 smart:focus:ring-2 smart:focus:ring-inset smart:focus:ring-indigo-600 smart:sm:text-sm/6 smart:dark:bg-white/5 smart:dark:text-white smart:dark:ring-white/10 smart:dark:placeholder:text-gray-500" }) })) : null, (options?.endButtons ?? []).map((btn) => ((0, jsx_runtime_1.jsxs)(button_1.SmartButton, { options: (0, use_page_1.getPageButtonOptions)(btn), disabled: !!btn.disabled, children: [btn.text ? t(btn.text) : null, btn.number ? ((0, jsx_runtime_1.jsx)("span", { className: "smart:ml-1 smart:inline-flex smart:items-center smart:rounded-full smart:bg-indigo-100 smart:px-2 smart:py-0.5 smart:text-xs smart:font-medium smart:text-indigo-700 smart:dark:bg-indigo-500/10 smart:dark:text-indigo-400", children: btn.number })) : null] }, btn.icon)))] })) : null] }), options?.metaTpl || options?.statsTpl ? ((0, jsx_runtime_1.jsxs)("div", { "data-role": "meta", className: "smart:flex smart:flex-wrap smart:items-center smart:gap-x-6 smart:gap-y-2 smart:pb-5 smart:text-sm smart:text-gray-500 smart:dark:text-gray-400", children: [options?.metaTpl ? options.metaTpl : null, options?.statsTpl ? options.statsTpl : null] })) : null] }) }), options?.filtersTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "filters", className: "smart:border-b smart:border-gray-200 smart:bg-white smart:dark:border-gray-700 smart:dark:bg-gray-800", children: (0, jsx_runtime_1.jsx)("div", { className: containerClasses, children: (0, jsx_runtime_1.jsx)("div", { className: "smart:py-3", children: options.filtersTpl }) }) })) : null] })) : null, (0, jsx_runtime_1.jsx)("div", { className: containerClasses, children: (0, jsx_runtime_1.jsxs)("div", { className: "smart:flex smart:gap-x-8 smart:py-8", children: [options?.sidebarTpl ? ((0, jsx_runtime_1.jsx)("aside", { "data-role": "sidebar", className: "smart:hidden smart:w-64 smart:shrink-0 smart:lg:block", children: options.sidebarTpl })) : null, (0, jsx_runtime_1.jsx)("div", { "data-role": "body", className: "smart:min-w-0 smart:flex-1", children: options?.bodyTpl ? ((0, jsx_runtime_1.jsx)("div", { className: bodyCardClasses, children: options.bodyTpl })) : null })] }) })] }));
+}
+//# sourceMappingURL=page-preset.js.map

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

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

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

@@ -0,0 +1,6 @@
+export declare function getPagePageClasses(cssClass?: string): string;
+export declare function getPageHeaderClasses(): string;
+export declare function getPageContainerClasses(): string;
+export declare function getPageTitleClasses(): string;
+export declare function getPageBodyCardClasses(): string;
+export declare function getPageIconButtonClasses(): string;

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

@@ -0,0 +1,37 @@
+"use strict";
+// Class recipes for the styled page preset (application-shell look).
+// Every utility is smart:-prefixed with explicit smart:dark:* twins in the same
+// template — no separate dark component. Vanilla Tailwind palette is used
+// (gray-50/white shells, indigo accents) and kept template-faithful.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPagePageClasses = getPagePageClasses;
+exports.getPageHeaderClasses = getPageHeaderClasses;
+exports.getPageContainerClasses = getPageContainerClasses;
+exports.getPageTitleClasses = getPageTitleClasses;
+exports.getPageBodyCardClasses = getPageBodyCardClasses;
+exports.getPageIconButtonClasses = getPageIconButtonClasses;
+const PAGE = 'smart:min-h-full smart:bg-gray-50 smart:dark:bg-gray-900';
+const HEADER = 'smart:bg-white smart:border-b smart:border-gray-200 smart:dark:bg-gray-800 smart:dark:border-gray-700';
+const CONTAINER = 'smart:mx-auto smart:max-w-7xl smart:px-4 smart:sm:px-6 smart:lg:px-8';
+const TITLE = 'smart:text-2xl smart:font-semibold smart:text-gray-900 smart:dark:text-white';
+const BODY_CARD = 'smart:rounded-lg smart:border smart:border-gray-200 smart:bg-white smart:p-4 smart:sm:p-6 smart:shadow-2xs smart:dark:border-gray-700 smart:dark:bg-gray-800';
+const ICON_BUTTON = 'smart:inline-flex smart:items-center smart:rounded-md smart:p-1.5 smart:text-gray-400 smart:hover:text-gray-500 smart:dark:text-gray-500 smart:dark:hover:text-gray-400';
+function getPagePageClasses(cssClass = '') {
+    return `${PAGE} ${cssClass}`.trim();
+}
+function getPageHeaderClasses() {
+    return HEADER;
+}
+function getPageContainerClasses() {
+    return CONTAINER;
+}
+function getPageTitleClasses() {
+    return TITLE;
+}
+function getPageBodyCardClasses() {
+    return BODY_CARD;
+}
+function getPageIconButtonClasses() {
+    return ICON_BUTTON;
+}
+//# sourceMappingURL=preset-classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/page/preset/preset-classes.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,gFAAgF;AAChF,0EAA0E;AAC1E,qEAAqE;;AAmBrE,gDAEC;AAED,oDAEC;AAED,0DAEC;AAED,kDAEC;AAED,wDAEC;AAED,4DAEC;AAvCD,MAAM,IAAI,GAAG,0DAA0D,CAAC;AAExE,MAAM,MAAM,GACV,uGAAuG,CAAC;AAE1G,MAAM,SAAS,GACb,sEAAsE,CAAC;AAEzE,MAAM,KAAK,GACT,8EAA8E,CAAC;AAEjF,MAAM,SAAS,GACb,8JAA8J,CAAC;AAEjK,MAAM,WAAW,GACf,yKAAyK,CAAC;AAE5K,SAAgB,kBAAkB,CAAC,QAAQ,GAAG,EAAE;IAC9C,OAAO,GAAG,IAAI,IAAI,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC;AACtC,CAAC;AAED,SAAgB,oBAAoB;IAClC,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAgB,uBAAuB;IACrC,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAgB,mBAAmB;IACjC,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAgB,sBAAsB;IACpC,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAgB,wBAAwB;IACtC,OAAO,WAAW,CAAC;AACrB,CAAC"}

package/src/lib/components/page/preset-variants.d.ts

@@ -0,0 +1,14 @@
+import { SmartComponentOverrides } from '../../providers/smart-context';
+/**
+ * Styled page variant preset, keyed by `getPageVariantKey(variant)`. Pass it
+ * to `SmartProvider` to register the `'preset'` variant alongside the
+ * built-in `'standard'` (the Angular
+ * `{ provide: PAGE_VARIANT_COMPONENTS_TOKEN, useValue: PAGE_PRESET_VARIANT_COMPONENTS }`):
+ *
+ * ```tsx
+ * <SmartProvider components={{ ...PAGE_PRESET_VARIANT_COMPONENTS }}>
+ * ```
+ *
+ * It only adds `'preset'`; `'standard'` keeps `SmartPageStandard`.
+ */
+export declare const PAGE_PRESET_VARIANT_COMPONENTS: SmartComponentOverrides;