@searchcraft/javascript-sdk 0.1.0 → 0.1.1

package/dist/components/searchcraft-auto-search-form.js

@@ -0,0 +1,185 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-c69651f6.js';
+import { u as useSearchcraftStore, g } from './p-6f0eaec6.js';
+import { p as parseCustomStyles } from './p-1ef23e15.js';
+import { d as defineCustomElement$b } from './p-155f7a59.js';
+import { d as defineCustomElement$a } from './p-2cc8c074.js';
+import { d as defineCustomElement$9 } from './p-0c25e95d.js';
+import { d as defineCustomElement$8 } from './p-a18c4969.js';
+import { d as defineCustomElement$7 } from './p-199065b5.js';
+import { d as defineCustomElement$6 } from './p-8646a603.js';
+import { d as defineCustomElement$5 } from './p-9283a3c2.js';
+import { d as defineCustomElement$4 } from './p-04e7305e.js';
+import { d as defineCustomElement$3 } from './p-16a533e3.js';
+import { d as defineCustomElement$2 } from './p-e8e40447.js';
+
+const searchcraftAutoSearchFormModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.formLTR{text-align:left;width:100%}.formRTL{text-align:right;width:100%}.searchContainer{align-items:center;display:flex;width:100%}";
+const SearchcraftAutoSearchFormStyle0 = searchcraftAutoSearchFormModuleCss;
+
+const SearchcraftAutoSearchForm$1 = /*@__PURE__*/ proxyCustomElement(class SearchcraftAutoSearchForm extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.querySubmit = createEvent(this, "querySubmit", 7);
+        this.debounceTimeout = null;
+        this.debounceDelay = 300; // 300ms debounce delay
+        this.searchStore = useSearchcraftStore.getState();
+        this.handleInputChange = (event) => {
+            this.query = event.detail;
+            this.querySubmit.emit(this.query);
+            // Clear the previous debounce timeout
+            if (this.debounceTimeout) {
+                clearTimeout(this.debounceTimeout);
+            }
+            // Set a new debounce timeout
+            this.debounceTimeout = setTimeout(() => {
+                console.log('Debounced search triggered');
+                this.runSearch();
+            }, this.debounceDelay);
+        };
+        this.handleClearInput = () => {
+            this.query = '';
+            console.log('Input cleared');
+            if (typeof this.clearInput === 'function') {
+                this.clearInput();
+            }
+            if (this.debounceTimeout) {
+                clearTimeout(this.debounceTimeout);
+            }
+            this.error = false;
+            this.searchResults = '';
+        };
+        this.runSearch = async () => {
+            if (this.query.trim() === '') {
+                this.error = true;
+                this.searchResults = '';
+            }
+            else {
+                this.error = false;
+                this.searchStore.setQuery(this.query);
+                try {
+                    await this.searchStore.search();
+                    this.searchResults = JSON.stringify(this.searchStore.searchResults);
+                }
+                catch (error) {
+                    this.error = true;
+                }
+            }
+        };
+        this.handleFormSubmit = async (event) => {
+            event.preventDefault();
+            await this.runSearch();
+        };
+        this.autoSearchFormClass = '';
+        this.clearInput = () => { };
+        this.config = {
+            apiKey: '',
+            endpointURL: '',
+            index: [],
+        };
+        this.customStylesForInput = {};
+        this.inputCaptionValue = '';
+        this.labelForInput = '';
+        this.placeholderValue = 'Search here';
+        this.rightToLeftOrientation = false;
+        this.searchContainerClass = '';
+        this.error = false;
+        this.query = '';
+        this.searchResults = '';
+    }
+    componentDidLoad() {
+        const searchcraft = new g(this.config);
+        this.searchStore.initialize(searchcraft, true);
+        console.log('Component initialized');
+    }
+    render() {
+        const formClass = this.rightToLeftOrientation ? 'formRTL' : 'formLTR';
+        const parsedCustomStyles = parseCustomStyles(this.customStylesForInput);
+        return (h("form", { key: '60978e813198af27c34232ebd1bda4ca4a6f5199', class: `${formClass}`, onSubmit: this.handleFormSubmit }, h("searchcraft-input-label", { key: '4418b675769d041c684f15afb2d9b919f765c133', label: this.labelForInput }), h("div", { key: '73581bf8fee7deee1bcf426f80493c78e92d8ada', class: 'searchContainer' }, h("searchcraft-input", { key: '6e90612f4fc8c773c9f98f5fcfffb303909d3c6f', customStyles: parsedCustomStyles, "input-caption-value": this.inputCaptionValue, onClearInput: this.handleClearInput, onSearchInputChange: this.handleInputChange, "placeholder-value": this.placeholderValue, query: this.query, "right-to-left-orientation": this.rightToLeftOrientation })), this.error && (h("searchcraft-error-message", { key: '1637aff0dcac83d975d9d53545e7fee26c41aa7f', errorMessage: 'Please enter a search query.' }))));
+    }
+    static get style() { return SearchcraftAutoSearchFormStyle0; }
+}, [1, "searchcraft-auto-search-form", {
+        "autoSearchFormClass": [1, "auto-search-form-class"],
+        "clearInput": [16],
+        "config": [16],
+        "customStylesForInput": [1, "custom-styles-for-input"],
+        "inputCaptionValue": [1, "input-caption-value"],
+        "labelForInput": [1, "label-for-input"],
+        "placeholderValue": [1, "placeholder-value"],
+        "rightToLeftOrientation": [4, "right-to-left-orientation"],
+        "searchContainerClass": [1, "search-container-class"],
+        "error": [32],
+        "query": [32],
+        "searchResults": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["searchcraft-auto-search-form", "searchcraft-clear-icon-set", "searchcraft-clear-input-button", "searchcraft-error-message", "searchcraft-input", "searchcraft-input-caption", "searchcraft-input-icon", "searchcraft-input-label", "searchcraft-search-icon-set", "searchcraft-spinner-dark", "searchcraft-spinner-light"];
+    components.forEach(tagName => { switch (tagName) {
+        case "searchcraft-auto-search-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SearchcraftAutoSearchForm$1);
+            }
+            break;
+        case "searchcraft-clear-icon-set":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "searchcraft-clear-input-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "searchcraft-error-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "searchcraft-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "searchcraft-input-caption":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "searchcraft-input-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "searchcraft-input-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "searchcraft-search-icon-set":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "searchcraft-spinner-dark":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "searchcraft-spinner-light":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SearchcraftAutoSearchForm = SearchcraftAutoSearchForm$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SearchcraftAutoSearchForm, defineCustomElement };
+
+//# sourceMappingURL=searchcraft-auto-search-form.js.map

package/dist/components/searchcraft-auto-search-form.js.map

@@ -0,0 +1 @@
+{"file":"searchcraft-auto-search-form.js","mappings":"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","names":["SearchcraftAutoSearchForm","SearchcraftCore"],"sources":["src/components/searchcraft-auto-search-form/searchcraft-auto-search-form.module.scss?tag=searchcraft-auto-search-form&encapsulation=shadow","src/components/searchcraft-auto-search-form/searchcraft-auto-search-form.tsx"],"sourcesContent":[":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.formLTR {\n  text-align: left;\n  width: 100%;\n}\n\n.formRTL {\n  text-align: right;\n  width: 100%;\n}\n\n.searchContainer {\n  align-items: center;\n  display: flex;\n  width: 100%;\n}","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  type EventEmitter,\n  h,\n} from '@stencil/core';\nimport {\n  type CoreConfigSDK,\n  CoreSDK as SearchcraftCore,\n} from '@searchcraft/core';\n\nimport type { ScInputCustomEvent } from '@components/searchcraft-input/searchcraft-input';\nimport { parseCustomStyles } from '@utils/utils';\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n  tag: 'searchcraft-auto-search-form',\n  styleUrl: 'searchcraft-auto-search-form.module.scss',\n  shadow: true,\n})\nexport class SearchcraftAutoSearchForm {\n  @Prop() autoSearchFormClass = '';\n  @Prop() clearInput: () => void = () => {};\n  @Prop() config: CoreConfigSDK = {\n    apiKey: '',\n    endpointURL: '',\n    index: [],\n  };\n  @Prop() customStylesForInput: string | Record<string, string> = {};\n  @Prop() inputCaptionValue = '';\n  @Prop() labelForInput = '';\n  @Prop() placeholderValue = 'Search here';\n  @Prop() rightToLeftOrientation = false;\n  @Prop() searchContainerClass = '';\n\n  @Event() querySubmit: EventEmitter<string>;\n\n  @State() error = false;\n  @State() query = '';\n  @State() searchResults = '';\n\n  private debounceTimeout: ReturnType<typeof setTimeout> | null = null;\n  private debounceDelay = 300; // 300ms debounce delay\n  private searchStore = useSearchcraftStore.getState();\n\n  componentDidLoad() {\n    const searchcraft = new SearchcraftCore(this.config);\n    this.searchStore.initialize(searchcraft, true);\n    console.log('Component initialized');\n  }\n\n  handleInputChange = (event: ScInputCustomEvent<string>) => {\n    this.query = event.detail;\n    this.querySubmit.emit(this.query);\n\n    // Clear the previous debounce timeout\n    if (this.debounceTimeout) {\n      clearTimeout(this.debounceTimeout);\n    }\n\n    // Set a new debounce timeout\n    this.debounceTimeout = setTimeout(() => {\n      console.log('Debounced search triggered');\n      this.runSearch();\n    }, this.debounceDelay);\n  };\n\n  handleClearInput = () => {\n    this.query = '';\n    console.log('Input cleared');\n\n    if (typeof this.clearInput === 'function') {\n      this.clearInput();\n    }\n\n    if (this.debounceTimeout) {\n      clearTimeout(this.debounceTimeout);\n    }\n\n    this.error = false;\n    this.searchResults = '';\n  };\n\n  private runSearch = async () => {\n    if (this.query.trim() === '') {\n      this.error = true;\n      this.searchResults = '';\n    } else {\n      this.error = false;\n      this.searchStore.setQuery(this.query);\n\n      try {\n        await this.searchStore.search();\n        this.searchResults = JSON.stringify(this.searchStore.searchResults);\n      } catch (error) {\n        this.error = true;\n      }\n    }\n  };\n\n  handleFormSubmit = async (event: Event) => {\n    event.preventDefault();\n    await this.runSearch();\n  };\n\n  render() {\n    const formClass = this.rightToLeftOrientation ? 'formRTL' : 'formLTR';\n    const parsedCustomStyles = parseCustomStyles(this.customStylesForInput);\n    return (\n      <form class={`${formClass}`} onSubmit={this.handleFormSubmit}>\n        <searchcraft-input-label label={this.labelForInput} />\n        <div class='searchContainer'>\n          <searchcraft-input\n            customStyles={parsedCustomStyles}\n            input-caption-value={this.inputCaptionValue}\n            onClearInput={this.handleClearInput}\n            onSearchInputChange={this.handleInputChange}\n            placeholder-value={this.placeholderValue}\n            query={this.query}\n            right-to-left-orientation={this.rightToLeftOrientation}\n          />\n        </div>\n        {this.error && (\n          <searchcraft-error-message errorMessage='Please enter a search query.' />\n        )}\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/components/searchcraft-base-search-form.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SearchcraftBaseSearchForm extends Components.SearchcraftBaseSearchForm, HTMLElement {}
+export const SearchcraftBaseSearchForm: {
+    prototype: SearchcraftBaseSearchForm;
+    new (): SearchcraftBaseSearchForm;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/searchcraft-base-search-form.js

@@ -0,0 +1,153 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-c69651f6.js';
+import { u as useSearchcraftStore, a as useThemeStore, g } from './p-6f0eaec6.js';
+import { d as defineCustomElement$c } from './p-f83f2b59.js';
+import { d as defineCustomElement$b } from './p-155f7a59.js';
+import { d as defineCustomElement$a } from './p-2cc8c074.js';
+import { d as defineCustomElement$9 } from './p-0c25e95d.js';
+import { d as defineCustomElement$8 } from './p-a18c4969.js';
+import { d as defineCustomElement$7 } from './p-199065b5.js';
+import { d as defineCustomElement$6 } from './p-8646a603.js';
+import { d as defineCustomElement$5 } from './p-9283a3c2.js';
+import { d as defineCustomElement$4 } from './p-04e7305e.js';
+import { d as defineCustomElement$3 } from './p-16a533e3.js';
+import { d as defineCustomElement$2 } from './p-e8e40447.js';
+
+const searchcraftBaseSearchFormModuleCss = ".formLTR{font-family:Helvetica, Arial, sans-serif;text-align:left}.formRTL{font-family:Helvetica, Arial, sans-serif;text-align:right}.searchContainer{align-items:center;display:flex}";
+const SearchcraftBaseSearchFormStyle0 = searchcraftBaseSearchFormModuleCss;
+
+const SearchcraftBaseSearchForm$1 = /*@__PURE__*/ proxyCustomElement(class SearchcraftBaseSearchForm extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.clearInput = createEvent(this, "clearInput", 7);
+        this.clearInput = () => { };
+        this.searchStore = useSearchcraftStore.getState();
+        this.themeStore = useThemeStore.getState();
+        this.componentDidLoad = () => {
+            const searchcraft = new g(this.config);
+            this.searchStore.initialize(searchcraft, true);
+        };
+        this.handleFormSubmit = async (event) => {
+            event.preventDefault();
+            if (this.query.trim() === '') {
+                this.error = true;
+            }
+            else {
+                this.error = false;
+                this.searchStore.setQuery(this.query);
+                await this.searchStore.search();
+                this.searchResults = JSON.stringify(this.searchStore.searchResults);
+            }
+        };
+        this.handleSearchInputChange = (event) => {
+            this.query = event.detail;
+        };
+        this.handleClearInput = () => {
+            this.query = '';
+            this === null || this === void 0 ? void 0 : this.clearInput();
+        };
+        this.toggleTheme = () => {
+            this.themeStore.toggleTheme();
+        };
+        this.config = {
+            apiKey: '',
+            endpointURL: '',
+            index: [],
+        };
+        this.errorMessage = 'Search was unsuccessful';
+        this.labelForInput = 'Search';
+        this.rightToLeftOrientation = false;
+        this.error = false;
+        this.query = '';
+        this.searchResults = null;
+    }
+    render() {
+        return (h("form", { key: '6460e91d9c4a48c40476c18762b8b4873c157653', class: this.rightToLeftOrientation ? 'formRTL' : 'formLTR', onSubmit: this.handleFormSubmit }, h("searchcraft-input-label", { key: '9d0a89868c4dafae20e7437101c5639466fc2ffa', label: this.labelForInput }), h("div", { key: '441c0923111995fc0b04b0acb799ade4b2018be0', class: 'searchContainer' }, this.rightToLeftOrientation && h("searchcraft-button", { key: '2a0dc24c906917cd1ec5bd605e25a0a67bffee21' }), h("searchcraft-input", { key: '6744a36c97e03fbd10cc354653e32f0f7eac1c00', onClearInput: this.handleClearInput, rightToLeftOrientation: this.rightToLeftOrientation, onSearchInputChange: this.handleSearchInputChange, query: this.query }), !this.rightToLeftOrientation && (h("searchcraft-button", { key: '50ea437efebe7a62d6122fb6a76942861003884a', onButtonClick: this.handleFormSubmit }))), this.error && (h("searchcraft-error-message", { key: 'ae4b2fa7d874771af0b88757244abe5d50679d55', errorMessage: this.errorMessage }))));
+    }
+    static get style() { return SearchcraftBaseSearchFormStyle0; }
+}, [1, "searchcraft-base-search-form", {
+        "config": [16],
+        "errorMessage": [1, "error-message"],
+        "labelForInput": [1, "label-for-input"],
+        "rightToLeftOrientation": [4, "right-to-left-orientation"],
+        "error": [32],
+        "query": [32],
+        "searchResults": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["searchcraft-base-search-form", "searchcraft-button", "searchcraft-clear-icon-set", "searchcraft-clear-input-button", "searchcraft-error-message", "searchcraft-input", "searchcraft-input-caption", "searchcraft-input-icon", "searchcraft-input-label", "searchcraft-search-icon-set", "searchcraft-spinner-dark", "searchcraft-spinner-light"];
+    components.forEach(tagName => { switch (tagName) {
+        case "searchcraft-base-search-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SearchcraftBaseSearchForm$1);
+            }
+            break;
+        case "searchcraft-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "searchcraft-clear-icon-set":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "searchcraft-clear-input-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "searchcraft-error-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "searchcraft-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "searchcraft-input-caption":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "searchcraft-input-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "searchcraft-input-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "searchcraft-search-icon-set":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "searchcraft-spinner-dark":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "searchcraft-spinner-light":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SearchcraftBaseSearchForm = SearchcraftBaseSearchForm$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SearchcraftBaseSearchForm, defineCustomElement };
+
+//# sourceMappingURL=searchcraft-base-search-form.js.map

package/dist/components/searchcraft-base-search-form.js.map

@@ -0,0 +1 @@
+{"file":"searchcraft-base-search-form.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,kCAAkC,GAAG,wLAAwL,CAAC;AACpO,wCAAe,kCAAkC;;MCcpCA,2BAAyB;;;;;;QAU3B,eAAU,GAAG,SAAQ,CAAC;QAMvB,gBAAW,GAAG,mBAAmB,CAAC,QAAQ,EAAE,CAAC;QAC7C,eAAU,GAAG,aAAa,CAAC,QAAQ,EAAE,CAAC;QAE9C,qBAAgB,GAAG;YACjB,MAAM,WAAW,GAAG,IAAIC,CAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACrD,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;SAChD,CAAC;QAEF,qBAAgB,GAAG,OAAO,KAAK;YAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;aACnB;iBAAM;gBACL,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;gBACnB,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACtC,MAAM,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;gBAChC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;aACrE;SACF,CAAC;QAEF,4BAAuB,GAAG,CAAC,KAAiC;YAC1D,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;SAC3B,CAAC;QAEF,qBAAgB,GAAG;YACjB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;YAChB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,EAAE,CAAC;SACpB,CAAC;QAEF,gBAAW,GAAG;YACZ,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;SAC/B,CAAC;sBA9C8B;YAC9B,MAAM,EAAE,EAAE;YACV,WAAW,EAAE,EAAE;YACf,KAAK,EAAE,EAAE;SACV;4BACsB,yBAAyB;6BACxB,QAAQ;sCACC,KAAK;qBAIrB,KAAK;qBACL,EAAE;6BACqB,IAAI;;IAmC5C,MAAM;QACJ,QACE,6DACE,KAAK,EAAE,IAAI,CAAC,sBAAsB,GAAG,SAAS,GAAG,SAAS,EAC1D,QAAQ,EAAE,IAAI,CAAC,gBAAgB,IAE/B,gFAAyB,KAAK,EAAE,IAAI,CAAC,aAAa,GAAI,EACtD,4DAAK,KAAK,EAAC,iBAAiB,IACzB,IAAI,CAAC,sBAAsB,IAAI,4EAAsB,EACtD,0EACE,YAAY,EAAE,IAAI,CAAC,gBAAgB,EACnC,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,EACnD,mBAAmB,EAAE,IAAI,CAAC,uBAAuB,EACjD,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,EACD,CAAC,IAAI,CAAC,sBAAsB,KAC3B,2EAAoB,aAAa,EAAE,IAAI,CAAC,gBAAgB,GAAI,CAC7D,CACG,EACL,IAAI,CAAC,KAAK,KACT,kFAA2B,YAAY,EAAE,IAAI,CAAC,YAAY,GAAI,CAC/D,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SearchcraftBaseSearchForm","SearchcraftCore"],"sources":["src/components/searchcraft-base-search-form/searchcraft-base-search-form.module.scss?tag=searchcraft-base-search-form&encapsulation=shadow","src/components/searchcraft-base-search-form/searchcraft-base-search-form.tsx"],"sourcesContent":[".formLTR {\n  font-family: Helvetica, Arial, sans-serif;\n  text-align: left;\n}\n\n.formRTL {\n  font-family: Helvetica, Arial, sans-serif;\n  text-align: right;\n}\n\n.searchContainer {\n  align-items: center;\n  display: flex;\n}","import { Component, h, Event, Prop, State } from '@stencil/core';\nimport {\n  type CoreConfigSDK,\n  CoreSDK as SearchcraftCore,\n} from '@searchcraft/core';\n\nimport { useSearchcraftStore, useThemeStore } from '@provider/store';\n\nimport type { ScInputCustomEvent } from '@components/searchcraft-input/searchcraft-input';\n\n@Component({\n  tag: 'searchcraft-base-search-form',\n  styleUrl: 'searchcraft-base-search-form.module.scss',\n  shadow: true,\n})\nexport class SearchcraftBaseSearchForm {\n  @Prop() config: CoreConfigSDK = {\n    apiKey: '',\n    endpointURL: '',\n    index: [],\n  };\n  @Prop() errorMessage = 'Search was unsuccessful';\n  @Prop() labelForInput = 'Search';\n  @Prop() rightToLeftOrientation = false;\n\n  @Event() clearInput = () => {};\n\n  @State() error = false;\n  @State() query = '';\n  @State() searchResults: string | null = null;\n\n  private searchStore = useSearchcraftStore.getState();\n  private themeStore = useThemeStore.getState();\n\n  componentDidLoad = () => {\n    const searchcraft = new SearchcraftCore(this.config);\n    this.searchStore.initialize(searchcraft, true);\n  };\n\n  handleFormSubmit = async (event) => {\n    event.preventDefault();\n    if (this.query.trim() === '') {\n      this.error = true;\n    } else {\n      this.error = false;\n      this.searchStore.setQuery(this.query);\n      await this.searchStore.search();\n      this.searchResults = JSON.stringify(this.searchStore.searchResults);\n    }\n  };\n\n  handleSearchInputChange = (event: ScInputCustomEvent<string>) => {\n    this.query = event.detail;\n  };\n\n  handleClearInput = () => {\n    this.query = '';\n    this?.clearInput();\n  };\n\n  toggleTheme = () => {\n    this.themeStore.toggleTheme();\n  };\n\n  render() {\n    return (\n      <form\n        class={this.rightToLeftOrientation ? 'formRTL' : 'formLTR'}\n        onSubmit={this.handleFormSubmit}\n      >\n        <searchcraft-input-label label={this.labelForInput} />\n        <div class='searchContainer'>\n          {this.rightToLeftOrientation && <searchcraft-button />}\n          <searchcraft-input\n            onClearInput={this.handleClearInput}\n            rightToLeftOrientation={this.rightToLeftOrientation}\n            onSearchInputChange={this.handleSearchInputChange}\n            query={this.query}\n          />\n          {!this.rightToLeftOrientation && (\n            <searchcraft-button onButtonClick={this.handleFormSubmit} />\n          )}\n        </div>\n        {this.error && (\n          <searchcraft-error-message errorMessage={this.errorMessage} />\n        )}\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/components/searchcraft-base-search-result.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SearchcraftBaseSearchResult extends Components.SearchcraftBaseSearchResult, HTMLElement {}
+export const SearchcraftBaseSearchResult: {
+    prototype: SearchcraftBaseSearchResult;
+    new (): SearchcraftBaseSearchResult;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/searchcraft-base-search-result.js

@@ -0,0 +1,8 @@
+import { S as SearchcraftBaseSearchResult$1, d as defineCustomElement$1 } from './p-83c9df48.js';
+
+const SearchcraftBaseSearchResult = SearchcraftBaseSearchResult$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SearchcraftBaseSearchResult, defineCustomElement };
+
+//# sourceMappingURL=searchcraft-base-search-result.js.map

package/dist/components/searchcraft-base-search-result.js.map

@@ -0,0 +1 @@
+{"file":"searchcraft-base-search-result.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/searchcraft-base-search-results.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SearchcraftBaseSearchResults extends Components.SearchcraftBaseSearchResults, HTMLElement {}
+export const SearchcraftBaseSearchResults: {
+    prototype: SearchcraftBaseSearchResults;
+    new (): SearchcraftBaseSearchResults;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/searchcraft-base-search-results.js

@@ -0,0 +1,89 @@
+import { p as proxyCustomElement, H, h } from './p-c69651f6.js';
+import { u as useSearchcraftStore } from './p-6f0eaec6.js';
+import { d as defineCustomElement$4 } from './p-83c9df48.js';
+import { d as defineCustomElement$3 } from './p-155f7a59.js';
+import { d as defineCustomElement$2 } from './p-0c25e95d.js';
+
+const searchcraftBaseSearchResultsModuleCss = ":root{--font-stack:Helvetica, Arial, sans-serif}.resultsContainer{display:flex;flex-direction:column;justify-content:center;margin:100px 20px}.resultsContainer>p{align-self:center}.resultsContainer>div{margin-bottom:20px}.resultsContainer>div img{height:300px;width:200px}";
+const SearchcraftBaseSearchResultsStyle0 = searchcraftBaseSearchResultsModuleCss;
+
+const SearchcraftBaseSearchResults$1 = /*@__PURE__*/ proxyCustomElement(class SearchcraftBaseSearchResults extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.query = '';
+        this.searchResults = null;
+    }
+    componentDidLoad() {
+        // Subscribe to state changes
+        this.unsubscribe = useSearchcraftStore.subscribe((state) => {
+            console.log('Store updated:', state);
+            this.searchResults = Object.assign({}, state.searchResults);
+            this.query = state.query;
+        });
+        // Fetch initial state
+        const { searchResults, query } = useSearchcraftStore.getState();
+        console.log('Initial state:', searchResults, query);
+        this.searchResults = searchResults;
+        this.query = query;
+    }
+    disconnectedCallback() {
+        if (this.unsubscribe) {
+            this.unsubscribe();
+        }
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (!((_a = this.searchResults) === null || _a === void 0 ? void 0 : _a.data)) {
+            console.warn('No search results data available');
+            return h("div", null, "No results to display.");
+        }
+        return (h("div", { class: 'resultsContainer' }, (_d = (_c = (_b = this.searchResults) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.hits) === null || _d === void 0 ? void 0 :
+            _d.map((document, index) => {
+                const { doc: result } = document;
+                return (h("searchcraft-base-search-result", { key: `${result === null || result === void 0 ? void 0 : result.id}-${index}`, "button-label": 'View More', "callback-fn": () => console.log('interactive element'), "button-callback-fn": () => console.log('button callback'), "interactive-result": true, "image-src": result === null || result === void 0 ? void 0 : result.poster, "result-body-content": result === null || result === void 0 ? void 0 : result.overview, "result-heading": result === null || result === void 0 ? void 0 : result.title, "result-subheading": result === null || result === void 0 ? void 0 : result.release_date }));
+            }), this.query.length > 0 &&
+            ((_g = (_f = (_e = this.searchResults) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.hits) === null || _g === void 0 ? void 0 : _g.length) === 0 && (h("searchcraft-error-message", { "error-message": `No search results found for "${this.query}" query` }))));
+    }
+    static get style() { return SearchcraftBaseSearchResultsStyle0; }
+}, [1, "searchcraft-base-search-results", {
+        "query": [32],
+        "searchResults": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["searchcraft-base-search-results", "searchcraft-base-search-result", "searchcraft-clear-icon-set", "searchcraft-error-message"];
+    components.forEach(tagName => { switch (tagName) {
+        case "searchcraft-base-search-results":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SearchcraftBaseSearchResults$1);
+            }
+            break;
+        case "searchcraft-base-search-result":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "searchcraft-clear-icon-set":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "searchcraft-error-message":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SearchcraftBaseSearchResults = SearchcraftBaseSearchResults$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SearchcraftBaseSearchResults, defineCustomElement };
+
+//# sourceMappingURL=searchcraft-base-search-results.js.map

package/dist/components/searchcraft-base-search-results.js.map

@@ -0,0 +1 @@
+{"file":"searchcraft-base-search-results.js","mappings":";;;;;;AAAA,MAAM,qCAAqC,GAAG,kRAAkR,CAAC;AACjU,2CAAe,qCAAqC;;MCSvCA,8BAA4B;;;;;qBACtB,EAAE;6BAC2B,IAAI;;IAGlD,gBAAgB;;QAEd,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC,KAAK;YACrD,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;YACrC,IAAI,CAAC,aAAa,qBAAQ,KAAK,CAAC,aAAa,CAAE,CAAC;YAChD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;SAC1B,CAAC,CAAC;;QAGH,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,mBAAmB,CAAC,QAAQ,EAAE,CAAC;QAChE,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;QACpD,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;QACnC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACpB;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;KACF;IAED,MAAM;;QACJ,IAAI,EAAC,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,CAAA,EAAE;YAC7B,OAAO,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;YACjD,OAAO,wCAAiC,CAAC;SAC1C;QACD,QACE,WAAK,KAAK,EAAC,kBAAkB,IAC1B,MAAA,MAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,0CAAE,IAAI;eAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK;gBACnD,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;gBACjC,QACE,sCACE,GAAG,EAAE,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,IAAI,KAAK,EAAE,kBAChB,WAAW,iBACX,MAAM,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,wBACjC,MAAM,OAAO,CAAC,GAAG,CAAC,iBAAiB,CAAC,wBACpC,IAAI,eACb,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,yBACJ,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,oBACrB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,uBACV,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,GACvC,EACF;aACH,CAAC,EACD,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;YACpB,CAAA,MAAA,MAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,IAAI,0CAAE,IAAI,0CAAE,MAAM,MAAK,CAAC,KAC1C,kDACiB,gCAAgC,IAAI,CAAC,KAAK,SAAS,GAClE,CACH,CACC,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SearchcraftBaseSearchResults"],"sources":["src/components/searchcraft-base-search-results/searchcraft-base-search-results.module.scss?tag=searchcraft-base-search-results&encapsulation=shadow","src/components/searchcraft-base-search-results/searchcraft-base-search-results.tsx"],"sourcesContent":[":root {\n  --font-stack: Helvetica, Arial, sans-serif;\n}\n\n.resultsContainer {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 100px 20px;\n\n  & > p {\n    align-self: center;\n  }\n\n  & > div {\n    margin-bottom: 20px;\n    img {\n      height: 300px;\n      width: 200px;\n    }\n  }\n}\n","import { Component, h, State } from '@stencil/core';\nimport type { SearchResult } from '@searchcraft/core';\n\nimport { useSearchcraftStore } from '@provider/store';\n\n@Component({\n  tag: 'searchcraft-base-search-results',\n  styleUrl: 'searchcraft-base-search-results.module.scss',\n  shadow: true,\n})\nexport class SearchcraftBaseSearchResults {\n  @State() query = '';\n  @State() searchResults: SearchResult | null = null;\n  private unsubscribe: () => void;\n\n  componentDidLoad() {\n    // Subscribe to state changes\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      console.log('Store updated:', state);\n      this.searchResults = { ...state.searchResults };\n      this.query = state.query;\n    });\n\n    // Fetch initial state\n    const { searchResults, query } = useSearchcraftStore.getState();\n    console.log('Initial state:', searchResults, query);\n    this.searchResults = searchResults;\n    this.query = query;\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribe) {\n      this.unsubscribe();\n    }\n  }\n\n  render() {\n    if (!this.searchResults?.data) {\n      console.warn('No search results data available');\n      return <div>No results to display.</div>;\n    }\n    return (\n      <div class='resultsContainer'>\n        {this.searchResults?.data?.hits?.map((document, index) => {\n          const { doc: result } = document;\n          return (\n            <searchcraft-base-search-result\n              key={`${result?.id}-${index}`}\n              button-label='View More'\n              callback-fn={() => console.log('interactive element')}\n              button-callback-fn={() => console.log('button callback')}\n              interactive-result={true}\n              image-src={result?.poster}\n              result-body-content={result?.overview}\n              result-heading={result?.title}\n              result-subheading={result?.release_date}\n            />\n          );\n        })}\n        {this.query.length > 0 &&\n          this.searchResults?.data?.hits?.length === 0 && (\n            <searchcraft-error-message\n              error-message={`No search results found for \"${this.query}\" query`}\n            />\n          )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/searchcraft-button-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SearchcraftButtonIcon extends Components.SearchcraftButtonIcon, HTMLElement {}
+export const SearchcraftButtonIcon: {
+    prototype: SearchcraftButtonIcon;
+    new (): SearchcraftButtonIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/searchcraft-button-icon.js

@@ -0,0 +1,33 @@
+import { p as proxyCustomElement, H, h } from './p-c69651f6.js';
+
+const SearchcraftButtonIcon$1 = /*@__PURE__*/ proxyCustomElement(class SearchcraftButtonIcon extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h("svg", { key: 'f9436b04edcceb412ba9f81dec897e6075f22007', width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', "aria-labelledby": 'button-icon-title' }, h("title", { key: 'a9c430e91b2ab60a128393dda5d788e4de4a0401', id: 'button-icon-title' }, "Searchcraft Button Icon"), h("path", { key: '52a99156089e2cbf7de1f355bea2ffafd1b66dde', d: 'M2.725 5.79959L10 10.0079L17.275 5.79959M10 18.3996V9.99959M17.5 13.3329V6.66626C17.4997 6.37399 17.4225 6.08693 17.2763 5.8339C17.13 5.58086 16.9198 5.37073 16.6667 5.22459L10.8333 1.89126C10.58 1.74498 10.2926 1.66797 10 1.66797C9.70744 1.66797 9.42003 1.74498 9.16667 1.89126L3.33333 5.22459C3.08022 5.37073 2.86998 5.58086 2.72372 5.8339C2.57745 6.08693 2.5003 6.37399 2.5 6.66626V13.3329C2.5003 13.6252 2.57745 13.9123 2.72372 14.1653C2.86998 14.4183 3.08022 14.6285 3.33333 14.7746L9.16667 18.1079C9.42003 18.2542 9.70744 18.3312 10 18.3312C10.2926 18.3312 10.58 18.2542 10.8333 18.1079L16.6667 14.7746C16.9198 14.6285 17.13 14.4183 17.2763 14.1653C17.4225 13.9123 17.4997 13.6252 17.5 13.3329Z', stroke: 'white', "stroke-width": '1.5', "stroke-linecap": 'round', "stroke-linejoin": 'round' })));
+    }
+}, [1, "searchcraft-button-icon"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["searchcraft-button-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "searchcraft-button-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SearchcraftButtonIcon$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SearchcraftButtonIcon = SearchcraftButtonIcon$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SearchcraftButtonIcon, defineCustomElement };
+
+//# sourceMappingURL=searchcraft-button-icon.js.map

package/dist/components/searchcraft-button-icon.js.map

@@ -0,0 +1 @@
+{"file":"searchcraft-button-icon.js","mappings":";;MAMaA,uBAAqB;;;;;;IAChC,MAAM;QACJ,QACE,4DACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,qBAClB,mBAAmB,IAEnC,8DAAO,EAAE,EAAC,mBAAmB,8BAAgC,EAC7D,6DACE,CAAC,EAAC,8rBAA8rB,EAChsB,MAAM,EAAC,OAAO,kBACD,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":["SearchcraftButtonIcon"],"sources":["src/assets/searchcraft-button-icons.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'searchcraft-button-icon',\n  shadow: true,\n})\nexport class SearchcraftButtonIcon {\n  render() {\n    return (\n      <svg\n        width='20'\n        height='20'\n        viewBox='0 0 20 20'\n        fill='none'\n        xmlns='http://www.w3.org/2000/svg'\n        aria-labelledby='button-icon-title'\n      >\n        <title id='button-icon-title'>Searchcraft Button Icon</title>\n        <path\n          d='M2.725 5.79959L10 10.0079L17.275 5.79959M10 18.3996V9.99959M17.5 13.3329V6.66626C17.4997 6.37399 17.4225 6.08693 17.2763 5.8339C17.13 5.58086 16.9198 5.37073 16.6667 5.22459L10.8333 1.89126C10.58 1.74498 10.2926 1.66797 10 1.66797C9.70744 1.66797 9.42003 1.74498 9.16667 1.89126L3.33333 5.22459C3.08022 5.37073 2.86998 5.58086 2.72372 5.8339C2.57745 6.08693 2.5003 6.37399 2.5 6.66626V13.3329C2.5003 13.6252 2.57745 13.9123 2.72372 14.1653C2.86998 14.4183 3.08022 14.6285 3.33333 14.7746L9.16667 18.1079C9.42003 18.2542 9.70744 18.3312 10 18.3312C10.2926 18.3312 10.58 18.2542 10.8333 18.1079L16.6667 14.7746C16.9198 14.6285 17.13 14.4183 17.2763 14.1653C17.4225 13.9123 17.4997 13.6252 17.5 13.3329Z'\n          stroke='white'\n          stroke-width='1.5'\n          stroke-linecap='round'\n          stroke-linejoin='round'\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{sc-base-search-form.d.ts → searchcraft-button.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface ScBaseSearchForm extends Components.ScBaseSearchForm, HTMLElement {}
-export const ScBaseSearchForm: {
-    prototype: ScBaseSearchForm;
-    new (): ScBaseSearchForm;
+interface SearchcraftButton extends Components.SearchcraftButton, HTMLElement {}
+export const SearchcraftButton: {
+    prototype: SearchcraftButton;
+    new (): SearchcraftButton;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/searchcraft-button.js

@@ -0,0 +1,8 @@
+import { S as SearchcraftButton$1, d as defineCustomElement$1 } from './p-f83f2b59.js';
+
+const SearchcraftButton = SearchcraftButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SearchcraftButton, defineCustomElement };
+
+//# sourceMappingURL=searchcraft-button.js.map

package/dist/components/searchcraft-button.js.map

@@ -0,0 +1 @@
+{"file":"searchcraft-button.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/searchcraft-clear-icon-set.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SearchcraftClearIconSet extends Components.SearchcraftClearIconSet, HTMLElement {}
+export const SearchcraftClearIconSet: {
+    prototype: SearchcraftClearIconSet;
+    new (): SearchcraftClearIconSet;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/searchcraft-clear-icon-set.js

@@ -0,0 +1,8 @@
+import { S as SearchcraftClearIconSet$1, d as defineCustomElement$1 } from './p-155f7a59.js';
+
+const SearchcraftClearIconSet = SearchcraftClearIconSet$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SearchcraftClearIconSet, defineCustomElement };
+
+//# sourceMappingURL=searchcraft-clear-icon-set.js.map

package/dist/components/searchcraft-clear-icon-set.js.map

@@ -0,0 +1 @@
+{"file":"searchcraft-clear-icon-set.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/searchcraft-clear-input-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SearchcraftClearInputButton extends Components.SearchcraftClearInputButton, HTMLElement {}
+export const SearchcraftClearInputButton: {
+    prototype: SearchcraftClearInputButton;
+    new (): SearchcraftClearInputButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;