@getmicdrop/svelte-components 5.15.0 → 5.16.0

package/dist/calendar/Calendar/MiniMonthCalendar.svelte

@@ -40,9 +40,9 @@
   let nextPressed = $state(false);
   let todayPressed = $state(false);
 
-  let momentumAnimationId = null;
-  const MOMENTUM_FRICTION = 0.92;
-  const MOMENTUM_MIN_VELOCITY = 0.05;
+  let _momentumAnimationId = null;
+  const _MOMENTUM_FRICTION = 0.92;
+  const _MOMENTUM_MIN_VELOCITY = 0.05;
 
   const SWIPE_THRESHOLD = 0.15;
   const VELOCITY_THRESHOLD = 0.3;
@@ -99,7 +99,7 @@
     return checkDate < todayLocal;
   }
 
-  function isSelectedDate(dateStr) {
+  function _isSelectedDate(dateStr) {
     return selectedDates.includes(dateStr);
   }
 

package/dist/calendar/PublicCard/PublicCard.svelte

@@ -8,7 +8,7 @@
     onEventClick,
   } = $props();
 
-  let isSmallScreen = $state(false);
+  let _isSmallScreen = $state(false);
 
   const DEFAULT_PLACEHOLDER = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect fill='%23e5e7eb' width='100' height='100'/%3E%3Cpath d='M50 25c-8.3 0-15 6.7-15 15v5c0 8.3 6.7 15 15 15s15-6.7 15-15v-5c0-8.3-6.7-15-15-15zm0 45c-13.8 0-25 5.6-25 12.5V90h50v-7.5c0-6.9-11.2-12.5-25-12.5z' fill='%239ca3af'/%3E%3C/svg%3E";
 
@@ -21,11 +21,11 @@
   };
 
   function handleResize() {
-    isSmallScreen = window.innerWidth < 768;
+    _isSmallScreen = window.innerWidth < 768;
   }
 
   $effect(() => {
-    isSmallScreen = window.innerWidth < 768;
+    _isSmallScreen = window.innerWidth < 768;
     window.addEventListener("resize", handleResize);
     return () => {
       if (typeof window !== 'undefined') {

package/dist/patterns/chat/ChatContainer.svelte

@@ -39,7 +39,7 @@
   </div>
 
   {#if footer}
-    <div class="px-4 py-3 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 shrink-0">
+    <div class="px-4 py-3 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 shrink-0">
       {@render footer()}
     </div>
   {/if}

package/dist/patterns/navigation/BottomNav.svelte

@@ -42,7 +42,7 @@
         }
         const events = await res.json();
         invitationCount = events.filter((event: { acceptedState: number }) => event.acceptedState === 0).length;
-      } catch (err) {
+      } catch (_err) {
         // Silently fail - this is non-critical UI enhancement
       }
     }

package/dist/patterns/navigation/Header.svelte

@@ -5,7 +5,7 @@
   import Logo from "../../assets/images/Logo.png";
   import Avatar from "../../primitives/Avatar/Avatar.svelte";
   import DarkModeToggle from "../../primitives/DarkModeToggle.svelte";
-  import Icon from "../../primitives/Icons/Icon.svelte";
+  import IconComponent from "../../primitives/Icons/Icon.svelte";
   import ChevronLeft from "../../primitives/Icons/ChevronLeft.svelte";
   import Button from "../../primitives/Button/Button.svelte";
   import MenuItem from "../../primitives/MenuItem/MenuItem.svelte";

package/dist/primitives/BottomSheet/BottomSheet.svelte

@@ -10,6 +10,8 @@
     open?: boolean;
     /** Title displayed in the header */
     title?: string;
+    /** Keep as bottom sheet at all screen sizes (never convert to centered modal) */
+    alwaysSheet?: boolean;
     /** Callback when the sheet should close */
     onclose?: () => void;
     /** Main content */
@@ -21,6 +23,7 @@
   let {
     open = $bindable(false),
     title = '',
+    alwaysSheet = false,
     onclose,
     children,
     actions
@@ -57,6 +60,18 @@
       document.body.style.overflow = "";
     }
   });
+
+  let backdropClass = $derived(
+    alwaysSheet
+      ? "fixed inset-0 z-50 flex items-end bg-gray-900/50 dark:bg-gray-900/80"
+      : "fixed inset-0 z-50 flex items-end md:items-center md:justify-center bg-gray-900/50 dark:bg-gray-900/80"
+  );
+
+  let sheetClass = $derived(
+    alwaysSheet
+      ? "w-full max-h-[90dvh] bg-white dark:bg-gray-800 rounded-t-xl shadow-xl flex flex-col overflow-hidden"
+      : "w-full max-h-[90dvh] md:max-w-lg md:max-h-[80vh] md:m-4 bg-white dark:bg-gray-800 rounded-t-xl md:rounded-lg shadow-xl flex flex-col overflow-hidden"
+  );
 </script>
 
 <svelte:window onkeydown={handleKeydown} />
@@ -65,18 +80,18 @@
   <!-- svelte-ignore a11y_click_events_have_key_events -->
   <!-- svelte-ignore a11y_no_static_element_interactions -->
   <div
-    class="fixed inset-0 z-50 flex items-end md:items-center md:justify-center bg-gray-900/50 dark:bg-gray-900/80"
+    class={backdropClass}
     onclick={handleBackdropClick}
     transition:fade={{ duration: 200 }}
   >
     <!-- svelte-ignore a11y_click_events_have_key_events -->
     <!-- svelte-ignore a11y_no_static_element_interactions -->
     <div
-      class="w-full max-h-[90dvh] md:max-w-lg md:max-h-[80vh] md:m-4 bg-white dark:bg-gray-800 rounded-t-xl md:rounded-lg shadow-xl flex flex-col overflow-hidden"
+      class={sheetClass}
       onclick={(e) => e.stopPropagation()}
       transition:fly={{ y: 300, duration: 300, easing: cubicOut }}
     >
-      <div class="flex justify-center pt-3 pb-2 shrink-0 md:hidden">
+      <div class="flex justify-center pt-3 pb-2 shrink-0 {alwaysSheet ? '' : 'md:hidden'}"  >
         <div class="w-10 h-1 bg-gray-300 dark:bg-gray-600 rounded-full"></div>
       </div>
 

package/dist/primitives/BottomSheet/BottomSheet.svelte.d.ts

@@ -4,6 +4,8 @@ interface Props {
     open?: boolean;
     /** Title displayed in the header */
     title?: string;
+    /** Keep as bottom sheet at all screen sizes (never convert to centered modal) */
+    alwaysSheet?: boolean;
     /** Callback when the sheet should close */
     onclose?: () => void;
     /** Main content */

package/dist/primitives/BottomSheet/BottomSheet.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/BottomSheet/BottomSheet.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIpC,UAAU,KAAK;IACb,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAoFH,QAAA,MAAM,WAAW,+CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"BottomSheet.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/BottomSheet/BottomSheet.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAIpC,UAAU,KAAK;IACb,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAiGH,QAAA,MAAM,WAAW,+CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/primitives/Button/Button.svelte

@@ -118,7 +118,7 @@
     link: "text-blue-700 bg-transparent border-transparent hover:underline dark:text-blue-500",
     icon: "text-gray-500 bg-transparent border-transparent hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-700",
     toggle: "text-gray-900 bg-gray-100 border border-gray-200 hover:bg-gray-200 dark:bg-gray-700 dark:text-white dark:border-gray-600 dark:hover:bg-gray-600",
-    success: "text-white bg-green-600 border border-green-600",
+    success: "text-white bg-green-600 border border-green-600 hover:bg-green-700 dark:bg-green-600 dark:hover:bg-green-700",
   };
 
   // Active state classes for ghost and toggle

package/dist/primitives/Drawer/Drawer.svelte

@@ -130,17 +130,15 @@
     }
   }
 
-  // Lock body scroll when drawer is open
+  // Focus management when drawer is open (no body scroll lock — allow background scrolling)
   $effect(() => {
     if (typeof document !== "undefined") {
       if (isVisible) {
-        document.body.style.overflow = "hidden";
         // Store previously focused element and focus drawer
         previouslyFocusedElement = document.activeElement;
         // Use setTimeout to ensure drawer is rendered before focusing
         setTimeout(() => drawerElement?.focus(), 0);
       } else {
-        document.body.style.overflow = "";
         // Restore focus when closing
         if (previouslyFocusedElement && previouslyFocusedElement instanceof HTMLElement) {
           previouslyFocusedElement.focus();
@@ -148,12 +146,6 @@
       }
     }
   });
-
-  onDestroy(() => {
-    if (typeof document !== "undefined") {
-      document.body.style.overflow = "";
-    }
-  });
 </script>
 
 <svelte:window onkeydown={handleKeydown} />

package/dist/primitives/Drawer/Drawer.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Drawer/Drawer.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAmMH,QAAA,MAAM,MAAM,+CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Drawer/Drawer.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AA2LH,QAAA,MAAM,MAAM,+CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/primitives/Modal/Modal.svelte

@@ -27,8 +27,8 @@
   }} */
   let {
     open = $bindable(false),
-    isProcessing = false,
-    isSuccess = false,
+    isProcessing: _isProcessing = false,
+    isSuccess: _isSuccess = false,
     size = "md",
     persistent = false,
     haptic = true,

package/dist/recipes/SuperLogin/SuperLogin.svelte

@@ -112,7 +112,7 @@
     }
   });
 
-  let authError = $state("");
+  let _authError = $state("");
   let email = $state((() => userEmail)());
   let password = $state("");
   let errors = $state({});
@@ -181,7 +181,7 @@
           email = rememberedUser.email;
         }
       }
-    } catch (e) {
+    } catch (_e) {
       // Ignore parse errors
     }
 
@@ -205,7 +205,7 @@
 
     // Handle browser back/forward buttons
     const handlePopState = () => {
-      const path = window.location.pathname;
+      const _path = window.location.pathname;
     };
 
     window.addEventListener("popstate", handlePopState);
@@ -275,7 +275,7 @@
   async function handleSubmit(event) {
     event.preventDefault();
     isLoading = true;
-    authError = "";
+    _authError = "";
     // Try to get values from DOM first (for testing frameworks), fall back to Svelte state
     const emailInput = /** @type {HTMLInputElement|null} */ (document.querySelector('#email'));
     const passwordInput = /** @type {HTMLInputElement|null} */ (document.querySelector('#password'));
@@ -436,7 +436,7 @@
     });
 
     try {
-      const [_, response] = await Promise.all([minDelay, apiCall]);
+      const [_delay, _response] = await Promise.all([minDelay, apiCall]);
       isLoading = false;
 
       // Always show success to prevent email enumeration
@@ -483,7 +483,7 @@
     });
 
     try {
-      const [_, response] = await Promise.all([minDelay, apiCall]);
+      const [_delay2, _response2] = await Promise.all([minDelay, apiCall]);
 
       isLoading = false;
 
@@ -549,7 +549,7 @@
         'rememberedUser',
         JSON.stringify({ email: emailVal, firstName: firstNameVal })
       );
-    } catch (e) {
+    } catch (_e) {
       // Ignore storage errors
     }
   }

package/dist/services/ShowService.js

@@ -120,7 +120,7 @@ export async function sendVenueMessage(inviteId, message) {
       if (text) {
         try {
           result = JSON.parse(text);
-        } catch (e) {
+        } catch (_e) {
           // Empty response is fine
         }
       }

package/dist/utils/greetings.js

@@ -142,7 +142,7 @@ export function getGreeting(name) {
         return greeting;
       }
     }
-  } catch (e) {
+  } catch (_e) {
     // localStorage unavailable or parse error - continue to generate
   }
 
@@ -157,7 +157,7 @@ export function getGreeting(name) {
       day: currentDay,
       cachedName: name
     }));
-  } catch (e) {
+  } catch (_e2) {
     // localStorage unavailable - greeting still works, just won't persist
   }
 
@@ -181,7 +181,7 @@ export function clearGreetingCache() {
   if (typeof window === 'undefined') return;
   try {
     localStorage.removeItem(STORAGE_KEY);
-  } catch (e) {
+  } catch (_e) {
     // localStorage unavailable
   }
 }

package/dist/utils/imageValidation.js

@@ -61,7 +61,7 @@ export async function validateImage(file) {
       error: null,
       dimensions
     };
-  } catch (error) {
+  } catch (_error) {
     return {
       valid: false,
       error: 'Failed to read image dimensions. Please try another file.',

package/package.json

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