@likable-hair/svelte 3.0.28 → 3.0.30

package/dist/components/composed/forms/CountriesAutocomplete.svelte

@@ -0,0 +1,277 @@
+<script>import "/node_modules/flag-icons/css/flag-icons.min.css";
+import Autocomplete, {
+} from "../../simple/forms/Autocomplete.svelte";
+export let autocompleteProps = {};
+let items = [
+  { value: "AD", label: "Andorra" },
+  { value: "AE", label: "United Arab Emirates" },
+  { value: "AF", label: "Afghanistan" },
+  { value: "AG", label: "Antigua and Barbuda" },
+  { value: "AI", label: "Anguilla" },
+  { value: "AL", label: "Albania" },
+  { value: "AM", label: "Armenia" },
+  { value: "AO", label: "Angola" },
+  { value: "AQ", label: "Antarctica" },
+  { value: "AR", label: "Argentina" },
+  { value: "AS", label: "American Samoa" },
+  { value: "AT", label: "Austria" },
+  { value: "AU", label: "Australia" },
+  { value: "AW", label: "Aruba" },
+  { value: "AX", label: "\xC5land Islands" },
+  { value: "AZ", label: "Azerbaijan" },
+  { value: "BA", label: "Bosnia and Herzegovina" },
+  { value: "BB", label: "Barbados" },
+  { value: "BD", label: "Bangladesh" },
+  { value: "BE", label: "Belgium" },
+  { value: "BF", label: "Burkina Faso" },
+  { value: "BG", label: "Bulgaria" },
+  { value: "BH", label: "Bahrain" },
+  { value: "BI", label: "Burundi" },
+  { value: "BJ", label: "Benin" },
+  { value: "BL", label: "Saint Barth\xE9lemy" },
+  { value: "BM", label: "Bermuda" },
+  { value: "BN", label: "Brunei Darussalam" },
+  { value: "BO", label: "Bolivia" },
+  { value: "BQ", label: "Bonaire, Sint Eustatius and Saba" },
+  { value: "BR", label: "Brazil" },
+  { value: "BS", label: "Bahamas" },
+  { value: "BT", label: "Bhutan" },
+  { value: "BV", label: "Bouvet Island" },
+  { value: "BW", label: "Botswana" },
+  { value: "BY", label: "Belarus" },
+  { value: "BZ", label: "Belize" },
+  { value: "CA", label: "Canada" },
+  { value: "CC", label: "Cocos (Keeling) Islands" },
+  { value: "CD", label: "Congo, Democratic Republic" },
+  { value: "CF", label: "Central African Republic" },
+  { value: "CG", label: "Congo" },
+  { value: "CH", label: "Switzerland" },
+  { value: "CI", label: "C\xF4te d'Ivoire" },
+  { value: "CK", label: "Cook Islands" },
+  { value: "CL", label: "Chile" },
+  { value: "CM", label: "Cameroon" },
+  { value: "CN", label: "China" },
+  { value: "CO", label: "Colombia" },
+  { value: "CR", label: "Costa Rica" },
+  { value: "CU", label: "Cuba" },
+  { value: "CV", label: "Cabo Verde" },
+  { value: "CW", label: "Cura\xE7ao" },
+  { value: "CX", label: "Christmas Island" },
+  { value: "CY", label: "Cyprus" },
+  { value: "CZ", label: "Czech Republic" },
+  { value: "DE", label: "Germany" },
+  { value: "DJ", label: "Djibouti" },
+  { value: "DK", label: "Denmark" },
+  { value: "DM", label: "Dominica" },
+  { value: "DO", label: "Dominican Republic" },
+  { value: "DZ", label: "Algeria" },
+  { value: "EC", label: "Ecuador" },
+  { value: "EE", label: "Estonia" },
+  { value: "EG", label: "Egypt" },
+  { value: "EH", label: "Western Sahara" },
+  { value: "ER", label: "Eritrea" },
+  { value: "ES", label: "Spain" },
+  { value: "ET", label: "Ethiopia" },
+  { value: "FI", label: "Finland" },
+  { value: "FJ", label: "Fiji" },
+  { value: "FK", label: "Falkland Islands (Malvinas)" },
+  { value: "FM", label: "Micronesia, Federated States of" },
+  { value: "FO", label: "Faroe Islands" },
+  { value: "FR", label: "France" },
+  { value: "GA", label: "Gabon" },
+  { value: "GB", label: "United Kingdom" },
+  { value: "GD", label: "Grenada" },
+  { value: "GE", label: "Georgia" },
+  { value: "GF", label: "French Guiana" },
+  { value: "GG", label: "Guernsey" },
+  { value: "GH", label: "Ghana" },
+  { value: "GI", label: "Gibraltar" },
+  { value: "GL", label: "Greenland" },
+  { value: "GM", label: "Gambia" },
+  { value: "GN", label: "Guinea" },
+  { value: "GP", label: "Guadeloupe" },
+  { value: "GQ", label: "Equatorial Guinea" },
+  { value: "GR", label: "Greece" },
+  { value: "GS", label: "South Georgia and the South Sandwich Islands" },
+  { value: "GT", label: "Guatemala" },
+  { value: "GU", label: "Guam" },
+  { value: "GW", label: "Guinea-Bissau" },
+  { value: "GY", label: "Guyana" },
+  { value: "HK", label: "Hong Kong" },
+  { value: "HM", label: "Heard Island and McDonald Islands" },
+  { value: "HN", label: "Honduras" },
+  { value: "HR", label: "Croatia" },
+  { value: "HT", label: "Haiti" },
+  { value: "HU", label: "Hungary" },
+  { value: "ID", label: "Indonesia" },
+  { value: "IE", label: "Ireland" },
+  { value: "IL", label: "Israel" },
+  { value: "IM", label: "Isle of Man" },
+  { value: "IN", label: "India" },
+  { value: "IO", label: "British Indian Ocean Territory" },
+  { value: "IQ", label: "Iraq" },
+  { value: "IR", label: "Iran, Islamic Republic of" },
+  { value: "IS", label: "Iceland" },
+  { value: "IT", label: "Italy" },
+  { value: "JE", label: "Jersey" },
+  { value: "JM", label: "Jamaica" },
+  { value: "JO", label: "Jordan" },
+  { value: "JP", label: "Japan" },
+  { value: "KE", label: "Kenya" },
+  { value: "KG", label: "Kyrgyzstan" },
+  { value: "KH", label: "Cambodia" },
+  { value: "KI", label: "Kiribati" },
+  { value: "KM", label: "Comoros" },
+  { value: "KN", label: "Saint Kitts and Nevis" },
+  { value: "KP", label: "Korea (Democratic People's Republic of)" },
+  { value: "KR", label: "Korea, Republic of" },
+  { value: "KW", label: "Kuwait" },
+  { value: "KY", label: "Cayman Islands" },
+  { value: "KZ", label: "Kazakhstan" },
+  { value: "LA", label: "Lao People's Democratic Republic" },
+  { value: "LB", label: "Lebanon" },
+  { value: "LC", label: "Saint Lucia" },
+  { value: "LI", label: "Liechtenstein" },
+  { value: "LK", label: "Sri Lanka" },
+  { value: "LR", label: "Liberia" },
+  { value: "LS", label: "Lesotho" },
+  { value: "LT", label: "Lithuania" },
+  { value: "LU", label: "Luxembourg" },
+  { value: "LV", label: "Latvia" },
+  { value: "LY", label: "Libya" },
+  { value: "MA", label: "Morocco" },
+  { value: "MC", label: "Monaco" },
+  { value: "MD", label: "Moldova, Republic of" },
+  { value: "ME", label: "Montenegro" },
+  { value: "MF", label: "Saint Martin" },
+  { value: "MG", label: "Madagascar" },
+  { value: "MH", label: "Marshall Islands" },
+  { value: "MK", label: "North Macedonia" },
+  { value: "ML", label: "Mali" },
+  { value: "MM", label: "Myanmar" },
+  { value: "MN", label: "Mongolia" },
+  { value: "MO", label: "Macao" },
+  { value: "MP", label: "Northern Mariana Islands" },
+  { value: "MQ", label: "Martinique" },
+  { value: "MR", label: "Mauritania" },
+  { value: "MS", label: "Montserrat" },
+  { value: "MT", label: "Malta" },
+  { value: "MU", label: "Mauritius" },
+  { value: "MV", label: "Maldives" },
+  { value: "MW", label: "Malawi" },
+  { value: "MX", label: "Mexico" },
+  { value: "MY", label: "Malaysia" },
+  { value: "MZ", label: "Mozambique" },
+  { value: "NA", label: "Namibia" },
+  { value: "NC", label: "New Caledonia" },
+  { value: "NE", label: "Niger" },
+  { value: "NF", label: "Norfolk Island" },
+  { value: "NG", label: "Nigeria" },
+  { value: "NI", label: "Nicaragua" },
+  { value: "NL", label: "Netherlands" },
+  { value: "NO", label: "Norway" },
+  { value: "NP", label: "Nepal" },
+  { value: "NR", label: "Nauru" },
+  { value: "NU", label: "Niue" },
+  { value: "NZ", label: "New Zealand" },
+  { value: "OM", label: "Oman" },
+  { value: "PA", label: "Panama" },
+  { value: "PE", label: "Peru" },
+  { value: "PF", label: "French Polynesia" },
+  { value: "PG", label: "Papua New Guinea" },
+  { value: "PH", label: "Philippines" },
+  { value: "PK", label: "Pakistan" },
+  { value: "PL", label: "Poland" },
+  { value: "PM", label: "Saint Pierre and Miquelon" },
+  { value: "PN", label: "Pitcairn" },
+  { value: "PR", label: "Puerto Rico" },
+  { value: "PS", label: "Palestine, State of" },
+  { value: "PT", label: "Portugal" },
+  { value: "PW", label: "Palau" },
+  { value: "PY", label: "Paraguay" },
+  { value: "QA", label: "Qatar" },
+  { value: "RE", label: "R\xE9union" },
+  { value: "RO", label: "Romania" },
+  { value: "RS", label: "Serbia" },
+  { value: "RU", label: "Russian Federation" },
+  { value: "RW", label: "Rwanda" },
+  { value: "SA", label: "Saudi Arabia" },
+  { value: "SB", label: "Solomon Islands" },
+  { value: "SC", label: "Seychelles" },
+  { value: "SD", label: "Sudan" },
+  { value: "SE", label: "Sweden" },
+  { value: "SG", label: "Singapore" },
+  { value: "SH", label: "Saint Helena, Ascension and Tristan da Cunha" },
+  { value: "SI", label: "Slovenia" },
+  { value: "SJ", label: "Svalbard and Jan Mayen" },
+  { value: "SK", label: "Slovakia" },
+  { value: "SL", label: "Sierra Leone" },
+  { value: "SM", label: "San Marino" },
+  { value: "SN", label: "Senegal" },
+  { value: "SO", label: "Somalia" },
+  { value: "SR", label: "Surilabel" },
+  { value: "SS", label: "South Sudan" },
+  { value: "ST", label: "Sao Tome and Principe" },
+  { value: "SV", label: "El Salvador" },
+  { value: "SX", label: "Sint Maarten, Dutch part" },
+  { value: "SY", label: "Syrian Arab Republic" },
+  { value: "SZ", label: "Eswatini" },
+  { value: "TC", label: "Turks and Caicos Islands" },
+  { value: "TD", label: "Chad" },
+  { value: "TF", label: "French Southern Territories" },
+  { value: "TG", label: "Togo" },
+  { value: "TH", label: "Thailand" },
+  { value: "TJ", label: "Tajikistan" },
+  { value: "TK", label: "Tokelau" },
+  { value: "TL", label: "Timor-Leste" },
+  { value: "TM", label: "Turkmenistan" },
+  { value: "TN", label: "Tunisia" },
+  { value: "TO", label: "Tonga" },
+  { value: "TR", label: "T\xFCrkiye" },
+  { value: "TT", label: "Trinidad and Tobago" },
+  { value: "TV", label: "Tuvalu" },
+  { value: "TW", label: "Taiwan, Province of China" },
+  { value: "TZ", label: "Tanzania, United Republic of" },
+  { value: "UA", label: "Ukraine" },
+  { value: "UG", label: "Uganda" },
+  { value: "UM", label: "United States Minor Outlying Islands" },
+  { value: "US", label: "United States of America" },
+  { value: "UY", label: "Uruguay" },
+  { value: "UZ", label: "Uzbekistan" },
+  { value: "VA", label: "Holy See (Vatican City State)" },
+  { value: "VC", label: "Saint Vincent and the Grenadines" },
+  { value: "VE", label: "Venezuela, Bolivarian Republic of" },
+  { value: "VG", label: "Virgin Islands, British" },
+  { value: "VI", label: "Virgin Islands, U.S." },
+  { value: "VN", label: "Vietnam" },
+  { value: "VU", label: "Vanuatu" },
+  { value: "WF", label: "Wallis and Futuna" },
+  { value: "WS", label: "Samoa" },
+  { value: "YE", label: "Yemen" },
+  { value: "YT", label: "Mayotte" },
+  { value: "ZA", label: "South Africa" },
+  { value: "ZM", label: "Zambia" },
+  { value: "ZW", label: "Zimbabwe" }
+];
+</script>
+
+<Autocomplete
+  items={items}
+  {...autocompleteProps}
+>
+  <svelte:fragment slot="chip-label" let:selection>
+    <span class="fi fi-{selection.value.toString().toLowerCase()} fis"></span>
+    {selection.label}
+  </svelte:fragment>
+  <svelte:fragment slot="item-label" let:item>
+    <span class="fi fi-{item.value.toString().toLowerCase()} fis"></span>
+    {item.label}
+  </svelte:fragment>
+</Autocomplete>
+
+<style>
+  .fis {
+    border-radius: 4px;
+    font-size: 1.2rem;
+  }
+</style>

package/dist/components/composed/forms/CountriesAutocomplete.svelte.d.ts

@@ -0,0 +1,40 @@
+import { SvelteComponentTyped } from "svelte";
+import "/node_modules/flag-icons/css/flag-icons.min.css";
+import { type Item } from "../../simple/forms/Autocomplete.svelte";
+declare const __propDef: {
+    props: {
+        autocompleteProps?: Omit<{
+            class?: {
+                activator?: string | undefined;
+                menu?: string | undefined;
+            } | undefined;
+            values?: Item[] | undefined;
+            items: Item[];
+            searchFunction?: ((item: Item, searchText: string | undefined) => boolean) | undefined;
+            multiple?: boolean | undefined;
+            disabled?: boolean | undefined;
+            mandatory?: boolean | undefined;
+            placeholder?: string | undefined;
+            width?: string | undefined;
+            height?: string | undefined;
+            maxWidth?: string | undefined;
+            openingId?: string | undefined;
+            searchText?: string | undefined;
+            maxVisibleChips?: number | undefined;
+            menuOpened?: boolean | undefined;
+            menuBoxShadow?: string | undefined;
+            menuBorderRadius?: string | undefined;
+            mobileDrawer?: boolean | undefined;
+        }, "items"> | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type CountriesAutocompleteProps = typeof __propDef.props;
+export type CountriesAutocompleteEvents = typeof __propDef.events;
+export type CountriesAutocompleteSlots = typeof __propDef.slots;
+export default class CountriesAutocomplete extends SvelteComponentTyped<CountriesAutocompleteProps, CountriesAutocompleteEvents, CountriesAutocompleteSlots> {
+}
+export {};

package/dist/components/composed/search/GlobalSearchTextField.css

@@ -8,4 +8,5 @@
   --global-search-text-field-default-background-color: rgb(var(--global-color-background-100));
   --global-search-text-field-default-padding: 0rem 0.75rem 0rem 0.5rem;
   --global-search-text-field-default-font-size: .875rem;
+  --global-search-text-field-default-border-radius: 9999px;
 }

package/dist/components/composed/search/GlobalSearchTextField.svelte

@@ -163,7 +163,10 @@ async function search() {
       --global-search-text-field-background-color,
       var(--global-search-text-field-default-background-color)
     );
-    border-radius: 9999px;
+    border-radius: var(
+      --global-search-text-field-border-radius,
+      var(--global-search-text-field-default-border-radius)
+    );
     padding: var(
       --global-search-text-field-padding,
       var(--global-search-text-field-default-padding)

package/dist/components/layouts/UnstableDividedSideBarLayout.svelte

@@ -58,8 +58,8 @@ let sidebarExpanded = false;
       class:opened={(mAndDown && drawerOpened) || sidebarExpanded}
       on:mouseleave={() => {if(expandOn == 'hover') sidebarExpanded = false}}
       on:mouseenter={() => {if(expandOn == 'hover') sidebarExpanded = true}}
-      on:click={() => {if(expandOn == 'click') sidebarExpanded = true}}
-      on:keypress={() => {if(expandOn == 'click') sidebarExpanded = true}}
+      on:click={() => {if(expandOn == 'click' && !mAndDown) sidebarExpanded = true}}
+      on:keypress={() => {if(expandOn == 'click' && !mAndDown) sidebarExpanded = true}}
       use:clickOutside 
       on:clickoutside={() => {if(expandOn == 'click') sidebarExpanded = false}}
       class="side-bar {clazz.header}"

package/dist/components/simple/common/Card.svelte

@@ -1,4 +1,4 @@
-<script>export let outlined = false, maxWidth = void 0, maxHeight = void 0, minWidth = void 0, minHeight = void 0, width = "fit-content", height = void 0, padding = "5px", borderRadius = "5px", backgroundColor = "rgb(252, 252, 252)", color = void 0, borderColor = void 0, borderWidth = void 0, marginBottom = void 0, marginTop = void 0, marginLeft = void 0, marginRight = void 0, boxShadow = "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
+<script>export let outlined = false, maxWidth = void 0, maxHeight = void 0, minWidth = void 0, minHeight = void 0, width = "fit-content", height = void 0, padding = "5px", borderRadius = "5px", backgroundColor = "rgb(var(--global-color-background-200))", color = void 0, borderColor = void 0, borderWidth = void 0, marginBottom = void 0, marginTop = void 0, marginLeft = void 0, marginRight = void 0, boxShadow = "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
 </script>
 
 <div

package/dist/components/simple/common/Menu.svelte

@@ -17,15 +17,17 @@ function calculateMenuPosition(params) {
       if (anchor == "bottom") {
         let { left: activatorLeft, top: activatorTop } = params.activator.getBoundingClientRect();
         let activatorHeight = params.activator.offsetHeight;
-        _top = activatorTop + window.scrollY + activatorHeight + _activatorGap;
-        _left = activatorLeft + window.scrollX;
+        let { top: fixedParentTop, left: fixedParentLeft } = getParentInstanceFromViewport(activator?.parentElement);
+        _top = activatorTop + window.scrollY + activatorHeight + _activatorGap - fixedParentTop;
+        _left = activatorLeft + window.scrollX - fixedParentLeft;
       } else if (anchor == "bottom-center") {
         let { left: activatorLeft, top: activatorTop } = params.activator.getBoundingClientRect();
         let activatorHeight = params.activator.offsetHeight;
         let activatorWidth = params.activator.offsetWidth;
         let menuWidth = params.menuElement.offsetWidth;
-        _top = activatorTop + window.scrollY + activatorHeight + _activatorGap;
-        _left = activatorLeft + window.scrollX;
+        let { top: fixedParentTop, left: fixedParentLeft } = getParentInstanceFromViewport(activator?.parentElement);
+        _top = activatorTop + window.scrollY + activatorHeight + _activatorGap - fixedParentTop;
+        _left = activatorLeft + window.scrollX - fixedParentLeft;
         if (menuWidth > activatorWidth) {
           _left = _left - (menuWidth - activatorWidth) / 2;
         } else {
@@ -35,10 +37,10 @@ function calculateMenuPosition(params) {
         let { left: activatorLeft, top: activatorTop } = params.activator.getBoundingClientRect();
         let activatorHeight = params.activator.offsetHeight;
         let activatorWidth = params.activator.offsetWidth;
-        let menuWidth = params.menuElement.offsetWidth;
         let menuHeight = params.menuElement.offsetHeight;
-        _top = activatorTop + window.scrollY + activatorHeight / 2 - menuHeight / 2;
-        _left = activatorLeft + window.scrollX + activatorWidth + _activatorGap;
+        let { top: fixedParentTop, left: fixedParentLeft } = getParentInstanceFromViewport(activator?.parentElement);
+        _top = activatorTop + window.scrollY + activatorHeight / 2 - menuHeight / 2 - fixedParentTop;
+        _left = activatorLeft + window.scrollX + activatorWidth + _activatorGap - fixedParentLeft;
       }
     }
     if (flipOnOverflow && !!params.activator) {
@@ -154,6 +156,25 @@ function getPositionedAncestor(elem) {
 function handleCloseControllerClick() {
   open = false;
 }
+function getParentInstanceFromViewport(activatorParent) {
+  let top = 0;
+  let left = 0;
+  while (!!activatorParent && activatorParent.nodeName.toLowerCase() !== "html" && activatorParent.nodeName.toLowerCase() !== "body") {
+    const currentParent = activatorParent.parentElement;
+    if (!currentParent)
+      break;
+    const computedStyle = getComputedStyle(currentParent);
+    const position = computedStyle.position;
+    const display = computedStyle.display;
+    if ((position === "fixed" || position === "absolute") && display === "flex") {
+      const boundingClientRect = activatorParent.getBoundingClientRect();
+      top = top + boundingClientRect.top;
+      left = left + boundingClientRect.left;
+    }
+    activatorParent = activatorParent.parentElement;
+  }
+  return { top, left };
+}
 function handleWindowScrollOrResize() {
   if (open && !!menuElement && !!activator)
     calculateMenuPosition({ menuElement, activator });

package/dist/components/simple/forms/Autocomplete.svelte

@@ -158,7 +158,9 @@ import MenuOrDrawer from "../../composed/common/MenuOrDrawer.svelte";
               buttonTabIndex={-1}
               truncateText
             >
-              {selection.label}
+              <slot name="chip-label" {selection}>
+                {selection.label}
+              </slot>
             </Chip>
           </div>
         </slot>
@@ -231,7 +233,9 @@ import MenuOrDrawer from "../../composed/common/MenuOrDrawer.svelte";
                 on:click={() => toggle(item)}
                 on:keypress={() => toggle(item)}
               >
-                {item.label}
+                <slot name="item-label" {item}>
+                  {item.label}
+                </slot>
               </div>
             </slot>
           </li>
@@ -271,7 +275,9 @@ import MenuOrDrawer from "../../composed/common/MenuOrDrawer.svelte";
                 on:click={() => toggle(item)}
                 on:keypress={() => toggle(item)}
               >
-                {item.label}
+                <slot name="item-label" {item}>
+                  {item.label}
+                </slot>
               </div>
             </slot>
           </li>

package/dist/components/simple/forms/Autocomplete.svelte.d.ts

@@ -51,6 +51,9 @@ declare const __propDef: {
         selection: {
             selection: Item;
         };
+        'chip-label': {
+            selection: Item;
+        };
         exceedCounter: {
             notVisibleChipNumber: number;
             maxVisibleChips: number | undefined;
@@ -64,6 +67,9 @@ declare const __propDef: {
             index: any;
             selected: boolean;
         };
+        'item-label': {
+            item: Item;
+        };
     };
 };
 export type AutocompleteProps = typeof __propDef.props;

package/dist/components/simple/lists/ColorInvertedSelector.svelte

@@ -8,10 +8,11 @@ let clazz = {};
 export { clazz as class };
 let dispatch = createEventDispatcher();
 export let options, selectedIndex, deletable = true;
-function handleOptionClick(option, index) {
+function handleOptionClick(option, index, e) {
   dispatch("select", {
     option,
-    selectedIndex
+    selectedIndex,
+    native: e
   });
   selectedIndex = index;
 }
@@ -32,7 +33,7 @@ function handleClickClose(option, index) {
       <button
         class:selected={selectedIndex == index}
         class="element {clazz?.element || ''} {selectedIndex == index ? clazz.selected : ''}"
-        on:click={() => handleOptionClick(option, index)}
+        on:click={(e) => handleOptionClick(option, index, e)}
         on:keydown={() => { }}
       >
         <div class="icon-and-title">

package/dist/components/simple/lists/ColorInvertedSelector.svelte.d.ts

@@ -21,6 +21,7 @@ declare const __propDef: {
         select: CustomEvent<{
             option: Option;
             selectedIndex: number | undefined;
+            native: Event;
         }>;
         delete: CustomEvent<{
             option: Option;

package/dist/index.d.ts

@@ -47,9 +47,11 @@ export { default as ProductCard } from './components/composed/shop/ProductCard.s
 export { default as ProductsGrid } from './components/composed/shop/ProductsGrid.svelte';
 export { default as PaginatedTable } from './components/composed/list/PaginatedTable.svelte';
 export { default as Filters } from './components/composed/search/Filters.svelte';
+export { default as GlobalSearchTextField } from './components/composed/search/GlobalSearchTextField.svelte';
 export { default as mediaQuery } from './stores/mediaQuery';
 export { default as theme, toggleTheme, setTheme } from './stores/theme';
 export { default as SimpleTimeLine } from './components/simple/timeline/SimpleTimeLine.svelte';
 export { default as CollapsibleSideBarLayout } from './components/layouts/CollapsibleSideBarLayout.svelte';
 export { default as StableDividedSideBarLayout } from './components/layouts/StableDividedSideBarLayout.svelte';
 export { default as UnstableDividedSideBarLayout } from './components/layouts/UnstableDividedSideBarLayout.svelte';
+export { default as Converter } from './utils/filters/filters';

package/dist/index.js

@@ -47,9 +47,11 @@ export { default as ProductCard } from './components/composed/shop/ProductCard.s
 export { default as ProductsGrid } from './components/composed/shop/ProductsGrid.svelte';
 export { default as PaginatedTable } from './components/composed/list/PaginatedTable.svelte';
 export { default as Filters } from './components/composed/search/Filters.svelte';
+export { default as GlobalSearchTextField } from './components/composed/search/GlobalSearchTextField.svelte';
 export { default as mediaQuery } from './stores/mediaQuery';
 export { default as theme, toggleTheme, setTheme } from './stores/theme';
 export { default as SimpleTimeLine } from './components/simple/timeline/SimpleTimeLine.svelte';
 export { default as CollapsibleSideBarLayout } from './components/layouts/CollapsibleSideBarLayout.svelte';
 export { default as StableDividedSideBarLayout } from './components/layouts/StableDividedSideBarLayout.svelte';
 export { default as UnstableDividedSideBarLayout } from './components/layouts/UnstableDividedSideBarLayout.svelte';
+export { default as Converter } from './utils/filters/filters';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair",
-  "version": "3.0.28",
+  "version": "3.0.30",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",
@@ -59,6 +59,7 @@
   "dependencies": {
     "@paralleldrive/cuid2": "^2.2.0",
     "esm-env": "^1.0.0",
+    "flag-icons": "^6.11.1",
     "highlight.js": "^11.7.0",
     "highlightjs-svelte": "^1.0.6",
     "imask": "^7.1.0-alpha.0",