@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/details/use-details-modal.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentType } from 'react';
+/** The `[smartDetails]` input of the Angular `DetailsDirective`. */
+export interface IDetailsModalOptions {
+    /** Rendered in the modal, with `params` as its `value` prop. */
+    component: ComponentType<any>;
+    params: any;
+    /** Default `'bottom'`. */
+    mode?: 'bottom' | 'default';
+}
+/** The outputs of the Angular `DetailsDirective`. */
+export interface UseDetailsModalCallbacks {
+    /** Once the modal is open (`smartDetailsShowed`). */
+    onShowed?: () => void;
+    /** Once the modal is closed (`smartDetailsDismissed`). */
+    onDismissed?: () => void;
+}
+/**
+ * The Angular `DetailsDirective` (`[smartDetails]`) as a hook: returns a
+ * handler for the element's `onClick` that opens `options.component` in a
+ * modal with `{ value: options.params }` as props (e.g. `SmartDetailsPage`
+ * with `IDetailsOptions`), and resolves once the modal is closed.
+ *
+ * Without `options` or `options.component` it does nothing.
+ */
+export declare function useDetailsModal(options: IDetailsModalOptions | null | undefined, { onShowed, onDismissed }?: UseDetailsModalCallbacks): () => Promise<void>;

package/src/lib/components/details/use-details-modal.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDetailsModal = useDetailsModal;
+const react_1 = require("react");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * The Angular `DetailsDirective` (`[smartDetails]`) as a hook: returns a
+ * handler for the element's `onClick` that opens `options.component` in a
+ * modal with `{ value: options.params }` as props (e.g. `SmartDetailsPage`
+ * with `IDetailsOptions`), and resolves once the modal is closed.
+ *
+ * Without `options` or `options.component` it does nothing.
+ */
+function useDetailsModal(options, { onShowed, onDismissed } = {}) {
+    const modalService = (0, hooks_1.useModalService)();
+    return (0, react_1.useCallback)(async () => {
+        if (!options || !options.component)
+            return;
+        const modal = await modalService.show({
+            component: options.component,
+            props: {
+                value: options.params,
+            },
+            mode: options.mode ? options.mode : 'bottom',
+        });
+        onShowed?.();
+        await modal.onDidDismiss();
+        onDismissed?.();
+    }, [options, modalService, onShowed, onDismissed]);
+}
+//# sourceMappingURL=use-details-modal.js.map

package/src/lib/components/details/use-details-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-details-modal.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/details/use-details-modal.ts"],"names":[],"mappings":";;AA8BA,0CAsBC;AApDD,iCAAoC;AAGpC,iDAAwD;AAmBxD;;;;;;;GAOG;AACH,SAAgB,eAAe,CAC7B,OAAgD,EAChD,EAAE,QAAQ,EAAE,WAAW,KAA+B,EAAE;IAExD,MAAM,YAAY,GAAG,IAAA,uBAAe,GAAE,CAAC;IAEvC,OAAO,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QAC5B,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS;YAAE,OAAO;QAE3C,MAAM,KAAK,GAAG,MAAM,YAAY,CAAC,IAAI,CAAC;YACpC,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO,CAAC,MAAM;aACtB;YACD,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ;SAC7C,CAAC,CAAC;QACH,QAAQ,EAAE,EAAE,CAAC;QAEb,MAAM,KAAK,CAAC,YAAY,EAAE,CAAC;QAE3B,WAAW,EAAE,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;AACrD,CAAC"}

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

@@ -0,0 +1,31 @@
+import { IEntity } from '@smartsoft001/domain-core';
+import { IFieldOptions } from '@smartsoft001/models';
+import { SmartDetailsProps } from './details.types';
+export interface SmartDetailsField {
+    key: string;
+    options: IFieldOptions;
+}
+/**
+ * The logic every details variant shares (the Angular `DetailsBaseComponent`):
+ *
+ * - `fields`: the fields of `options.type` marked `@Field({ details })`,
+ *   without those whose `details.permissions` the user lacks and those whose
+ *   `enabled` specification (`details.enabled`, else the field's `enabled`)
+ *   the item fails; a specification can refer to the outermost details' item
+ *   as `$root`;
+ * - `item`: `options.item` as an instance of `options.type` (a plain API
+ *   object is converted);
+ * - `loading`, `cellPipe` and `componentFactories` from the options.
+ *
+ * The item becomes the `DetailsService` root while rendering, before nested
+ * details evaluate their specifications (the service keeps the first root, so
+ * the outermost details win; React effects would run the innermost first).
+ */
+export declare function useDetails<T extends IEntity<string>>({ options, }: SmartDetailsProps<T>): {
+    fields: SmartDetailsField[] | null;
+    type: any;
+    item: T | null | undefined;
+    loading: boolean | undefined;
+    cellPipe: import("../../models").ICellPipe<T> | null;
+    componentFactories: import("../../models").IDetailsComponentFactories<T> | null;
+};

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

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDetails = useDetails;
+const react_1 = require("react");
+const models_1 = require("@smartsoft001/models");
+const utils_1 = require("@smartsoft001/utils");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * The fields of `type` marked `@Field({ details })` the user may see, and the
+ * `enabled` specifications to check them against.
+ */
+function getDetailsFields(type, authService) {
+    const enabled = [];
+    if (!type)
+        return { fields: null, enabled };
+    const fields = (0, models_1.getModelFieldsWithOptions)(new type())
+        .filter((f) => f.options.details)
+        .filter((field) => {
+        const details = field.options.details;
+        if (details.enabled) {
+            enabled.push({ key: field.key, spec: details.enabled });
+        }
+        else if (field.options.enabled) {
+            enabled.push({ key: field.key, spec: field.options.enabled });
+        }
+        return !(details.permissions &&
+            !authService.expectPermissions(details.permissions));
+    });
+    return { fields, enabled };
+}
+/** The item as an instance of `type`, so getters and specifications work. */
+function toItemOfType(item, type) {
+    if (!item)
+        return item;
+    if (type && item instanceof type)
+        return item;
+    if (type)
+        return utils_1.ObjectService.createByType(item, type);
+    return item;
+}
+/**
+ * The logic every details variant shares (the Angular `DetailsBaseComponent`):
+ *
+ * - `fields`: the fields of `options.type` marked `@Field({ details })`,
+ *   without those whose `details.permissions` the user lacks and those whose
+ *   `enabled` specification (`details.enabled`, else the field's `enabled`)
+ *   the item fails; a specification can refer to the outermost details' item
+ *   as `$root`;
+ * - `item`: `options.item` as an instance of `options.type` (a plain API
+ *   object is converted);
+ * - `loading`, `cellPipe` and `componentFactories` from the options.
+ *
+ * The item becomes the `DetailsService` root while rendering, before nested
+ * details evaluate their specifications (the service keeps the first root, so
+ * the outermost details win; React effects would run the innermost first).
+ */
+function useDetails({ options, }) {
+    const authService = (0, hooks_1.useAuthService)();
+    const detailsService = (0, hooks_1.useDetailsService)();
+    const type = options?.type;
+    const rootItem = options?.item;
+    if (rootItem)
+        detailsService.setRoot(rootItem);
+    const definitions = (0, react_1.useMemo)(() => getDetailsFields(type, authService), [type, authService]);
+    const item = (0, react_1.useMemo)(() => toItemOfType(rootItem, type), [rootItem, type]);
+    let fields = definitions.fields;
+    if (fields && item) {
+        const removed = definitions.enabled
+            .filter((def) => utils_1.SpecificationService.invalid(item, def.spec, {
+            $root: detailsService.$root,
+        }))
+            .map((def) => def.key);
+        if (removed.length) {
+            fields = fields.filter((f) => !removed.includes(f.key));
+        }
+    }
+    return {
+        fields,
+        type,
+        item,
+        loading: options?.loading,
+        cellPipe: options?.cellPipe ?? null,
+        componentFactories: options?.componentFactories ?? null,
+    };
+}
+//# sourceMappingURL=use-details.js.map

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

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

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

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

package/src/lib/components/divider/divider.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/divider/divider.tsx"],"names":[],"mappings":";;AASA,oCAIC;;AAZD,kEAAmE;AACnE,iDAA0D;AAE1D;;;;GAIG;AACH,SAAgB,YAAY,CAAC,KAAwB;IACnD,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,SAAS,EAAE,uCAAoB,CAAC,CAAC;IAErE,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

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

@@ -0,0 +1,11 @@
+import { IDividerOptions } from '../../models';
+export interface SmartDividerProps {
+    label?: string;
+    iconName?: string;
+    title?: string;
+    actionLabel?: string;
+    options?: IDividerOptions;
+    className?: string;
+    /** The Angular `actionClick` output: the action button was clicked. */
+    onActionClick?: () => void;
+}

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

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

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

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

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

@@ -0,0 +1,5 @@
+export * from './divider';
+export * from './divider.types';
+export * from './preset/divider-preset';
+export * from './preset/preset-classes';
+export * from './standard/divider-standard';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/divider/index.ts"],"names":[],"mappings":";;;AAAA,oDAA0B;AAC1B,0DAAgC;AAChC,kEAAwC;AACxC,kEAAwC;AACxC,sEAA4C"}

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

@@ -0,0 +1,12 @@
+import { SmartDividerProps } from '../divider.types';
+/**
+ * Styled divider variation (preset). Register it as `components.divider` on
+ * `SmartProvider` to restyle every `<SmartDivider>`, or render it directly.
+ *
+ * Translates Preline's divider patterns: a plain `<hr>`, an inline
+ * label/icon/title with connecting line(s) positioned left/center/right (via
+ * `options.position`), a centered action button, and a label + line + action
+ * "toolbar" row. The variant is taken from `options.variant`; when omitted it
+ * is inferred from the given props (action, title, icon, label, in that order).
+ */
+export declare function SmartDividerPreset({ label, iconName, title, actionLabel, options, className, onActionClick, }: SmartDividerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDividerPreset = SmartDividerPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Styled divider variation (preset). Register it as `components.divider` on
+ * `SmartProvider` to restyle every `<SmartDivider>`, or render it directly.
+ *
+ * Translates Preline's divider patterns: a plain `<hr>`, an inline
+ * label/icon/title with connecting line(s) positioned left/center/right (via
+ * `options.position`), a centered action button, and a label + line + action
+ * "toolbar" row. The variant is taken from `options.variant`; when omitted it
+ * is inferred from the given props (action, title, icon, label, in that order).
+ */
+function SmartDividerPreset({ label, iconName, title, actionLabel, options, className = '', onActionClick, }) {
+    const variant = resolveVariant({
+        label,
+        iconName,
+        title,
+        actionLabel,
+        options,
+    });
+    const position = options?.position ?? 'center';
+    // Text rendered as the divider content (label/icon/button branches).
+    const content = variant === 'with-title' ? (title ?? label ?? '') : (label ?? title ?? '');
+    const containerClasses = (0, preset_classes_1.getDividerContainerClasses)(variant === 'plain' ? 'with-label' : variant, position);
+    const actionButton = ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: (0, preset_classes_1.getDividerActionClasses)(), onClick: () => onActionClick?.(), children: [iconName && (0, jsx_runtime_1.jsx)("span", { className: (0, preset_classes_1.getDividerIconClasses)(), children: iconName }), actionLabel] }));
+    if (variant === 'plain') {
+        return ((0, jsx_runtime_1.jsx)("hr", { role: "separator", className: (0, class_names_1.cn)((0, preset_classes_1.getDividerPlainClasses)(), className) }));
+    }
+    if (variant === 'with-toolbar') {
+        return ((0, jsx_runtime_1.jsxs)("div", { role: "separator", className: (0, class_names_1.cn)((0, preset_classes_1.getDividerToolbarClasses)(), className), children: [content && (0, jsx_runtime_1.jsx)("span", { children: content }), (0, jsx_runtime_1.jsx)("div", { className: (0, preset_classes_1.getDividerToolbarLineClasses)() }), actionLabel && actionButton] }));
+    }
+    if (variant === 'with-button') {
+        return ((0, jsx_runtime_1.jsx)("div", { role: "separator", className: (0, class_names_1.cn)(containerClasses, className), children: actionButton }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { role: "separator", className: (0, class_names_1.cn)(containerClasses, className), children: [iconName && (0, jsx_runtime_1.jsx)("span", { className: (0, preset_classes_1.getDividerIconClasses)(), children: iconName }), content] }));
+}
+function resolveVariant({ label, iconName, title, actionLabel, options, }) {
+    if (options?.variant)
+        return options.variant;
+    if (actionLabel)
+        return 'with-button';
+    if (title)
+        return 'with-title';
+    if (iconName)
+        return 'with-icon';
+    if (label)
+        return 'with-label';
+    return 'plain';
+}
+//# sourceMappingURL=divider-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/divider/preset/divider-preset.tsx"],"names":[],"mappings":";;AAwBA,gDAwEC;;AAhGD,4DAAgD;AAEhD,qDAQ0B;AAI1B;;;;;;;;;GASG;AACH,SAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,GAAG,EAAE,EACd,aAAa,GACK;IAClB,MAAM,OAAO,GAAG,cAAc,CAAC;QAC7B,KAAK;QACL,QAAQ;QACR,KAAK;QACL,WAAW;QACX,OAAO;KACR,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,OAAO,EAAE,QAAQ,IAAI,QAAQ,CAAC;IAC/C,qEAAqE;IACrE,MAAM,OAAO,GACX,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,IAAI,EAAE,CAAC,CAAC;IAC7E,MAAM,gBAAgB,GAAG,IAAA,2CAA0B,EACjD,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,EAC5C,QAAQ,CACT,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,oCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,wCAAuB,GAAE,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,EAAE,aAE/B,QAAQ,IAAI,iCAAM,SAAS,EAAE,IAAA,sCAAqB,GAAE,YAAG,QAAQ,GAAQ,EACvE,WAAW,IACL,CACV,CAAC;IAEF,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;QACxB,OAAO,CACL,+BACE,IAAI,EAAC,WAAW,EAChB,SAAS,EAAE,IAAA,gBAAE,EAAC,IAAA,uCAAsB,GAAE,EAAE,SAAS,CAAC,GAClD,CACH,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,KAAK,cAAc,EAAE,CAAC;QAC/B,OAAO,CACL,iCACE,IAAI,EAAC,WAAW,EAChB,SAAS,EAAE,IAAA,gBAAE,EAAC,IAAA,yCAAwB,GAAE,EAAE,SAAS,CAAC,aAEnD,OAAO,IAAI,2CAAO,OAAO,GAAQ,EAClC,gCAAK,SAAS,EAAE,IAAA,6CAA4B,GAAE,GAAQ,EACrD,WAAW,IAAI,YAAY,IACxB,CACP,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,KAAK,aAAa,EAAE,CAAC;QAC9B,OAAO,CACL,gCAAK,IAAI,EAAC,WAAW,EAAC,SAAS,EAAE,IAAA,gBAAE,EAAC,gBAAgB,EAAE,SAAS,CAAC,YAC7D,YAAY,GACT,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iCAAK,IAAI,EAAC,WAAW,EAAC,SAAS,EAAE,IAAA,gBAAE,EAAC,gBAAgB,EAAE,SAAS,CAAC,aAC7D,QAAQ,IAAI,iCAAM,SAAS,EAAE,IAAA,sCAAqB,GAAE,YAAG,QAAQ,GAAQ,EACvE,OAAO,IACJ,CACP,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,OAAO,GACW;IAClB,IAAI,OAAO,EAAE,OAAO;QAAE,OAAO,OAAO,CAAC,OAAO,CAAC;IAC7C,IAAI,WAAW;QAAE,OAAO,aAAa,CAAC;IACtC,IAAI,KAAK;QAAE,OAAO,YAAY,CAAC;IAC/B,IAAI,QAAQ;QAAE,OAAO,WAAW,CAAC;IACjC,IAAI,KAAK;QAAE,OAAO,YAAY,CAAC;IAE/B,OAAO,OAAO,CAAC;AACjB,CAAC"}

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

@@ -0,0 +1,18 @@
+import { SmartDividerVariant } from '../../../models';
+export type SmartDividerPresetVariant = SmartDividerVariant;
+export type SmartDividerPresetPosition = 'left' | 'center' | 'right';
+export declare const DIVIDER_PLAIN_HR: string;
+export declare const DIVIDER_TOOLBAR_LINE: string;
+export declare const DIVIDER_TOOLBAR_CONTAINER: string;
+export declare const DIVIDER_ICON_CLASSES = "smart:shrink-0 smart:size-4";
+export declare const DIVIDER_ACTION_BUTTON: string;
+/**
+ * Classes for the flex container that wraps centered divider content and draws
+ * the connecting line(s) on the side(s) dictated by `position`.
+ */
+export declare function getDividerContainerClasses(variant: SmartDividerPresetVariant, position: SmartDividerPresetPosition): string;
+export declare function getDividerIconClasses(): string;
+export declare function getDividerActionClasses(): string;
+export declare function getDividerToolbarClasses(): string;
+export declare function getDividerToolbarLineClasses(): string;
+export declare function getDividerPlainClasses(): string;

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

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DIVIDER_ACTION_BUTTON = exports.DIVIDER_ICON_CLASSES = exports.DIVIDER_TOOLBAR_CONTAINER = exports.DIVIDER_TOOLBAR_LINE = exports.DIVIDER_PLAIN_HR = void 0;
+exports.getDividerContainerClasses = getDividerContainerClasses;
+exports.getDividerIconClasses = getDividerIconClasses;
+exports.getDividerActionClasses = getDividerActionClasses;
+exports.getDividerToolbarClasses = getDividerToolbarClasses;
+exports.getDividerToolbarLineClasses = getDividerToolbarLineClasses;
+exports.getDividerPlainClasses = getDividerPlainClasses;
+// Plain horizontal rule (Preline "Example" / "Height" dividers).
+exports.DIVIDER_PLAIN_HR = [
+    'smart:my-0',
+    'smart:border-t',
+    'smart:border-gray-200',
+    'smart:dark:border-neutral-700',
+].join(' ');
+// Shared flex shell for content-bearing dividers (label / icon / title / button).
+const CONTENT_BASE = [
+    'smart:py-3',
+    'smart:flex',
+    'smart:items-center',
+    'smart:gap-x-2',
+].join(' ');
+// Default inline text styling (with-label / with-icon / with-button).
+const TEXT_DEFAULT = 'smart:text-sm smart:text-gray-800 smart:dark:text-neutral-200';
+// Preline "Or" treatment for title dividers: uppercase, muted, smaller.
+// gray-600 rather than Preline's gray-400: at this size the lighter shade is
+// 2.6:1 on a white surface and fails WCAG AA.
+const TEXT_TITLE = [
+    'smart:text-xs',
+    'smart:uppercase',
+    'smart:font-medium',
+    'smart:text-gray-600',
+    'smart:dark:text-neutral-400',
+].join(' ');
+// before/after pseudo-element rules drawn through the divider content.
+const LINE_BEFORE = [
+    'smart:before:flex-1',
+    'smart:before:border-t',
+    'smart:before:border-gray-200',
+    'smart:before:me-6',
+    'smart:dark:before:border-neutral-600',
+].join(' ');
+const LINE_AFTER = [
+    'smart:after:flex-1',
+    'smart:after:border-t',
+    'smart:after:border-gray-200',
+    'smart:after:ms-6',
+    'smart:dark:after:border-neutral-600',
+].join(' ');
+const POSITION_LINES = {
+    left: LINE_AFTER,
+    center: `${LINE_BEFORE} ${LINE_AFTER}`,
+    right: LINE_BEFORE,
+};
+// Standalone line filler used by the toolbar layout (between content + action).
+exports.DIVIDER_TOOLBAR_LINE = [
+    'smart:flex-1',
+    'smart:border-t',
+    'smart:border-gray-200',
+    'smart:dark:border-neutral-600',
+].join(' ');
+// Container for the toolbar variant: content + line + action button in a row.
+exports.DIVIDER_TOOLBAR_CONTAINER = [
+    'smart:py-3',
+    'smart:flex',
+    'smart:items-center',
+    'smart:gap-x-4',
+].join(' ');
+// Icon slot (Preline shrink-0 size-4 icon sizing).
+exports.DIVIDER_ICON_CLASSES = 'smart:shrink-0 smart:size-4';
+// Action button styled after Preline's outline button.
+exports.DIVIDER_ACTION_BUTTON = [
+    'smart:py-1.5',
+    'smart:px-3',
+    'smart:inline-flex',
+    'smart:items-center',
+    'smart:gap-x-1.5',
+    'smart:text-sm',
+    'smart:font-medium',
+    'smart:rounded-lg',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:bg-white',
+    'smart:text-gray-800',
+    'smart:shadow-2xs',
+    'smart:hover:bg-gray-50',
+    'smart:focus:outline-none',
+    'smart:focus:bg-gray-50',
+    'smart:disabled:opacity-50',
+    'smart:disabled:pointer-events-none',
+    'smart:dark:bg-neutral-900',
+    'smart:dark:border-neutral-700',
+    'smart:dark:text-neutral-300',
+    'smart:dark:hover:bg-neutral-800',
+    'smart:dark:focus:bg-neutral-800',
+].join(' ');
+function getTextClasses(variant) {
+    return variant === 'with-title' ? TEXT_TITLE : TEXT_DEFAULT;
+}
+/**
+ * Classes for the flex container that wraps centered divider content and draws
+ * the connecting line(s) on the side(s) dictated by `position`.
+ */
+function getDividerContainerClasses(variant, position) {
+    return [CONTENT_BASE, getTextClasses(variant), POSITION_LINES[position]].join(' ');
+}
+function getDividerIconClasses() {
+    return exports.DIVIDER_ICON_CLASSES;
+}
+function getDividerActionClasses() {
+    return exports.DIVIDER_ACTION_BUTTON;
+}
+function getDividerToolbarClasses() {
+    return exports.DIVIDER_TOOLBAR_CONTAINER;
+}
+function getDividerToolbarLineClasses() {
+    return exports.DIVIDER_TOOLBAR_LINE;
+}
+function getDividerPlainClasses() {
+    return exports.DIVIDER_PLAIN_HR;
+}
+//# sourceMappingURL=preset-classes.js.map

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

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

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

@@ -0,0 +1,6 @@
+import { SmartDividerProps } from '../divider.types';
+/**
+ * The default divider rendering (`<smart-divider-standard>`): the title, the
+ * label and the action button, or an `<hr />` when there is none of them.
+ */
+export declare function SmartDividerStandard({ label, title, actionLabel, options, className, onActionClick, }: SmartDividerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDividerStandard = SmartDividerStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * The default divider rendering (`<smart-divider-standard>`): the title, the
+ * label and the action button, or an `<hr />` when there is none of them.
+ */
+function SmartDividerStandard({ label, title, actionLabel, options, className, onActionClick, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { role: "separator", className: className || undefined, "data-position": options?.position ?? 'center', children: [title && (0, jsx_runtime_1.jsx)("h3", { className: "smart-divider-title", children: title }), label && (0, jsx_runtime_1.jsx)("span", { className: "smart-divider-label", children: label }), !title && !label && !actionLabel && (0, jsx_runtime_1.jsx)("hr", {}), actionLabel && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "smart-divider-action", onClick: () => onActionClick?.(), children: actionLabel }))] }));
+}
+//# sourceMappingURL=divider-standard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/divider/standard/divider-standard.tsx"],"names":[],"mappings":";;AAMA,oDA4BC;;AAhCD;;;GAGG;AACH,SAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,EACT,aAAa,GACK;IAClB,OAAO,CACL,iCACE,IAAI,EAAC,WAAW,EAChB,SAAS,EAAE,SAAS,IAAI,SAAS,mBAClB,OAAO,EAAE,QAAQ,IAAI,QAAQ,aAE3C,KAAK,IAAI,+BAAI,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAM,EACzD,KAAK,IAAI,iCAAM,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAQ,EAC7D,CAAC,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC,WAAW,IAAI,gCAAM,EAC1C,WAAW,IAAI,CACd,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,EAAE,YAE/B,WAAW,GACL,CACV,IACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,10 @@
+import { SmartDrawerProps } from './drawer.types';
+/**
+ * `<smart-drawer>`: renders the implementation registered as
+ * `components.drawer` on `SmartProvider` (the Angular
+ * `DRAWER_STANDARD_COMPONENT_TOKEN`), `SmartDrawerStandard` by default.
+ *
+ * The Angular `[(open)]` model is `open` + `onOpenChange`; leave `open`
+ * undefined for an uncontrolled drawer (initial state from `defaultOpen`).
+ */
+export declare function SmartDrawer(props: SmartDrawerProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/drawer/drawer.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDrawer = SmartDrawer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const drawer_standard_1 = require("./standard/drawer-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-drawer>`: renders the implementation registered as
+ * `components.drawer` on `SmartProvider` (the Angular
+ * `DRAWER_STANDARD_COMPONENT_TOKEN`), `SmartDrawerStandard` by default.
+ *
+ * The Angular `[(open)]` model is `open` + `onOpenChange`; leave `open`
+ * undefined for an uncontrolled drawer (initial state from `defaultOpen`).
+ */
+function SmartDrawer(props) {
+    const Component = (0, hooks_1.useSmartComponent)('drawer', drawer_standard_1.SmartDrawerStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/drawer/drawer.tsx"],"names":[],"mappings":";;AAYA,kCAIC;;AAfD,gEAAiE;AACjE,iDAA0D;AAE1D;;;;;;;GAOG;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/drawer/drawer.types.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import { IDrawerOptions } from '../../models';
+export interface SmartDrawerProps {
+    /**
+     * Whether the drawer is shown (the Angular `open` model). Leave it
+     * `undefined` for an uncontrolled drawer that starts from `defaultOpen`.
+     */
+    open?: boolean;
+    /** Initial `open` of an uncontrolled drawer. */
+    defaultOpen?: boolean;
+    /** The `openChange` half of the Angular `[(open)]` binding. */
+    onOpenChange?: (open: boolean) => void;
+    title?: string;
+    options?: IDrawerOptions;
+    className?: string;
+    /** Called after the drawer closed itself (close button / overlay click). */
+    onClosed?: () => void;
+    children?: ReactNode;
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/drawer/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB;AACzB,yDAA+B;AAC/B,iEAAuC;AACvC,kEAAwC;AACxC,qEAA2C;AAC3C,uDAA6B"}

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

@@ -0,0 +1,12 @@
+import { SmartDrawerProps } from '../drawer.types';
+/**
+ * Styled drawer (offcanvas) variation (preset). Register it as
+ * `components.drawer` on `SmartProvider` to restyle every `<SmartDrawer>`, or
+ * render it directly.
+ *
+ * A sliding side panel with a header (title + close button), a body slot and
+ * an optional backdrop. Open/close, side placement (`options.position`), width
+ * (`options.wide`), the backdrop (`options.withOverlay`) and the branded header
+ * (`options.brandedHeader`) are driven by props; no Preline JS runtime is used.
+ */
+export declare function SmartDrawerPreset(props: SmartDrawerProps): import("react/jsx-runtime").JSX.Element | null;