@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/card/card.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartCard = SmartCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const card_standard_1 = require("./standard/card-standard");
+const use_card_1 = require("./use-card");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-card>`: renders the implementation registered as `components.card`
+ * on `SmartProvider` (the Angular `CARD_STANDARD_COMPONENT_TOKEN`),
+ * `SmartCardStandard` by default.
+ *
+ * `header` and `footer` replace the Angular `[cardHeader]` / `[cardFooter]`
+ * slots and reach the implementation as `headerTpl` / `footerTpl`, the
+ * children as `bodyTpl`. A section is rendered when its content is given,
+ * unless `hasHeader` / `hasFooter` say otherwise.
+ */
+function SmartCard({ options, hasHeader, hasFooter, className, header, footer, children, }) {
+    const Component = (0, hooks_1.useSmartComponent)('card', card_standard_1.SmartCardStandard);
+    return ((0, jsx_runtime_1.jsx)(Component, { options: options, hasHeader: (0, use_card_1.isCardSectionShown)(hasHeader, header), hasFooter: (0, use_card_1.isCardSectionShown)(hasFooter, footer), className: className, headerTpl: header, bodyTpl: children, footerTpl: footer }));
+}
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/card/card.tsx"],"names":[],"mappings":";;AAeA,8BAyBC;;AAvCD,4DAA6D;AAC7D,yCAAgD;AAChD,iDAA0D;AAE1D;;;;;;;;;GASG;AACH,SAAgB,SAAS,CAAC,EACxB,OAAO,EACP,SAAS,EACT,SAAS,EACT,SAAS,EACT,MAAM,EACN,MAAM,EACN,QAAQ,GACO;IACf,MAAM,SAAS,GAAG,IAAA,yBAAiB,EACjC,MAAM,EACN,iCAAiB,CAClB,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,6BAAkB,EAAC,SAAS,EAAE,MAAM,CAAC,EAChD,SAAS,EAAE,IAAA,6BAAkB,EAAC,SAAS,EAAE,MAAM,CAAC,EAChD,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,MAAM,GACjB,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+import { ICardOptions } from '../../models';
+/** Props of `<SmartCard>` (the Angular `<smart-card>`). */
+export interface SmartCardProps {
+    options?: ICardOptions;
+    /** Renders the header section; by default, when `header` is given. */
+    hasHeader?: boolean;
+    /** Renders the footer section; by default, when `footer` is given. */
+    hasFooter?: boolean;
+    className?: string;
+    /** The header content (the Angular `[cardHeader]` slot). */
+    header?: ReactNode;
+    /** The footer content (the Angular `[cardFooter]` slot). */
+    footer?: ReactNode;
+    /** The body content. */
+    children?: ReactNode;
+}
+/**
+ * Props of a card implementation (`SmartCardStandard`, `SmartCardPreset` or
+ * one registered as `components.card`), the Angular `CardBaseComponent`
+ * inputs: the wrapper passes `header` / `children` / `footer` as `headerTpl` /
+ * `bodyTpl` / `footerTpl`.
+ */
+export interface SmartCardVariantProps {
+    options?: ICardOptions;
+    /** Renders the header section; by default, when `headerTpl` is given. */
+    hasHeader?: boolean;
+    /** Renders the footer section; by default, when `footerTpl` is given. */
+    hasFooter?: boolean;
+    className?: string;
+    headerTpl?: ReactNode;
+    bodyTpl?: ReactNode;
+    footerTpl?: ReactNode;
+}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { SmartCardVariantProps } from '../card.types';
+/**
+ * Styled card variation (preset). Register it as `components.card` on
+ * `SmartProvider` to restyle every `<SmartCard>`, or render it directly.
+ *
+ * Renders the same header / body / footer slots as the standard card, with
+ * the Preline card look: `rounded-xl` surface, `shadow-2xs`, a bordered
+ * surface header and footer. Honours `options.grayBody` / `options.grayFooter`.
+ */
+export declare function SmartCardPreset(props: SmartCardVariantProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartCardPreset = SmartCardPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const use_card_1 = require("../use-card");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Styled card variation (preset). Register it as `components.card` on
+ * `SmartProvider` to restyle every `<SmartCard>`, or render it directly.
+ *
+ * Renders the same header / body / footer slots as the standard card, with
+ * the Preline card look: `rounded-xl` surface, `shadow-2xs`, a bordered
+ * surface header and footer. Honours `options.grayBody` / `options.grayFooter`.
+ */
+function SmartCardPreset(props) {
+    const { options, className = '', headerTpl, bodyTpl, footerTpl } = props;
+    const { showHeader, showFooter } = (0, use_card_1.useCard)(props);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)((0, preset_classes_1.getCardContainerClasses)(), className), children: [showHeader && ((0, jsx_runtime_1.jsxs)("div", { className: (0, preset_classes_1.getCardHeaderClasses)(), children: [options?.title && ((0, jsx_runtime_1.jsx)("h3", { className: "smart:font-semibold smart:text-gray-900 smart:dark:text-white", children: options.title })), headerTpl] })), (0, jsx_runtime_1.jsx)("div", { className: (0, preset_classes_1.getCardBodyClasses)(Boolean(options?.grayBody)), children: bodyTpl }), showFooter && ((0, jsx_runtime_1.jsx)("div", { className: (0, preset_classes_1.getCardFooterClasses)(Boolean(options?.grayFooter)), children: footerTpl }))] }));
+}
+//# sourceMappingURL=card-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/card/preset/card-preset.tsx"],"names":[],"mappings":";;AAkBA,0CA4BC;;AA9CD,4DAAgD;AAEhD,0CAAsC;AACtC,qDAK0B;AAE1B;;;;;;;GAOG;AACH,SAAgB,eAAe,CAAC,KAA4B;IAC1D,MAAM,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACzE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAO,EAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,gBAAE,EAAC,IAAA,wCAAuB,GAAE,EAAE,SAAS,CAAC,aACrD,UAAU,IAAI,CACb,iCAAK,SAAS,EAAE,IAAA,qCAAoB,GAAE,aACnC,OAAO,EAAE,KAAK,IAAI,CACjB,+BAAI,SAAS,EAAC,+DAA+D,YAC1E,OAAO,CAAC,KAAK,GACX,CACN,EACA,SAAS,IACN,CACP,EAED,gCAAK,SAAS,EAAE,IAAA,mCAAkB,EAAC,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,YAC3D,OAAO,GACJ,EAEL,UAAU,IAAI,CACb,gCAAK,SAAS,EAAE,IAAA,qCAAoB,EAAC,OAAO,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,YAC/D,SAAS,GACN,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,4 @@
+export declare function getCardContainerClasses(): string;
+export declare function getCardHeaderClasses(): string;
+export declare function getCardBodyClasses(grayBody: boolean): string;
+export declare function getCardFooterClasses(grayFooter: boolean): string;

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

@@ -0,0 +1,58 @@
+"use strict";
+// Preline-styled class recipes for the card preset.
+// Every utility is `smart:`-prefixed (Tailwind v4 `prefix(smart)`), and every
+// color carries an explicit `dark:` variant. Preline semantic tokens are
+// translated to vanilla Tailwind palette classes:
+//   bg-card / border-card-line -> white|gray-800 / gray-200|gray-700
+//   bg-surface                 -> gray-50|gray-800/50
+//   shadow-2xs, rounded-xl     -> kept, prefixed
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCardContainerClasses = getCardContainerClasses;
+exports.getCardHeaderClasses = getCardHeaderClasses;
+exports.getCardBodyClasses = getCardBodyClasses;
+exports.getCardFooterClasses = getCardFooterClasses;
+const CONTAINER_BASE = [
+    'smart:flex',
+    'smart:flex-col',
+    'smart:overflow-hidden',
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:shadow-2xs',
+    'smart:rounded-xl',
+].join(' ');
+const HEADER = [
+    'smart:bg-gray-50',
+    'smart:dark:bg-gray-800/50',
+    'smart:border-b',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:rounded-t-xl',
+    'smart:py-3',
+    'smart:px-4',
+].join(' ');
+const BODY_BASE = 'smart:p-4';
+const FOOTER_BASE = [
+    'smart:border-t',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:rounded-b-xl',
+    'smart:py-3',
+    'smart:px-4',
+].join(' ');
+const SURFACE_GRAY = 'smart:bg-gray-50 smart:dark:bg-gray-800/50';
+function getCardContainerClasses() {
+    return CONTAINER_BASE;
+}
+function getCardHeaderClasses() {
+    return HEADER;
+}
+function getCardBodyClasses(grayBody) {
+    return grayBody ? `${BODY_BASE} ${SURFACE_GRAY}` : BODY_BASE;
+}
+function getCardFooterClasses(grayFooter) {
+    return grayFooter ? `${FOOTER_BASE} ${SURFACE_GRAY}` : FOOTER_BASE;
+}
+//# sourceMappingURL=preset-classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/card/preset/preset-classes.ts"],"names":[],"mappings":";AAAA,oDAAoD;AACpD,8EAA8E;AAC9E,yEAAyE;AACzE,kDAAkD;AAClD,qEAAqE;AACrE,sDAAsD;AACtD,iDAAiD;;AAuCjD,0DAEC;AAED,oDAEC;AAED,gDAEC;AAED,oDAEC;AAnDD,MAAM,cAAc,GAAG;IACrB,YAAY;IACZ,gBAAgB;IAChB,uBAAuB;IACvB,gBAAgB;IAChB,wBAAwB;IACxB,cAAc;IACd,uBAAuB;IACvB,4BAA4B;IAC5B,kBAAkB;IAClB,kBAAkB;CACnB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,MAAM,GAAG;IACb,kBAAkB;IAClB,2BAA2B;IAC3B,gBAAgB;IAChB,uBAAuB;IACvB,4BAA4B;IAC5B,oBAAoB;IACpB,YAAY;IACZ,YAAY;CACb,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,SAAS,GAAG,WAAW,CAAC;AAE9B,MAAM,WAAW,GAAG;IAClB,gBAAgB;IAChB,uBAAuB;IACvB,4BAA4B;IAC5B,oBAAoB;IACpB,YAAY;IACZ,YAAY;CACb,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,YAAY,GAAG,4CAA4C,CAAC;AAElE,SAAgB,uBAAuB;IACrC,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,SAAgB,oBAAoB;IAClC,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAgB,kBAAkB,CAAC,QAAiB;IAClD,OAAO,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;AAC/D,CAAC;AAED,SAAgB,oBAAoB,CAAC,UAAmB;IACtD,OAAO,UAAU,CAAC,CAAC,CAAC,GAAG,WAAW,IAAI,YAAY,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;AACrE,CAAC"}

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

@@ -0,0 +1,6 @@
+import { SmartCardVariantProps } from '../card.types';
+/**
+ * The default card rendering (`<smart-card-standard>`): a white panel with
+ * an optional header (with `options.title`), the body and an optional footer.
+ */
+export declare function SmartCardStandard(props: SmartCardVariantProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartCardStandard = SmartCardStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const use_card_1 = require("../use-card");
+/**
+ * The default card rendering (`<smart-card-standard>`): a white panel with
+ * an optional header (with `options.title`), the body and an optional footer.
+ */
+function SmartCardStandard(props) {
+    const { options, className, headerTpl, bodyTpl, footerTpl } = props;
+    const { showHeader, showFooter, sharedContainerClasses, headerClasses, bodyClasses, footerClasses, } = (0, use_card_1.useCard)(props);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)(sharedContainerClasses, 'smart:rounded-lg', 'smart:bg-white', 'smart:shadow-sm', 'smart:dark:bg-gray-800/50', 'smart:dark:shadow-none', 'smart:dark:outline', 'smart:dark:-outline-offset-1', 'smart:dark:outline-white/10', className), children: [showHeader && ((0, jsx_runtime_1.jsxs)("div", { className: headerClasses, children: [options?.title && ((0, jsx_runtime_1.jsx)("h3", { className: "smart:text-base smart:font-semibold smart:text-gray-900 smart:dark:text-white", children: options.title })), headerTpl] })), (0, jsx_runtime_1.jsx)("div", { className: bodyClasses, children: bodyTpl }), showFooter && (0, jsx_runtime_1.jsx)("div", { className: footerClasses, children: footerTpl })] }));
+}
+//# sourceMappingURL=card-standard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/card/standard/card-standard.tsx"],"names":[],"mappings":";;AAQA,8CA0CC;;AAlDD,4DAAgD;AAEhD,0CAAsC;AAEtC;;;GAGG;AACH,SAAgB,iBAAiB,CAAC,KAA4B;IAC5D,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACpE,MAAM,EACJ,UAAU,EACV,UAAU,EACV,sBAAsB,EACtB,aAAa,EACb,WAAW,EACX,aAAa,GACd,GAAG,IAAA,kBAAO,EAAC,KAAK,CAAC,CAAC;IAEnB,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,gBAAE,EACX,sBAAsB,EACtB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,2BAA2B,EAC3B,wBAAwB,EACxB,oBAAoB,EACpB,8BAA8B,EAC9B,6BAA6B,EAC7B,SAAS,CACV,aAEA,UAAU,IAAI,CACb,iCAAK,SAAS,EAAE,aAAa,aAC1B,OAAO,EAAE,KAAK,IAAI,CACjB,+BAAI,SAAS,EAAC,+EAA+E,YAC1F,OAAO,CAAC,KAAK,GACX,CACN,EACA,SAAS,IACN,CACP,EAED,gCAAK,SAAS,EAAE,WAAW,YAAG,OAAO,GAAO,EAE3C,UAAU,IAAI,gCAAK,SAAS,EAAE,aAAa,YAAG,SAAS,GAAO,IAC3D,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+import { SmartCardVariantProps } from './card.types';
+/**
+ * Whether a card section is rendered: `flag` when set, otherwise whether
+ * `content` renders anything (`null`, `undefined`, booleans and `''` do not).
+ */
+export declare function isCardSectionShown(flag: boolean | undefined, content: ReactNode): boolean;
+/**
+ * The behaviour every card variant shares (the Angular `CardBaseComponent`):
+ * which sections are shown, and the classes of the container and the header,
+ * body and footer sections.
+ */
+export declare function useCard({ options, hasHeader, hasFooter, headerTpl, footerTpl, }: SmartCardVariantProps): {
+    showHeader: boolean;
+    showFooter: boolean;
+    sharedContainerClasses: string[];
+    headerClasses: string;
+    bodyClasses: string;
+    footerClasses: string;
+};

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isCardSectionShown = isCardSectionShown;
+exports.useCard = useCard;
+/**
+ * Whether a card section is rendered: `flag` when set, otherwise whether
+ * `content` renders anything (`null`, `undefined`, booleans and `''` do not).
+ */
+function isCardSectionShown(flag, content) {
+    if (flag !== undefined)
+        return flag;
+    return (content !== undefined &&
+        content !== null &&
+        typeof content !== 'boolean' &&
+        content !== '');
+}
+/**
+ * The behaviour every card variant shares (the Angular `CardBaseComponent`):
+ * which sections are shown, and the classes of the container and the header,
+ * body and footer sections.
+ */
+function useCard({ options, hasHeader, hasFooter, headerTpl, footerTpl, }) {
+    const showHeader = isCardSectionShown(hasHeader, headerTpl);
+    const showFooter = isCardSectionShown(hasFooter, footerTpl);
+    const sharedContainerClasses = ['smart:overflow-hidden'];
+    if ((showHeader || showFooter) &&
+        !options?.grayFooter &&
+        !options?.grayBody) {
+        sharedContainerClasses.push('smart:divide-y', 'smart:divide-gray-200', 'smart:dark:divide-white/10');
+    }
+    const headerClasses = 'smart:px-4 smart:py-5 smart:sm:px-6';
+    const bodyClasses = ['smart:px-4', 'smart:py-5', 'smart:sm:p-6'];
+    if (options?.grayBody) {
+        bodyClasses.push('smart:bg-gray-50', 'smart:dark:bg-gray-800/50');
+    }
+    const footerClasses = ['smart:px-4', 'smart:py-4', 'smart:sm:px-6'];
+    if (options?.grayFooter) {
+        footerClasses.push('smart:bg-gray-50', 'smart:dark:bg-gray-800/50');
+    }
+    return {
+        showHeader,
+        showFooter,
+        sharedContainerClasses,
+        headerClasses,
+        bodyClasses: bodyClasses.join(' '),
+        footerClasses: footerClasses.join(' '),
+    };
+}
+//# sourceMappingURL=use-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-card.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/card/use-card.ts"],"names":[],"mappings":";;AAQA,gDAYC;AAOD,0BA8CC;AArED;;;GAGG;AACH,SAAgB,kBAAkB,CAChC,IAAyB,EACzB,OAAkB;IAElB,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IAEpC,OAAO,CACL,OAAO,KAAK,SAAS;QACrB,OAAO,KAAK,IAAI;QAChB,OAAO,OAAO,KAAK,SAAS;QAC5B,OAAO,KAAK,EAAE,CACf,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,OAAO,CAAC,EACtB,OAAO,EACP,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,GACa;IACtB,MAAM,UAAU,GAAG,kBAAkB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAC5D,MAAM,UAAU,GAAG,kBAAkB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE5D,MAAM,sBAAsB,GAAG,CAAC,uBAAuB,CAAC,CAAC;IAEzD,IACE,CAAC,UAAU,IAAI,UAAU,CAAC;QAC1B,CAAC,OAAO,EAAE,UAAU;QACpB,CAAC,OAAO,EAAE,QAAQ,EAClB,CAAC;QACD,sBAAsB,CAAC,IAAI,CACzB,gBAAgB,EAChB,uBAAuB,EACvB,4BAA4B,CAC7B,CAAC;IACJ,CAAC;IAED,MAAM,aAAa,GAAG,qCAAqC,CAAC;IAE5D,MAAM,WAAW,GAAG,CAAC,YAAY,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC;IAEjE,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAC;QACtB,WAAW,CAAC,IAAI,CAAC,kBAAkB,EAAE,2BAA2B,CAAC,CAAC;IACpE,CAAC;IAED,MAAM,aAAa,GAAG,CAAC,YAAY,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC;IAEpE,IAAI,OAAO,EAAE,UAAU,EAAE,CAAC;QACxB,aAAa,CAAC,IAAI,CAAC,kBAAkB,EAAE,2BAA2B,CAAC,CAAC;IACtE,CAAC;IAED,OAAO;QACL,UAAU;QACV,UAAU;QACV,sBAAsB;QACtB,aAAa;QACb,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC;QAClC,aAAa,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC;KACvC,CAAC;AACJ,CAAC"}

package/src/lib/components/card-heading/card-heading.d.ts

@@ -0,0 +1,8 @@
+import { SmartCardHeadingProps } from './card-heading.types';
+/**
+ * `<smart-card-heading>`: renders the implementation registered as
+ * `components['card-heading']` on `SmartProvider` (the Angular
+ * `CARD_HEADING_STANDARD_COMPONENT_TOKEN`), `SmartCardHeadingStandard` by
+ * default.
+ */
+export declare function SmartCardHeading(props: SmartCardHeadingProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/card-heading/card-heading.js

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

package/src/lib/components/card-heading/card-heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-heading.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/card-heading/card-heading.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/card-heading/card-heading.types.d.ts

@@ -0,0 +1,5 @@
+import { ICardHeadingOptions } from '../../models';
+export interface SmartCardHeadingProps {
+    options?: ICardHeadingOptions;
+    className?: string;
+}

package/src/lib/components/card-heading/card-heading.types.js

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

package/src/lib/components/card-heading/card-heading.types.js.map

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

package/src/lib/components/card-heading/index.d.ts

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

package/src/lib/components/card-heading/index.js

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

package/src/lib/components/card-heading/index.js.map

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

package/src/lib/components/card-heading/preset/card-heading-preset.d.ts

@@ -0,0 +1,11 @@
+import { SmartCardHeadingProps } from '../card-heading.types';
+/**
+ * HyperUI-styled card heading variation (preset). Register it as
+ * `components['card-heading']` on `SmartProvider`, or render it directly.
+ *
+ * Restyles the heading with one of four HyperUI card looks, driven by
+ * `options.presentation.variant`: `author` (default), `stacked`, `overlay`, or
+ * `outline`. Content comes from the shared `ICardHeadingOptions` slots (title,
+ * description, avatarTpl, metaTpl, actionsTpl).
+ */
+export declare function SmartCardHeadingPreset({ options, className, }: SmartCardHeadingProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/card-heading/preset/card-heading-preset.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartCardHeadingPreset = SmartCardHeadingPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * HyperUI-styled card heading variation (preset). Register it as
+ * `components['card-heading']` on `SmartProvider`, or render it directly.
+ *
+ * Restyles the heading with one of four HyperUI card looks, driven by
+ * `options.presentation.variant`: `author` (default), `stacked`, `overlay`, or
+ * `outline`. Content comes from the shared `ICardHeadingOptions` slots (title,
+ * description, avatarTpl, metaTpl, actionsTpl).
+ */
+function SmartCardHeadingPreset({ options, className = '', }) {
+    const variant = options?.presentation?.variant ?? 'author';
+    return ((0, jsx_runtime_1.jsx)("div", { "data-role": "card", className: (0, class_names_1.cn)((0, preset_classes_1.getCardHeadingContainerClasses)(variant), className), children: (0, jsx_runtime_1.jsx)(CardHeadingPresetContent, { variant: variant, options: options }) }));
+}
+function CardHeadingPresetContent({ variant, options, }) {
+    switch (variant) {
+        case 'stacked':
+            return (0, jsx_runtime_1.jsx)(StackedContent, { options: options });
+        case 'overlay':
+            return (0, jsx_runtime_1.jsx)(OverlayContent, { options: options });
+        case 'outline':
+            return (0, jsx_runtime_1.jsx)(OutlineContent, { options: options });
+        default:
+            return (0, jsx_runtime_1.jsx)(AuthorContent, { options: options });
+    }
+}
+function StackedContent({ options }) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [options?.avatarTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "avatar", children: options.avatarTpl })) : null, options?.title ? ((0, jsx_runtime_1.jsx)("h3", { "data-role": "title", className: "smart:mt-4 smart:text-lg smart:font-bold smart:text-gray-900 smart:dark:text-white smart:sm:text-xl", children: options.title })) : null, options?.description ? ((0, jsx_runtime_1.jsx)("p", { "data-role": "description", className: "smart:mt-2 smart:max-w-sm smart:text-gray-700 smart:dark:text-gray-300", children: options.description })) : null, options?.metaTpl ? ((0, jsx_runtime_1.jsx)("dl", { "data-role": "meta", className: "smart:mt-4 smart:flex smart:gap-4", children: options.metaTpl })) : null, options?.actionsTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "actions", className: "smart:mt-4", children: options.actionsTpl })) : null] }));
+}
+function OverlayContent({ options }) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [options?.avatarTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "avatar", className: "smart:absolute smart:inset-0", children: options.avatarTpl })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "smart:relative smart:p-4 smart:sm:p-6 smart:lg:p-8", children: [options?.metaTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "meta", className: "smart:text-sm smart:font-medium smart:tracking-widest smart:text-pink-500 smart:uppercase", children: options.metaTpl })) : null, options?.title ? ((0, jsx_runtime_1.jsx)("p", { "data-role": "title", className: "smart:text-xl smart:font-bold smart:text-white smart:sm:text-2xl", children: options.title })) : null, (0, jsx_runtime_1.jsx)("div", { className: "smart:mt-32 smart:sm:mt-48 smart:lg:mt-64", children: (0, jsx_runtime_1.jsxs)("div", { className: "smart:translate-y-8 smart:transform smart:opacity-0 smart:transition-all smart:group-hover:translate-y-0 smart:group-hover:opacity-100", children: [options?.description ? ((0, jsx_runtime_1.jsx)("p", { "data-role": "description", className: "smart:text-sm smart:text-white", children: options.description })) : null, options?.actionsTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "actions", className: "smart:mt-4 smart:text-sm smart:font-bold smart:text-white", children: options.actionsTpl })) : null] }) })] })] }));
+}
+function OutlineContent({ options }) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "smart:absolute smart:inset-0 smart:border-2 smart:border-dashed smart:border-black smart:dark:border-white" }), (0, jsx_runtime_1.jsxs)("div", { className: "smart:relative smart:flex smart:h-full smart:transform smart:items-end smart:border-2 smart:border-black smart:dark:border-white smart:bg-white smart:dark:bg-gray-900 smart:transition-transform smart:group-hover:-translate-x-2 smart:group-hover:-translate-y-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "smart:px-4 smart:pb-4 smart:transition-opacity smart:group-hover:absolute smart:group-hover:opacity-0 smart:sm:px-6 smart:sm:pb-4 smart:lg:px-8 smart:lg:pb-8", children: [options?.avatarTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "avatar", children: options.avatarTpl })) : null, options?.title ? ((0, jsx_runtime_1.jsx)("h2", { "data-role": "title", className: "smart:mt-4 smart:text-xl smart:font-medium smart:text-gray-900 smart:dark:text-white smart:sm:text-2xl", children: options.title })) : null] }), (0, jsx_runtime_1.jsxs)("div", { className: "smart:absolute smart:p-4 smart:opacity-0 smart:transition-opacity smart:group-hover:relative smart:group-hover:opacity-100 smart:sm:p-6 smart:lg:p-8", children: [options?.title ? ((0, jsx_runtime_1.jsx)("h3", { "data-role": "title-hover", className: "smart:mt-4 smart:text-xl smart:font-medium smart:text-gray-900 smart:dark:text-white smart:sm:text-2xl", children: options.title })) : null, options?.description ? ((0, jsx_runtime_1.jsx)("p", { "data-role": "description", className: "smart:mt-4 smart:text-sm smart:text-gray-900 smart:dark:text-white smart:sm:text-base", children: options.description })) : null, options?.actionsTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "actions", className: "smart:mt-8 smart:font-bold smart:text-gray-900 smart:dark:text-white", children: options.actionsTpl })) : null] })] })] }));
+}
+function AuthorContent({ options }) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "smart:sm:flex smart:sm:justify-between smart:sm:gap-4 smart:lg:gap-6", children: [options?.avatarTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "avatar", className: "smart:sm:order-last smart:sm:shrink-0", children: options.avatarTpl })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "smart:mt-4 smart:sm:mt-0", children: [options?.title ? ((0, jsx_runtime_1.jsx)("h3", { "data-role": "title", className: "smart:text-lg smart:font-medium smart:text-pretty smart:text-gray-900 smart:dark:text-white", children: options.title })) : null, options?.description ? ((0, jsx_runtime_1.jsx)("p", { "data-role": "description", className: "smart:mt-4 smart:line-clamp-2 smart:text-sm smart:text-pretty smart:text-gray-700 smart:dark:text-gray-300", children: options.description })) : null] })] }), options?.metaTpl ? ((0, jsx_runtime_1.jsx)("dl", { "data-role": "meta", className: "smart:mt-6 smart:flex smart:gap-4 smart:lg:gap-6", children: options.metaTpl })) : null, options?.actionsTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "actions", className: "smart:mt-4", children: options.actionsTpl })) : null] }));
+}
+//# sourceMappingURL=card-heading-preset.js.map

package/src/lib/components/card-heading/preset/card-heading-preset.js.map

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

package/src/lib/components/card-heading/preset/preset-classes.d.ts

@@ -0,0 +1,6 @@
+export type CardHeadingVariant = 'author' | 'stacked' | 'overlay' | 'outline';
+/**
+ * Classes for the root card element. Falls back to the `author` recipe for an
+ * unknown variant.
+ */
+export declare function getCardHeadingContainerClasses(variant?: CardHeadingVariant): string;

package/src/lib/components/card-heading/preset/preset-classes.js

@@ -0,0 +1,43 @@
+"use strict";
+// HyperUI-styled class recipes for the card-heading preset.
+// Every utility is `smart:`-prefixed (Tailwind v4 `prefix(smart)`). HyperUI
+// ships no dark twin for these cards, so explicit `dark:` variants are derived:
+//   text-gray-900        -> dark:text-white
+//   text-gray-700        -> dark:text-gray-300
+//   bg-white             -> dark:bg-gray-900
+//   border-gray-300      -> dark:border-gray-600
+//   border-black         -> dark:border-white
+//   bg-black             -> unchanged (overlay backdrop stays dark)
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCardHeadingContainerClasses = getCardHeadingContainerClasses;
+const CONTAINER = {
+    author: [
+        'smart:block',
+        'smart:rounded-md',
+        'smart:border',
+        'smart:border-gray-300',
+        'smart:dark:border-gray-600',
+        'smart:p-4',
+        'smart:shadow-sm',
+        'smart:sm:p-6',
+    ],
+    stacked: ['smart:block'],
+    overlay: ['smart:group', 'smart:relative', 'smart:block', 'smart:bg-black'],
+    outline: [
+        'smart:group',
+        'smart:relative',
+        'smart:block',
+        'smart:h-64',
+        'smart:sm:h-80',
+        'smart:lg:h-96',
+    ],
+};
+/**
+ * Classes for the root card element. Falls back to the `author` recipe for an
+ * unknown variant.
+ */
+function getCardHeadingContainerClasses(variant = 'author') {
+    const recipe = CONTAINER[variant] ?? CONTAINER.author;
+    return recipe.join(' ');
+}
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/card-heading/preset/preset-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/card-heading/preset/preset-classes.ts"],"names":[],"mappings":";AAAA,4DAA4D;AAC5D,4EAA4E;AAC5E,gFAAgF;AAChF,4CAA4C;AAC5C,+CAA+C;AAC/C,6CAA6C;AAC7C,iDAAiD;AACjD,8CAA8C;AAC9C,oEAAoE;;AA+BpE,wEAKC;AAhCD,MAAM,SAAS,GAAyC;IACtD,MAAM,EAAE;QACN,aAAa;QACb,kBAAkB;QAClB,cAAc;QACd,uBAAuB;QACvB,4BAA4B;QAC5B,WAAW;QACX,iBAAiB;QACjB,cAAc;KACf;IACD,OAAO,EAAE,CAAC,aAAa,CAAC;IACxB,OAAO,EAAE,CAAC,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,CAAC;IAC3E,OAAO,EAAE;QACP,aAAa;QACb,gBAAgB;QAChB,aAAa;QACb,YAAY;QACZ,eAAe;QACf,eAAe;KAChB;CACF,CAAC;AAEF;;;GAGG;AACH,SAAgB,8BAA8B,CAC5C,UAA8B,QAAQ;IAEtC,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,SAAS,CAAC,MAAM,CAAC;IACtD,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1B,CAAC"}

package/src/lib/components/card-heading/standard/card-heading-standard.d.ts

@@ -0,0 +1,7 @@
+import { SmartCardHeadingProps } from '../card-heading.types';
+/**
+ * The default card heading rendering (`<smart-card-heading-standard>`): the
+ * avatar, the title, description and meta, and the actions of `options`, each
+ * only when given. Unstyled; `options.presentation` is ignored.
+ */
+export declare function SmartCardHeadingStandard({ options, className, }: SmartCardHeadingProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/card-heading/standard/card-heading-standard.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartCardHeadingStandard = SmartCardHeadingStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * The default card heading rendering (`<smart-card-heading-standard>`): the
+ * avatar, the title, description and meta, and the actions of `options`, each
+ * only when given. Unstyled; `options.presentation` is ignored.
+ */
+function SmartCardHeadingStandard({ options, className, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className || undefined, children: [options?.avatarTpl ? ((0, jsx_runtime_1.jsx)("div", { className: "avatar", children: options.avatarTpl })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "content", children: [options?.title ? (0, jsx_runtime_1.jsx)("h3", { children: options.title }) : null, options?.description ? ((0, jsx_runtime_1.jsx)("p", { className: "description", children: options.description })) : null, options?.metaTpl ? ((0, jsx_runtime_1.jsx)("div", { className: "meta", children: options.metaTpl })) : null] }), options?.actionsTpl ? ((0, jsx_runtime_1.jsx)("div", { className: "actions", children: options.actionsTpl })) : null] }));
+}
+//# sourceMappingURL=card-heading-standard.js.map

package/src/lib/components/card-heading/standard/card-heading-standard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-heading-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/card-heading/standard/card-heading-standard.tsx"],"names":[],"mappings":";;AAOA,4DAuBC;;AA5BD;;;;GAIG;AACH,SAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,SAAS,GACa;IACtB,OAAO,CACL,iCAAK,SAAS,EAAE,SAAS,IAAI,SAAS,aACnC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CACpB,gCAAK,SAAS,EAAC,QAAQ,YAAE,OAAO,CAAC,SAAS,GAAO,CAClD,CAAC,CAAC,CAAC,IAAI,EACR,iCAAK,SAAS,EAAC,SAAS,aACrB,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,yCAAK,OAAO,CAAC,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAChD,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CACtB,8BAAG,SAAS,EAAC,aAAa,YAAE,OAAO,CAAC,WAAW,GAAK,CACrD,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAClB,gCAAK,SAAS,EAAC,MAAM,YAAE,OAAO,CAAC,OAAO,GAAO,CAC9C,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CACrB,gCAAK,SAAS,EAAC,SAAS,YAAE,OAAO,CAAC,UAAU,GAAO,CACpD,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/command-palette/command-palette.d.ts

@@ -0,0 +1,9 @@
+import { SmartCommandPaletteProps } from './command-palette.types';
+/**
+ * `<smart-command-palette>`: renders the implementation registered as
+ * `components['command-palette']` on `SmartProvider` (the Angular
+ * `COMMAND_PALETTE_STANDARD_COMPONENT_TOKEN`), `SmartCommandPaletteStandard`
+ * by default. Every prop, including `onOpenChange`, `onQueryChange` and
+ * `onRunCommand`, is passed through to the implementation.
+ */
+export declare function SmartCommandPalette(props: SmartCommandPaletteProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/command-palette/command-palette.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartCommandPalette = SmartCommandPalette;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const command_palette_standard_1 = require("./standard/command-palette-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-command-palette>`: renders the implementation registered as
+ * `components['command-palette']` on `SmartProvider` (the Angular
+ * `COMMAND_PALETTE_STANDARD_COMPONENT_TOKEN`), `SmartCommandPaletteStandard`
+ * by default. Every prop, including `onOpenChange`, `onQueryChange` and
+ * `onRunCommand`, is passed through to the implementation.
+ */
+function SmartCommandPalette(props) {
+    const Component = (0, hooks_1.useSmartComponent)('command-palette', command_palette_standard_1.SmartCommandPaletteStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=command-palette.js.map

package/src/lib/components/command-palette/command-palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/command-palette/command-palette.tsx"],"names":[],"mappings":";;AAWA,kDAOC;;AAjBD,kFAAkF;AAClF,iDAA0D;AAE1D;;;;;;GAMG;AACH,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,SAAS,GAAG,IAAA,yBAAiB,EACjC,iBAAiB,EACjB,sDAA2B,CAC5B,CAAC;IAEF,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

package/src/lib/components/command-palette/command-palette.types.d.ts

@@ -0,0 +1,28 @@
+import { ICommand, ICommandPaletteOptions } from '../../models';
+/** Emitted when a command is chosen (the Angular `runCommand` output). */
+export interface ICommandPaletteRunCommand {
+    commandId: string;
+}
+export interface SmartCommandPaletteProps {
+    commands?: ICommand[];
+    /**
+     * Whether the palette is open (the Angular `open` model). Controlled when
+     * set; leave it `undefined` to let the palette keep its own state, starting
+     * from `defaultOpen`.
+     */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The search text (the Angular `query` model). Controlled when set; leave it
+     * `undefined` to let the palette keep its own state, starting from
+     * `defaultQuery`.
+     */
+    query?: string;
+    defaultQuery?: string;
+    onQueryChange?: (query: string) => void;
+    options?: ICommandPaletteOptions;
+    className?: string;
+    /** Called with the id of the clicked command, before the palette closes. */
+    onRunCommand?: (event: ICommandPaletteRunCommand) => void;
+}