@smartsoft001/react 0.0.0-stage → 2.193.0

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

@@ -0,0 +1,21 @@
+import { SmartSearchbarProps } from './searchbar.types';
+import { SmartFormControl } from '../../forms/form-control';
+/**
+ * The behaviour every searchbar variant shares (the Angular
+ * `SearchbarBaseComponent`).
+ *
+ * The field is bound to `control`. Its changes reach `text` once they settle
+ * for `options.debounceTime` ms (1000 by default); a non-empty `text` coming
+ * from outside is copied into the control without being reported back.
+ * `tryHide()` (on blur) hides an empty searchbar, `setShow()` shows it again.
+ * `show` and `text` are controlled through `show` / `onShowChange` and
+ * `text` / `onTextChange`, or kept internally from `defaultShow` /
+ * `defaultText`.
+ */
+export declare function useSearchbar({ options, show: showProp, defaultShow, onShowChange, text: textProp, defaultText, onTextChange, }: SmartSearchbarProps): {
+    show: boolean;
+    text: string;
+    control: SmartFormControl<string | null>;
+    setShow: () => void;
+    tryHide: () => void;
+};

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

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSearchbar = useSearchbar;
+const react_1 = require("react");
+const form_control_1 = require("../../forms/form-control");
+/**
+ * The behaviour every searchbar variant shares (the Angular
+ * `SearchbarBaseComponent`).
+ *
+ * The field is bound to `control`. Its changes reach `text` once they settle
+ * for `options.debounceTime` ms (1000 by default); a non-empty `text` coming
+ * from outside is copied into the control without being reported back.
+ * `tryHide()` (on blur) hides an empty searchbar, `setShow()` shows it again.
+ * `show` and `text` are controlled through `show` / `onShowChange` and
+ * `text` / `onTextChange`, or kept internally from `defaultShow` /
+ * `defaultText`.
+ */
+function useSearchbar({ options, show: showProp, defaultShow = true, onShowChange, text: textProp, defaultText = '', onTextChange, }) {
+    const [control] = (0, react_1.useState)(() => new form_control_1.SmartFormControl(null));
+    const [innerShow, setInnerShow] = (0, react_1.useState)(defaultShow);
+    const showControlled = showProp !== undefined;
+    const show = showControlled ? showProp : innerShow;
+    const [innerText, setInnerText] = (0, react_1.useState)(defaultText);
+    const textControlled = textProp !== undefined;
+    const text = textControlled ? textProp : innerText;
+    const changeShow = (0, react_1.useCallback)((next) => {
+        if (!showControlled)
+            setInnerShow(next);
+        onShowChange?.(next);
+    }, [showControlled, onShowChange]);
+    // The debounced subscription outlives renders; it reads the latest setter.
+    const changeTextRef = (0, react_1.useRef)(() => undefined);
+    changeTextRef.current = (next) => {
+        if (!textControlled)
+            setInnerText(next);
+        onTextChange?.(next);
+    };
+    (0, react_1.useEffect)(() => {
+        if (text?.length)
+            control.setValue(text, { emitEvent: false });
+    }, [control, text]);
+    const debounceMs = options?.debounceTime ?? 1000;
+    (0, react_1.useEffect)(() => {
+        let timer;
+        const subscription = control.valueChanges.subscribe((value) => {
+            clearTimeout(timer);
+            timer = setTimeout(() => changeTextRef.current(value ?? ''), debounceMs);
+        });
+        return () => {
+            subscription.unsubscribe();
+            clearTimeout(timer);
+        };
+    }, [control, debounceMs]);
+    const setShow = (0, react_1.useCallback)(() => changeShow(true), [changeShow]);
+    const tryHide = (0, react_1.useCallback)(() => {
+        if (!control.value)
+            changeShow(false);
+    }, [control, changeShow]);
+    return { show, text, control, setShow, tryHide };
+}
+//# sourceMappingURL=use-searchbar.js.map

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/section-heading/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,0EAAgD;AAChD,4DAAkC;AAClC,kEAAwC;AACxC,8EAAoD"}

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

@@ -0,0 +1,21 @@
+import { ISectionHeadingOptions } from '../../../models';
+/** Layout key consumed by the section-heading preset. */
+export type SectionHeadingPresetLayout = NonNullable<NonNullable<ISectionHeadingOptions['presentation']>['layout']>;
+/** Outer <section>; external cssClass is merged onto it, no styling of its own. */
+export declare const SECTION_HEADING_SECTION_CLASSES = "";
+/** Centered content container, shared across every layout. */
+export declare const SECTION_HEADING_CONTAINER_CLASSES = "smart:mx-auto smart:max-w-7xl smart:px-4 smart:py-8 smart:sm:px-6 smart:lg:px-8";
+/** Eyebrow row that holds the label and optional badge template. */
+export declare const SECTION_HEADING_EYEBROW_CLASSES = "smart:mb-2 smart:flex smart:items-center smart:gap-2 smart:text-sm smart:font-medium smart:text-gray-700 smart:dark:text-gray-300";
+/** Section title (<h2>). */
+export declare const SECTION_HEADING_TITLE_CLASSES = "smart:text-2xl smart:font-semibold smart:text-gray-900 smart:dark:text-white smart:sm:text-3xl";
+/** Section description (<p>). */
+export declare const SECTION_HEADING_DESCRIPTION_CLASSES = "smart:mt-4 smart:text-pretty smart:text-gray-700 smart:dark:text-gray-300";
+/** Actions row rendered under the text block. */
+export declare const SECTION_HEADING_ACTIONS_CLASSES = "smart:mt-6";
+/** Grid / stack wrapper — geometry depends on the chosen layout. */
+export declare function getSectionHeadingGridClasses(layout: SectionHeadingPresetLayout): string;
+/** Text-column wrapper. */
+export declare function getSectionHeadingTextClasses(layout: SectionHeadingPresetLayout): string;
+/** Image-column wrapper. */
+export declare function getSectionHeadingImageClasses(layout: SectionHeadingPresetLayout): string;

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

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SECTION_HEADING_ACTIONS_CLASSES = exports.SECTION_HEADING_DESCRIPTION_CLASSES = exports.SECTION_HEADING_TITLE_CLASSES = exports.SECTION_HEADING_EYEBROW_CLASSES = exports.SECTION_HEADING_CONTAINER_CLASSES = exports.SECTION_HEADING_SECTION_CLASSES = void 0;
+exports.getSectionHeadingGridClasses = getSectionHeadingGridClasses;
+exports.getSectionHeadingTextClasses = getSectionHeadingTextClasses;
+exports.getSectionHeadingImageClasses = getSectionHeadingImageClasses;
+/** Outer <section>; external cssClass is merged onto it, no styling of its own. */
+exports.SECTION_HEADING_SECTION_CLASSES = '';
+/** Centered content container, shared across every layout. */
+exports.SECTION_HEADING_CONTAINER_CLASSES = 'smart:mx-auto smart:max-w-7xl smart:px-4 smart:py-8 smart:sm:px-6 smart:lg:px-8';
+/** Eyebrow row that holds the label and optional badge template. */
+exports.SECTION_HEADING_EYEBROW_CLASSES = 'smart:mb-2 smart:flex smart:items-center smart:gap-2 smart:text-sm smart:font-medium smart:text-gray-700 smart:dark:text-gray-300';
+/** Section title (<h2>). */
+exports.SECTION_HEADING_TITLE_CLASSES = 'smart:text-2xl smart:font-semibold smart:text-gray-900 smart:dark:text-white smart:sm:text-3xl';
+/** Section description (<p>). */
+exports.SECTION_HEADING_DESCRIPTION_CLASSES = 'smart:mt-4 smart:text-pretty smart:text-gray-700 smart:dark:text-gray-300';
+/** Actions row rendered under the text block. */
+exports.SECTION_HEADING_ACTIONS_CLASSES = 'smart:mt-6';
+/** Grid / stack wrapper — geometry depends on the chosen layout. */
+function getSectionHeadingGridClasses(layout) {
+    switch (layout) {
+        case 'vertical':
+            return 'smart:space-y-4 smart:md:space-y-8';
+        case 'narrow':
+        case 'wide':
+            return 'smart:grid smart:grid-cols-1 smart:gap-4 smart:md:grid-cols-4 smart:md:items-center smart:md:gap-8';
+        case 'half':
+        default:
+            return 'smart:grid smart:grid-cols-1 smart:gap-4 smart:md:grid-cols-2 smart:md:items-center smart:md:gap-8';
+    }
+}
+/** Text-column wrapper. */
+function getSectionHeadingTextClasses(layout) {
+    switch (layout) {
+        case 'vertical':
+            return 'smart:max-w-prose';
+        case 'narrow':
+        case 'wide':
+            return 'smart:max-w-prose smart:md:max-w-none smart:md:col-span-1';
+        case 'half':
+        default:
+            return 'smart:max-w-prose smart:md:max-w-none';
+    }
+}
+/** Image-column wrapper. */
+function getSectionHeadingImageClasses(layout) {
+    switch (layout) {
+        case 'narrow':
+        case 'wide':
+            return 'smart:md:col-span-3';
+        case 'half':
+        case 'vertical':
+        default:
+            return '';
+    }
+}
+//# sourceMappingURL=preset-classes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/section-heading/preset/preset-classes.ts"],"names":[],"mappings":";;;AA8BA,oEAaC;AAGD,oEAaC;AAGD,sEAYC;AAnED,mFAAmF;AACtE,QAAA,+BAA+B,GAAG,EAAE,CAAC;AAElD,8DAA8D;AACjD,QAAA,iCAAiC,GAC5C,iFAAiF,CAAC;AAEpF,oEAAoE;AACvD,QAAA,+BAA+B,GAC1C,mIAAmI,CAAC;AAEtI,4BAA4B;AACf,QAAA,6BAA6B,GACxC,gGAAgG,CAAC;AAEnG,iCAAiC;AACpB,QAAA,mCAAmC,GAC9C,2EAA2E,CAAC;AAE9E,iDAAiD;AACpC,QAAA,+BAA+B,GAAG,YAAY,CAAC;AAE5D,oEAAoE;AACpE,SAAgB,4BAA4B,CAC1C,MAAkC;IAElC,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,UAAU;YACb,OAAO,oCAAoC,CAAC;QAC9C,KAAK,QAAQ,CAAC;QACd,KAAK,MAAM;YACT,OAAO,oGAAoG,CAAC;QAC9G,KAAK,MAAM,CAAC;QACZ;YACE,OAAO,oGAAoG,CAAC;IAChH,CAAC;AACH,CAAC;AAED,2BAA2B;AAC3B,SAAgB,4BAA4B,CAC1C,MAAkC;IAElC,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,UAAU;YACb,OAAO,mBAAmB,CAAC;QAC7B,KAAK,QAAQ,CAAC;QACd,KAAK,MAAM;YACT,OAAO,2DAA2D,CAAC;QACrE,KAAK,MAAM,CAAC;QACZ;YACE,OAAO,uCAAuC,CAAC;IACnD,CAAC;AACH,CAAC;AAED,4BAA4B;AAC5B,SAAgB,6BAA6B,CAC3C,MAAkC;IAElC,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,QAAQ,CAAC;QACd,KAAK,MAAM;YACT,OAAO,qBAAqB,CAAC;QAC/B,KAAK,MAAM,CAAC;QACZ,KAAK,UAAU,CAAC;QAChB;YACE,OAAO,EAAE,CAAC;IACd,CAAC;AACH,CAAC"}

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

@@ -0,0 +1,13 @@
+import { SmartSectionHeadingProps } from '../section-heading.types';
+/**
+ * HyperUI-styled "content with image" section heading (preset, the Angular
+ * `SectionHeadingPresetComponent`). Register it as
+ * `components['section-heading']` on `SmartProvider` to restyle every
+ * `<SmartSectionHeading>`, or render it directly.
+ *
+ * Renders a text block (eyebrow label + badge, `<h2>` title, description and
+ * actions) beside an optional `imageTpl`, laid out by
+ * `options.presentation.layout` (`half` default, `narrow`, `wide`,
+ * `vertical`); `wide` renders the image before the text.
+ */
+export declare function SmartSectionHeadingPreset({ options, className, }: SmartSectionHeadingProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartSectionHeadingPreset = SmartSectionHeadingPreset;
+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 "content with image" section heading (preset, the Angular
+ * `SectionHeadingPresetComponent`). Register it as
+ * `components['section-heading']` on `SmartProvider` to restyle every
+ * `<SmartSectionHeading>`, or render it directly.
+ *
+ * Renders a text block (eyebrow label + badge, `<h2>` title, description and
+ * actions) beside an optional `imageTpl`, laid out by
+ * `options.presentation.layout` (`half` default, `narrow`, `wide`,
+ * `vertical`); `wide` renders the image before the text.
+ */
+function SmartSectionHeadingPreset({ options, className, }) {
+    const layout = options?.presentation?.layout ?? 'half';
+    const imageFirst = layout === 'wide';
+    const hasEyebrow = !!options?.label || !!options?.badgeTpl;
+    const imageZone = options?.imageTpl ? ((0, jsx_runtime_1.jsx)("div", { className: (0, preset_classes_1.getSectionHeadingImageClasses)(layout), "data-role": "image", children: options.imageTpl })) : null;
+    return ((0, jsx_runtime_1.jsx)("section", { className: (0, class_names_1.cn)(preset_classes_1.SECTION_HEADING_SECTION_CLASSES, className), "data-role": "section", children: (0, jsx_runtime_1.jsx)("div", { className: preset_classes_1.SECTION_HEADING_CONTAINER_CLASSES, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, preset_classes_1.getSectionHeadingGridClasses)(layout), "data-role": "grid", children: [imageFirst ? imageZone : null, (0, jsx_runtime_1.jsxs)("div", { className: (0, preset_classes_1.getSectionHeadingTextClasses)(layout), "data-role": "text", children: [hasEyebrow ? ((0, jsx_runtime_1.jsxs)("div", { className: preset_classes_1.SECTION_HEADING_EYEBROW_CLASSES, "data-role": "eyebrow", children: [options?.label ? (0, jsx_runtime_1.jsx)("span", { children: options.label }) : null, options?.badgeTpl ? options.badgeTpl : null] })) : null, options?.title ? ((0, jsx_runtime_1.jsx)("h2", { className: preset_classes_1.SECTION_HEADING_TITLE_CLASSES, children: options.title })) : null, options?.description ? ((0, jsx_runtime_1.jsx)("p", { className: preset_classes_1.SECTION_HEADING_DESCRIPTION_CLASSES, children: options.description })) : null, options?.actionsTpl ? ((0, jsx_runtime_1.jsx)("div", { className: preset_classes_1.SECTION_HEADING_ACTIONS_CLASSES, "data-role": "actions", children: options.actionsTpl })) : null] }), !imageFirst ? imageZone : null] }) }) }));
+}
+//# sourceMappingURL=section-heading-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section-heading-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/section-heading/preset/section-heading-preset.tsx"],"names":[],"mappings":";;AA0BA,8DA+DC;;AAzFD,4DAAgD;AAEhD,qDAW0B;AAE1B;;;;;;;;;;GAUG;AACH,SAAgB,yBAAyB,CAAC,EACxC,OAAO,EACP,SAAS,GACgB;IACzB,MAAM,MAAM,GACV,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,MAAM,CAAC;IAC1C,MAAM,UAAU,GAAG,MAAM,KAAK,MAAM,CAAC;IACrC,MAAM,UAAU,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC;IAE3D,MAAM,SAAS,GAAG,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CACpC,gCAAK,SAAS,EAAE,IAAA,8CAA6B,EAAC,MAAM,CAAC,eAAY,OAAO,YACrE,OAAO,CAAC,QAAQ,GACb,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,oCACE,SAAS,EAAE,IAAA,gBAAE,EAAC,gDAA+B,EAAE,SAAS,CAAC,eAC/C,SAAS,YAEnB,gCAAK,SAAS,EAAE,kDAAiC,YAC/C,iCAAK,SAAS,EAAE,IAAA,6CAA4B,EAAC,MAAM,CAAC,eAAY,MAAM,aACnE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAE9B,iCACE,SAAS,EAAE,IAAA,6CAA4B,EAAC,MAAM,CAAC,eACrC,MAAM,aAEf,UAAU,CAAC,CAAC,CAAC,CACZ,iCACE,SAAS,EAAE,gDAA+B,eAChC,SAAS,aAElB,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,2CAAO,OAAO,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EACpD,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IACxC,CACP,CAAC,CAAC,CAAC,IAAI,EAEP,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAChB,+BAAI,SAAS,EAAE,8CAA6B,YAAG,OAAO,CAAC,KAAK,GAAM,CACnE,CAAC,CAAC,CAAC,IAAI,EAEP,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CACtB,8BAAG,SAAS,EAAE,oDAAmC,YAC9C,OAAO,CAAC,WAAW,GAClB,CACL,CAAC,CAAC,CAAC,IAAI,EAEP,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CACrB,gCACE,SAAS,EAAE,gDAA+B,eAChC,SAAS,YAElB,OAAO,CAAC,UAAU,GACf,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EAEL,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IAC3B,GACF,GACE,CACX,CAAC;AACJ,CAAC"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"section-heading.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/section-heading/section-heading.tsx"],"names":[],"mappings":";;AAUA,kDAOC;;AAhBD,kFAAkF;AAClF,iDAA0D;AAE1D;;;;;GAKG;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/section-heading/section-heading.types.d.ts

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { SmartSectionHeadingProps } from '../section-heading.types';
+/**
+ * The default section heading rendering (`<smart-section-heading-standard>`):
+ * an unstyled `<h3>` title (with its `label`), description and the badge /
+ * input group / actions slots, and a tabs slot under the header.
+ */
+export declare function SmartSectionHeadingStandard({ options, className, }: SmartSectionHeadingProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartSectionHeadingStandard = SmartSectionHeadingStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * The default section heading rendering (`<smart-section-heading-standard>`):
+ * an unstyled `<h3>` title (with its `label`), description and the badge /
+ * input group / actions slots, and a tabs slot under the header.
+ */
+function SmartSectionHeadingStandard({ options, className, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [(0, jsx_runtime_1.jsxs)("div", { className: "header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "title-block", children: [options?.title ? ((0, jsx_runtime_1.jsxs)("h3", { children: [options.title, options.label ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [' ', (0, jsx_runtime_1.jsx)("span", { className: "label", children: options.label })] })) : null] })) : null, options?.description ? ((0, jsx_runtime_1.jsx)("p", { className: "description", children: options.description })) : null] }), options?.badgeTpl ? ((0, jsx_runtime_1.jsx)("div", { className: "badge", children: options.badgeTpl })) : null, options?.inputGroupTpl ? ((0, jsx_runtime_1.jsx)("div", { className: "input-group", children: options.inputGroupTpl })) : null, options?.actionsTpl ? ((0, jsx_runtime_1.jsx)("div", { className: "actions", children: options.actionsTpl })) : null] }), options?.tabsTpl ? (0, jsx_runtime_1.jsx)("div", { className: "tabs", children: options.tabsTpl }) : null] }));
+}
+//# sourceMappingURL=section-heading-standard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section-heading-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/section-heading/standard/section-heading-standard.tsx"],"names":[],"mappings":";;AAOA,kEAoCC;;AAzCD;;;;GAIG;AACH,SAAgB,2BAA2B,CAAC,EAC1C,OAAO,EACP,SAAS,GACgB;IACzB,OAAO,CACL,iCAAK,SAAS,EAAE,SAAS,aACvB,iCAAK,SAAS,EAAC,QAAQ,aACrB,iCAAK,SAAS,EAAC,aAAa,aACzB,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAChB,2CACG,OAAO,CAAC,KAAK,EACb,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CACf,6DACG,GAAG,EACJ,iCAAM,SAAS,EAAC,OAAO,YAAE,OAAO,CAAC,KAAK,GAAQ,IAC7C,CACJ,CAAC,CAAC,CAAC,IAAI,IACL,CACN,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CACtB,8BAAG,SAAS,EAAC,aAAa,YAAE,OAAO,CAAC,WAAW,GAAK,CACrD,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CACnB,gCAAK,SAAS,EAAC,OAAO,YAAE,OAAO,CAAC,QAAQ,GAAO,CAChD,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,CACxB,gCAAK,SAAS,EAAC,aAAa,YAAE,OAAO,CAAC,aAAa,GAAO,CAC3D,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CACrB,gCAAK,SAAS,EAAC,SAAS,YAAE,OAAO,CAAC,UAAU,GAAO,CACpD,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,MAAM,YAAE,OAAO,CAAC,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,IACpE,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/select-menu/index.d.ts

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

package/src/lib/components/select-menu/index.js

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

package/src/lib/components/select-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/select-menu/index.ts"],"names":[],"mappings":";;;AAAA,wDAA8B;AAC9B,8DAAoC;AACpC,0EAAgD;AAChD,4DAAkC"}

package/src/lib/components/select-menu/select-menu.d.ts

@@ -0,0 +1,8 @@
+import { SmartSelectMenuProps } from './select-menu.types';
+/**
+ * `<smart-select-menu>`: renders the implementation registered as
+ * `components['select-menu']` on `SmartProvider` (the Angular
+ * `SELECT_MENU_STANDARD_COMPONENT_TOKEN`), `SmartSelectMenuStandard` by
+ * default.
+ */
+export declare function SmartSelectMenu(props: SmartSelectMenuProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/select-menu/select-menu.js

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

package/src/lib/components/select-menu/select-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-menu.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/select-menu/select-menu.tsx"],"names":[],"mappings":";;AAUA,0CAIC;;AAbD,0EAA0E;AAC1E,iDAA0D;AAE1D;;;;;GAKG;AACH,SAAgB,eAAe,CAAC,KAA2B;IACzD,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,aAAa,EAAE,8CAAuB,CAAC,CAAC;IAE5E,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

package/src/lib/components/select-menu/select-menu.types.d.ts

@@ -0,0 +1,16 @@
+import { ISelectMenuOptions } from '../../models';
+export type SelectMenuValue = string | number | null;
+export interface SmartSelectMenuProps {
+    /**
+     * The selected item value (the Angular `value` model). Leave it `undefined`
+     * for an uncontrolled select that starts from `defaultValue`.
+     */
+    value?: SelectMenuValue;
+    /** Initial value of an uncontrolled select. */
+    defaultValue?: SelectMenuValue;
+    /** The `valueChange` half of the Angular `[(value)]` binding. */
+    onValueChange?: (value: SelectMenuValue) => void;
+    disabled?: boolean;
+    options?: ISelectMenuOptions;
+    className?: string;
+}

package/src/lib/components/select-menu/select-menu.types.js

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

package/src/lib/components/select-menu/select-menu.types.js.map

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

package/src/lib/components/select-menu/standard/select-menu-standard.d.ts

@@ -0,0 +1,7 @@
+import { SmartSelectMenuProps } from '../select-menu.types';
+/**
+ * The default select menu (`<smart-select-menu-standard>`): a native
+ * `<select>`. The chosen option is matched back to its item, so a numeric
+ * item value stays a number.
+ */
+export declare function SmartSelectMenuStandard(props: SmartSelectMenuProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/select-menu/standard/select-menu-standard.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartSelectMenuStandard = SmartSelectMenuStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_select_menu_1 = require("../use-select-menu");
+/**
+ * The default select menu (`<smart-select-menu-standard>`): a native
+ * `<select>`. The chosen option is matched back to its item, so a numeric
+ * item value stays a number.
+ */
+function SmartSelectMenuStandard(props) {
+    const { disabled = false, options, className } = props;
+    const { value, select } = (0, use_select_menu_1.useSelectMenu)(props);
+    const items = options?.items ?? [];
+    const onChange = (event) => {
+        const raw = event.target.value;
+        const match = items.find((i) => String(i.value) === raw);
+        select(match ? match.value : raw);
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "select-menu", children: [(0, jsx_runtime_1.jsxs)("select", { disabled: disabled, "aria-label": options?.ariaLabel, value: value === null || value === undefined ? '' : String(value), onChange: onChange, children: [options?.placeholder && ((0, jsx_runtime_1.jsx)("option", { value: "", disabled: true, children: options.placeholder })), items.map((item) => ((0, jsx_runtime_1.jsx)("option", { value: item.value, disabled: !!item.disabled, "aria-label": item.ariaLabel, children: item.label }, item.value)))] }), items.length === 0 && options?.emptyTpl && ((0, jsx_runtime_1.jsx)("div", { className: "empty", children: options.emptyTpl }))] }) }));
+}
+//# sourceMappingURL=select-menu-standard.js.map

package/src/lib/components/select-menu/standard/select-menu-standard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-menu-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/select-menu/standard/select-menu-standard.tsx"],"names":[],"mappings":";;AAUA,0DA0CC;;AAjDD,wDAAmD;AAEnD;;;;GAIG;AACH,SAAgB,uBAAuB,CAAC,KAA2B;IACjE,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACvD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAA,+BAAa,EAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAG,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC;IAEnC,MAAM,QAAQ,GAAG,CAAC,KAAqC,EAAE,EAAE;QACzD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAC/B,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;QACzD,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,YACvB,iCAAK,SAAS,EAAC,aAAa,aAC1B,oCACE,QAAQ,EAAE,QAAQ,gBACN,OAAO,EAAE,SAAS,EAC9B,KAAK,EAAE,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACjE,QAAQ,EAAE,QAAQ,aAEjB,OAAO,EAAE,WAAW,IAAI,CACvB,mCAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,kBACtB,OAAO,CAAC,WAAW,GACb,CACV,EACA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,mCAEE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,gBACb,IAAI,CAAC,SAAS,YAEzB,IAAI,CAAC,KAAK,IALN,IAAI,CAAC,KAAK,CAMR,CACV,CAAC,IACK,EACR,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,EAAE,QAAQ,IAAI,CAC1C,gCAAK,SAAS,EAAC,OAAO,YAAE,OAAO,CAAC,QAAQ,GAAO,CAChD,IACG,GACF,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/select-menu/use-select-menu.d.ts

@@ -0,0 +1,11 @@
+import { SelectMenuValue, SmartSelectMenuProps } from './select-menu.types';
+/**
+ * The behaviour every select menu variant shares (the Angular
+ * `SelectMenuBaseComponent`): the `value`, controlled through `value` /
+ * `onValueChange` or kept internally from `defaultValue`, and `select()`,
+ * which ignores the choice while `disabled`.
+ */
+export declare function useSelectMenu({ value: valueProp, defaultValue, onValueChange, disabled, }: SmartSelectMenuProps): {
+    value: SelectMenuValue;
+    select: (next: SelectMenuValue) => void;
+};

package/src/lib/components/select-menu/use-select-menu.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSelectMenu = useSelectMenu;
+const react_1 = require("react");
+/**
+ * The behaviour every select menu variant shares (the Angular
+ * `SelectMenuBaseComponent`): the `value`, controlled through `value` /
+ * `onValueChange` or kept internally from `defaultValue`, and `select()`,
+ * which ignores the choice while `disabled`.
+ */
+function useSelectMenu({ value: valueProp, defaultValue = null, onValueChange, disabled = false, }) {
+    const [innerValue, setInnerValue] = (0, react_1.useState)(defaultValue);
+    const controlled = valueProp !== undefined;
+    const value = controlled ? valueProp : innerValue;
+    const select = (0, react_1.useCallback)((next) => {
+        if (disabled)
+            return;
+        if (!controlled)
+            setInnerValue(next);
+        onValueChange?.(next);
+    }, [disabled, controlled, onValueChange]);
+    return { value, select };
+}
+//# sourceMappingURL=use-select-menu.js.map

package/src/lib/components/select-menu/use-select-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-menu.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/select-menu/use-select-menu.ts"],"names":[],"mappings":";;AAUA,sCAoBC;AA9BD,iCAA8C;AAI9C;;;;;GAKG;AACH,SAAgB,aAAa,CAAC,EAC5B,KAAK,EAAE,SAAS,EAChB,YAAY,GAAG,IAAI,EACnB,aAAa,EACb,QAAQ,GAAG,KAAK,GACK;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAkB,YAAY,CAAC,CAAC;IAC5E,MAAM,UAAU,GAAG,SAAS,KAAK,SAAS,CAAC;IAC3C,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IAElD,MAAM,MAAM,GAAG,IAAA,mBAAW,EACxB,CAAC,IAAqB,EAAE,EAAE;QACxB,IAAI,QAAQ;YAAE,OAAO;QACrB,IAAI,CAAC,UAAU;YAAE,aAAa,CAAC,IAAI,CAAC,CAAC;QACrC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EACD,CAAC,QAAQ,EAAE,UAAU,EAAE,aAAa,CAAC,CACtC,CAAC;IAEF,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC3B,CAAC"}

package/src/lib/components/sidebar-layout/index.d.ts

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

package/src/lib/components/sidebar-layout/index.js

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

package/src/lib/components/sidebar-layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/sidebar-layout/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,yEAA+C;AAC/C,2DAAiC;AACjC,iEAAuC;AACvC,6EAAmD"}

package/src/lib/components/sidebar-layout/preset/preset-classes.d.ts

@@ -0,0 +1,6 @@
+export declare function getSidebarLayoutRootClasses(): string;
+export declare function getSidebarLayoutHeaderClasses(): string;
+export declare function getSidebarLayoutTitleClasses(): string;
+export declare function getSidebarLayoutRowClasses(isRightSidebar: boolean): string;
+export declare function getSidebarLayoutSidebarClasses(isRightSidebar: boolean, condensed: boolean): string;
+export declare function getSidebarLayoutMainClasses(): string;

package/src/lib/components/sidebar-layout/preset/preset-classes.js

@@ -0,0 +1,77 @@
+"use strict";
+// Preset class recipes for the sidebar-layout preset.
+// Every utility is `smart:`-prefixed (Tailwind v4 `prefix(smart)`), and every
+// color carries an explicit `dark:` variant so the same template covers both
+// light and dark modes. Surfaces mirror the stacked-layout preset (white header
+// and sidebar over a gray page body).
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSidebarLayoutRootClasses = getSidebarLayoutRootClasses;
+exports.getSidebarLayoutHeaderClasses = getSidebarLayoutHeaderClasses;
+exports.getSidebarLayoutTitleClasses = getSidebarLayoutTitleClasses;
+exports.getSidebarLayoutRowClasses = getSidebarLayoutRowClasses;
+exports.getSidebarLayoutSidebarClasses = getSidebarLayoutSidebarClasses;
+exports.getSidebarLayoutMainClasses = getSidebarLayoutMainClasses;
+const ROOT = [
+    'smart:min-h-full',
+    'smart:bg-gray-50',
+    'smart:dark:bg-gray-900',
+].join(' ');
+const HEADER = [
+    'smart:border-b',
+    'smart:border-gray-200',
+    'smart:bg-white',
+    'smart:px-4',
+    'smart:py-4',
+    'smart:sm:px-6',
+    'smart:lg:px-8',
+    'smart:dark:border-gray-700',
+    'smart:dark:bg-gray-800',
+].join(' ');
+const TITLE = [
+    'smart:text-2xl',
+    'smart:font-semibold',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+const ROW = 'smart:flex';
+const ROW_REVERSE = 'smart:flex-row-reverse';
+const SIDEBAR_BASE = [
+    'smart:shrink-0',
+    'smart:border-gray-200',
+    'smart:bg-white',
+    'smart:dark:border-gray-700',
+    'smart:dark:bg-gray-800',
+].join(' ');
+const SIDEBAR_WIDTH = 'smart:w-64';
+const SIDEBAR_WIDTH_CONDENSED = 'smart:w-16';
+const SIDEBAR_BORDER_LEFT = 'smart:border-e';
+const SIDEBAR_BORDER_RIGHT = 'smart:border-s';
+const MAIN = [
+    'smart:flex-1',
+    'smart:bg-gray-50',
+    'smart:p-4',
+    'smart:sm:p-6',
+    'smart:lg:p-8',
+    'smart:dark:bg-gray-900',
+].join(' ');
+function getSidebarLayoutRootClasses() {
+    return ROOT;
+}
+function getSidebarLayoutHeaderClasses() {
+    return HEADER;
+}
+function getSidebarLayoutTitleClasses() {
+    return TITLE;
+}
+function getSidebarLayoutRowClasses(isRightSidebar) {
+    return isRightSidebar ? `${ROW} ${ROW_REVERSE}` : ROW;
+}
+function getSidebarLayoutSidebarClasses(isRightSidebar, condensed) {
+    const width = condensed ? SIDEBAR_WIDTH_CONDENSED : SIDEBAR_WIDTH;
+    const border = isRightSidebar ? SIDEBAR_BORDER_RIGHT : SIDEBAR_BORDER_LEFT;
+    return `${SIDEBAR_BASE} ${width} ${border}`;
+}
+function getSidebarLayoutMainClasses() {
+    return MAIN;
+}
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/sidebar-layout/preset/preset-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/sidebar-layout/preset/preset-classes.ts"],"names":[],"mappings":";AAAA,sDAAsD;AACtD,8EAA8E;AAC9E,6EAA6E;AAC7E,gFAAgF;AAChF,sCAAsC;;AAoDtC,kEAEC;AAED,sEAEC;AAED,oEAEC;AAED,gEAEC;AAED,wEAOC;AAED,kEAEC;AA7ED,MAAM,IAAI,GAAG;IACX,kBAAkB;IAClB,kBAAkB;IAClB,wBAAwB;CACzB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,MAAM,GAAG;IACb,gBAAgB;IAChB,uBAAuB;IACvB,gBAAgB;IAChB,YAAY;IACZ,YAAY;IACZ,eAAe;IACf,eAAe;IACf,4BAA4B;IAC5B,wBAAwB;CACzB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,KAAK,GAAG;IACZ,gBAAgB;IAChB,qBAAqB;IACrB,qBAAqB;IACrB,uBAAuB;CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,GAAG,GAAG,YAAY,CAAC;AACzB,MAAM,WAAW,GAAG,wBAAwB,CAAC;AAE7C,MAAM,YAAY,GAAG;IACnB,gBAAgB;IAChB,uBAAuB;IACvB,gBAAgB;IAChB,4BAA4B;IAC5B,wBAAwB;CACzB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,aAAa,GAAG,YAAY,CAAC;AACnC,MAAM,uBAAuB,GAAG,YAAY,CAAC;AAC7C,MAAM,mBAAmB,GAAG,gBAAgB,CAAC;AAC7C,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AAE9C,MAAM,IAAI,GAAG;IACX,cAAc;IACd,kBAAkB;IAClB,WAAW;IACX,cAAc;IACd,cAAc;IACd,wBAAwB;CACzB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,SAAgB,2BAA2B;IACzC,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAgB,6BAA6B;IAC3C,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAgB,4BAA4B;IAC1C,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAgB,0BAA0B,CAAC,cAAuB;IAChE,OAAO,cAAc,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;AACxD,CAAC;AAED,SAAgB,8BAA8B,CAC5C,cAAuB,EACvB,SAAkB;IAElB,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,aAAa,CAAC;IAClE,MAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAC3E,OAAO,GAAG,YAAY,IAAI,KAAK,IAAI,MAAM,EAAE,CAAC;AAC9C,CAAC;AAED,SAAgB,2BAA2B;IACzC,OAAO,IAAI,CAAC;AACd,CAAC"}