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

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

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { css } from '@emotion/react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import { useTheme, CacheProvider, useTreePath, useSnap } from '../../../providers';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
 import { mergeProps, mergeStyles } from '../../../utilities';
-import { useComponent } from '../../../hooks';
+import { useCustomComponentOverride } from '../../../hooks';
 const defaultStyles = () => {
     return css({
         maxHeight: '100%',
@@ -13,19 +13,16 @@ const defaultStyles = () => {
 };
 export const BadgeImage = observer((properties) => {
     const globalTheme = useTheme();
-    const snap = useSnap();
     const globalTreePath = useTreePath();
     const defaultProps = {
         // default props
         treePath: globalTreePath,
     };
     const props = mergeProps('badgeImage', globalTheme, defaultProps, properties);
-    const { label, url, tag, className, internalClassName, customComponent } = props;
-    if (customComponent) {
-        const ComponentOverride = useComponent(snap?.templates?.library.import.component.badgeImage || {}, customComponent);
-        if (ComponentOverride) {
-            return _jsx(ComponentOverride, { ...props });
-        }
+    const { label, url, tag, className, internalClassName } = props;
+    const { overrideElement, shouldRenderDefault } = useCustomComponentOverride('badgeImage', props);
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     const styling = mergeStyles(props, defaultStyles);
     return url ? (_jsx(CacheProvider, { children: _jsx("img", { ...styling, className: classnames('ss__badge-image', `ss__badge-image--${tag}`, className, internalClassName), alt: label || `${tag} badge`, src: url }) })) : null;

package/dist/esm/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/esm/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/esm/components/src/components/Atoms/BadgePill/BadgePill.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { css } from '@emotion/react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import { useTheme, CacheProvider, useTreePath, useSnap } from '../../../providers';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
 import { mergeProps, mergeStyles } from '../../../utilities';
-import { useComponent } from '../../../hooks';
+import { useCustomComponentOverride } from '../../../hooks';
 const defaultStyles = ({ color, colorText }) => {
     return css({
         display: 'inline-block',
@@ -21,7 +21,6 @@ const defaultStyles = ({ color, colorText }) => {
 };
 export const BadgePill = observer((properties) => {
     const globalTheme = useTheme();
-    const snap = useSnap();
     const globalTreePath = useTreePath();
     const defaultProps = {
         // default props
@@ -30,12 +29,10 @@ export const BadgePill = observer((properties) => {
         treePath: globalTreePath,
     };
     const props = mergeProps('badgePill', globalTheme, defaultProps, properties);
-    const { value, tag, className, internalClassName, customComponent } = props;
-    if (customComponent) {
-        const ComponentOverride = useComponent(snap?.templates?.library.import.component.badgePill || {}, customComponent);
-        if (ComponentOverride) {
-            return _jsx(ComponentOverride, { ...props });
-        }
+    const { value, tag, className, internalClassName } = props;
+    const { overrideElement, shouldRenderDefault } = useCustomComponentOverride('badgePill', props);
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     const styling = mergeStyles(props, defaultStyles);
     return value ? (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classnames('ss__badge-pill', `ss__badge-pill--${tag}`, className, internalClassName), children: _jsx("span", { className: "ss__badge-pill__value", children: value }) }) })) : null;

package/dist/esm/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/esm/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/esm/components/src/components/Atoms/BadgeRectangle/BadgeRectangle.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { css } from '@emotion/react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import { useTheme, CacheProvider, useTreePath, useSnap } from '../../../providers';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
 import { mergeProps, mergeStyles } from '../../../utilities';
-import { useComponent } from '../../../hooks';
+import { useCustomComponentOverride } from '../../../hooks';
 const defaultStyles = ({ color, colorText }) => {
     return css({
         display: 'inline-block',
@@ -20,7 +20,6 @@ const defaultStyles = ({ color, colorText }) => {
 };
 export const BadgeRectangle = observer((properties) => {
     const globalTheme = useTheme();
-    const snap = useSnap();
     const globalTreePath = useTreePath();
     const defaultProps = {
         // default props
@@ -29,12 +28,10 @@ export const BadgeRectangle = observer((properties) => {
         treePath: globalTreePath,
     };
     const props = mergeProps('badgeRectangle', globalTheme, defaultProps, properties);
-    const { value, tag, className, internalClassName, customComponent } = props;
-    if (customComponent) {
-        const ComponentOverride = useComponent(snap?.templates?.library.import.component.badgeRectangle || {}, customComponent);
-        if (ComponentOverride) {
-            return _jsx(ComponentOverride, { ...props });
-        }
+    const { value, tag, className, internalClassName } = props;
+    const { overrideElement, shouldRenderDefault } = useCustomComponentOverride('badgeRectangle', props);
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     const styling = mergeStyles(props, defaultStyles);
     return value ? (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classnames('ss__badge-rectangle', `ss__badge-rectangle--${tag}`, className, internalClassName), children: _jsx("span", { className: "ss__badge-rectangle__value", children: value }) }) })) : null;

package/dist/esm/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/esm/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/esm/components/src/components/Atoms/BadgeText/BadgeText.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { css } from '@emotion/react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import { useTheme, CacheProvider, useTreePath, useSnap } from '../../../providers';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
 import { mergeProps, mergeStyles } from '../../../utilities';
-import { useComponent } from '../../../hooks';
+import { useCustomComponentOverride } from '../../../hooks';
 const defaultStyles = ({ colorText }) => {
     return css({
         display: 'inline-block',
@@ -19,7 +19,6 @@ const defaultStyles = ({ colorText }) => {
 };
 export const BadgeText = observer((properties) => {
     const globalTheme = useTheme();
-    const snap = useSnap();
     const globalTreePath = useTreePath();
     const defaultProps = {
         // default props
@@ -27,12 +26,10 @@ export const BadgeText = observer((properties) => {
         treePath: globalTreePath,
     };
     const props = mergeProps('badgeText', globalTheme, defaultProps, properties);
-    const { value, tag, className, internalClassName, customComponent } = props;
-    if (customComponent) {
-        const ComponentOverride = useComponent(snap?.templates?.library.import.component.badgeText || {}, customComponent);
-        if (ComponentOverride) {
-            return _jsx(ComponentOverride, { ...props });
-        }
+    const { value, tag, className, internalClassName } = props;
+    const { overrideElement, shouldRenderDefault } = useCustomComponentOverride('badgeText', props);
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     const styling = mergeStyles(props, defaultStyles);
     return value ? (_jsx(CacheProvider, { children: _jsx("div", { ...styling, className: classnames('ss__badge-text', `ss__badge-text--${tag}`, className, internalClassName), children: _jsx("span", { className: "ss__badge-text__value", children: value }) }) })) : null;

package/dist/esm/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/esm/components/src/components/Atoms/Banner/Banner.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { observer } from 'mobx-react-lite';
 import { css } from '@emotion/react';
 import classnames from 'classnames';
-import { useTheme, CacheProvider, useTreePath, withTracking, withController, useSnap } from '../../../providers';
+import { useTheme, CacheProvider, useTreePath, withTracking, withController } from '../../../providers';
 import { mergeProps, mergeStyles } from '../../../utilities';
-import { useComponent } from '../../../hooks';
+import { useCustomComponentOverride } from '../../../hooks';
 import { ContentType } from '@athoscommerce/snap-store-mobx';
 import { useCallback } from 'preact/hooks';
 const defaultStyles = () => {
@@ -20,19 +20,16 @@ const defaultStyles = () => {
 };
 export const Banner = withController(observer((properties) => {
     const globalTheme = useTheme();
-    const snap = useSnap();
     const globalTreePath = useTreePath();
     const defaultProps = {
         treePath: globalTreePath,
     };
     const props = mergeProps('banner', globalTheme, defaultProps, properties);
-    const { controller, type, className, internalClassName, customComponent } = props;
+    const { controller, type, className, internalClassName } = props;
     const content = props.content || controller?.store?.merchandising.content;
-    if (customComponent) {
-        const ComponentOverride = useComponent(snap?.templates?.library.import.component.banner || {}, customComponent);
-        if (ComponentOverride) {
-            return _jsx(ComponentOverride, { ...props });
-        }
+    const { overrideElement, shouldRenderDefault } = useCustomComponentOverride('banner', props);
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     if (type === ContentType.INLINE) {
         console.warn(`BannerType '${ContentType.INLINE}' is not supported in <Banner /> component`);

package/dist/esm/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/esm/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/esm/components/src/components/Atoms/Breadcrumbs/Breadcrumbs.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/reac
 import { css } from '@emotion/react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import { useTheme, CacheProvider, useTreePath, useSnap } from '../../../providers';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
 import { defined, mergeProps, mergeStyles } from '../../../utilities';
 import { Icon } from '../Icon';
-import { useComponent } from '../../../hooks';
+import { useCustomComponentOverride } from '../../../hooks';
 const defaultStyles = () => {
     return css({
         '& .ss__breadcrumbs__crumbs': {
@@ -20,7 +20,6 @@ const defaultStyles = () => {
 };
 export const Breadcrumbs = observer((properties) => {
     const globalTheme = useTheme();
-    const snap = useSnap();
     const globalTreePath = useTreePath();
     const defaultProps = {
         separator: '>',
@@ -35,12 +34,10 @@ export const Breadcrumbs = observer((properties) => {
             : [{ label: 'Search' }],
     };
     const props = mergeProps('breadcrumbs', globalTheme, defaultProps, properties);
-    const { data, separator, separatorIcon, className, internalClassName, controller, disableStyles, treePath, customComponent } = props;
-    if (customComponent) {
-        const ComponentOverride = useComponent(snap?.templates?.library.import.component.breadcrumbs || {}, customComponent);
-        if (ComponentOverride) {
-            return _jsx(ComponentOverride, { ...props });
-        }
+    const { data, separator, separatorIcon, className, internalClassName, controller, disableStyles, treePath } = props;
+    const { overrideElement, shouldRenderDefault } = useCustomComponentOverride('breadcrumbs', props);
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     const subProps = {
         icon: {

package/dist/esm/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/esm/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/esm/components/src/components/Atoms/Button/Button.js

@@ -1,12 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { css } from '@emotion/react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
-import { useTheme, CacheProvider, useTreePath, useSnap } from '../../../providers';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
 import { useA11y } from '../../../hooks/useA11y';
 import { cloneWithProps, defined, mergeProps, mergeStyles } from '../../../utilities';
 import { Icon } from '../Icon';
-import { useLang, useComponent } from '../../../hooks';
+import { useLang, useCustomComponentOverride } from '../../../hooks';
 import deepmerge from 'deepmerge';
 const defaultStyles = ({ native, color, backgroundColor, borderColor, theme }) => {
     // no styling on native
@@ -42,19 +42,16 @@ const defaultStyles = ({ native, color, backgroundColor, borderColor, theme }) =
 };
 export const Button = observer((properties) => {
     const globalTheme = useTheme();
-    const snap = useSnap();
     const globalTreePath = useTreePath();
     const defaultProps = {
         disableA11y: false,
         treePath: globalTreePath,
     };
     const props = mergeProps('button', globalTheme, defaultProps, properties);
-    const { content, children, disabled, native, onClick, disableA11y, disableStyles, className, internalClassName, icon, lang, treePath, customComponent, style: _, styleScript: __, themeStyleScript: ___, ...additionalProps } = props;
-    if (customComponent) {
-        const ComponentOverride = useComponent(snap?.templates?.library.import.component.button || {}, customComponent);
-        if (ComponentOverride) {
-            return _jsx(ComponentOverride, { ...props });
-        }
+    const { content, children, disabled, native, onClick, disableA11y, disableStyles, className, internalClassName, icon, lang, treePath, style: _, styleScript: __, themeStyleScript: ___, ...additionalProps } = props;
+    const { overrideElement, shouldRenderDefault } = useCustomComponentOverride('button', props);
+    if (!shouldRenderDefault) {
+        return overrideElement;
     }
     const subProps = {
         icon: {
@@ -85,5 +82,7 @@ export const Button = observer((properties) => {
     //deep merge with props.lang
     const langs = deepmerge(defaultLang, lang || {});
     const mergedLang = useLang(langs, {});
-    return content || children || icon || lang?.button?.value ? (_jsx(CacheProvider, { children: native ? (_jsxs("button", { ...elementProps, children: [_jsxs("span", { className: "ss__button__content", ...mergedLang.button?.all, children: [cloneWithProps(content, { treePath }), cloneWithProps(children, { treePath })] }), icon && _jsx(Icon, { ...subProps.icon, ...(typeof icon == 'string' ? { icon: icon } : icon) })] })) : (_jsxs("div", { ...(!disableA11y ? a11yProps : {}), role: 'button', "aria-disabled": disabled, ...elementProps, ...mergedLang.button?.attributes, children: [content || children || mergedLang.button?.value ? (_jsxs("span", { className: "ss__button__content", ...mergedLang.button?.value, children: [cloneWithProps(content, { treePath }), cloneWithProps(children, { treePath })] })) : undefined, icon && _jsx(Icon, { ...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.
+    const hasDangerouslySetInnerHTML = Boolean(additionalProps.dangerouslySetInnerHTML);
+    return content || children || icon || lang?.button?.value || hasDangerouslySetInnerHTML ? (_jsx(CacheProvider, { children: native ? (_jsxs("button", { ...elementProps, children: [_jsxs("span", { className: "ss__button__content", ...mergedLang.button?.all, children: [cloneWithProps(content, { treePath }), cloneWithProps(children, { treePath })] }), icon && _jsx(Icon, { ...subProps.icon, ...(typeof icon == 'string' ? { icon: icon } : icon) })] })) : (_jsxs("div", { ...(!disableA11y ? a11yProps : {}), role: 'button', "aria-disabled": disabled, ...elementProps, ...mergedLang.button?.attributes, children: [content || children || mergedLang.button?.value ? (_jsxs("span", { className: "ss__button__content", ...mergedLang.button?.value, children: [cloneWithProps(content, { treePath }), cloneWithProps(children, { treePath })] })) : undefined, icon && _jsx(Icon, { ...subProps.icon, ...(typeof icon == 'string' ? { icon: icon } : icon) })] })) })) : null;
 });

package/dist/esm/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/esm/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/esm/components/src/components/Atoms/ChatLoadingIndicator/ChatLoadingIndicator.js

@@ -0,0 +1,67 @@
+import { jsxs as _jsxs, jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useState, useEffect } from 'preact/hooks';
+import { css } from '@emotion/react';
+import classnames from 'classnames';
+import { useTheme, CacheProvider, useTreePath } from '../../../providers';
+import { mergeProps, mergeStyles } from '../../../utilities';
+const DEFAULT_VERBS = ['Thinking', 'Searching', 'Analyzing', 'Generating', 'Processing'];
+const MIN_INTERVAL = 1000;
+const MAX_INTERVAL = 5000;
+const defaultStyles = () => {
+    return 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)',
+            },
+        },
+    });
+};
+export const ChatLoadingIndicator = (properties) => {
+    const globalTheme = useTheme();
+    const globalTreePath = useTreePath();
+    const defaultProps = {
+        treePath: globalTreePath,
+    };
+    const props = mergeProps('chatLoadingIndicator', globalTheme, defaultProps, properties);
+    const { loading, className, internalClassName } = props;
+    // 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.
+    const verbs = props.verbs && props.verbs.length > 0 ? props.verbs : DEFAULT_VERBS;
+    const [verbIndex, setVerbIndex] = useState(0);
+    useEffect(() => {
+        if (!loading) {
+            setVerbIndex(0);
+            return;
+        }
+        let timeoutId;
+        const scheduleNext = () => {
+            const nextInterval = Math.floor(Math.random() * (MAX_INTERVAL - MIN_INTERVAL + 1)) + MIN_INTERVAL;
+            timeoutId = setTimeout(() => {
+                setVerbIndex((prev) => (prev + 1) % verbs.length);
+                scheduleNext();
+            }, nextInterval);
+        };
+        scheduleNext();
+        return () => clearTimeout(timeoutId);
+    }, [loading, verbs]);
+    const styling = mergeStyles(props, defaultStyles);
+    if (!loading || !verbs[verbIndex])
+        return null;
+    return (_jsx(CacheProvider, { children: _jsx("div", { className: classnames('ss__chat-loading-indicator', className, internalClassName), role: "status", "aria-live": "polite", "aria-label": `${verbs[verbIndex]}...`, ...styling, children: _jsxs("span", { className: 'ss__chat-loading-indicator__verb', children: [verbs[verbIndex], "..."] }, verbIndex) }) }));
+};

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

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

package/dist/esm/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/esm/components/src/components/Atoms/ChatLoadingIndicator/index.js

@@ -0,0 +1 @@
+export * from './ChatLoadingIndicator';

package/dist/esm/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/esm/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"}