@smartsoft001/react 0.0.0-stage → 2.193.0

package/README.md

@@ -1,4 +1,23 @@
-# Temporary Holding Version
+# @smartsoft001/react
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
-If no other versions are published within 30 days, this package and version will be deleted.
+The React UI library of the smartsoft001 framework: the metadata-driven `smart-*` components of
+[`@smartsoft001/angular`](https://www.npmjs.com/package/@smartsoft001/angular) as React components,
+the `SmartProvider` with its services and hooks, and a framework-agnostic form engine that builds
+forms from `@smartsoft001/models` metadata.
+
+```bash
+npm install @smartsoft001/react @smartsoft001/domain-core @smartsoft001/models @smartsoft001/utils react react-dom reflect-metadata
+```
+
+Import the compiled stylesheet once (`@smartsoft001/react/styles.css`), wrap the application in
+`SmartProvider` and render `SmartForm`, `SmartList`, `SmartDetails` or any other component.
+
+## Storybook
+
+```bash
+nx storybook react
+```
+
+The stories mirror the Angular Storybook one to one (same titles, story names and screens).
+
+The full documentation is at https://framework.smartflow.biz.pl/docs/packages/react/.

package/package.json

@@ -1,6 +1,34 @@
 {
   "name": "@smartsoft001/react",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "2.193.0",
+  "type": "commonjs",
+  "description": "The React UI library: smart-* components, hooks, services and the form factory that turns model metadata into a form, mirroring @smartsoft001/angular.",
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "main": "./src/index.js",
+  "typings": "./src/index.d.ts",
+  "dependencies": {
+    "dompurify": "^3.4.16",
+    "jwt-decode": "^4.0.0",
+    "moment": "^2.31.0"
+  },
+  "peerDependencies": {
+    "@smartsoft001/domain-core": "2.193.0",
+    "@smartsoft001/models": "2.193.0",
+    "@smartsoft001/utils": "2.193.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "reflect-metadata": "^0.2.1"
+  },
+  "exports": {
+    ".": {
+      "types": "./src/index.d.ts",
+      "default": "./src/index.js"
+    },
+    "./styles.css": "./styles.css",
+    "./package.json": "./package.json"
+  },
+  "types": "./src/index.d.ts"
+}

package/src/index.d.ts

@@ -0,0 +1,10 @@
+export * from './lib/factories';
+export * from './lib/forms';
+export * from './lib/i18n';
+export * from './lib/models';
+export * from './lib/providers';
+export * from './lib/services';
+export * from './lib/store';
+export * from './lib/utils';
+export * from './lib/components';
+export * from './lib/pages';

package/src/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./lib/factories"), exports);
+tslib_1.__exportStar(require("./lib/forms"), exports);
+tslib_1.__exportStar(require("./lib/i18n"), exports);
+tslib_1.__exportStar(require("./lib/models"), exports);
+tslib_1.__exportStar(require("./lib/providers"), exports);
+tslib_1.__exportStar(require("./lib/services"), exports);
+tslib_1.__exportStar(require("./lib/store"), exports);
+tslib_1.__exportStar(require("./lib/utils"), exports);
+tslib_1.__exportStar(require("./lib/components"), exports);
+tslib_1.__exportStar(require("./lib/pages"), exports);
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../packages/shared/react/src/index.ts"],"names":[],"mappings":";;;AAAA,0DAAgC;AAChC,sDAA4B;AAC5B,qDAA2B;AAC3B,uDAA6B;AAC7B,0DAAgC;AAChC,yDAA+B;AAC/B,sDAA4B;AAC5B,sDAA4B;AAC5B,2DAAiC;AACjC,sDAA4B"}

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

@@ -0,0 +1,8 @@
+import { SmartAccordionProps } from './accordion.types';
+/**
+ * `<smart-accordion>`: `SmartAccordionDefault` fed with the
+ * `accordionHeader` / `accordionBody` slots. The Angular accordion has no
+ * component token, so there is no registry key: render `SmartAccordionPreset`
+ * directly for the styled variation.
+ */
+export declare function SmartAccordion({ accordionHeader, accordionBody, ...props }: SmartAccordionProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/accordion/accordion.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartAccordion = SmartAccordion;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const accordion_default_1 = require("./default/accordion-default");
+/**
+ * `<smart-accordion>`: `SmartAccordionDefault` fed with the
+ * `accordionHeader` / `accordionBody` slots. The Angular accordion has no
+ * component token, so there is no registry key: render `SmartAccordionPreset`
+ * directly for the styled variation.
+ */
+function SmartAccordion({ accordionHeader, accordionBody, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(accordion_default_1.SmartAccordionDefault, { ...props, headerTpl: accordionHeader, bodyTpl: accordionBody }));
+}
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/accordion/accordion.tsx"],"names":[],"mappings":";;AASA,wCAYC;;AApBD,mEAAoE;AAEpE;;;;;GAKG;AACH,SAAgB,cAAc,CAAC,EAC7B,eAAe,EACf,aAAa,EACb,GAAG,KAAK,EACY;IACpB,OAAO,CACL,uBAAC,yCAAqB,OAChB,KAAK,EACT,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,aAAa,GACtB,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,47 @@
+import type { ReactNode } from 'react';
+import { IAccordionOptions } from '../../models';
+/**
+ * The open state every accordion shares: the Angular two-way `show` model
+ * (`[(show)]`) and `options`.
+ *
+ * Pass `show` + `onShowChange` to control it; leave `show` undefined to let
+ * the accordion keep its own state, starting from `defaultShow` (or
+ * `options.open`).
+ */
+export interface SmartAccordionStateProps {
+    /** Controlled open state; `undefined` keeps the state internal. */
+    show?: boolean;
+    /** Initial open state when uncontrolled. Default `false`. */
+    defaultShow?: boolean;
+    /** Every change of `show`: toggles and the initial `options.open`. */
+    onShowChange?: (show: boolean) => void;
+    options?: IAccordionOptions;
+}
+/** Props of the accordion variations (the `AccordionBaseComponent` inputs). */
+export interface SmartAccordionBaseProps extends SmartAccordionStateProps {
+    className?: string;
+    /** Content of the header button. */
+    headerTpl: ReactNode;
+    /** Content shown while open. */
+    bodyTpl: ReactNode;
+}
+/** Props of `SmartAccordion` (`<smart-accordion>`). */
+export interface SmartAccordionProps extends SmartAccordionStateProps {
+    className?: string;
+    /** The Angular `[accordionHeader]` content slot. */
+    accordionHeader?: ReactNode;
+    /** The Angular `[accordionBody]` content slot. */
+    accordionBody?: ReactNode;
+}
+export interface SmartAccordionHeaderProps {
+    /** Chevron up while `true`. Default `false`. */
+    open?: boolean;
+    /** Default `false`. */
+    disabled?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+export interface SmartAccordionBodyProps {
+    className?: string;
+    children?: ReactNode;
+}

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

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

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

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

package/src/lib/components/accordion/body/accordion-body.d.ts

@@ -0,0 +1,3 @@
+import { SmartAccordionBodyProps } from '../accordion.types';
+/** `<smart-accordion-body>`: the padded content of an open accordion. */
+export declare function SmartAccordionBody({ className, children, }: SmartAccordionBodyProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/accordion/body/accordion-body.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartAccordionBody = SmartAccordionBody;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+/** `<smart-accordion-body>`: the padded content of an open accordion. */
+function SmartAccordionBody({ className, children, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, class_names_1.cn)([
+            'smart:px-4',
+            'smart:py-3',
+            'smart:text-gray-600',
+            'smart:dark:text-gray-300',
+        ], className), children: children }));
+}
+//# sourceMappingURL=accordion-body.js.map

package/src/lib/components/accordion/body/accordion-body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-body.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/accordion/body/accordion-body.tsx"],"names":[],"mappings":";;AAIA,gDAmBC;;AAvBD,4DAAgD;AAGhD,yEAAyE;AACzE,SAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,QAAQ,GACgB;IACxB,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,gBAAE,EACX;YACE,YAAY;YACZ,YAAY;YACZ,qBAAqB;YACrB,0BAA0B;SAC3B,EACD,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/accordion/default/accordion-default.d.ts

@@ -0,0 +1,7 @@
+import { SmartAccordionBaseProps } from '../accordion.types';
+/**
+ * The default accordion rendering (`<smart-accordion-default>`): a bordered
+ * card whose header toggles the body. See `SmartAccordionStateProps` for the
+ * controlled / uncontrolled `show`.
+ */
+export declare function SmartAccordionDefault(props: SmartAccordionBaseProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/accordion/default/accordion-default.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartAccordionDefault = SmartAccordionDefault;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const accordion_body_1 = require("../body/accordion-body");
+const accordion_header_1 = require("../header/accordion-header");
+const use_accordion_1 = require("../use-accordion");
+/**
+ * The default accordion rendering (`<smart-accordion-default>`): a bordered
+ * card whose header toggles the body. See `SmartAccordionStateProps` for the
+ * controlled / uncontrolled `show`.
+ */
+function SmartAccordionDefault(props) {
+    const { options, className, headerTpl, bodyTpl } = props;
+    const { show, toggle, sharedContainerClasses } = (0, use_accordion_1.useAccordion)(props);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)(sharedContainerClasses, className), children: [(0, jsx_runtime_1.jsx)("div", { onClick: toggle, children: (0, jsx_runtime_1.jsx)(accordion_header_1.SmartAccordionHeader, { open: show, disabled: options?.disabled ?? false, children: headerTpl }) }), show && (0, jsx_runtime_1.jsx)(accordion_body_1.SmartAccordionBody, { children: bodyTpl })] }));
+}
+//# sourceMappingURL=accordion-default.js.map

package/src/lib/components/accordion/default/accordion-default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-default.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/accordion/default/accordion-default.tsx"],"names":[],"mappings":";;AAWA,sDAeC;;AA1BD,4DAAgD;AAEhD,2DAA4D;AAC5D,iEAAkE;AAClE,oDAAgD;AAEhD;;;;GAIG;AACH,SAAgB,qBAAqB,CAAC,KAA8B;IAClE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACzD,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,sBAAsB,EAAE,GAAG,IAAA,4BAAY,EAAC,KAAK,CAAC,CAAC;IAErE,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,gBAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,aACnD,gCAAK,OAAO,EAAE,MAAM,YAClB,uBAAC,uCAAoB,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,IAAI,KAAK,YACnE,SAAS,GACW,GACnB,EAEL,IAAI,IAAI,uBAAC,mCAAkB,cAAE,OAAO,GAAsB,IACvD,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/accordion/header/accordion-header.d.ts

@@ -0,0 +1,7 @@
+import { SmartAccordionHeaderProps } from '../accordion.types';
+/**
+ * `<smart-accordion-header>`: the header button of `SmartAccordionDefault`,
+ * with a chevron pointing up while `open`. The click is handled by the
+ * accordion around it.
+ */
+export declare function SmartAccordionHeader({ open, disabled, className, children, }: SmartAccordionHeaderProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/accordion/header/accordion-header.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartAccordionHeader = SmartAccordionHeader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const icon_1 = require("../../icon");
+/**
+ * `<smart-accordion-header>`: the header button of `SmartAccordionDefault`,
+ * with a chevron pointing up while `open`. The click is handled by the
+ * accordion around it.
+ */
+function SmartAccordionHeader({ open = false, disabled = false, className, children, }) {
+    return ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: (0, class_names_1.cn)([
+            'smart:flex',
+            'smart:w-full',
+            'smart:items-center',
+            'smart:justify-between',
+            'smart:px-4',
+            'smart:py-3',
+            'smart:text-left',
+            'smart:font-medium',
+            'smart:text-gray-900',
+            'smart:cursor-pointer',
+            'smart:hover:bg-gray-50',
+            'smart:dark:text-white',
+            'smart:dark:hover:bg-gray-800',
+        ], className, disabled && 'smart:cursor-not-allowed', disabled && 'smart:opacity-50'), disabled: disabled, children: [children, (0, jsx_runtime_1.jsx)(icon_1.SmartIcon, { name: open ? 'chevron-up' : 'chevron-down', className: "smart:text-gray-400 smart:transition-transform smart:duration-200" })] }));
+}
+//# sourceMappingURL=accordion-header.js.map

package/src/lib/components/accordion/header/accordion-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-header.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/accordion/header/accordion-header.tsx"],"names":[],"mappings":";;AASA,oDAsCC;;AA/CD,4DAAgD;AAChD,qCAAuC;AAGvC;;;;GAIG;AACH,SAAgB,oBAAoB,CAAC,EACnC,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,QAAQ,GACkB;IAC1B,OAAO,CACL,oCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,gBAAE,EACX;YACE,YAAY;YACZ,cAAc;YACd,oBAAoB;YACpB,uBAAuB;YACvB,YAAY;YACZ,YAAY;YACZ,iBAAiB;YACjB,mBAAmB;YACnB,qBAAqB;YACrB,sBAAsB;YACtB,wBAAwB;YACxB,uBAAuB;YACvB,8BAA8B;SAC/B,EACD,SAAS,EACT,QAAQ,IAAI,0BAA0B,EACtC,QAAQ,IAAI,kBAAkB,CAC/B,EACD,QAAQ,EAAE,QAAQ,aAEjB,QAAQ,EACT,uBAAC,gBAAS,IACR,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAC1C,SAAS,EAAC,mEAAmE,GAC7E,IACK,CACV,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,8 @@
+export * from './accordion';
+export * from './accordion.types';
+export * from './body/accordion-body';
+export * from './default/accordion-default';
+export * from './header/accordion-header';
+export * from './preset/accordion-preset';
+export * from './preset/preset-classes';
+export * from './use-accordion';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/accordion/index.ts"],"names":[],"mappings":";;;AAAA,sDAA4B;AAC5B,4DAAkC;AAClC,gEAAsC;AACtC,sEAA4C;AAC5C,oEAA0C;AAC1C,oEAA0C;AAC1C,kEAAwC;AACxC,0DAAgC"}

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

@@ -0,0 +1,11 @@
+import { SmartAccordionBaseProps } from '../accordion.types';
+/**
+ * Styled accordion variation (preset, `<smart-accordion-preset>`), based on
+ * the Preline bordered accordion.
+ *
+ * The accordion has no registry key (no Angular component token): render it
+ * directly with the same `headerTpl` / `bodyTpl`, `show` and `className`
+ * contract as `SmartAccordionDefault`. The toggle button carries
+ * `aria-expanded` / `aria-controls`; the open body is a `region`.
+ */
+export declare function SmartAccordionPreset(props: SmartAccordionBaseProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartAccordionPreset = SmartAccordionPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const class_names_1 = require("../../../utils/class-names");
+const use_accordion_1 = require("../use-accordion");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Styled accordion variation (preset, `<smart-accordion-preset>`), based on
+ * the Preline bordered accordion.
+ *
+ * The accordion has no registry key (no Angular component token): render it
+ * directly with the same `headerTpl` / `bodyTpl`, `show` and `className`
+ * contract as `SmartAccordionDefault`. The toggle button carries
+ * `aria-expanded` / `aria-controls`; the open body is a `region`.
+ */
+function SmartAccordionPreset(props) {
+    const { options, className, headerTpl, bodyTpl } = props;
+    const { show, toggle } = (0, use_accordion_1.useAccordion)(props);
+    const id = (0, react_1.useId)();
+    const contentId = 'smart-accordion-preset-' + id;
+    const iconClasses = (0, preset_classes_1.getAccordionPresetIconClasses)();
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)((0, preset_classes_1.getAccordionPresetContainerClasses)(show), className), children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", className: (0, class_names_1.cn)((0, preset_classes_1.getAccordionPresetToggleClasses)(show)), disabled: options?.disabled ?? false, "aria-expanded": show, "aria-controls": contentId, onClick: toggle, children: [headerTpl, show ? ((0, jsx_runtime_1.jsx)("svg", { className: iconClasses, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: "m18 15-6-6-6 6" }) })) : ((0, jsx_runtime_1.jsx)("svg", { className: iconClasses, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: "m6 9 6 6 6-6" }) }))] }), show && ((0, jsx_runtime_1.jsx)("div", { id: contentId, className: (0, class_names_1.cn)((0, preset_classes_1.getAccordionPresetContentClasses)()), role: "region", children: bodyTpl }))] }));
+}
+//# sourceMappingURL=accordion-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/accordion/preset/accordion-preset.tsx"],"names":[],"mappings":";;AAqBA,oDAiEC;;AAtFD,iCAA8B;AAE9B,4DAAgD;AAEhD,oDAAgD;AAChD,qDAK0B;AAE1B;;;;;;;;GAQG;AACH,SAAgB,oBAAoB,CAAC,KAA8B;IACjE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACzD,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAA,4BAAY,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IACnB,MAAM,SAAS,GAAG,yBAAyB,GAAG,EAAE,CAAC;IACjD,MAAM,WAAW,GAAG,IAAA,8CAA6B,GAAE,CAAC;IAEpD,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,gBAAE,EAAC,IAAA,mDAAkC,EAAC,IAAI,CAAC,EAAE,SAAS,CAAC,aACrE,oCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,gBAAE,EAAC,IAAA,gDAA+B,EAAC,IAAI,CAAC,CAAC,EACpD,QAAQ,EAAE,OAAO,EAAE,QAAQ,IAAI,KAAK,mBACrB,IAAI,mBACJ,SAAS,EACxB,OAAO,EAAE,MAAM,aAEd,SAAS,EAET,IAAI,CAAC,CAAC,CAAC,CACN,gCACE,SAAS,EAAE,WAAW,EACtB,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,YAElB,iCAAM,CAAC,EAAC,gBAAgB,GAAG,GACvB,CACP,CAAC,CAAC,CAAC,CACF,gCACE,SAAS,EAAE,WAAW,EACtB,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,YAElB,iCAAM,CAAC,EAAC,cAAc,GAAG,GACrB,CACP,IACM,EAER,IAAI,IAAI,CACP,gCACE,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,IAAA,gBAAE,EAAC,IAAA,iDAAgC,GAAE,CAAC,EACjD,IAAI,EAAC,QAAQ,YAEZ,OAAO,GACJ,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,27 @@
+/**
+ * Class recipes for the accordion preset variation (FRA-210).
+ *
+ * Translated from the Preline "Bordered open content" accordion template to
+ * `smart:`-prefixed vanilla Tailwind utilities with explicit `dark:` variants.
+ * Kept private to the preset component — never re-exported from the component
+ * barrel — and every symbol is prefixed with `AccordionPreset` to avoid
+ * collisions in the library-wide `export *` barrel.
+ */
+/**
+ * Outer card container. Borrows the Preline pattern where the border is
+ * transparent while collapsed and becomes visible once the item is open.
+ */
+export declare function getAccordionPresetContainerClasses(open: boolean): string[];
+/**
+ * Toggle button. Title and arrow are stretched apart (`justify-between`) and
+ * the label switches to the primary colour while open.
+ */
+export declare function getAccordionPresetToggleClasses(open: boolean): string[];
+/**
+ * Expanded body region (Preline `pb-4 px-5` inner wrapper).
+ */
+export declare function getAccordionPresetContentClasses(): string[];
+/**
+ * Chevron indicator sizing (Preline `size-3.5`).
+ */
+export declare function getAccordionPresetIconClasses(): string;

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

@@ -0,0 +1,76 @@
+"use strict";
+/**
+ * Class recipes for the accordion preset variation (FRA-210).
+ *
+ * Translated from the Preline "Bordered open content" accordion template to
+ * `smart:`-prefixed vanilla Tailwind utilities with explicit `dark:` variants.
+ * Kept private to the preset component — never re-exported from the component
+ * barrel — and every symbol is prefixed with `AccordionPreset` to avoid
+ * collisions in the library-wide `export *` barrel.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAccordionPresetContainerClasses = getAccordionPresetContainerClasses;
+exports.getAccordionPresetToggleClasses = getAccordionPresetToggleClasses;
+exports.getAccordionPresetContentClasses = getAccordionPresetContentClasses;
+exports.getAccordionPresetIconClasses = getAccordionPresetIconClasses;
+/**
+ * Outer card container. Borrows the Preline pattern where the border is
+ * transparent while collapsed and becomes visible once the item is open.
+ */
+function getAccordionPresetContainerClasses(open) {
+    return [
+        'smart:bg-white',
+        'smart:dark:bg-gray-800',
+        'smart:border',
+        'smart:rounded-xl',
+        open ? 'smart:border-gray-200' : 'smart:border-transparent',
+        open ? 'smart:dark:border-gray-700' : 'smart:dark:border-transparent',
+    ];
+}
+/**
+ * Toggle button. Title and arrow are stretched apart (`justify-between`) and
+ * the label switches to the primary colour while open.
+ */
+function getAccordionPresetToggleClasses(open) {
+    return [
+        'smart:inline-flex',
+        'smart:w-full',
+        'smart:items-center',
+        'smart:justify-between',
+        'smart:gap-x-3',
+        'smart:px-5',
+        'smart:py-4',
+        'smart:text-start',
+        'smart:font-semibold',
+        'smart:cursor-pointer',
+        open ? 'smart:text-blue-600' : 'smart:text-gray-900',
+        open ? 'smart:dark:text-blue-400' : 'smart:dark:text-white',
+        'smart:hover:text-gray-500',
+        'smart:dark:hover:text-gray-400',
+        'smart:focus:outline-none',
+        'smart:focus:text-gray-500',
+        'smart:dark:focus:text-gray-400',
+        'smart:disabled:opacity-50',
+        'smart:disabled:pointer-events-none',
+    ];
+}
+/**
+ * Expanded body region (Preline `pb-4 px-5` inner wrapper).
+ */
+function getAccordionPresetContentClasses() {
+    return [
+        'smart:w-full',
+        'smart:overflow-hidden',
+        'smart:px-5',
+        'smart:pb-4',
+        'smart:text-gray-900',
+        'smart:dark:text-white',
+    ];
+}
+/**
+ * Chevron indicator sizing (Preline `size-3.5`).
+ */
+function getAccordionPresetIconClasses() {
+    return 'smart:size-3.5 smart:shrink-0';
+}
+//# sourceMappingURL=preset-classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/accordion/preset/preset-classes.ts"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;;AAMH,gFASC;AAMD,0EAsBC;AAKD,4EASC;AAKD,sEAEC;AA9DD;;;GAGG;AACH,SAAgB,kCAAkC,CAAC,IAAa;IAC9D,OAAO;QACL,gBAAgB;QAChB,wBAAwB;QACxB,cAAc;QACd,kBAAkB;QAClB,IAAI,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,0BAA0B;QAC3D,IAAI,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,+BAA+B;KACtE,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAgB,+BAA+B,CAAC,IAAa;IAC3D,OAAO;QACL,mBAAmB;QACnB,cAAc;QACd,oBAAoB;QACpB,uBAAuB;QACvB,eAAe;QACf,YAAY;QACZ,YAAY;QACZ,kBAAkB;QAClB,qBAAqB;QACrB,sBAAsB;QACtB,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB;QACpD,IAAI,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,uBAAuB;QAC3D,2BAA2B;QAC3B,gCAAgC;QAChC,0BAA0B;QAC1B,2BAA2B;QAC3B,gCAAgC;QAChC,2BAA2B;QAC3B,oCAAoC;KACrC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAgB,gCAAgC;IAC9C,OAAO;QACL,cAAc;QACd,uBAAuB;QACvB,YAAY;QACZ,YAAY;QACZ,qBAAqB;QACrB,uBAAuB;KACxB,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAgB,6BAA6B;IAC3C,OAAO,+BAA+B,CAAC;AACzC,CAAC"}

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

@@ -0,0 +1,18 @@
+import { SmartAccordionStateProps } from './accordion.types';
+/**
+ * The behaviour every accordion variant shares (the Angular
+ * `AccordionBaseComponent`): the open state, controlled through `show` +
+ * `onShowChange` or kept internally, and `toggle()`, which does nothing while
+ * `options.disabled`.
+ *
+ * `options.open` is applied once, on the first render (Angular `ngOnInit`):
+ * an uncontrolled accordion starts open, and `onShowChange(true)` is reported
+ * unless `show` / `defaultShow` was already `true`. A controlled accordion
+ * stays as its `show` prop says until the parent applies that change. Later
+ * changes of `options.open` are ignored.
+ */
+export declare function useAccordion({ show: showProp, defaultShow, onShowChange, options, }: SmartAccordionStateProps): {
+    show: boolean;
+    toggle: () => void;
+    sharedContainerClasses: string[];
+};

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

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAccordion = useAccordion;
+const react_1 = require("react");
+const SHARED_CONTAINER_CLASSES = [
+    'smart:divide-y',
+    'smart:divide-gray-200',
+    'smart:rounded-lg',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:divide-white/10',
+    'smart:dark:border-white/10',
+];
+/**
+ * The behaviour every accordion variant shares (the Angular
+ * `AccordionBaseComponent`): the open state, controlled through `show` +
+ * `onShowChange` or kept internally, and `toggle()`, which does nothing while
+ * `options.disabled`.
+ *
+ * `options.open` is applied once, on the first render (Angular `ngOnInit`):
+ * an uncontrolled accordion starts open, and `onShowChange(true)` is reported
+ * unless `show` / `defaultShow` was already `true`. A controlled accordion
+ * stays as its `show` prop says until the parent applies that change. Later
+ * changes of `options.open` are ignored.
+ */
+function useAccordion({ show: showProp, defaultShow = false, onShowChange, options, }) {
+    const controlled = showProp !== undefined;
+    const [internalShow, setInternalShow] = (0, react_1.useState)(() => defaultShow || !!options?.open);
+    const show = controlled ? showProp : internalShow;
+    const initialised = (0, react_1.useRef)(false);
+    (0, react_1.useEffect)(() => {
+        if (initialised.current)
+            return;
+        initialised.current = true;
+        const initialShow = controlled ? showProp : defaultShow;
+        if (options?.open && !initialShow)
+            onShowChange?.(true);
+        // Runs once, like `ngOnInit`: later prop changes must not reopen it.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const toggle = (0, react_1.useCallback)(() => {
+        if (options?.disabled)
+            return;
+        const next = !show;
+        if (!controlled)
+            setInternalShow(next);
+        onShowChange?.(next);
+    }, [options?.disabled, show, controlled, onShowChange]);
+    return {
+        show,
+        toggle,
+        sharedContainerClasses: SHARED_CONTAINER_CLASSES,
+    };
+}
+//# sourceMappingURL=use-accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-accordion.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/accordion/use-accordion.ts"],"names":[],"mappings":";;AA0BA,oCAoCC;AA9DD,iCAAiE;AAIjE,MAAM,wBAAwB,GAAG;IAC/B,gBAAgB;IAChB,uBAAuB;IACvB,kBAAkB;IAClB,cAAc;IACd,uBAAuB;IACvB,4BAA4B;IAC5B,4BAA4B;CAC7B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,SAAgB,YAAY,CAAC,EAC3B,IAAI,EAAE,QAAQ,EACd,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,OAAO,GACkB;IACzB,MAAM,UAAU,GAAG,QAAQ,KAAK,SAAS,CAAC;IAC1C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAC9C,GAAG,EAAE,CAAC,WAAW,IAAI,CAAC,CAAC,OAAO,EAAE,IAAI,CACrC,CAAC;IACF,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;IAClD,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAElC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,WAAW,CAAC,OAAO;YAAE,OAAO;QAChC,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAE3B,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC;QACxD,IAAI,OAAO,EAAE,IAAI,IAAI,CAAC,WAAW;YAAE,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;QACxD,qEAAqE;QACrE,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC9B,IAAI,OAAO,EAAE,QAAQ;YAAE,OAAO;QAE9B,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC;QACnB,IAAI,CAAC,UAAU;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QACvC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC;IAExD,OAAO;QACL,IAAI;QACJ,MAAM;QACN,sBAAsB,EAAE,wBAAwB;KACjD,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,8 @@
+import { SmartActionPanelProps } from './action-panel.types';
+/**
+ * `<smart-action-panel>`: renders the implementation registered as
+ * `components['action-panel']` on `SmartProvider` (the Angular
+ * `ACTION_PANEL_STANDARD_COMPONENT_TOKEN`), `SmartActionPanelStandard` by
+ * default. `onActionClick` is passed through to the implementation.
+ */
+export declare function SmartActionPanel(props: SmartActionPanelProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartActionPanel = SmartActionPanel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const action_panel_standard_1 = require("./standard/action-panel-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-action-panel>`: renders the implementation registered as
+ * `components['action-panel']` on `SmartProvider` (the Angular
+ * `ACTION_PANEL_STANDARD_COMPONENT_TOKEN`), `SmartActionPanelStandard` by
+ * default. `onActionClick` is passed through to the implementation.
+ */
+function SmartActionPanel(props) {
+    const Component = (0, hooks_1.useSmartComponent)('action-panel', action_panel_standard_1.SmartActionPanelStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=action-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"action-panel.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/action-panel/action-panel.tsx"],"names":[],"mappings":";;AAUA,4CAIC;;AAbD,4EAA4E;AAC5E,iDAA0D;AAE1D;;;;;GAKG;AACH,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,cAAc,EAAE,gDAAwB,CAAC,CAAC;IAE9E,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

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

@@ -0,0 +1,11 @@
+import { IActionPanelOptions } from '../../models';
+/** Emitted when a button action is clicked (the Angular `actionClick` output). */
+export interface IActionPanelActionClick {
+    actionId: string;
+}
+export interface SmartActionPanelProps {
+    options?: IActionPanelOptions;
+    className?: string;
+    /** Called when an action without `href` is clicked. */
+    onActionClick?: (event: IActionPanelActionClick) => void;
+}

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

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

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

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

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

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

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

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