@searchcraft/javascript-sdk 0.1.0 → 0.1.2

package/dist/components/p-074239f9.js

@@ -1,34 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a912a224.js';
-
-const scSpinnerLightModuleCss = ".spinnerContainer{background-color:transparent;height:20px;width:20px}.spinnerLight{height:100%;width:100%;background:conic-gradient(#737373 50%, #FFFFFF);clip-path:circle(50%);mask-image:radial-gradient(circle at center, rgba(0, 0, 0, 0) 6.6666666667px, rgb(0, 0, 0) 6.6666666667px);animation:spinning 1s linear infinite}@keyframes spinning{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}";
-const ScSpinnerLightStyle0 = scSpinnerLightModuleCss;
-
-const ScSpinnerLight = /*@__PURE__*/ proxyCustomElement(class ScSpinnerLight extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return (h("div", { key: '688125d45da633cea7894306e57b80b940d72fa0', class: 'spinnerContainer' }, h("div", { key: '5775e4964f7446736fcf2262d7797389679b29c5', class: 'spinnerLight' })));
-    }
-    static get style() { return ScSpinnerLightStyle0; }
-}, [1, "sc-spinner-light"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["sc-spinner-light"];
-    components.forEach(tagName => { switch (tagName) {
-        case "sc-spinner-light":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScSpinnerLight);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { ScSpinnerLight as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-074239f9.js.map

package/dist/components/p-074239f9.js.map

@@ -1 +0,0 @@
-{"file":"p-074239f9.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,8aAA8a,CAAC;AAC/c,6BAAe,uBAAuB;;MCMzB,cAAc;;;;;;IACzB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,4DAAK,KAAK,EAAC,cAAc,GAAG,CACxB,EACN;KACH;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/sc-spinner-light/sc-spinner-light.module.scss?tag=sc-spinner-light&encapsulation=shadow","src/components/sc-spinner-light/sc-spinner-light.tsx"],"sourcesContent":["$spinner-size: 20px;\n\n.spinnerContainer {\n  background-color: transparent;\n  height: $spinner-size;\n  width: $spinner-size;\n}\n\n.spinnerLight {\n  height: 100%;\n  width: 100%;\n  background: conic-gradient(#737373 50%, #FFFFFF);\n  clip-path: circle(50%);\n  mask-image: radial-gradient(circle at center, rgba(0,0,0,0) calc($spinner-size/3), rgba(0,0,0,1) calc($spinner-size/3));\n  animation: spinning 1s linear infinite;\n}\n\n@keyframes spinning {\n  0% { transform: rotate(0deg); }\n  50% {transform: rotate(180deg);}\n  100% { transform: rotate(360deg); }\n}","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'sc-spinner-light',\n  styleUrl: 'sc-spinner-light.module.scss',\n  shadow: true,\n})\nexport class ScSpinnerLight {\n  render() {\n    return (\n      <div class='spinnerContainer'>\n        <div class='spinnerLight' />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-184d9504.js

@@ -1,61 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a912a224.js';
-import { c as classNames } from './p-5cdc6210.js';
-
-const scInputCaptionModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.inputCaptionLightLTR{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#404040}.inputCaptionDarkLTR{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#E6E6E6}.inputCaptionErrorLightLTR{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#990000}.inputCaptionErrorDarkLTR{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#FFB3B3}.inputCaptionLightRTL{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#404040;text-align:right}.inputCaptionDarkRTL{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#E6E6E6;text-align:right}.inputCaptionErrorLightRTL{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#990000;text-align:right}.inputCaptionErrorDarkRTL{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#FFB3B3;text-align:right}";
-const ScInputCaptionStyle0 = scInputCaptionModuleCss;
-
-const ScInputCaption = /*@__PURE__*/ proxyCustomElement(class ScInputCaption extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.error = undefined;
-        this.inputCaptionClassName = '';
-        this.inputCaptionValue = 'Enter Search';
-        this.rightToLeftOrientation = false;
-        this.theme = 'light';
-    }
-    isLightTheme() {
-        return this.theme === 'light';
-    }
-    render() {
-        return this.rightToLeftOrientation ? (h("p", { class: classNames(this.error
-                ? this.isLightTheme
-                    ? 'inputCaptionErrorLightRTL'
-                    : 'inputCaptionErrorDarkRTL'
-                : this.isLightTheme
-                    ? 'inputCaptionLightRTL'
-                    : 'inputCaptionDarkRTL', this.inputCaptionClassName, '.searchcraft-input-caption') }, this.inputCaptionValue)) : (h("p", { class: classNames(this.error
-                ? this.isLightTheme
-                    ? 'inputCaptionErrorLightLTR'
-                    : 'inputCaptionErrorDarkLTR'
-                : this.isLightTheme
-                    ? 'inputCaptionLightLTR'
-                    : 'inputCaptionDarkLTR', this.inputCaptionClassName, '.searchcraft-input-caption') }, this.inputCaptionValue));
-    }
-    static get style() { return ScInputCaptionStyle0; }
-}, [1, "sc-input-caption", {
-        "error": [4],
-        "inputCaptionClassName": [1, "input-caption-class-name"],
-        "inputCaptionValue": [1, "input-caption-value"],
-        "rightToLeftOrientation": [4, "right-to-left-orientation"],
-        "theme": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["sc-input-caption"];
-    components.forEach(tagName => { switch (tagName) {
-        case "sc-input-caption":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScInputCaption);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { ScInputCaption as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-184d9504.js.map

package/dist/components/p-184d9504.js.map

@@ -1 +0,0 @@
-{"file":"p-184d9504.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,8oCAA8oC,CAAC;AAC/qC,6BAAe,uBAAuB;;MCOzB,cAAc;;;;;;qCAEQ,EAAE;iCACP,cAAc;sCACT,KAAK;qBACrB,OAAO;;IAEhB,YAAY;QAClB,OAAO,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC;KAC/B;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,sBAAsB,IAChC,SACE,KAAK,EAAE,UAAU,CACf,IAAI,CAAC,KAAK;kBACN,IAAI,CAAC,YAAY;sBACf,2BAA2B;sBAC3B,0BAA0B;kBAC5B,IAAI,CAAC,YAAY;sBACf,sBAAsB;sBACtB,qBAAqB,EAC3B,IAAI,CAAC,qBAAqB,EAC1B,4BAA4B,CAC7B,IAEA,IAAI,CAAC,iBAAiB,CACrB,KAEJ,SACE,KAAK,EAAE,UAAU,CACf,IAAI,CAAC,KAAK;kBACN,IAAI,CAAC,YAAY;sBACf,2BAA2B;sBAC3B,0BAA0B;kBAC5B,IAAI,CAAC,YAAY;sBACf,sBAAsB;sBACtB,qBAAqB,EAC3B,IAAI,CAAC,qBAAqB,EAC1B,4BAA4B,CAC7B,IAEA,IAAI,CAAC,iBAAiB,CACrB,CACL,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/sc-input-caption/sc-input-caption.module.scss?tag=sc-input-caption&encapsulation=shadow","src/components/sc-input-caption/sc-input-caption.tsx"],"sourcesContent":["@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin input-caption-base {\n  font-family: var(--font-stack);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-top: 4px;\n}\n\n@mixin input-caption-base-light {\n  @include input-caption-base;\n  color: $light-input-caption-color;\n}\n\n@mixin input-caption-base-dark {\n  @include input-caption-base;\n  color: $dark-input-caption-color;\n}\n\n.inputCaptionLightLTR {\n  @include input-caption-base-light;\n}\n\n.inputCaptionDarkLTR {\n  @include input-caption-base-dark;\n}\n\n.inputCaptionErrorLightLTR {\n  @include input-caption-base;\n  color: $light-input-caption-color-error;\n}\n\n.inputCaptionErrorDarkLTR {\n  @include input-caption-base;\n  color: $dark-input-caption-color-error;\n}\n\n.inputCaptionLightRTL {\n  @include input-caption-base-light;\n  text-align: right;\n}\n\n.inputCaptionDarkRTL {\n  @include input-caption-base-dark;\n  text-align: right;\n}\n\n.inputCaptionErrorLightRTL {\n  @include input-caption-base;\n  color: $light-input-caption-color-error;\n  text-align: right;\n}\n\n.inputCaptionErrorDarkRTL {\n  @include input-caption-base;\n  color: $dark-input-caption-color-error;\n  text-align: right;\n}","import { Component, Prop, h, State } from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'sc-input-caption',\n  styleUrl: 'sc-input-caption.module.scss',\n  shadow: true,\n})\nexport class ScInputCaption {\n  @Prop() error?: boolean;\n  @Prop() inputCaptionClassName? = '';\n  @Prop() inputCaptionValue = 'Enter Search';\n  @Prop() rightToLeftOrientation = false;\n  @State() theme = 'light';\n\n  private isLightTheme() {\n    return this.theme === 'light';\n  }\n\n  render() {\n    return this.rightToLeftOrientation ? (\n      <p\n        class={classNames(\n          this.error\n            ? this.isLightTheme\n              ? 'inputCaptionErrorLightRTL'\n              : 'inputCaptionErrorDarkRTL'\n            : this.isLightTheme\n              ? 'inputCaptionLightRTL'\n              : 'inputCaptionDarkRTL',\n          this.inputCaptionClassName,\n          '.searchcraft-input-caption',\n        )}\n      >\n        {this.inputCaptionValue}\n      </p>\n    ) : (\n      <p\n        class={classNames(\n          this.error\n            ? this.isLightTheme\n              ? 'inputCaptionErrorLightLTR'\n              : 'inputCaptionErrorDarkLTR'\n            : this.isLightTheme\n              ? 'inputCaptionLightLTR'\n              : 'inputCaptionDarkLTR',\n          this.inputCaptionClassName,\n          '.searchcraft-input-caption',\n        )}\n      >\n        {this.inputCaptionValue}\n      </p>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-23bdbb1f.js

@@ -1,58 +0,0 @@
-import { p as proxyCustomElement, H, h as h$1 } from './p-a912a224.js';
-import { h } from './p-c54fdecb.js';
-
-const SearchIconLight = () => (h("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none' },
-    h("title", null, "Searchcraft Search Icon Light"),
-    h("path", { d: 'M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z', stroke: '#404040', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
-const SearchIconDark = () => (h("svg", { width: '18', height: '18', viewBox: '0 0 18 18', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
-    h("title", null, "Searchcraft Search Icon Dark"),
-    h("path", { d: 'M16.5 16.5L12.875 12.875M14.8333 8.16667C14.8333 11.8486 11.8486 14.8333 8.16667 14.8333C4.48477 14.8333 1.5 11.8486 1.5 8.16667C1.5 4.48477 4.48477 1.5 8.16667 1.5C11.8486 1.5 14.8333 4.48477 14.8333 8.16667Z', stroke: '#E6E6E6', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
-const SearchIconLightError = () => (h("svg", { width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none' },
-    h("title", null, "Searchcraft Error Search Icon Light"),
-    h("path", { d: 'M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z', stroke: '#737373', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
-const SearchIconDarkError = () => (h("svg", { width: '18', height: '18', viewBox: '0 0 18 18', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' },
-    h("title", null, "Searchcraft Error Search Icon Dark"),
-    h("path", { d: 'M16.5 16.5L12.875 12.875M14.8333 8.16667C14.8333 11.8486 11.8486 14.8333 8.16667 14.8333C4.48477 14.8333 1.5 11.8486 1.5 8.16667C1.5 4.48477 4.48477 1.5 8.16667 1.5C11.8486 1.5 14.8333 4.48477 14.8333 8.16667Z', stroke: '#BFBFBF', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
-
-const scInputIconModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.inputIconLTR{height:20px;left:10px;position:absolute;top:11px;width:20px}.inputIconRTL{height:20px;position:absolute;right:10px;top:11px;width:20px}";
-const ScInputIconStyle0 = scInputIconModuleCss;
-
-const ScInputIcon = /*@__PURE__*/ proxyCustomElement(class ScInputIcon extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.error = undefined;
-        this.rightToLeftOrientation = false;
-        this.theme = 'light';
-    }
-    isLightTheme() {
-        return this.theme === 'light';
-    }
-    render() {
-        return this.error ? (h$1("div", { class: this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR' }, this.isLightTheme ? h$1(SearchIconLightError, null) : h$1(SearchIconDarkError, null))) : (h$1("div", { class: this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR' }, this.isLightTheme ? h$1(SearchIconLight, null) : h$1(SearchIconDark, null)));
-    }
-    static get style() { return ScInputIconStyle0; }
-}, [1, "sc-input-icon", {
-        "error": [4],
-        "rightToLeftOrientation": [4, "right-to-left-orientation"],
-        "theme": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["sc-input-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "sc-input-icon":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScInputIcon);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { ScInputIcon as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-23bdbb1f.js.map

package/dist/components/p-23bdbb1f.js.map

@@ -1 +0,0 @@
-{"file":"p-23bdbb1f.js","mappings":";;;AAEO,MAAM,eAAe,GAAG,OAC7B,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;IACzD,iDAA4C;IAC5C,YACE,CAAC,EAAC,mNAAmN,EACrN,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACP,CAAC;AAEK,MAAM,cAAc,GAAG,OAC5B,WACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;IAElC,gDAA2C;IAC3C,YACE,CAAC,EAAC,mNAAmN,EACrN,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACP,CAAC;AAEK,MAAM,oBAAoB,GAAG,OAClC,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM;IACzD,uDAAkD;IAClD,YACE,CAAC,EAAC,mNAAmN,EACrN,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACP,CAAC;AAEK,MAAM,mBAAmB,GAAG,OACjC,WACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;IAElC,sDAAiD;IACjD,YACE,CAAC,EAAC,mNAAmN,EACrN,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACP;;AChED,MAAM,oBAAoB,GAAG,uMAAuM,CAAC;AACrO,0BAAe,oBAAoB;;MCatB,WAAW;;;;;;sCAEW,KAAK;qBACrB,OAAO;;IAEhB,YAAY;QAClB,OAAO,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC;KAC/B;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,IACfA,aACE,KAAK,EAAE,IAAI,CAAC,sBAAsB,GAAG,cAAc,GAAG,cAAc,IAEnE,IAAI,CAAC,YAAY,GAAGA,IAAC,oBAAoB,OAAG,GAAGA,IAAC,mBAAmB,OAAG,CACnE,KAENA,aACE,KAAK,EAAE,IAAI,CAAC,sBAAsB,GAAG,cAAc,GAAG,cAAc,IAEnE,IAAI,CAAC,YAAY,GAAGA,IAAC,eAAe,OAAG,GAAGA,IAAC,cAAc,OAAG,CACzD,CACP,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":["h"],"sources":["src/assets/SearchIcons.tsx","src/components/sc-input-icon/sc-input-icon.module.scss?tag=sc-input-icon&encapsulation=shadow","src/components/sc-input-icon/sc-input-icon.tsx"],"sourcesContent":["import { h } from '@stencil/core';\n\nexport const SearchIconLight = () => (\n  <svg width='20' height='20' viewBox='0 0 20 20' fill='none'>\n    <title>Searchcraft Search Icon Light</title>\n    <path\n      d='M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z'\n      stroke='#404040'\n      stroke-width='1.5'\n      stroke-linecap='round'\n      stroke-linejoin='round'\n    />\n  </svg>\n);\n\nexport const SearchIconDark = () => (\n  <svg\n    width='18'\n    height='18'\n    viewBox='0 0 18 18'\n    fill='none'\n    xmlns='http://www.w3.org/2000/svg'\n  >\n    <title>Searchcraft Search Icon Dark</title>\n    <path\n      d='M16.5 16.5L12.875 12.875M14.8333 8.16667C14.8333 11.8486 11.8486 14.8333 8.16667 14.8333C4.48477 14.8333 1.5 11.8486 1.5 8.16667C1.5 4.48477 4.48477 1.5 8.16667 1.5C11.8486 1.5 14.8333 4.48477 14.8333 8.16667Z'\n      stroke='#E6E6E6'\n      stroke-width='1.5'\n      stroke-linecap='round'\n      stroke-linejoin='round'\n    />\n  </svg>\n);\n\nexport const SearchIconLightError = () => (\n  <svg width='20' height='20' viewBox='0 0 20 20' fill='none'>\n    <title>Searchcraft Error Search Icon Light</title>\n    <path\n      d='M17.5 17.5L13.875 13.875M15.8333 9.16667C15.8333 12.8486 12.8486 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667Z'\n      stroke='#737373'\n      stroke-width='1.5'\n      stroke-linecap='round'\n      stroke-linejoin='round'\n    />\n  </svg>\n);\n\nexport const SearchIconDarkError = () => (\n  <svg\n    width='18'\n    height='18'\n    viewBox='0 0 18 18'\n    fill='none'\n    xmlns='http://www.w3.org/2000/svg'\n  >\n    <title>Searchcraft Error Search Icon Dark</title>\n    <path\n      d='M16.5 16.5L12.875 12.875M14.8333 8.16667C14.8333 11.8486 11.8486 14.8333 8.16667 14.8333C4.48477 14.8333 1.5 11.8486 1.5 8.16667C1.5 4.48477 4.48477 1.5 8.16667 1.5C11.8486 1.5 14.8333 4.48477 14.8333 8.16667Z'\n      stroke='#BFBFBF'\n      stroke-width='1.5'\n      stroke-linecap='round'\n      stroke-linejoin='round'\n    />\n  </svg>\n);\n",":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.inputIconLTR {\n  height: 20px;\n  left: 10px;\n  position: absolute;\n  top: 11px;\n  width: 20px;\n}\n\n.inputIconRTL {\n  height: 20px;\n  position: absolute;\n  right: 10px;\n  top: 11px;\n  width: 20px;\n}","import { Component, Prop, h, State } from '@stencil/core';\n\nimport {\n  SearchIconLight,\n  SearchIconDark,\n  SearchIconLightError,\n  SearchIconDarkError,\n} from '@assets/SearchIcons';\n\n@Component({\n  tag: 'sc-input-icon',\n  styleUrl: 'sc-input-icon.module.scss',\n  shadow: true,\n})\nexport class ScInputIcon {\n  @Prop() error?: boolean;\n  @Prop() rightToLeftOrientation = false;\n  @State() theme = 'light';\n\n  private isLightTheme() {\n    return this.theme === 'light';\n  }\n\n  render() {\n    return this.error ? (\n      <div\n        class={this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR'}\n      >\n        {this.isLightTheme ? <SearchIconLightError /> : <SearchIconDarkError />}\n      </div>\n    ) : (\n      <div\n        class={this.rightToLeftOrientation ? 'inputIconRTL' : 'inputIconLTR'}\n      >\n        {this.isLightTheme ? <SearchIconLight /> : <SearchIconDark />}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-255a89f7.js

@@ -1,62 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-a912a224.js';
-import { c as classNames } from './p-5cdc6210.js';
-import { d as defineCustomElement$1 } from './p-dfb43eea.js';
-
-const scButtonModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.buttonLight{border-radius:8px;display:flex;font-family:var(--font-stack);font-size:16px;font-weight:700;line-height:20px;padding:11px 20px;position:relative;background-color:#000;border:1px solid #E6E6E6;color:#FFF}.buttonLight:hover{cursor:pointer}.buttonLight:hover{background-color:#2E2E2E}.buttonLight:focus{outline:2px solid #000000}.buttonDark{border-radius:8px;display:flex;font-family:var(--font-stack);font-size:16px;font-weight:700;line-height:20px;padding:11px 20px;position:relative;background-color:#FFF;border:1px solid #404040;color:#292929}.buttonDark:hover{cursor:pointer}.buttonDark:hover{background-color:#FAFAFA}.buttonDark:focus{outline:2px solid #404040}.spinnerMarginRight{left:4px;margin-right:4px;position:absolute}.spinnerMarginLeft{left:4px;margin-left:4px;position:absolute}.buttonLabel{animation:right-and-back 0.2s;margin-left:4px;position:relative}@keyframes right-and-back{0%{right:-6px}50%{right:-12px}75%{right:-6px}100%{right:0px}}";
-const ScButtonStyle0 = scButtonModuleCss;
-
-const ScButton = /*@__PURE__*/ proxyCustomElement(class ScButton extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.buttonClick = createEvent(this, "buttonClick", 7);
-        this.handleClick = () => {
-            this.buttonClick.emit(); // Emit the event instead of calling a function
-        };
-        this.iconElement = undefined;
-        this.iconOnly = false;
-        this.iconPosition = 'left';
-        this.label = 'Search';
-        this.isRequesting = false;
-        this.theme = 'light';
-    }
-    getButtonStyle() {
-        return this.theme === 'light' ? 'buttonLight' : 'buttonDark';
-    }
-    render() {
-        const buttonStyle = this.getButtonStyle();
-        return (h(Fragment, { key: '1786fa90c9eff082b58b6b45dda5d64cc1da9c8a' }, this.iconOnly ? (h("button", { class: classNames(buttonStyle, 'searchcraft-button'), onClick: this.handleClick, type: 'submit' }, this.isRequesting ? h("sc-spinner-dark", null) : this.iconElement)) : (h("button", { class: classNames(buttonStyle, 'searchcraft-button'), onClick: this.handleClick, type: 'submit' }, this.iconPosition === 'left' && this.isRequesting ? (h("div", { class: 'spinner-margin-right' }, h("sc-spinner-dark", null))) : (this.iconElement), h("span", { class: classNames(this.isRequesting && 'button-label', 'searchcraft-button-label') }, this.label)))));
-    }
-    static get style() { return ScButtonStyle0; }
-}, [1, "sc-button", {
-        "iconElement": [16],
-        "iconOnly": [4, "icon-only"],
-        "iconPosition": [1, "icon-position"],
-        "label": [1],
-        "isRequesting": [32],
-        "theme": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["sc-button", "sc-spinner-dark"];
-    components.forEach(tagName => { switch (tagName) {
-        case "sc-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScButton);
-            }
-            break;
-        case "sc-spinner-dark":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { ScButton as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-255a89f7.js.map

package/dist/components/p-255a89f7.js.map

@@ -1 +0,0 @@
-{"file":"p-255a89f7.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,y/BAAy/B,CAAC;AACphC,uBAAe,iBAAiB;;MCenB,QAAQ;;;;;;QAeX,gBAAW,GAAG;YACpB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;SACzB,CAAC;;wBAfiB,KAAK;4BACD,MAAM;qBACb,QAAQ;4BAIA,KAAK;qBACZ,OAAO;;IAEhB,cAAc;QACpB,OAAO,IAAI,CAAC,KAAK,KAAK,OAAO,GAAG,aAAa,GAAG,YAAY,CAAC;KAC9D;IAMD,MAAM;QACJ,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAE1C,QACE,EAAC,QAAQ,uDACN,IAAI,CAAC,QAAQ,IACZ,cACE,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,oBAAoB,CAAC,EACpD,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,YAAY,GAAG,0BAAmB,GAAG,IAAI,CAAC,WAAW,CACpD,KAET,cACE,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,oBAAoB,CAAC,EACpD,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,YAAY,KAAK,MAAM,IAAI,IAAI,CAAC,YAAY,IAChD,WAAK,KAAK,EAAC,sBAAsB,IAC/B,0BAAmB,CACf,KAEN,IAAI,CAAC,WAAW,CACjB,EACD,YACE,KAAK,EAAE,UAAU,CACf,IAAI,CAAC,YAAY,IAAI,cAAc,EACnC,0BAA0B,CAC3B,IAEA,IAAI,CAAC,KAAK,CACN,CACA,CACV,CACQ,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/sc-button/sc-button.module.scss?tag=sc-button&encapsulation=shadow","src/components/sc-button/sc-button.tsx"],"sourcesContent":["@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin button-base {\n  border-radius: 8px;\n  display: flex;\n  font-family: var(--font-stack);\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 20px;\n  padding: 11px 20px;\n  position: relative;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.buttonLight {\n  @include button-base;\n  background-color: $light-background;\n  border: 1px solid $light-button-border;\n  color: $light-button-color;\n\n  &:hover {\n    background-color: $light-button-hover;\n  }\n\n  &:focus {\n    outline: 2px solid $light-button-outline-focus;\n  }\n}\n\n.buttonDark {\n  @include button-base;\n  background-color: $dark-background;\n  border: 1px solid $dark-button-border;\n  color: $dark-button-color;\n\n  &:hover {\n    background-color: $dark-button-hover;\n  }\n\n  &:focus {\n    outline: 2px solid $dark-button-outline-focus;\n  }\n}\n\n.spinnerMarginRight {\n  left: 4px;\n  margin-right: 4px;\n  position: absolute;\n}\n\n.spinnerMarginLeft {\n  left: 4px;\n  margin-left: 4px;\n  position: absolute;\n}\n\n.buttonLabel {\n  animation: right-and-back .2s;\n  margin-left: 4px;\n  position: relative;\n}\n\n@keyframes right-and-back {\n  0% { right: -6px; }\n  50% { right: -12px; }\n  75% { right: -6px; }\n  100% {right: 0px; }\n}","import {\n  Component,\n  Event,\n  type EventEmitter,\n  Prop,\n  h,\n  State,\n  Fragment,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'sc-button',\n  styleUrl: 'sc-button.module.scss',\n  shadow: true,\n})\nexport class ScButton {\n  @Prop() iconElement?: Element;\n  @Prop() iconOnly = false;\n  @Prop() iconPosition = 'left';\n  @Prop() label = 'Search';\n\n  @Event() buttonClick!: EventEmitter<void>;\n\n  @State() isRequesting = false;\n  @State() theme = 'light';\n\n  private getButtonStyle() {\n    return this.theme === 'light' ? 'buttonLight' : 'buttonDark';\n  }\n\n  private handleClick = () => {\n    this.buttonClick.emit(); // Emit the event instead of calling a function\n  };\n\n  render() {\n    const buttonStyle = this.getButtonStyle();\n\n    return (\n      <Fragment>\n        {this.iconOnly ? (\n          <button\n            class={classNames(buttonStyle, 'searchcraft-button')}\n            onClick={this.handleClick}\n            type='submit'\n          >\n            {this.isRequesting ? <sc-spinner-dark /> : this.iconElement}\n          </button>\n        ) : (\n          <button\n            class={classNames(buttonStyle, 'searchcraft-button')}\n            onClick={this.handleClick}\n            type='submit'\n          >\n            {this.iconPosition === 'left' && this.isRequesting ? (\n              <div class='spinner-margin-right'>\n                <sc-spinner-dark />\n              </div>\n            ) : (\n              this.iconElement\n            )}\n            <span\n              class={classNames(\n                this.isRequesting && 'button-label',\n                'searchcraft-button-label',\n              )}\n            >\n              {this.label}\n            </span>\n          </button>\n        )}\n      </Fragment>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-5410e357.js

@@ -1,108 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-a912a224.js';
-import { c as classNames } from './p-5cdc6210.js';
-import { d as defineCustomElement$3 } from './p-75be555b.js';
-import { d as defineCustomElement$2 } from './p-184d9504.js';
-import { d as defineCustomElement$1 } from './p-23bdbb1f.js';
-
-const scInputModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.inputContainerLTR{position:relative}.inputContainerRTL{position:relative;margin-left:8px}.inputLightLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#EDEDED;color:#292929;margin-right:8px;padding-left:36px;padding-right:16px}.inputLightLTR::placeholder{font-family:var(--font-stack);font-size:16px}.inputLightLTR::placeholder{color:#737373}.inputLightLTR:focus{outline:2px solid #000}.inputDarkLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#1A1A1A;color:#FFF;margin-right:8px;padding-left:36px;padding-right:16px}.inputDarkLTR::placeholder{font-family:var(--font-stack);font-size:16px}.inputDarkLTR::placeholder{color:#BFBFBF}.inputDarkLTR:focus{outline:2px solid #FFF}.inputErrorLightLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#EDEDED;color:#292929;outline:2px solid #c00;margin-right:8px;padding-left:36px;padding-right:16px}.inputErrorLightLTR::placeholder{font-family:var(--font-stack);font-size:16px}.inputErrorLightLTR::placeholder{color:#737373}.inputErrorLightLTR:focus{outline:2px solid #000}.inputErrorLightLTR:focus-visible{outline:2px solid #c00}.inputErrorDarkLTR{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#1A1A1A;color:#FFF;outline:2px solid #FFB3B3;margin-right:8px;padding-left:36px;padding-right:16px}.inputErrorDarkLTR::placeholder{font-family:var(--font-stack);font-size:16px}.inputErrorDarkLTR::placeholder{color:#BFBFBF}.inputErrorDarkLTR:focus{outline:2px solid #FFF}.inputErrorDarkLTR:focus-visible{outline:2px solid #FFB3B3}.inputLightRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#EDEDED;color:#292929;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputLightRTL::placeholder{font-family:var(--font-stack);font-size:16px}.inputLightRTL::placeholder{color:#737373}.inputLightRTL:focus{outline:2px solid #000}.inputDarkRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#1A1A1A;color:#FFF;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputDarkRTL::placeholder{font-family:var(--font-stack);font-size:16px}.inputDarkRTL::placeholder{color:#BFBFBF}.inputDarkRTL:focus{outline:2px solid #FFF}.inputErrorLightRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#EDEDED;color:#292929;outline:2px solid #c00;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputErrorLightRTL::placeholder{font-family:var(--font-stack);font-size:16px}.inputErrorLightRTL::placeholder{color:#737373}.inputErrorLightRTL:focus{outline:2px solid #000}.inputErrorLightRTL:focus-visible{outline:2px solid #c00}.inputErrorDarkRTL{border:none;border-radius:8px;font-family:var(--font-stack);outline:none;padding-bottom:15px;padding-top:15px;background-color:#1A1A1A;color:#FFF;outline:2px solid #FFB3B3;margin-left:8px;padding-left:16px;padding-right:36px;text-align:right}.inputErrorDarkRTL::placeholder{font-family:var(--font-stack);font-size:16px}.inputErrorDarkRTL::placeholder{color:#BFBFBF}.inputErrorDarkRTL:focus{outline:2px solid #FFF}.inputErrorDarkRTL:focus-visible{outline:2px solid #FFB3B3}";
-const ScInputStyle0 = scInputModuleCss;
-
-const ScInput = /*@__PURE__*/ proxyCustomElement(class ScInput extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.searchInputChange = createEvent(this, "searchInputChange", 7);
-        this.clearInput = createEvent(this, "clearInput", 7);
-        this.error = false;
-        this.formClassName = '';
-        this.inputCaptionClassName = '';
-        this.inputCaptionValue = '';
-        this.inputClassName = '';
-        this.placeholderValue = 'Enter Search';
-        this.rightToLeftOrientation = false;
-        this.query = '';
-        this.theme = 'light';
-    }
-    get isLightTheme() {
-        return this.theme === 'light';
-    }
-    handleInputChange(event) {
-        const input = event.target;
-        this.searchInputChange.emit(input.value);
-    }
-    handleClearInput() {
-        if (this.clearInput) {
-            this.clearInput.emit();
-        }
-    }
-    render() {
-        const containerClassName = this.rightToLeftOrientation
-            ? 'inputContainerRTL'
-            : 'inputContainerLTR';
-        const inputClassName = classNames(this.error
-            ? this.isLightTheme
-                ? 'inputErrorLightRTL'
-                : 'inputErrorDarkRTL'
-            : this.isLightTheme
-                ? 'inputLightLTR'
-                : 'inputDarkLTR', 'searchcraft-input');
-        return (h("div", { key: '0257fcbab8d8f78439506f609784ef089f9b2784', class: classNames(containerClassName, this.formClassName, 'searchcraft-input-form') }, this.rightToLeftOrientation ? (h(Fragment, null, h("input", { class: classNames(this.error
-                ? this.isLightTheme
-                    ? 'inputErrorLightRTL'
-                    : 'inputErrorDarkRTL'
-                : this.isLightTheme
-                    ? 'inputLightRTL'
-                    : 'inputDarkRTL', inputClassName, 'searchcraft-input'), id: 'searchcraft-input-id', onChange: this.handleInputChange.bind(this), placeholder: this.placeholderValue, type: 'text', value: this.query }), this.inputCaptionValue && (h("sc-input-caption", { inputCaptionClassName: this.inputCaptionClassName, inputCaptionValue: this.inputCaptionValue, rightToLeftOrientation: this.rightToLeftOrientation })), this.query.length > 0 && (h("sc-clear-input-button", { onClearInput: this.handleClearInput, rightToLeftOrientation: this.rightToLeftOrientation })), h("sc-input-icon", { error: this.error, rightToLeftOrientation: this.rightToLeftOrientation }))) : (h(Fragment, null, h("input", { class: classNames(this.error
-                ? this.isLightTheme
-                    ? 'inputErrorLightLTR'
-                    : 'inputErrorDarkLTR'
-                : this.isLightTheme
-                    ? 'inputLightLTR'
-                    : 'inputDarkLTR', inputClassName, 'searchcraft-input'), id: 'searchcraft-input-id', onChange: this.handleInputChange.bind(this), placeholder: this.placeholderValue, type: 'text', value: this.query }), this.inputCaptionValue && (h("sc-input-caption", { inputCaptionClassName: this.inputCaptionClassName, inputCaptionValue: this.inputCaptionValue, rightToLeftOrientation: this.rightToLeftOrientation })), this.query.length > 0 && (h("sc-clear-input-button", { onClearInput: this.handleClearInput, rightToLeftOrientation: this.rightToLeftOrientation }))))));
-    }
-    static get style() { return ScInputStyle0; }
-}, [1, "sc-input", {
-        "error": [4],
-        "formClassName": [1, "form-class-name"],
-        "inputCaptionClassName": [1, "input-caption-class-name"],
-        "inputCaptionValue": [1, "input-caption-value"],
-        "inputClassName": [1, "input-class-name"],
-        "placeholderValue": [1, "placeholder-value"],
-        "rightToLeftOrientation": [4, "right-to-left-orientation"],
-        "query": [1],
-        "theme": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["sc-input", "sc-clear-input-button", "sc-input-caption", "sc-input-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "sc-input":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScInput);
-            }
-            break;
-        case "sc-clear-input-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "sc-input-caption":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "sc-input-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { ScInput as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-5410e357.js.map

package/dist/components/p-5410e357.js.map

@@ -1 +0,0 @@
-{"file":"p-5410e357.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,khHAAkhH,CAAC;AAC5iH,sBAAe,gBAAgB;;MCoBlB,OAAO;;;;;;;qBACF,KAAK;6BACG,EAAE;qCACM,EAAE;iCACN,EAAE;8BACL,EAAE;gCACA,cAAc;sCACR,KAAK;qBACtB,EAAE;qBAKD,OAAO;;IAExB,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC;KAC/B;IAED,iBAAiB,CAAC,KAAY;QAC5B,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAC1C;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;SACxB;KACF;IAED,MAAM;QACJ,MAAM,kBAAkB,GAAG,IAAI,CAAC,sBAAsB;cAClD,mBAAmB;cACnB,mBAAmB,CAAC;QAExB,MAAM,cAAc,GAAG,UAAU,CAC/B,IAAI,CAAC,KAAK;cACN,IAAI,CAAC,YAAY;kBACf,oBAAoB;kBACpB,mBAAmB;cACrB,IAAI,CAAC,YAAY;kBACf,eAAe;kBACf,cAAc,EACpB,mBAAmB,CACpB,CAAC;QAEF,QACE,4DACE,KAAK,EAAE,UAAU,CACf,kBAAkB,EAClB,IAAI,CAAC,aAAa,EAClB,wBAAwB,CACzB,IAEA,IAAI,CAAC,sBAAsB,IAC1B,EAAC,QAAQ,QACP,aACE,KAAK,EAAE,UAAU,CACf,IAAI,CAAC,KAAK;kBACN,IAAI,CAAC,YAAY;sBACf,oBAAoB;sBACpB,mBAAmB;kBACrB,IAAI,CAAC,YAAY;sBACf,eAAe;sBACf,cAAc,EACpB,cAAc,EACd,mBAAmB,CACpB,EACD,EAAE,EAAC,sBAAsB,EACzB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAC3C,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,EACD,IAAI,CAAC,iBAAiB,KACrB,wBACE,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,GACnD,CACH,EACA,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,KACpB,6BACE,YAAY,EAAE,IAAI,CAAC,gBAAgB,EACnC,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,GACnD,CACH,EACD,qBACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,GACnD,CACO,KAEX,EAAC,QAAQ,QACP,aACE,KAAK,EAAE,UAAU,CACf,IAAI,CAAC,KAAK;kBACN,IAAI,CAAC,YAAY;sBACf,oBAAoB;sBACpB,mBAAmB;kBACrB,IAAI,CAAC,YAAY;sBACf,eAAe;sBACf,cAAc,EACpB,cAAc,EACd,mBAAmB,CACpB,EACD,EAAE,EAAC,sBAAsB,EACzB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAC3C,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,EACD,IAAI,CAAC,iBAAiB,KACrB,wBACE,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EACzC,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,GACnD,CACH,EACA,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,KACpB,6BACE,YAAY,EAAE,IAAI,CAAC,gBAAgB,EACnC,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,GACnD,CACH,CACQ,CACZ,CACG,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/sc-input/sc-input.module.scss?tag=sc-input&encapsulation=shadow","src/components/sc-input/sc-input.tsx"],"sourcesContent":["@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin input-container-base {\n  position: relative;\n}\n\n@mixin input-base {\n  border: none;\n  border-radius: 8px;\n  font-family: var(--font-stack);\n  outline: none;\n  padding-bottom: 15px;\n  padding-top: 15px;\n\n  &::placeholder {\n    font-family: var(--font-stack);\n    font-size: 16px;\n  }\n}\n\n@mixin input-base-light {\n  @include input-base;\n  background-color: $light-input-background-color;\n  color: $light-input-label-color;\n\n  &::placeholder {\n    color: $light-input-placeholder-color;\n  }\n\n  &:focus {\n    outline: 2px solid $light-input-outline-focus;\n  }\n}\n\n@mixin input-base-dark {\n  @include input-base;\n  background-color: $dark-input-background-color;\n  color: $dark-input-label-color;\n\n  &::placeholder {\n    color: $dark-input-placeholder-color;\n  }\n\n  &:focus {\n    outline: 2px solid $dark-input-outline-focus;\n  }\n}\n\n@mixin input-error-base-light {\n  @include input-base-light;\n  outline: 2px solid $light-input-error-outline;\n\n  &:focus-visible {\n    outline: 2px solid $light-input-error-outline,\n  }\n}\n\n@mixin input-error-base-dark {\n  @include input-base-dark;\n  outline: 2px solid $dark-input-error-outline;\n\n  &:focus-visible {\n    outline: 2px solid $dark-input-error-outline;\n  }\n}\n\n.inputContainerLTR {\n  @include input-container-base;\n}\n\n.inputContainerRTL {\n  @include input-container-base;\n  margin-left: 8px;\n}\n\n@mixin align-LTR {\n  margin-right: 8px;\n  padding-left: 36px;\n  padding-right: 16px;\n}\n\n.inputLightLTR {\n  @include input-base-light;\n  @include align-LTR;\n}\n\n.inputDarkLTR {\n  @include input-base-dark;\n  @include align-LTR;\n}\n\n.inputErrorLightLTR {\n  @include input-error-base-light;\n  @include align-LTR;\n}\n\n.inputErrorDarkLTR {\n  @include input-error-base-dark;\n  @include align-LTR;\n}\n\n@mixin align-RTL {\n  margin-left: 8px;\n  padding-left: 16px;\n  padding-right: 36px;\n  text-align: right;\n}\n\n.inputLightRTL {\n  @include input-base-light;\n  @include align-RTL;\n}\n\n.inputDarkRTL {\n  @include input-base-dark;\n  @include align-RTL;\n}\n\n.inputErrorLightRTL {\n  @include input-error-base-light;\n  @include align-RTL;\n}\n\n.inputErrorDarkRTL {\n  @include input-error-base-dark;\n  @include align-RTL;\n}\n","import {\n  Component,\n  h,\n  Prop,\n  State,\n  Event,\n  Fragment,\n  type EventEmitter,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nexport interface ScInputCustomEvent<T> extends CustomEvent<T> {\n  detail: T;\n  target: HTMLScInputElement;\n}\n\n@Component({\n  tag: 'sc-input',\n  styleUrl: 'sc-input.module.scss',\n  shadow: true,\n})\nexport class ScInput {\n  @Prop() error = false;\n  @Prop() formClassName = '';\n  @Prop() inputCaptionClassName = '';\n  @Prop() inputCaptionValue = '';\n  @Prop() inputClassName = '';\n  @Prop() placeholderValue = 'Enter Search';\n  @Prop() rightToLeftOrientation = false;\n  @Prop() query = '';\n\n  @Event() searchInputChange: EventEmitter<string>;\n  @Event() clearInput: EventEmitter<void>;\n\n  @State() theme = 'light';\n\n  private get isLightTheme() {\n    return this.theme === 'light';\n  }\n\n  handleInputChange(event: Event) {\n    const input = event.target as HTMLInputElement;\n    this.searchInputChange.emit(input.value);\n  }\n\n  handleClearInput() {\n    if (this.clearInput) {\n      this.clearInput.emit();\n    }\n  }\n\n  render() {\n    const containerClassName = this.rightToLeftOrientation\n      ? 'inputContainerRTL'\n      : 'inputContainerLTR';\n\n    const inputClassName = classNames(\n      this.error\n        ? this.isLightTheme\n          ? 'inputErrorLightRTL'\n          : 'inputErrorDarkRTL'\n        : this.isLightTheme\n          ? 'inputLightLTR'\n          : 'inputDarkLTR',\n      'searchcraft-input',\n    );\n\n    return (\n      <div\n        class={classNames(\n          containerClassName,\n          this.formClassName,\n          'searchcraft-input-form',\n        )}\n      >\n        {this.rightToLeftOrientation ? (\n          <Fragment>\n            <input\n              class={classNames(\n                this.error\n                  ? this.isLightTheme\n                    ? 'inputErrorLightRTL'\n                    : 'inputErrorDarkRTL'\n                  : this.isLightTheme\n                    ? 'inputLightRTL'\n                    : 'inputDarkRTL',\n                inputClassName,\n                'searchcraft-input',\n              )}\n              id='searchcraft-input-id'\n              onChange={this.handleInputChange.bind(this)}\n              placeholder={this.placeholderValue}\n              type='text'\n              value={this.query}\n            />\n            {this.inputCaptionValue && (\n              <sc-input-caption\n                inputCaptionClassName={this.inputCaptionClassName}\n                inputCaptionValue={this.inputCaptionValue}\n                rightToLeftOrientation={this.rightToLeftOrientation}\n              />\n            )}\n            {this.query.length > 0 && (\n              <sc-clear-input-button\n                onClearInput={this.handleClearInput}\n                rightToLeftOrientation={this.rightToLeftOrientation}\n              />\n            )}\n            <sc-input-icon\n              error={this.error}\n              rightToLeftOrientation={this.rightToLeftOrientation}\n            />\n          </Fragment>\n        ) : (\n          <Fragment>\n            <input\n              class={classNames(\n                this.error\n                  ? this.isLightTheme\n                    ? 'inputErrorLightLTR'\n                    : 'inputErrorDarkLTR'\n                  : this.isLightTheme\n                    ? 'inputLightLTR'\n                    : 'inputDarkLTR',\n                inputClassName,\n                'searchcraft-input',\n              )}\n              id='searchcraft-input-id'\n              onChange={this.handleInputChange.bind(this)}\n              placeholder={this.placeholderValue}\n              type='text'\n              value={this.query}\n            />\n            {this.inputCaptionValue && (\n              <sc-input-caption\n                inputCaptionClassName={this.inputCaptionClassName}\n                inputCaptionValue={this.inputCaptionValue}\n                rightToLeftOrientation={this.rightToLeftOrientation}\n              />\n            )}\n            {this.query.length > 0 && (\n              <sc-clear-input-button\n                onClearInput={this.handleClearInput}\n                rightToLeftOrientation={this.rightToLeftOrientation}\n              />\n            )}\n          </Fragment>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-5b7b903a.js

@@ -1,71 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a912a224.js';
-import { A as ArrowRightIconLight, b as ArrowRightIconDark } from './p-b05f23e3.js';
-
-const scBaseSearchResultModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.interactiveResultContainerLight{background-color:#FAFAFA;align-items:flex-start;border-radius:16px;display:flex;position:relative;flex-direction:column;gap:16px;padding:8px}@media (min-width: 600px){.interactiveResultContainerLight{flex-direction:row}}.interactiveResultContainerDark{background-color:#2E2E2E;align-items:flex-start;border-radius:16px;display:flex;position:relative;flex-direction:column;gap:16px;padding:8px}@media (min-width: 600px){.interactiveResultContainerDark{flex-direction:row}}.resultContainer{align-items:flex-start;display:flex;flex-direction:column;gap:16px}@media (min-width: 600px){.resultContainer{flex-direction:row}}.interactiveIconLarge{display:inline-block;position:absolute;right:5px;top:8px}@media (max-width: 600px){.interactiveIconLarge{display:none}}.interactiveIconSmall{position:absolute;right:5px;top:-2px;display:inline-block}@media (min-width: 600px){.interactiveIconSmall{display:none}}.imageContainer{max-height:540px;max-width:100%}@media (min-width: 600px){.imageContainer{max-height:100%;max-width:50%}}.contentContainer{max-height:100%;max-width:100%}@media (min-width: 600px){.contentContainer{max-width:50%}}.imageLight{aspect-ratio:2/1;border-radius:8px;max-height:100%;max-width:100%;border:1px solid #D9D9D9}.imageDark{aspect-ratio:2/1;border-radius:8px;max-height:100%;max-width:100%;border:1px solid #333}.headingLight{font-family:var(--font-stack);font-size:16px;font-weight:700;line-height:20px;margin-bottom:4px;margin-top:0px;position:relative;color:#292929}.headingDark{font-family:var(--font-stack);font-size:16px;font-weight:700;line-height:20px;margin-bottom:4px;margin-top:0px;position:relative;color:#FFF}.subheadingLight{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-bottom:4px;margin-top:0px;color:#737373}.subheadingDark{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-bottom:4px;margin-top:0px;color:#BFBFBF}.bodyContentLight{font-family:var(--font-stack);font-size:16px;font-weight:400;line-height:20px;margin-bottom:4px;margin-top:0px;color:#404040}.bodyContentDark{font-family:var(--font-stack);font-size:16px;font-weight:400;line-height:20px;margin-bottom:4px;margin-top:0px;color:#E6E6E6}";
-const ScBaseSearchResultStyle0 = scBaseSearchResultModuleCss;
-
-const ScBaseSearchResult = /*@__PURE__*/ proxyCustomElement(class ScBaseSearchResult extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.handleButtonClick = () => {
-            this.buttonCallbackFn();
-        };
-        this.handleContainerClick = () => {
-            if (this.interactiveResult) {
-                this.callbackFn();
-            }
-        };
-        this.buttonCallbackFn = () => { };
-        this.buttonLabel = '';
-        this.callbackFn = () => { };
-        this.imageAltText = '';
-        this.imageSrc = '';
-        this.interactiveResult = false;
-        this.keyDownCallbackFn = () => { };
-        this.resultBodyContent = '';
-        this.resultHeading = '';
-        this.resultSubheading = '';
-        this.theme = 'light';
-    }
-    render() {
-        const isLightTheme = this.theme === 'light';
-        return (h("div", { key: 'ee89d0d997c1616d4534cae4ee9685f6ce040099', class: this.interactiveResult
-                ? isLightTheme
-                    ? 'interactiveResultContainerLight'
-                    : 'interactiveResultContainerDark'
-                : 'resultContainer', id: 'searchcraft-item', onClick: this.handleContainerClick, onKeyDown: this.keyDownCallbackFn, tabindex: '0' }, this.interactiveResult && (h("div", { key: 'fe1174e8a72f4b73a076c5be015e44a4b1ef8215', class: 'interactiveIconLarge' }, isLightTheme ? h(ArrowRightIconLight, null) : h(ArrowRightIconDark, null))), h("div", { key: 'c8c68d1beb4b57d9b6a7a860d754f2d8577a73fb', class: 'imageContainer' }, h("img", { key: 'e102470ecc13a71620004ed148a81d9af9984976', alt: this.imageAltText, class: isLightTheme ? 'imageLight' : 'imageDark', src: this.imageSrc })), h("div", { key: '07dbf514b64cb063c690ed42ec6ae04b1afbaf9a', class: 'contentContainer' }, h("h2", { key: 'fb6dfe3c58667cab4319f82e49ab90145904671c', class: isLightTheme ? 'headingLight' : 'headingDark' }, this.resultHeading, this.interactiveResult && (h("div", { key: '378b93a681888fc5709c627631284fd34b375b02', class: 'interactiveIconSmall' }, isLightTheme ? (h(ArrowRightIconLight, null)) : (h(ArrowRightIconDark, null))))), h("h3", { key: '9fc6e4d8d9a55489996492fbbb482eeabb69fde1', class: isLightTheme ? 'subheadingLight' : 'subheadingDark' }, this.resultSubheading), h("p", { key: '66810ac7427abe83a88237471cdc30c9cd2fa84b', class: isLightTheme ? 'bodyContentLight' : 'bodyContentDark' }, this.resultBodyContent), h("button", { key: '1df164311052868adde2dc41b8c769834622a10f', onClick: this.handleButtonClick, type: 'button' }, this.buttonLabel))));
-    }
-    static get style() { return ScBaseSearchResultStyle0; }
-}, [1, "sc-base-search-result", {
-        "buttonCallbackFn": [16],
-        "buttonLabel": [1, "button-label"],
-        "callbackFn": [16],
-        "imageAltText": [1, "image-alt-text"],
-        "imageSrc": [1, "image-src"],
-        "interactiveResult": [4, "interactive-result"],
-        "keyDownCallbackFn": [16],
-        "resultBodyContent": [1, "result-body-content"],
-        "resultHeading": [1, "result-heading"],
-        "resultSubheading": [1, "result-subheading"],
-        "theme": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["sc-base-search-result"];
-    components.forEach(tagName => { switch (tagName) {
-        case "sc-base-search-result":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScBaseSearchResult);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { ScBaseSearchResult as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-5b7b903a.js.map

package/dist/components/p-5b7b903a.js.map

@@ -1 +0,0 @@
-{"file":"p-5b7b903a.js","mappings":";;;AAAA,MAAM,2BAA2B,GAAG,qvEAAqvE,CAAC;AAC1xE,iCAAe,2BAA2B;;MCW7B,kBAAkB;;;;;QAarB,sBAAiB,GAAG;YAC1B,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB,CAAC;QAEM,yBAAoB,GAAG;YAC7B,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBAC1B,IAAI,CAAC,UAAU,EAAE,CAAC;aACnB;SACF,CAAC;gCApBqC,SAAQ;2BACzB,EAAE;0BACS,SAAQ;4BAClB,EAAE;wBACN,EAAE;iCACO,KAAK;iCACO,SAAQ;iCACpB,EAAE;6BACN,EAAE;gCACC,EAAE;qBACK,OAAO;;IAYzC,MAAM;QACJ,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC;QAE5C,QACE,4DACE,KAAK,EACH,IAAI,CAAC,iBAAiB;kBAClB,YAAY;sBACV,iCAAiC;sBACjC,gCAAgC;kBAClC,iBAAiB,EAEvB,EAAE,EAAC,kBAAkB,EACrB,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EACjC,QAAQ,EAAC,GAAG,IAEX,IAAI,CAAC,iBAAiB,KACrB,4DAAK,KAAK,EAAC,sBAAsB,IAC9B,YAAY,GAAG,EAAC,mBAAmB,OAAG,GAAG,EAAC,kBAAkB,OAAG,CAC5D,CACP,EACD,4DAAK,KAAK,EAAC,gBAAgB,IACzB,4DACE,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,KAAK,EAAE,YAAY,GAAG,YAAY,GAAG,WAAW,EAChD,GAAG,EAAE,IAAI,CAAC,QAAQ,GAClB,CACE,EACN,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,2DAAI,KAAK,EAAE,YAAY,GAAG,cAAc,GAAG,aAAa,IACrD,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,iBAAiB,KACrB,4DAAK,KAAK,EAAC,sBAAsB,IAC9B,YAAY,IACX,EAAC,mBAAmB,OAAG,KAEvB,EAAC,kBAAkB,OAAG,CACvB,CACG,CACP,CACE,EACL,2DAAI,KAAK,EAAE,YAAY,GAAG,iBAAiB,GAAG,gBAAgB,IAC3D,IAAI,CAAC,gBAAgB,CACnB,EACL,0DAAG,KAAK,EAAE,YAAY,GAAG,kBAAkB,GAAG,iBAAiB,IAC5D,IAAI,CAAC,iBAAiB,CACrB,EACJ,+DAAQ,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,EAAC,QAAQ,IACnD,IAAI,CAAC,WAAW,CACV,CACL,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/sc-base-search-result/sc-base-search-result.module.scss?tag=sc-base-search-result&encapsulation=shadow","src/components/sc-base-search-result/sc-base-search-result.tsx"],"sourcesContent":["@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin interactive-result-container-base {\n  align-items: flex-start;\n  border-radius: 16px;\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  gap: 16px;\n  padding: 8px;\n\n  @media (min-width: 600px) {\n    flex-direction: row;\n  }\n}\n\n.interactiveResultContainerLight {\n  background-color: $light-search-result-container-background;\n  @include interactive-result-container-base;\n}\n\n.interactiveResultContainerDark {\n  background-color: $dark-search-result-container-background;\n  @include interactive-result-container-base;\n}\n\n.resultContainer {\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n\n  @media (min-width: 600px) {\n    flex-direction: row;\n  }\n}\n\n.interactiveIconLarge {\n  display: inline-block;\n  position: absolute;\n  right: 5px;\n  top: 8px;\n\n\n  @media (max-width: 600px) {\n   display: none;\n  }\n}\n\n.interactiveIconSmall {\n  position: absolute;\n  right: 5px;\n  top: -2px;\n  display: inline-block;\n\n\n  @media (min-width: 600px) {\n   display: none;\n  }\n}\n\n.imageContainer {\n  max-height: 540px;\n  max-width: 100%;\n\n  @media (min-width: 600px) {\n    max-height: 100%;\n    max-width: 50%;\n  }\n}\n\n.contentContainer {\n  max-height: 100%;\n  max-width: 100%;\n\n  @media (min-width: 600px) {\n    max-width: 50%;\n  }\n}\n\n@mixin image-base {\n  aspect-ratio: 2 / 1;\n  border-radius: 8px;\n  max-height: 100%;\n  max-width: 100%;\n}\n\n.imageLight {\n  @include image-base;\n  border: 1px solid $light-search-result-image-border;\n}\n\n.imageDark {\n  @include image-base;\n  border: 1px solid $dark-search-result-image-border;\n}\n\n@mixin heading-base {\n  font-family: var(--font-stack);\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 20px;\n  margin-bottom: 4px;\n  margin-top: 0px;\n  position: relative;\n}\n\n.headingLight {\n  @include heading-base;\n  color: $light-search-result-heading-color;\n}\n\n.headingDark {\n  @include heading-base;\n  color: $dark-search-result-heading-color;\n}\n\n@mixin subheading-base {\n  font-family: var(--font-stack);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-bottom: 4px;\n  margin-top: 0px;\n}\n\n.subheadingLight {\n  @include subheading-base;\n  color: $light-search-result-subheading-color;\n}\n\n.subheadingDark {\n  @include subheading-base;\n  color: $dark-search-result-subheading-color\n}\n\n@mixin body-content-base {\n  font-family: var(--font-stack);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 4px;\n  margin-top: 0px;\n}\n\n.bodyContentLight {\n  @include body-content-base;\n  color: $light-search-result-body-content-color;\n}\n\n.bodyContentDark {\n  @include body-content-base;\n  color: $dark-search-result-body-content-color;\n}","import { Component, h, Prop } from '@stencil/core';\n\nimport {\n  ArrowRightIconLight,\n  ArrowRightIconDark,\n} from '@assets/ClearInputIcon';\n\n@Component({\n  tag: 'sc-base-search-result',\n  styleUrl: 'sc-base-search-result.module.scss',\n  shadow: true,\n})\nexport class ScBaseSearchResult {\n  @Prop() buttonCallbackFn: () => void = () => {};\n  @Prop() buttonLabel = '';\n  @Prop() callbackFn: () => void = () => {};\n  @Prop() imageAltText = '';\n  @Prop() imageSrc = '';\n  @Prop() interactiveResult = false;\n  @Prop() keyDownCallbackFn: () => void = () => {};\n  @Prop() resultBodyContent = '';\n  @Prop() resultHeading = '';\n  @Prop() resultSubheading = '';\n  @Prop() theme: 'light' | 'dark' = 'light'; // Simulating theme context.\n\n  private handleButtonClick = () => {\n    this.buttonCallbackFn();\n  };\n\n  private handleContainerClick = () => {\n    if (this.interactiveResult) {\n      this.callbackFn();\n    }\n  };\n\n  render() {\n    const isLightTheme = this.theme === 'light';\n\n    return (\n      <div\n        class={\n          this.interactiveResult\n            ? isLightTheme\n              ? 'interactiveResultContainerLight'\n              : 'interactiveResultContainerDark'\n            : 'resultContainer'\n        }\n        id='searchcraft-item'\n        onClick={this.handleContainerClick}\n        onKeyDown={this.keyDownCallbackFn}\n        tabindex='0'\n      >\n        {this.interactiveResult && (\n          <div class='interactiveIconLarge'>\n            {isLightTheme ? <ArrowRightIconLight /> : <ArrowRightIconDark />}\n          </div>\n        )}\n        <div class='imageContainer'>\n          <img\n            alt={this.imageAltText}\n            class={isLightTheme ? 'imageLight' : 'imageDark'}\n            src={this.imageSrc}\n          />\n        </div>\n        <div class='contentContainer'>\n          <h2 class={isLightTheme ? 'headingLight' : 'headingDark'}>\n            {this.resultHeading}\n            {this.interactiveResult && (\n              <div class='interactiveIconSmall'>\n                {isLightTheme ? (\n                  <ArrowRightIconLight />\n                ) : (\n                  <ArrowRightIconDark />\n                )}\n              </div>\n            )}\n          </h2>\n          <h3 class={isLightTheme ? 'subheadingLight' : 'subheadingDark'}>\n            {this.resultSubheading}\n          </h3>\n          <p class={isLightTheme ? 'bodyContentLight' : 'bodyContentDark'}>\n            {this.resultBodyContent}\n          </p>\n          <button onClick={this.handleButtonClick} type='button'>\n            {this.buttonLabel}\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-75be555b.js

@@ -1,54 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-a912a224.js';
-import { c as classNames } from './p-5cdc6210.js';
-import { C as ClearInputIconLight, a as ClearInputIconDark } from './p-b05f23e3.js';
-import { S as ScSpinnerDark } from './p-dfb43eea.js';
-import { S as ScSpinnerLight } from './p-074239f9.js';
-
-const scClearInputButtonModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.inputClearButtonLTR{align-items:center;background:none;border:none;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:25px;top:11px;width:20px}.inputClearButtonRTL{align-items:center;background:none;border:none;display:flex;height:20px;justify-content:center;left:25px;padding:0;position:absolute;top:11px;width:20px}";
-const ScClearInputButtonStyle0 = scClearInputButtonModuleCss;
-
-const ScClearInputButton = /*@__PURE__*/ proxyCustomElement(class ScClearInputButton extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.clearInput = createEvent(this, "clearInput", 7);
-        // Added a click handler to emit the event
-        this.handleClearClick = (event) => {
-            event.preventDefault(); // Prevent default if necessary
-            this.clearInput.emit(); // Emit the event
-        };
-        this.isRequesting = false;
-        this.rightToLeftOrientation = false;
-        this.theme = 'light';
-    }
-    isLightTheme() {
-        return this.theme === 'light';
-    }
-    render() {
-        return this.rightToLeftOrientation ? (h("button", { class: classNames('inputClearButtonRTL', '.sc-clear-input-button-rtl'), onClick: this.handleClearClick, type: 'button' }, this.isRequesting ? (this.isLightTheme ? (h(ScSpinnerLight, null)) : (h(ScSpinnerDark, null))) : this.isLightTheme ? (h(ClearInputIconLight, null)) : (h(ClearInputIconDark, null)))) : (h("button", { class: classNames('inputClearButtonLTR', '.sc-clear-input-button-ltr'), onClick: this.handleClearClick, type: 'button' }, this.isRequesting ? (this.isLightTheme ? (h(ScSpinnerLight, null)) : (h(ScSpinnerDark, null))) : this.isLightTheme ? (h(ClearInputIconLight, null)) : (h(ClearInputIconDark, null))));
-    }
-    static get style() { return ScClearInputButtonStyle0; }
-}, [1, "sc-clear-input-button", {
-        "isRequesting": [4, "is-requesting"],
-        "rightToLeftOrientation": [4, "right-to-left-orientation"],
-        "theme": [32]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["sc-clear-input-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "sc-clear-input-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScClearInputButton);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { ScClearInputButton as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-75be555b.js.map

package/dist/components/p-75be555b.js.map

@@ -1 +0,0 @@
-{"file":"p-75be555b.js","mappings":";;;;;;AAAA,MAAM,2BAA2B,GAAG,+YAA+Y,CAAC;AACpb,iCAAe,2BAA2B;;MCsB7B,kBAAkB;;;;;;;QAcrB,qBAAgB,GAAG,CAAC,KAAiB;YAC3C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;SACxB,CAAC;4BAhBsB,KAAK;sCACI,KAAK;qBAKrB,OAAO;;IAEhB,YAAY;QAClB,OAAO,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC;KAC/B;IAQD,MAAM;QACJ,OAAO,IAAI,CAAC,sBAAsB,IAChC,cACE,KAAK,EAAE,UAAU,CAAC,qBAAqB,EAAE,4BAA4B,CAAC,EACtE,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,YAAY,IAChB,IAAI,CAAC,YAAY,IACf,EAAC,cAAc,OAAG,KAElB,EAAC,aAAa,OAAG,CAClB,IACC,IAAI,CAAC,YAAY,IACnB,EAAC,mBAAmB,OAAG,KAEvB,EAAC,kBAAkB,OAAG,CACvB,CACM,KAET,cACE,KAAK,EAAE,UAAU,CAAC,qBAAqB,EAAE,4BAA4B,CAAC,EACtE,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAC9B,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,YAAY,IAChB,IAAI,CAAC,YAAY,IACf,EAAC,cAAc,OAAG,KAElB,EAAC,aAAa,OAAG,CAClB,IACC,IAAI,CAAC,YAAY,IACnB,EAAC,mBAAmB,OAAG,KAEvB,EAAC,kBAAkB,OAAG,CACvB,CACM,CACV,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/sc-clear-input-button/sc-clear-input-button.module.scss?tag=sc-clear-input-button&encapsulation=shadow","src/components/sc-clear-input-button/sc-clear-input-button.tsx"],"sourcesContent":[":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.inputClearButtonLTR {\n  align-items: center;\n  background: none;\n  border: none;\n  display: flex;\n  height: 20px;\n  justify-content: center;\n  padding: 0;\n  position: absolute;\n  right: 25px;\n  top: 11px;\n  width: 20px;\n}\n\n.inputClearButtonRTL {\n  align-items: center;\n  background: none;\n  border: none;\n  display: flex;\n  height: 20px;\n  justify-content: center;\n  left: 25px;\n  padding: 0;\n  position: absolute;\n  top: 11px;\n  width: 20px;\n}","import {\n  Component,\n  Event,\n  type EventEmitter,\n  Prop,\n  h,\n  State,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport {\n  ClearInputIconLight,\n  ClearInputIconDark,\n} from '@assets/ClearInputIcon';\n\nimport { ScSpinnerDark } from '@components/sc-spinner-dark/sc-spinner-dark';\nimport { ScSpinnerLight } from '@components/sc-spinner-light/sc-spinner-light';\n\n@Component({\n  tag: 'sc-clear-input-button',\n  styleUrl: 'sc-clear-input-button.module.scss',\n  shadow: true,\n})\nexport class ScClearInputButton {\n  @Prop() isRequesting? = false;\n  @Prop() rightToLeftOrientation = false;\n\n  // Updated `clearInput` to an EventEmitter\n  @Event() clearInput: EventEmitter<void>;\n\n  @State() theme = 'light';\n\n  private isLightTheme() {\n    return this.theme === 'light';\n  }\n\n  // Added a click handler to emit the event\n  private handleClearClick = (event: MouseEvent) => {\n    event.preventDefault(); // Prevent default if necessary\n    this.clearInput.emit(); // Emit the event\n  };\n\n  render() {\n    return this.rightToLeftOrientation ? (\n      <button\n        class={classNames('inputClearButtonRTL', '.sc-clear-input-button-rtl')}\n        onClick={this.handleClearClick} // Use the handler\n        type='button'\n      >\n        {this.isRequesting ? (\n          this.isLightTheme ? (\n            <ScSpinnerLight />\n          ) : (\n            <ScSpinnerDark />\n          )\n        ) : this.isLightTheme ? (\n          <ClearInputIconLight />\n        ) : (\n          <ClearInputIconDark />\n        )}\n      </button>\n    ) : (\n      <button\n        class={classNames('inputClearButtonLTR', '.sc-clear-input-button-ltr')}\n        onClick={this.handleClearClick} // Use the handler\n        type='button'\n      >\n        {this.isRequesting ? (\n          this.isLightTheme ? (\n            <ScSpinnerLight />\n          ) : (\n            <ScSpinnerDark />\n          )\n        ) : this.isLightTheme ? (\n          <ClearInputIconLight />\n        ) : (\n          <ClearInputIconDark />\n        )}\n      </button>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-79564f07.js

@@ -1,41 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-a912a224.js';
-import { c as classNames } from './p-5cdc6210.js';
-
-const scErrorMessageModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.errorMessageLight{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#990000}.errorMessageDark{font-family:var(--font-stack);font-size:12px;font-weight:400;line-height:16px;margin-top:4px;color:#FFB3B3}";
-const ScErrorMessageStyle0 = scErrorMessageModuleCss;
-
-const ScErrorMessage = /*@__PURE__*/ proxyCustomElement(class ScErrorMessage extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.errorMessage = undefined;
-        this.theme = 'light';
-    }
-    render() {
-        const errorMessageStyle = this.theme === 'light' ? 'errorMessageLight' : 'errorMessageDark';
-        return (h("p", { key: '485fcb74212005ebf4f2d63576bca05d4b9a9867', class: classNames(errorMessageStyle) }, this.errorMessage || 'Search term is required.'));
-    }
-    static get style() { return ScErrorMessageStyle0; }
-}, [1, "sc-error-message", {
-        "errorMessage": [1, "error-message"],
-        "theme": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["sc-error-message"];
-    components.forEach(tagName => { switch (tagName) {
-        case "sc-error-message":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ScErrorMessage);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { ScErrorMessage as S, defineCustomElement as d };
-
-//# sourceMappingURL=p-79564f07.js.map

package/dist/components/p-79564f07.js.map

@@ -1 +0,0 @@
-{"file":"p-79564f07.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,6SAA6S,CAAC;AAC9U,6BAAe,uBAAuB;;MCOzB,cAAc;;;;;;qBASS,OAAO;;IAEzC,MAAM;QACJ,MAAM,iBAAiB,GACrB,IAAI,CAAC,KAAK,KAAK,OAAO,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;QAEpE,QACE,0DAAG,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,IACpC,IAAI,CAAC,YAAY,IAAI,0BAA0B,CAC9C,EACJ;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/sc-error-message/sc-error-message.module.scss?tag=sc-error-message&encapsulation=shadow","src/components/sc-error-message/sc-error-message.tsx"],"sourcesContent":["@import '../../utils/theme';\n\n:root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n@mixin error-message-base {\n  font-family: var(--font-stack);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 16px;\n  margin-top: 4px;\n}\n\n.errorMessageLight {\n  @include error-message-base;\n  color: $light-input-caption-color-error;\n}\n\n.errorMessageDark {\n  @include error-message-base;\n  color: $dark-input-caption-color-error;\n}","import { Component, Prop, h } from '@stencil/core';\nimport classNames from 'classnames';\n\n@Component({\n  tag: 'sc-error-message',\n  styleUrl: 'sc-error-message.module.scss',\n  shadow: true, // Enable shadow DOM if desired\n})\nexport class ScErrorMessage {\n  /**\n   * The error message to display. Defaults to a standard message if not provided.\n   */\n  @Prop() errorMessage?: string;\n\n  /**\n   * The theme, which determines the style (light or dark).\n   */\n  @Prop() theme: 'light' | 'dark' = 'light';\n\n  render() {\n    const errorMessageStyle =\n      this.theme === 'light' ? 'errorMessageLight' : 'errorMessageDark';\n\n    return (\n      <p class={classNames(errorMessageStyle)}>\n        {this.errorMessage || 'Search term is required.'}\n      </p>\n    );\n  }\n}\n"],"version":3}