@athoscommerce/snap-preact 1.6.0 → 1.7.1-beta.121

package/dist/cjs/components/src/components/Atoms/BadgeImage/BadgeImage.d.ts

@@ -1,5 +1,6 @@
+import { h } from 'preact';
 import { ComponentProps } from '../../../types';
-export declare const BadgeImage: ((properties: BadgeImageProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+export declare const BadgeImage: ((properties: BadgeImageProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
 export type BadgeImageProps = BadgeImageTemplatesLegalProps & ComponentProps<BadgeImageProps>;

package/dist/cjs/components/src/components/Atoms/BadgeImage/BadgeImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeImage.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/BadgeImage/BadgeImage.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAY7D,eAAO,MAAM,UAAU,gBAAyB,eAAe;;CAiC7D,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,6BAA6B,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAC9F,MAAM,MAAM,6BAA6B,GAAG;IAC3C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACb,CAAC"}
+{"version":3,"file":"BadgeImage.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/BadgeImage/BadgeImage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAO3B,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAW7D,eAAO,MAAM,UAAU,gBAAyB,eAAe;;CA+B7D,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,6BAA6B,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAC9F,MAAM,MAAM,6BAA6B,GAAG;IAC3C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACb,CAAC"}

package/dist/cjs/components/src/components/Atoms/BadgeImage/BadgeImage.js

@@ -29,21 +29,17 @@ var defaultStyles = function () {
     });
 };
 exports.BadgeImage = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a;
     var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         // default props
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('badgeImage', globalTheme, defaultProps, properties);
-    var label = props.label, url = props.url, tag = props.tag, className = props.className, internalClassName = props.internalClassName, customComponent = props.customComponent;
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.badgeImage) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var label = props.label, url = props.url, tag = props.tag, className = props.className, internalClassName = props.internalClassName;
+    var _a = (0, hooks_1.useCustomComponentOverride)('badgeImage', props), overrideElement = _a.overrideElement, shouldRenderDefault = _a.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     return url ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("img", __assign({}, styling, { className: (0, classnames_1.default)('ss__badge-image', "ss__badge-image--".concat(tag), className, internalClassName), alt: label || "".concat(tag, " badge"), src: url })) })) : null;

package/dist/cjs/components/src/components/Atoms/BadgePill/BadgePill.d.ts

@@ -1,5 +1,6 @@
+import { h } from 'preact';
 import { ComponentProps } from '../../../types';
-export declare const BadgePill: ((properties: BadgePillProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+export declare const BadgePill: ((properties: BadgePillProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
 export type BadgePillProps = BadgePillTemplatesLegalProps & ComponentProps<BadgePillProps>;

package/dist/cjs/components/src/components/Atoms/BadgePill/BadgePill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BadgePill.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/BadgePill/BadgePill.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAmB7D,eAAO,MAAM,SAAS,gBAAyB,cAAc;;CAgC3D,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,4BAA4B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAC3F,MAAM,MAAM,4BAA4B,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb,CAAC"}
+{"version":3,"file":"BadgePill.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/BadgePill/BadgePill.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAM3B,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAkB7D,eAAO,MAAM,SAAS,gBAAyB,cAAc;;CA8B3D,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,4BAA4B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAC3F,MAAM,MAAM,4BAA4B,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb,CAAC"}

package/dist/cjs/components/src/components/Atoms/BadgePill/BadgePill.js

@@ -38,9 +38,7 @@ var defaultStyles = function (_a) {
     });
 };
 exports.BadgePill = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a;
     var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         // default props
@@ -49,12 +47,10 @@ exports.BadgePill = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('badgePill', globalTheme, defaultProps, properties);
-    var value = props.value, tag = props.tag, className = props.className, internalClassName = props.internalClassName, customComponent = props.customComponent;
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.badgePill) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var value = props.value, tag = props.tag, className = props.className, internalClassName = props.internalClassName;
+    var _a = (0, hooks_1.useCustomComponentOverride)('badgePill', props), overrideElement = _a.overrideElement, shouldRenderDefault = _a.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     return value ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__badge-pill', "ss__badge-pill--".concat(tag), className, internalClassName), children: (0, jsx_runtime_1.jsx)("span", { className: "ss__badge-pill__value", children: value }) })) })) : null;

package/dist/cjs/components/src/components/Atoms/BadgeRectangle/BadgeRectangle.d.ts

@@ -1,5 +1,6 @@
+import { h } from 'preact';
 import { ComponentProps } from '../../../types';
-export declare const BadgeRectangle: ((properties: BadgeRectangleProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+export declare const BadgeRectangle: ((properties: BadgeRectangleProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
 export type BadgeRectangleProps = BadgeRectangleTemplatesLegalProps & ComponentProps<BadgeRectangleProps>;

package/dist/cjs/components/src/components/Atoms/BadgeRectangle/BadgeRectangle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeRectangle.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/BadgeRectangle/BadgeRectangle.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAmB7D,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CAgCrE,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,iCAAiC,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAC1G,MAAM,MAAM,iCAAiC,GAAG;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb,CAAC"}
+{"version":3,"file":"BadgeRectangle.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/BadgeRectangle/BadgeRectangle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAM3B,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAkB7D,eAAO,MAAM,cAAc,gBAAyB,mBAAmB;;CA8BrE,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,iCAAiC,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAC1G,MAAM,MAAM,iCAAiC,GAAG;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb,CAAC"}

package/dist/cjs/components/src/components/Atoms/BadgeRectangle/BadgeRectangle.js

@@ -37,9 +37,7 @@ var defaultStyles = function (_a) {
     });
 };
 exports.BadgeRectangle = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a;
     var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         // default props
@@ -48,12 +46,10 @@ exports.BadgeRectangle = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('badgeRectangle', globalTheme, defaultProps, properties);
-    var value = props.value, tag = props.tag, className = props.className, internalClassName = props.internalClassName, customComponent = props.customComponent;
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.badgeRectangle) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var value = props.value, tag = props.tag, className = props.className, internalClassName = props.internalClassName;
+    var _a = (0, hooks_1.useCustomComponentOverride)('badgeRectangle', props), overrideElement = _a.overrideElement, shouldRenderDefault = _a.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     return value ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__badge-rectangle', "ss__badge-rectangle--".concat(tag), className, internalClassName), children: (0, jsx_runtime_1.jsx)("span", { className: "ss__badge-rectangle__value", children: value }) })) })) : null;

package/dist/cjs/components/src/components/Atoms/BadgeText/BadgeText.d.ts

@@ -1,5 +1,6 @@
+import { h } from 'preact';
 import { ComponentProps } from '../../../types';
-export declare const BadgeText: ((properties: BadgeTextProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+export declare const BadgeText: ((properties: BadgeTextProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
 export type BadgeTextProps = BadgeTextTemplatesLegalProps & ComponentProps<BadgeTextProps>;

package/dist/cjs/components/src/components/Atoms/BadgeText/BadgeText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeText.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/BadgeText/BadgeText.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAkB7D,eAAO,MAAM,SAAS,gBAAyB,cAAc;;CA+B3D,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,4BAA4B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAC3F,MAAM,MAAM,4BAA4B,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb,CAAC"}
+{"version":3,"file":"BadgeText.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/BadgeText/BadgeText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAM3B,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAiB7D,eAAO,MAAM,SAAS,gBAAyB,cAAc;;CA6B3D,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,4BAA4B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAC3F,MAAM,MAAM,4BAA4B,GAAG;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;CACb,CAAC"}

package/dist/cjs/components/src/components/Atoms/BadgeText/BadgeText.js

@@ -36,9 +36,7 @@ var defaultStyles = function (_a) {
     });
 };
 exports.BadgeText = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a;
     var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         // default props
@@ -46,12 +44,10 @@ exports.BadgeText = (0, mobx_react_lite_1.observer)(function (properties) {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('badgeText', globalTheme, defaultProps, properties);
-    var value = props.value, tag = props.tag, className = props.className, internalClassName = props.internalClassName, customComponent = props.customComponent;
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.badgeText) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var value = props.value, tag = props.tag, className = props.className, internalClassName = props.internalClassName;
+    var _a = (0, hooks_1.useCustomComponentOverride)('badgeText', props), overrideElement = _a.overrideElement, shouldRenderDefault = _a.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
     return value ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({}, styling, { className: (0, classnames_1.default)('ss__badge-text', "ss__badge-text--".concat(tag), className, internalClassName), children: (0, jsx_runtime_1.jsx)("span", { className: "ss__badge-text__value", children: value }) })) })) : null;

package/dist/cjs/components/src/components/Atoms/Banner/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Banner/Banner.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,KAAK,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAe7D,eAAO,MAAM,MAAM,KAuDlB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACzB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;IACvD,IAAI,CAAC,EAAE,WAAW,CAAC;CACnB,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,EAAE,WAAW,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Banner/Banner.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,KAAK,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAe7D,eAAO,MAAM,MAAM,KAqDlB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACzB,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,CAAC;IACvD,IAAI,CAAC,EAAE,WAAW,CAAC;CACnB,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,EAAE,WAAW,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC"}

package/dist/cjs/components/src/components/Atoms/Banner/Banner.js

@@ -36,28 +36,25 @@ var defaultStyles = function () {
     });
 };
 exports.Banner = (0, providers_1.withController)((0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c;
+    var _a, _b;
     var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('banner', globalTheme, defaultProps, properties);
-    var controller = props.controller, type = props.type, className = props.className, internalClassName = props.internalClassName, customComponent = props.customComponent;
+    var controller = props.controller, type = props.type, className = props.className, internalClassName = props.internalClassName;
     var content = props.content || ((_a = controller === null || controller === void 0 ? void 0 : controller.store) === null || _a === void 0 ? void 0 : _a.merchandising.content);
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_1.useComponent)(((_b = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _b === void 0 ? void 0 : _b.library.import.component.banner) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var _c = (0, hooks_1.useCustomComponentOverride)('banner', props), overrideElement = _c.overrideElement, shouldRenderDefault = _c.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     if (type === snap_store_mobx_1.ContentType.INLINE) {
         console.warn("BannerType '".concat(snap_store_mobx_1.ContentType.INLINE, "' is not supported in <Banner /> component"));
         return null;
     }
     var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
-    var banner = (_c = content === null || content === void 0 ? void 0 : content[type]) === null || _c === void 0 ? void 0 : _c[0];
+    var banner = (_b = content === null || content === void 0 ? void 0 : content[type]) === null || _b === void 0 ? void 0 : _b[0];
     var value = banner === null || banner === void 0 ? void 0 : banner.value;
     if (!type || !value) {
         return null;

package/dist/cjs/components/src/components/Atoms/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,7 +1,8 @@
+import { h } from 'preact';
 import { ComponentProps } from '../../../types';
 import { SearchController } from '@athoscommerce/snap-controller';
 import { IconProps, IconType } from '../Icon';
-export declare const Breadcrumbs: ((properties: BreadcrumbsProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+export declare const Breadcrumbs: ((properties: BreadcrumbsProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
 export type BreadcrumbsProps = {

package/dist/cjs/components/src/components/Atoms/Breadcrumbs/Breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAiBpD,eAAO,MAAM,WAAW,gBAAyB,gBAAgB;;CA+E/D,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC9B,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC9B,GAAG,8BAA8B,GACjC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAElC,MAAM,MAAM,8BAA8B,GAAG;IAC5C,IAAI,CAAC,EACF;QACA,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACZ,EAAE,GACH,CAAC,CAAC,UAAU,CAAC,EAAE,gBAAgB,KAAK;QACpC,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACZ,EAAE,CAAC,CAAC;IACR,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACzC,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;CACtD,CAAC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAO3B,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAgBpD,eAAO,MAAM,WAAW,gBAAyB,gBAAgB;;CA6E/D,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC9B,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC9B,GAAG,8BAA8B,GACjC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAElC,MAAM,MAAM,8BAA8B,GAAG;IAC5C,IAAI,CAAC,EACF;QACA,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACZ,EAAE,GACH,CAAC,CAAC,UAAU,CAAC,EAAE,gBAAgB,KAAK;QACpC,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;KACZ,EAAE,CAAC,CAAC;IACR,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACzC,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;CACtD,CAAC"}

package/dist/cjs/components/src/components/Atoms/Breadcrumbs/Breadcrumbs.js

@@ -36,9 +36,7 @@ var defaultStyles = function () {
     });
 };
 exports.Breadcrumbs = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a;
     var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         separator: '>',
@@ -54,12 +52,10 @@ exports.Breadcrumbs = (0, mobx_react_lite_1.observer)(function (properties) {
             : [{ label: 'Search' }],
     };
     var props = (0, utilities_1.mergeProps)('breadcrumbs', globalTheme, defaultProps, properties);
-    var data = props.data, separator = props.separator, separatorIcon = props.separatorIcon, className = props.className, internalClassName = props.internalClassName, controller = props.controller, disableStyles = props.disableStyles, treePath = props.treePath, customComponent = props.customComponent;
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.breadcrumbs) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var data = props.data, separator = props.separator, separatorIcon = props.separatorIcon, className = props.className, internalClassName = props.internalClassName, controller = props.controller, disableStyles = props.disableStyles, treePath = props.treePath;
+    var _a = (0, hooks_1.useCustomComponentOverride)('breadcrumbs', props), overrideElement = _a.overrideElement, shouldRenderDefault = _a.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     var subProps = {
         icon: __assign(__assign({ internalClassName: 'ss__breadcrumbs__separator__icon' }, (0, utilities_1.defined)({

package/dist/cjs/components/src/components/Atoms/Button/Button.d.ts

@@ -1,20 +1,20 @@
-import { ComponentChildren } from 'preact';
+import { h, ComponentChildren } from 'preact';
 import { ComponentProps } from '../../../types';
 import { IconProps, IconType } from '../Icon';
 import { Lang } from '../../../hooks';
-export declare const Button: ((properties: ButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element | null) & {
+export declare const Button: ((properties: ButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
 export type ButtonProps = {
     lang?: Partial<ButtonLang>;
     name?: ButtonNames;
+    content?: string | JSX.Element;
 } & ButtonTemplatesLegalProps & ComponentProps<ButtonProps>;
 export type ButtonTemplatesLegalProps = {
     backgroundColor?: string;
     borderColor?: string;
     color?: string;
     icon?: IconType | Partial<IconProps> | boolean;
-    content?: string | JSX.Element;
     children?: ComponentChildren;
     disabled?: boolean;
     native?: boolean;
@@ -24,5 +24,5 @@ export type ButtonTemplatesLegalProps = {
 export interface ButtonLang {
     button?: Lang<never>;
 }
-export type ButtonNames = 'close' | 'apply' | 'clear' | 'slideout' | 'sidebar-toggle' | 'see-more' | 'next' | 'prev' | 'pause' | 'pagination' | 'pagination-current' | 'close-search' | 'clear-search' | 'submit-search' | 'reset-facet';
+export type ButtonNames = 'close' | 'apply' | 'chat' | 'clear' | 'slideout' | 'sidebar-toggle' | 'see-more' | 'next' | 'prev' | 'pause' | 'pagination' | 'pagination-current' | 'close-search' | 'clear-search' | 'submit-search' | 'reset-facet';
 //# sourceMappingURL=Button.d.ts.map

package/dist/cjs/components/src/components/Atoms/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAM9C,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,IAAI,EAAyB,MAAM,gBAAgB,CAAC;AAsC7D,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAiGrD,CAAC;AAMH,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;CACnB,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,MAAM,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GACpB,OAAO,GACP,OAAO,GACP,OAAO,GACP,UAAU,GACV,gBAAgB,GAChB,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,GACP,YAAY,GACZ,oBAAoB,GACpB,cAAc,GACd,cAAc,GACd,eAAe,GACf,aAAa,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAM9C,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAI7D,OAAO,EAAQ,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,IAAI,EAAuC,MAAM,gBAAgB,CAAC;AAqC3E,eAAO,MAAM,MAAM,gBAAyB,WAAW;;CAiGrD,CAAC;AAMH,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;CAC/B,GAAG,yBAAyB,GAC5B,cAAc,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,MAAM,yBAAyB,GAAG;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;IAC/C,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,UAAU;IAC1B,MAAM,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,MAAM,MAAM,WAAW,GACpB,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,UAAU,GACV,gBAAgB,GAChB,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,GACP,YAAY,GACZ,oBAAoB,GACpB,cAAc,GACd,cAAc,GACd,eAAe,GACf,aAAa,CAAC"}

package/dist/cjs/components/src/components/Atoms/Button/Button.js

@@ -71,21 +71,18 @@ var defaultStyles = function (_a) {
     });
 };
 exports.Button = (0, mobx_react_lite_1.observer)(function (properties) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e;
     var globalTheme = (0, providers_1.useTheme)();
-    var snap = (0, providers_1.useSnap)();
     var globalTreePath = (0, providers_1.useTreePath)();
     var defaultProps = {
         disableA11y: false,
         treePath: globalTreePath,
     };
     var props = (0, utilities_1.mergeProps)('button', globalTheme, defaultProps, properties);
-    var content = props.content, children = props.children, disabled = props.disabled, native = props.native, onClick = props.onClick, disableA11y = props.disableA11y, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, icon = props.icon, lang = props.lang, treePath = props.treePath, customComponent = props.customComponent, _ = props.style, __ = props.styleScript, ___ = props.themeStyleScript, additionalProps = __rest(props, ["content", "children", "disabled", "native", "onClick", "disableA11y", "disableStyles", "className", "internalClassName", "icon", "lang", "treePath", "customComponent", "style", "styleScript", "themeStyleScript"]);
-    if (customComponent) {
-        var ComponentOverride = (0, hooks_1.useComponent)(((_a = snap === null || snap === void 0 ? void 0 : snap.templates) === null || _a === void 0 ? void 0 : _a.library.import.component.button) || {}, customComponent);
-        if (ComponentOverride) {
-            return (0, jsx_runtime_1.jsx)(ComponentOverride, __assign({}, props));
-        }
+    var content = props.content, children = props.children, disabled = props.disabled, native = props.native, onClick = props.onClick, disableA11y = props.disableA11y, disableStyles = props.disableStyles, className = props.className, internalClassName = props.internalClassName, icon = props.icon, lang = props.lang, treePath = props.treePath, _ = props.style, __ = props.styleScript, ___ = props.themeStyleScript, additionalProps = __rest(props, ["content", "children", "disabled", "native", "onClick", "disableA11y", "disableStyles", "className", "internalClassName", "icon", "lang", "treePath", "style", "styleScript", "themeStyleScript"]);
+    var _f = (0, hooks_1.useCustomComponentOverride)('button', props), overrideElement = _f.overrideElement, shouldRenderDefault = _f.shouldRenderDefault;
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     var subProps = {
         icon: __assign(__assign({ internalClassName: 'ss__button__icon' }, (0, utilities_1.defined)({
@@ -104,5 +101,7 @@ exports.Button = (0, mobx_react_lite_1.observer)(function (properties) {
     //deep merge with props.lang
     var langs = (0, deepmerge_1.default)(defaultLang, lang || {});
     var mergedLang = (0, hooks_1.useLang)(langs, {});
-    return content || children || icon || ((_b = lang === null || lang === void 0 ? void 0 : lang.button) === null || _b === void 0 ? void 0 : _b.value) ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: native ? ((0, jsx_runtime_1.jsxs)("button", __assign({}, elementProps, { children: [(0, jsx_runtime_1.jsxs)("span", __assign({ className: "ss__button__content" }, (_c = mergedLang.button) === null || _c === void 0 ? void 0 : _c.all, { children: [(0, utilities_1.cloneWithProps)(content, { treePath: treePath }), (0, utilities_1.cloneWithProps)(children, { treePath: treePath })] })), icon && (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, (typeof icon == 'string' ? { icon: icon } : icon)))] }))) : ((0, jsx_runtime_1.jsxs)("div", __assign({}, (!disableA11y ? a11yProps : {}), { role: 'button', "aria-disabled": disabled }, elementProps, (_d = mergedLang.button) === null || _d === void 0 ? void 0 : _d.attributes, { children: [content || children || ((_e = mergedLang.button) === null || _e === void 0 ? void 0 : _e.value) ? ((0, jsx_runtime_1.jsxs)("span", __assign({ className: "ss__button__content" }, (_f = mergedLang.button) === null || _f === void 0 ? void 0 : _f.value, { children: [(0, utilities_1.cloneWithProps)(content, { treePath: treePath }), (0, utilities_1.cloneWithProps)(children, { treePath: treePath })] }))) : undefined, icon && (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, (typeof icon == 'string' ? { icon: icon } : icon)))] }))) })) : null;
+    // @ts-ignore - additionalProps may contain dangerouslySetInnerHTML which is fine to spread on the element, but doesn't fit the ButtonProps type definition so we need to ignore it here.
+    var hasDangerouslySetInnerHTML = Boolean(additionalProps.dangerouslySetInnerHTML);
+    return content || children || icon || ((_a = lang === null || lang === void 0 ? void 0 : lang.button) === null || _a === void 0 ? void 0 : _a.value) || hasDangerouslySetInnerHTML ? ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: native ? ((0, jsx_runtime_1.jsxs)("button", __assign({}, elementProps, { children: [(0, jsx_runtime_1.jsxs)("span", __assign({ className: "ss__button__content" }, (_b = mergedLang.button) === null || _b === void 0 ? void 0 : _b.all, { children: [(0, utilities_1.cloneWithProps)(content, { treePath: treePath }), (0, utilities_1.cloneWithProps)(children, { treePath: treePath })] })), icon && (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, (typeof icon == 'string' ? { icon: icon } : icon)))] }))) : ((0, jsx_runtime_1.jsxs)("div", __assign({}, (!disableA11y ? a11yProps : {}), { role: 'button', "aria-disabled": disabled }, elementProps, (_c = mergedLang.button) === null || _c === void 0 ? void 0 : _c.attributes, { children: [content || children || ((_d = mergedLang.button) === null || _d === void 0 ? void 0 : _d.value) ? ((0, jsx_runtime_1.jsxs)("span", __assign({ className: "ss__button__content" }, (_e = mergedLang.button) === null || _e === void 0 ? void 0 : _e.value, { children: [(0, utilities_1.cloneWithProps)(content, { treePath: treePath }), (0, utilities_1.cloneWithProps)(children, { treePath: treePath })] }))) : undefined, icon && (0, jsx_runtime_1.jsx)(Icon_1.Icon, __assign({}, subProps.icon, (typeof icon == 'string' ? { icon: icon } : icon)))] }))) })) : null;
 });

package/dist/cjs/components/src/components/Atoms/ChatLoadingIndicator/ChatLoadingIndicator.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from '../../../types';
+export declare const ChatLoadingIndicator: (properties: ChatLoadingIndicatorProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export type ChatLoadingIndicatorProps = {
+    loading?: boolean;
+    verbs?: string[];
+} & ComponentProps<ChatLoadingIndicatorProps>;
+//# sourceMappingURL=ChatLoadingIndicator.d.ts.map

package/dist/cjs/components/src/components/Atoms/ChatLoadingIndicator/ChatLoadingIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatLoadingIndicator.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/ChatLoadingIndicator/ChatLoadingIndicator.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAiC7D,eAAO,MAAM,oBAAoB,eAAgB,yBAAyB,4DAsDzE,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB,GAAG,cAAc,CAAC,yBAAyB,CAAC,CAAC"}

package/dist/cjs/components/src/components/Atoms/ChatLoadingIndicator/ChatLoadingIndicator.js

@@ -0,0 +1,85 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatLoadingIndicator = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var hooks_1 = require("preact/hooks");
+var react_1 = require("@emotion/react");
+var classnames_1 = __importDefault(require("classnames"));
+var providers_1 = require("../../../providers");
+var utilities_1 = require("../../../utilities");
+var DEFAULT_VERBS = ['Thinking', 'Searching', 'Analyzing', 'Generating', 'Processing'];
+var MIN_INTERVAL = 1000;
+var MAX_INTERVAL = 5000;
+var defaultStyles = function () {
+    return (0, react_1.css)({
+        padding: '1em 2em 0 2em',
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        color: '#666',
+        fontSize: '14px',
+        fontStyle: 'italic',
+        '.ss__chat-loading-indicator__verb': {
+            animation: 'ss-chat-loading-indicator-fade 0.5s ease-out',
+        },
+        '@keyframes ss-chat-loading-indicator-fade': {
+            '0%': {
+                opacity: 0,
+                transform: 'translateY(4px)',
+            },
+            '100%': {
+                opacity: 1,
+                transform: 'translateY(0)',
+            },
+        },
+    });
+};
+var ChatLoadingIndicator = function (properties) {
+    var globalTheme = (0, providers_1.useTheme)();
+    var globalTreePath = (0, providers_1.useTreePath)();
+    var defaultProps = {
+        treePath: globalTreePath,
+    };
+    var props = (0, utilities_1.mergeProps)('chatLoadingIndicator', globalTheme, defaultProps, properties);
+    var loading = props.loading, className = props.className, internalClassName = props.internalClassName;
+    // fall back to DEFAULT_VERBS inline — can't rely on defaultProps because mergeProps
+    // spreads incoming props over defaults, so an explicit `verbs={undefined}` from a caller
+    // would wipe out the default array.
+    var verbs = props.verbs && props.verbs.length > 0 ? props.verbs : DEFAULT_VERBS;
+    var _a = (0, hooks_1.useState)(0), verbIndex = _a[0], setVerbIndex = _a[1];
+    (0, hooks_1.useEffect)(function () {
+        if (!loading) {
+            setVerbIndex(0);
+            return;
+        }
+        var timeoutId;
+        var scheduleNext = function () {
+            var nextInterval = Math.floor(Math.random() * (MAX_INTERVAL - MIN_INTERVAL + 1)) + MIN_INTERVAL;
+            timeoutId = setTimeout(function () {
+                setVerbIndex(function (prev) { return (prev + 1) % verbs.length; });
+                scheduleNext();
+            }, nextInterval);
+        };
+        scheduleNext();
+        return function () { return clearTimeout(timeoutId); };
+    }, [loading, verbs]);
+    var styling = (0, utilities_1.mergeStyles)(props, defaultStyles);
+    if (!loading || !verbs[verbIndex])
+        return null;
+    return ((0, jsx_runtime_1.jsx)(providers_1.CacheProvider, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)('ss__chat-loading-indicator', className, internalClassName), role: "status", "aria-live": "polite", "aria-label": "".concat(verbs[verbIndex], "...") }, styling, { children: (0, jsx_runtime_1.jsxs)("span", { className: 'ss__chat-loading-indicator__verb', children: [verbs[verbIndex], "..."] }, verbIndex) })) }));
+};
+exports.ChatLoadingIndicator = ChatLoadingIndicator;

package/dist/cjs/components/src/components/Atoms/ChatLoadingIndicator/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ChatLoadingIndicator';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/src/components/Atoms/ChatLoadingIndicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/ChatLoadingIndicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/cjs/components/src/components/Atoms/ChatLoadingIndicator/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ChatLoadingIndicator"), exports);

package/dist/cjs/components/src/components/Atoms/Dropdown/Dropdown.d.ts

@@ -1,6 +1,6 @@
-import { ComponentChildren } from 'preact';
+import { ComponentChildren, h } from 'preact';
 import { ComponentProps } from '../../../types';
-export declare const Dropdown: ((properties: DropdownProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
+export declare const Dropdown: ((properties: DropdownProps) => import("@emotion/react/jsx-runtime").JSX.Element | h.JSX.Element | null) & {
     displayName: string;
 };
 export type DropdownProps = DropdownTemplatesLegalProps & ComponentProps<DropdownProps>;
@@ -22,5 +22,9 @@ export type DropdownTemplatesLegalProps = {
     focusTrapContent?: boolean;
     disableA11y?: boolean;
     usePortal?: boolean;
+    dropUp?: boolean;
+    boundaryRef?: {
+        current: HTMLElement | null;
+    };
 };
 //# sourceMappingURL=Dropdown.d.ts.map

package/dist/cjs/components/src/components/Atoms/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAK,MAAM,QAAQ,CAAC;AAQ9C,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAgC7D,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CA2NzD,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,2BAA2B,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AACxF,MAAM,MAAM,2BAA2B,GAAG;IACzC,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../../../components/src/components/Atoms/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAQ9C,OAAO,EAAE,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAoC7D,eAAO,MAAM,QAAQ,gBAAyB,aAAa;;CAgQzD,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,2BAA2B,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AACxF,MAAM,MAAM,2BAA2B,GAAG;IACzC,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACxE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE;QAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE,CAAC;CAC9C,CAAC"}