tecitheme 0.15.14 → 1.0.1

package/dist/ArrayUtils.d.ts

@@ -0,0 +1,2 @@
+export function groupBy(xs: any, key: any): any;
+export function getValuesOfKey(arr: any, key: any): any[];

package/dist/ArrayUtils.js

@@ -0,0 +1,15 @@
+//Function to group an array of objects by a specified Key
+//https://stackoverflow.com/questions/14446511/most-efficient-method-to-groupby-on-an-array-of-objects
+export const groupBy = (xs, key) => {
+  return xs.reduce((rv, x) => {
+      (rv[x[key]] = rv[x[key]] || []).push(x);
+      return rv;
+  }, {});
+};
+
+
+// Take an array of objects and a key, then return an Array containing all unique values present for that key across all objects.
+export const getValuesOfKey = (arr, key) => {
+  const relevantObjs = arr.filter(obj => Object.keys(obj).includes(key));
+  return Array.from(new Set(relevantObjs.map(obj => obj[key])));
+}

package/dist/StyleUtils.d.ts

@@ -0,0 +1 @@
+export function humanizeProduct(product: any): any;

package/dist/StyleUtils.js

@@ -0,0 +1,20 @@
+export function humanizeProduct(product) {
+  switch (product) {
+      case "pyrosim":
+          return "PyroSim";
+      case "pathfinder":
+          return "Pathfinder";
+      case "ventus":
+          return "Ventus";
+      case "results":
+          return "Results";
+      case "license-manager":
+          return "License Manager";
+      case "usage":
+          return "Usage (Internal)"
+      case "sales-licensing":
+          return "Sales & Licensing";
+      default:
+          return product;
+  }
+}

package/dist/components/Header.svelte

@@ -1,5 +1,7 @@
 <script>
+  import {PUBLIC_BUILD_MODE} from '$env/static/public';
   import Icon from "./Icon.svelte";
+  import SearchBar from './Search/SearchBar.svelte';
   import { fade, slide } from "svelte/transition";
   import { cubicIn, cubicOut } from "svelte/easing";
 
@@ -27,6 +29,9 @@
       openMenu = "";
     }
   }
+
+  
+  const searchIndex = PUBLIC_BUILD_MODE === "development" ? "preview" : "production";
 </script>
 
 <svelte:window on:keyup={handleEscape} />
@@ -477,39 +482,13 @@
       class="ml-2 flex flex-1 items-center justify-center md:ml-0 md:px-0 lg:justify-end"
     >
       <div class="w-full max-w-lg lg:max-w-xs">
-        <form
-          class="m-0"
-          action="https://support.thunderheadeng.com/search"
-          method="get"
-        >
-          <label for="search" class="sr-only">Search</label>
-          <div class="relative">
-            <div
-              class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3"
-            >
-              <svg
-                class="h-5 w-5 text-gray-400"
-                xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 20 20"
-                fill="currentColor"
-                aria-hidden="true"
-              >
-                <path
-                  fill-rule="evenodd"
-                  d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
-                  clip-rule="evenodd"
-                />
-              </svg>
-            </div>
-            <input
-              id="search"
-              name="teci-search[query]"
-              placeholder="Search"
-              type="search"
-              class="m-0 block w-full rounded-none border border-gray-300 bg-white py-2 pl-10 pr-3 placeholder-gray-500 focus:border-teci-blue-light focus:placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-teci-blue-light sm:text-sm"
-            />
-          </div>
-        </form>
+        <SearchBar
+          id="GlobalSearch"
+          placeholder="Search"
+          placeholderShort="Search"
+          indices={[searchIndex]}
+          title=""
+        />
       </div>
     </div>
 

package/dist/components/Search/SearchBar.svelte

@@ -0,0 +1,75 @@
+<script>
+  import { getModalStore } from "@skeletonlabs/skeleton";
+
+  export let id, placeholder, placeholderShort, filters, title, indices;
+  export let showRefinements = undefined;
+
+  const modalStore = getModalStore();
+
+  const modal = {
+    type: 'component',
+    component: "search",
+    backdropClasses: 'bg-gray-500/50 z-[999] overscroll-none p-0 m-0',
+    modalClasses: 'p-0 m-0',
+    meta: {
+      id,
+      placeholder,
+      placeholderShort,
+      filters,
+      title,
+      indices,
+      //If we explicitly say to show/hide refinements, obey that. 
+      // Otherwise, derive refinement visibility from pre-applied filters
+      showRefinements: showRefinements === undefined ? filters === undefined : showRefinements 
+    }
+  }
+
+  let isModalOpen = false;
+
+  modalStore.subscribe(modals => {
+    isModalOpen = modals.length > 0 ? true : false;
+  })
+
+  function triggerSearch() 
+  { 
+    modalStore.trigger(modal) 
+  };
+
+  let isCtrlDown = false;
+  let isKDown = false;
+
+  function onKeyMove(e, value) 
+  {
+    switch(e.key)
+    {
+      case "Control":
+        isCtrlDown = value;
+        break;
+      case "k": 
+        isKDown = value;
+        break;
+    }
+
+    if (isCtrlDown && isKDown && !isModalOpen)
+    {
+      triggerSearch()
+      e.preventDefault();
+    }
+  }
+
+</script>
+
+<svelte:window
+  on:keydown={(e) => onKeyMove(e, true)}
+  on:keyup={(e) => onKeyMove(e, false)}
+/>
+
+<button 
+  class="flex flex-row items-center w-[95%] h-12 border border-gray-300 bg-white focus:border-teci-blue-light focus:outline-none focus:ring-1 focus:ring-teci-blue-light text-sm ml-2 -mr-2 my-2 p-2 align-middle text-start hover:scale-[102%] transition-all delay-50 ease-in-out" 
+  on:click={triggerSearch}
+>
+  <span class="hidden md:flex">{placeholder}</span>
+  <span class="flex md:hidden">{placeholderShort}</span>
+  <div class="hidden md:flex flex-grow"></div>
+  <span class="hidden md:flex">Ctrl+K</span>
+</button>

package/dist/components/Search/SearchBar.svelte.d.ts

@@ -0,0 +1,37 @@
+/** @typedef {typeof __propDef.props}  SearchBarProps */
+/** @typedef {typeof __propDef.events}  SearchBarEvents */
+/** @typedef {typeof __propDef.slots}  SearchBarSlots */
+export default class SearchBar extends SvelteComponent<{
+    title: any;
+    id: any;
+    placeholder: any;
+    placeholderShort: any;
+    filters: any;
+    indices: any;
+    showRefinements?: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type SearchBarProps = typeof __propDef.props;
+export type SearchBarEvents = typeof __propDef.events;
+export type SearchBarSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        title: any;
+        id: any;
+        placeholder: any;
+        placeholderShort: any;
+        filters: any;
+        indices: any;
+        showRefinements?: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {};
+    bindings?: string;
+};
+export {};

package/dist/components/Search/SearchModal.svelte

@@ -0,0 +1,53 @@
+<script>
+  import { humanizeProduct } from "../../StyleUtils";
+  import { instantMeiliSearch } from "@meilisearch/instant-meilisearch";
+  import { getModalStore } from "@skeletonlabs/skeleton";
+  import { onMount } from "svelte";
+  import { Configure, SearchBox, InstantSearch } from "svelte-algolia-instantsearch";
+  import TeciSearchHits from "./TeciSearchHits.svelte";
+  import TeciSearchBox from "./TeciSearchBox.svelte";
+
+  const modalStore = getModalStore();
+
+  export let parent;
+
+  const { type, component, meta } = $modalStore[0]
+  const { id, placeholder, placeholderShort, filters, title, indices, showRefinements } = meta;
+
+  const { searchClient, setMeiliSearchParams } = instantMeiliSearch (
+    "https://ms-6689ffd3d866-29089.nyc.meilisearch.io",
+    "d9f20886cbbbe171f3933dc93a1ec38e365d53f072854e5d9f92a9b130fa1f7d"
+  )
+
+  onMount(() => {
+    const searchBoxes = document.getElementsByClassName("ais-SearchBox");
+    for (let i = 0; i < searchBoxes.length; i++)
+    {
+      const box = searchBoxes[i]
+      if (box.checkVisibility())
+      {
+        const form = box.firstChild 
+        const input = form.firstChild
+        input.focus()
+      }
+    }
+  })
+</script>
+
+<div id="{id}Modal" class="shadow-xl max-w-[95%] md:max-w-[75%] w-full pt-12">
+  <InstantSearch 
+    indexName={indices[0]} 
+    {searchClient} 
+  >
+    <Configure filters={filters} />
+    
+    {#if title}
+      <h3 class="w-full text-xl font-bold">{title}</h3>
+    {/if}
+
+    <TeciSearchBox placeholder={placeholder} placeholderShort={placeholderShort}/>
+
+    <TeciSearchHits showRefinements={showRefinements}/>
+
+  </InstantSearch>
+</div>

package/dist/components/Search/SearchModal.svelte.d.ts

@@ -0,0 +1,25 @@
+/** @typedef {typeof __propDef.props}  SearchModalProps */
+/** @typedef {typeof __propDef.events}  SearchModalEvents */
+/** @typedef {typeof __propDef.slots}  SearchModalSlots */
+export default class SearchModal extends SvelteComponent<{
+    parent: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type SearchModalProps = typeof __propDef.props;
+export type SearchModalEvents = typeof __propDef.events;
+export type SearchModalSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        parent: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {};
+    bindings?: string;
+};
+export {};

package/dist/components/Search/TeciSearchBox.svelte

@@ -0,0 +1,29 @@
+<script>
+  import { SearchBox } from "svelte-algolia-instantsearch";
+
+  export let placeholder;
+  export let placeholderShort;
+</script>
+
+<SearchBox 
+  classes={{
+    root: "hidden md:flex w-full",
+    form: "w-full relative",
+    input: "w-full pl-8 text-xl py-4",
+    submit: "absolute left-0 top-1/2 w-6 h-6 -translate-y-1/2 translate-x-1/2",
+    submitIcon: "w-3 h-3",
+    reset: "absolute hidden right-0 top-0 w-0 h-0"
+  }}
+  placeholder={placeholder}
+/>
+
+<SearchBox 
+  classes={{
+    root: "flex md:hidden w-full",
+    form: "w-full relative",
+    input: "w-full pl-8 py-4 text-xl",
+    submit: "absolute left-0 top-1/2 w-6 h-6 -translate-y-1/2 translate-x-1/2",
+    reset: "absolute hidden right-0 top-0 w-0 h-0"
+  }}
+  placeholder={placeholderShort}
+/>

package/dist/components/Search/TeciSearchBox.svelte.d.ts

@@ -0,0 +1,27 @@
+/** @typedef {typeof __propDef.props}  TeciSearchBoxProps */
+/** @typedef {typeof __propDef.events}  TeciSearchBoxEvents */
+/** @typedef {typeof __propDef.slots}  TeciSearchBoxSlots */
+export default class TeciSearchBox extends SvelteComponent<{
+    placeholder: any;
+    placeholderShort: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type TeciSearchBoxProps = typeof __propDef.props;
+export type TeciSearchBoxEvents = typeof __propDef.events;
+export type TeciSearchBoxSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        placeholder: any;
+        placeholderShort: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {};
+    bindings?: string;
+};
+export {};

package/dist/components/Search/TeciSearchHits.svelte

@@ -0,0 +1,284 @@
+<script>
+  import connectStats from "instantsearch.js/es/connectors/stats/connectStats";
+  import { connect, Hits, Highlight, RefinementList, CurrentRefinements, Menu, ClearRefinements } from "svelte-algolia-instantsearch";
+  import { writable } from "svelte/store";
+  import Panel from "./TeciSearchRefinementPanel.svelte";
+
+  export let showRefinements = true;
+
+  const stats = connect(connectStats)
+
+  const state = new writable({})
+  let previewArea;
+
+  state.subscribe((hit) => 
+  {
+    if (hit.href)
+    {
+      const hitPreview = document.getElementById(`${hit.id}Preview`);
+      previewArea.innerHTML = hitPreview.innerHTML
+    }
+  })
+
+  function navigateToSelection(hit)
+  {
+    document.getElementById(`${hit.id}Link`).click();
+  }
+
+  function handleKeyPress(e)
+  {
+    const hitsList = document.getElementsByClassName("ais-Hits-list")[0];
+
+    switch (e.key)
+    {
+      case "Enter":
+        if ($state.href)
+        {
+          navigateToSelection($state)
+        }
+        else if (hitsList.children.length > 0)
+        {
+          const firstResult = hitsList.children[0];
+          const firstLink = firstResult.getElementsByClassName("hitLink")[0];
+          firstLink.click();
+        }
+
+        e.preventDefault();
+        break;
+      case "ArrowDown":
+        if ($state.__position)
+        {
+          const newTargetPos = $state.__position + 1;
+          if (newTargetPos <= hitsList.children.length)
+          {
+            const newTarget = hitsList.children[newTargetPos - 1];
+            const targetButton = newTarget.getElementsByClassName("hitButton")[0];
+            targetButton.focus();
+          }
+        }
+        else
+        {
+          const newTarget = hitsList.children[0];
+          const targetButton = newTarget.getElementsByClassName("hitButton")[0];
+          targetButton.focus();
+        }
+
+        e.preventDefault();
+        break;
+      case "ArrowUp":
+        if ($state.__position)
+        {
+          const newTargetPos = $state.__position - 1;
+          if (newTargetPos >= 0)
+          {
+            const newTarget = hitsList.children[newTargetPos - 1];
+            const targetButton = newTarget.getElementsByClassName("hitButton")[0];
+            targetButton.focus();
+          }
+        }
+        else
+        {
+          const newTarget = hitsList.children[0];
+          const targetButton = newTarget.getElementsByClassName("hitButton")[0];
+          targetButton.focus();
+        }
+
+        e.preventDefault();
+        break;
+      default:
+        break;
+    }
+  }
+
+
+</script>
+
+<svelte:window on:keydown={(e) => handleKeyPress(e)} />
+
+{#if $stats.query}
+  <section class="searchHits flex flex-row h-[80vh] bg-white">
+
+    {#if showRefinements}
+      <div class="hidden xl:flex flex-col w-1/5">
+        <Panel title="Category">
+          <Menu 
+            attribute="category"
+            sortBy={["name"]}
+            classes={{
+              selectedItem: "font-bold"
+            }}
+          />
+        </Panel>
+
+        <Panel title="Products">
+          <RefinementList 
+            attribute="products"
+            operator="and"
+            sortBy={["name"]}
+            classes={{
+              noResults: "hidden",
+              disabledShowMore: "hidden"
+            }}
+            transformItems={(items) => {
+              let finishedItems = [];
+
+              items.forEach(item => {
+                const label = ["usage", "Usage (Internal)"].includes(item.label) ? undefined : item.label;
+
+                if (label)
+                {
+                  finishedItems.push({...item, label})
+                }
+              });
+
+              return finishedItems;
+            }}
+          />
+        </Panel>
+
+        <Panel title="Version">
+          <RefinementList 
+            attribute="version"
+            operator="and"
+            sortBy={["name:desc"]}
+            classes={{
+              noResults: "hidden",
+              disabledShowMore: "hidden"
+            }}
+          />
+        </Panel>
+      </div>
+    {/if}
+    
+
+    <div class="flex flex-col w-1/2">
+
+      {#if showRefinements}
+        <Panel>
+          <CurrentRefinements />
+          <ClearRefinements 
+            classes={{
+              disabledButton: "hidden"
+            }}
+            translations={{resetButtonText: "Clear Filters"}}
+          />
+        </Panel>
+      {/if}
+      
+      <!-- List of hits -->
+      <Hits
+        let:hit
+        classes={{
+          root: "flex-grow border-r md:w-full overflow-y-auto overscroll-contain",
+          emptyRoot: "",
+          list: "flex flex-col",
+          item: "w-full border-b"
+        }}
+      >
+        <!-- Left Rail Buttons -->
+        <button 
+          on:click={() => {navigateToSelection(hit)}}
+          on:mouseenter={() => {state.update(_ => hit)}}
+          on:focus={() => {state.update(_ => hit)}}
+          class="hitButton flex flex-row items-center w-full text-start px-2 py-2 pt-4 {$state.__position == hit.__position ? "bg-teci-blue-light/50" : "bg-white"}"
+        >
+          <div class="flex flex-col items-start">
+            <p class="my-0 text-xs">{hit.breadcrumb}</p>
+            <h3 class="text-lg font-bold text-black no-underline"><Highlight {hit} attribute="title" /></h3>
+          </div>
+
+          <div class="flex-grow min-w-[10%]"></div>
+
+          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 mr-1 p-1 flex-shrink-0 bg-white shadow">
+            <path stroke-linecap="round" stroke-linejoin="round" d="m7.49 12-3.75 3.75m0 0 3.75 3.75m-3.75-3.75h16.5V4.499" />
+          </svg>
+        </button>
+
+        <!-- Hidden Links to navigate to pages -->
+        <a id="{hit.id}Link" rel="external" href="{hit.href}" class="hitLink hidden w-0 h-0">{hit.title}</a>
+
+        <!-- Pre-rendered hit previews -->
+        <div id="{hit.id}Preview" class="hidden">
+          <!-- Heading -->
+          <div class="flex flex-col">
+            <p class="my-0 text-xs text-center pt-4"><Highlight {hit} attribute="breadcrumb" /></p>
+            <h2 class="text-2xl font-bold text-black no-underline text-center pt-2"><Highlight {hit} attribute="title" /></h2>
+            <p class="mb-4 py-4 border-b text-center"><Highlight {hit} attribute="summary" /></p>
+          </div>
+
+          <!-- Content Preview -->
+          <div class="flex flex-col">
+            <h4 class="text-lg font-bold text-black uppercase">Preview</h4>
+            <p class="line-clamp-4 mb-4"><Highlight {hit} attribute="content" /></p>
+          </div>
+
+          <!-- On This Page headings -->
+          {#if hit.toc.length > 0}
+            <div class="flex flex-col">
+              <h4 class="font-bold text-black uppercase">On This Page</h4>
+
+              <ol class="flex flex-col space-y-2 pl-2 pt-2">
+                {#each hit.toc as heading}
+                  <li class="
+                    border-b
+                    {heading.level == 3 ? "ml-8" : ""}
+                    {heading.level == 4 ? "ml-12" : ""}
+                    {heading.level == 5 ? "ml-16" : ""}
+                  ">
+                    <a 
+                      href="{hit.href}{heading.tagRef}" 
+                      rel="external"
+                      class="hover:text-teci-blue-light"
+                    >
+                      {heading.text}
+                    </a>
+                  </li>   
+                {/each}
+              </ol>
+            </div>
+
+          {/if}
+        </div>
+        
+      </Hits>
+
+      <footer class="teciSearchHitsFooter flex flex-row bg-gray-100 p-2">
+        <ul class="flex flex-row space-x-2">
+          <li class="flex flex-row space-x-1">
+            <kbd>
+              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 mr-1 p-1 flex-shrink-0 bg-white shadow-lg">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" />
+              </svg>
+            </kbd>
+            <kbd>
+              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 mr-1 p-1 flex-shrink-0 bg-white shadow-lg">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3" />
+              </svg>
+            </kbd>
+            <span>Navigate</span>
+          </li>
+          <li class="flex flex-row space-x-1">
+            <kbd>
+              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 mr-1 p-1 flex-shrink-0 bg-white shadow-lg">
+                <path stroke-linecap="round" stroke-linejoin="round" d="m7.49 12-3.75 3.75m0 0 3.75 3.75m-3.75-3.75h16.5V4.499" />
+              </svg>
+            </kbd>
+            <span>Select</span>
+          </li>
+          <li class="flex flex-row space-x-1 items-center text-center">
+            <kbd class="h-6 w-8 mr-1 p-1 flex-shrink-0 bg-white shadow-lg items-center text-center text-xs">
+              ESC
+            </kbd>
+            <span>Close</span>
+          </li>
+        </ul>
+      </footer>
+
+    </div>
+
+    <!-- Selected Hit Preview -->
+    <div bind:this={previewArea} class="hidden md:flex flex-col md:w-1/2 overflow-y-auto overscroll-contain p-4 space-y-4">
+    </div>
+    
+  </section>
+{/if}

package/dist/components/Search/TeciSearchHits.svelte.d.ts

@@ -0,0 +1,25 @@
+/** @typedef {typeof __propDef.props}  TeciSearchHitsProps */
+/** @typedef {typeof __propDef.events}  TeciSearchHitsEvents */
+/** @typedef {typeof __propDef.slots}  TeciSearchHitsSlots */
+export default class TeciSearchHits extends SvelteComponent<{
+    showRefinements?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type TeciSearchHitsProps = typeof __propDef.props;
+export type TeciSearchHitsEvents = typeof __propDef.events;
+export type TeciSearchHitsSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        showRefinements?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {};
+    bindings?: string;
+};
+export {};

package/dist/components/Search/TeciSearchRefinementPanel.svelte

@@ -0,0 +1,14 @@
+<script>
+
+  export let title = undefined;
+</script>
+
+<div class="p-2">
+  {#if title}
+    <h5 class="uppercase text-gray-600 py-2">
+      {title}
+    </h5>
+  {/if}
+
+  <slot/>
+</div>

package/dist/components/Search/TeciSearchRefinementPanel.svelte.d.ts

@@ -0,0 +1,29 @@
+/** @typedef {typeof __propDef.props}  TeciSearchRefinementPanelProps */
+/** @typedef {typeof __propDef.events}  TeciSearchRefinementPanelEvents */
+/** @typedef {typeof __propDef.slots}  TeciSearchRefinementPanelSlots */
+export default class TeciSearchRefinementPanel extends SvelteComponent<{
+    title?: any;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> {
+}
+export type TeciSearchRefinementPanelProps = typeof __propDef.props;
+export type TeciSearchRefinementPanelEvents = typeof __propDef.events;
+export type TeciSearchRefinementPanelSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        title?: any;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {};
+    bindings?: string;
+};
+export {};

package/dist/components/Search/index.d.ts

@@ -0,0 +1,5 @@
+export { default as SearchBar } from "./SearchBar.svelte";
+export { default as SearchModal } from "./SearchModal.svelte";
+export { default as TeciSearchBox } from "./TeciSearchBox.svelte";
+export { default as TeciSearchHits } from "./TeciSearchHits.svelte";
+export { default as RefinementPanel } from "./TeciSearchRefinementPanel.svelte";

package/dist/components/Search/index.js

@@ -0,0 +1,5 @@
+export { default as SearchBar } from './SearchBar.svelte';
+export { default as SearchModal } from './SearchModal.svelte';
+export { default as TeciSearchBox } from './TeciSearchBox.svelte';
+export { default as TeciSearchHits } from './TeciSearchHits.svelte';
+export { default as RefinementPanel } from './TeciSearchRefinementPanel.svelte';

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export * from "./utils.js";
+export * from "./ArrayUtils.js";
+export * from "./StyleUtils.js";
 export { default as getContent } from "./get-content.js";
 export { default as Accordion } from "./components/Accordion.svelte";
 export { default as Banner } from "./components/Banner.svelte";

package/dist/index.js

@@ -1,5 +1,8 @@
 // Utilities
+//TODO Streamline this with another named package export
 export * from './utils.js';
+export * from './ArrayUtils.js';
+export * from './StyleUtils.js'
 export { default as getContent } from './get-content.js';
 
 // Components

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tecitheme",
-  "version": "0.15.14",
+  "version": "1.0.1",
   "license": "MIT",
   "scripts": {
     "dev": "vite dev",
@@ -21,6 +21,10 @@
     ".": {
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js"
+    },
+    "./search": {
+      "types": "./dist/components/Search/index.d.ts",
+      "svelte": "./dist/components/Search/index.js"
     }
   },
   "files": [
@@ -67,8 +71,13 @@
   },
   "dependencies": {
     "@designbycode/tailwindcss-mask-image": "^2.0.3",
+    "@meilisearch/instant-meilisearch": "^0.29.0",
+    "@skeletonlabs/skeleton": "^2.11.0",
+    "@skeletonlabs/tw-plugin": "^0.4.1",
+    "instantsearch.js": "^4.81.0",
     "katex": "^0.16.8",
     "slugify": "^1.6.6",
-    "svelte": "^4.0.5"
+    "svelte": "^4.0.5",
+    "svelte-algolia-instantsearch": "^0.12.1"
   }
 }