@getmicdrop/svelte-components 4.0.0 → 4.1.1

package/dist/calendar/FAQs/FAQs.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { ChevronUpOutline } from "../Icons";
+  import { ChevronUpOutline } from "../../primitives/Icons";
 
   /** @type {Array<{question: string, answer: string} | string>} */
   export let faqs = [];

package/dist/patterns/forms/FormValidationSummary.svelte

@@ -1,7 +1,7 @@
 <script>
   import { slide } from "svelte/transition";
   import { cubicOut } from "svelte/easing";
-  import WarningIcon from "./Icons/WarningIcon.svelte";
+  import WarningIcon from "../../primitives/Icons/WarningIcon.svelte";
 
   /**
    * Object mapping field keys to error messages

package/dist/recipes/CropImage/CropImage.svelte

@@ -1,6 +1,6 @@
 <script>
   import Cropper from 'svelte-easy-crop';
-  import { CloseOutline, MinusOutline, PlusOutline } from "../Icons";
+  import { CloseOutline, MinusOutline, PlusOutline } from "../../primitives/Icons";
   import Button from '../../primitives/Button/Button.svelte';
 
   export let showModal = false;

package/dist/recipes/feedback/ErrorDisplay.svelte

@@ -1,5 +1,5 @@
 <script>
-  import Icon from "./Icons/Icon.svelte";
+  import Icon from "../../primitives/Icons/Icon.svelte";
 
   /** Error message to display */
   export let error = "";

package/dist/recipes/inputs/MultiSelect.svelte

@@ -1,6 +1,6 @@
 <script>
   import { createEventDispatcher, onMount } from "svelte";
-  import { CloseOutline, ChevronDownOutline } from "../Icons";
+  import { CloseOutline, ChevronDownOutline } from "../../primitives/Icons";
 
   const dispatch = createEventDispatcher();
 
@@ -13,6 +13,7 @@
   export let disabled = false;
   export let error = "";
   export let hideClear = false;
+  export let hideCheckboxes = false; // Hide checkboxes in dropdown options
   export let name = "";
   export let id = "";
   /** @type {'sm' | 'md' | 'lg'} */
@@ -217,13 +218,15 @@
             on:click={() => toggleItem(item)}
             on:mouseenter={() => (focusedIndex = index)}
           >
-            <input
-              type="checkbox"
-              checked={value.includes(item.value)}
-              class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-700 dark:focus:ring-offset-gray-700 focus:ring-2 dark:bg-gray-600 dark:border-gray-500"
-              tabindex="-1"
-              on:click|stopPropagation={() => toggleItem(item)}
-            />
+            {#if !hideCheckboxes}
+              <input
+                type="checkbox"
+                checked={value.includes(item.value)}
+                class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-700 dark:focus:ring-offset-gray-700 focus:ring-2 dark:bg-gray-600 dark:border-gray-500"
+                tabindex="-1"
+                on:click|stopPropagation={() => toggleItem(item)}
+              />
+            {/if}
             <span class="flex-1">{item.name}</span>
           </li>
         {/each}

package/dist/recipes/inputs/MultiSelect.svelte.d.ts

@@ -11,6 +11,7 @@ type MultiSelect = SvelteComponent<{
     placeholder?: string | undefined;
     items?: any[] | undefined;
     hideClear?: boolean | undefined;
+    hideCheckboxes?: boolean | undefined;
 }, {
     change: CustomEvent<any>;
 } & {
@@ -30,6 +31,7 @@ declare const MultiSelect: $$__sveltets_2_IsomorphicComponent<{
     placeholder?: string | undefined;
     items?: any[] | undefined;
     hideClear?: boolean | undefined;
+    hideCheckboxes?: boolean | undefined;
 }, {
     change: CustomEvent<any>;
 } & {

package/dist/recipes/inputs/MultiSelect.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/inputs/MultiSelect.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAsNA;;;;;;;;;;;;;;;;mBAA6N;6CAThL,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"MultiSelect.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/recipes/inputs/MultiSelect.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyNA;;;;;;;;;;;;;;;;;mBAA8O;6CATjM,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}

package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { onMount } from 'svelte';
-  import { SearchOutline } from "../Icons";
+  import { SearchOutline } from "../../../primitives/Icons";
   import * as GMaps from '@googlemaps/js-api-loader';
   import { PUBLIC_GOOGLE_MAPS_API_KEY } from '../../../config.js';
   const { Loader } = GMaps;

package/dist/recipes/inputs/Search.svelte

@@ -1,6 +1,6 @@
 <script>
   import { createEventDispatcher } from "svelte";
-  import { SearchOutline } from "../Icons";
+  import { SearchOutline } from "../../primitives/Icons";
 
   const dispatch = createEventDispatcher();
 

package/dist/recipes/inputs/SelectDropdown.svelte

@@ -12,7 +12,7 @@
    * />
    */
   import { createEventDispatcher, onMount, onDestroy, tick } from "svelte";
-  import { ChevronDownOutline } from "../Icons";
+  import { ChevronDownOutline } from "../../primitives/Icons";
 
   /** @type {Array<{label: string, value: string}>} Options to display */
   export let options = [];

package/dist/recipes/modals/InputModal.svelte

@@ -1,6 +1,6 @@
 <script>
   import { createEventDispatcher } from "svelte";
-  import { ExclamationTriangleOutline } from "../Icons";
+  import { ExclamationTriangleOutline } from "../../primitives/Icons";
   import Button from "../Button/Button.svelte";
   import Cancel from "../../assets/svg/cancel.svg";
   import Modal from "./Modal.svelte";

package/dist/recipes/modals/ModalStateManager.svelte

@@ -1,5 +1,5 @@
 <script>
-  import Icon from "../Icons/Icon.svelte";
+  import Icon from "../../primitives/Icons/Icon.svelte";
   import Button from "../Button/Button.svelte";
 
   /** Whether the modal is currently processing an action */

package/dist/recipes/modals/StatusModal.svelte

@@ -1,6 +1,6 @@
 <script>
   import { createEventDispatcher } from "svelte";
-  import { CheckOutline, CloseOutline, ExclamationTriangleOutline, InfoCircleOutline } from "../Icons";
+  import { CheckOutline, CloseOutline, ExclamationTriangleOutline, InfoCircleOutline } from "../../primitives/Icons";
   import Button from "../Button/Button.svelte";
   import Cancel from "../../assets/svg/cancel.svg";
   import Modal from "./Modal.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getmicdrop/svelte-components",
-  "version": "4.0.0",
+  "version": "4.1.1",
   "description": "Shared component library for Micdrop applications",
   "type": "module",
   "main": "./dist/index.js",