@getmicdrop/svelte-components 2.6.0 → 2.6.3

package/dist/components/{FAQs/FAQs.svelte.d.ts → Calendar/QuarterView.svelte.d.ts}

@@ -1,17 +1,17 @@
-export default FAQs;
-type FAQs = SvelteComponent<{
-    title?: string | undefined;
-    showTitle?: boolean | undefined;
-    faqs?: any[] | undefined;
+export default QuarterView;
+type QuarterView = SvelteComponent<{
+    selectedDates: any;
+    saveStatus?: string | undefined;
+    currentevents?: any[] | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
-declare const FAQs: $$__sveltets_2_IsomorphicComponent<{
-    title?: string | undefined;
-    showTitle?: boolean | undefined;
-    faqs?: any[] | undefined;
+declare const QuarterView: $$__sveltets_2_IsomorphicComponent<{
+    selectedDates: any;
+    saveStatus?: string | undefined;
+    currentevents?: any[] | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;
@@ -28,4 +28,4 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-//# sourceMappingURL=FAQs.svelte.d.ts.map
+//# sourceMappingURL=QuarterView.svelte.d.ts.map

package/dist/components/{Skeleton/Skeleton.svelte.d.ts.map → Calendar/QuarterView.svelte.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Skeleton/Skeleton.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;AA+CA;;;;;;;;;mBAAiL;6CATpI,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":"QuarterView.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Calendar/QuarterView.svelte.js"],"names":[],"mappings":";;;;;;;;;;AAsYA;;;;;;mBAAuJ;6CAT1G,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/components/Card.svelte

@@ -1,9 +1,9 @@
 <script>
-  export let className = '';
+  export let className;
 </script>
 
 <section
-  class={`w-full bg-bg-primary p-6 shadow rounded-[16px] ${className}`}
+  class={`w-full bg-bg-primary p-3.5 sm:p-4 md:p-5 md:shadow md:rounded-lg ${className}`}
 >
   <slot />
 </section>

package/dist/components/Card.svelte.d.ts

@@ -1,6 +1,6 @@
 export default Card;
 type Card = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
-    className?: string | undefined;
+    className: any;
 }, {
     default: {};
 }>, {
@@ -11,7 +11,7 @@ type Card = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
     $$bindings?: string | undefined;
 };
 declare const Card: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    className?: string | undefined;
+    className: any;
 }, {
     default: {};
 }>, {

package/dist/components/Card.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Card.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;AA2BA;;;;;;;;eAAqI;sCAT/F,KAAK,EAAE,KAAK;;;;;6CALL,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":"Card.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Card.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;AA2BA;;;;;;;;eAAsH;sCAThF,KAAK,EAAE,KAAK;;;;;6CALL,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/components/DarkModeToggle.svelte

@@ -11,7 +11,6 @@
   let themeMode = 'auto';
   let isDark = false; // Current display state (for applying classes)
 
-  /** @param {boolean} enable */
   function setMicdropDarkClass(enable) {
     // Support both performers portal and micdrop frontend
     const container = document.querySelector(containerSelector);
@@ -64,7 +63,6 @@
     };
   });
 
-  /** @param {MouseEvent} event */
   function toggleTheme(event) {
     // Cycle: auto -> light -> dark -> auto
     if (themeMode === 'auto') {

package/dist/components/DarkModeToggle.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DarkModeToggle.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/DarkModeToggle.svelte.js"],"names":[],"mappings":";;;;;;;;;AAuJA;;;;;mBAA8J;6CATjH,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":"DarkModeToggle.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/DarkModeToggle.svelte.js"],"names":[],"mappings":";;;;;;;;;AAqJA;;;;;mBAA8J;6CATjH,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/components/ErrorDisplay.svelte.d.ts

@@ -3,9 +3,9 @@ type ErrorDisplay = SvelteComponent<{
     className?: string | undefined;
     error?: string | undefined;
     show?: boolean | undefined;
+    shake?: boolean | undefined;
     icon?: string | undefined;
     iconSize?: string | undefined;
-    shake?: boolean | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
@@ -15,9 +15,9 @@ declare const ErrorDisplay: $$__sveltets_2_IsomorphicComponent<{
     className?: string | undefined;
     error?: string | undefined;
     show?: boolean | undefined;
+    shake?: boolean | undefined;
     icon?: string | undefined;
     iconSize?: string | undefined;
-    shake?: boolean | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/dist/components/Input/Input.svelte

@@ -1,7 +1,6 @@
 <script>
   import { slide } from "svelte/transition";
   import { cubicOut } from "svelte/easing";
-  import { createEventDispatcher, onDestroy } from "svelte";
   import WarningIcon from "../Icons/WarningIcon.svelte";
 
   export let required = false;
@@ -42,16 +41,8 @@
   export let showErrors = false; // Show errors immediately (bypass touched requirement)
   export let disableBuiltInValidation = false; // When true, disables the built-in blur validation (use for custom validation)
 
-  // Instant search props
-  export let instantSearch = false; // Enable search-as-you-type with debouncing
-  export let debounceMs = 250; // Debounce delay for instant search
-  export let minSearchChars = 2; // Minimum characters before search triggers
-  export let showClearButton = false; // Show clear (X) button when input has value
-
   let inputValue = value;
   let inputElement;
-  let debounceTimer;
-  const dispatch = createEventDispatcher();
 
   // Derive inputmode from type if not explicitly set
   $: computedInputmode = inputmode || getInputmodeFromType(type);
@@ -172,56 +163,8 @@
 
     // Update exported value for parent bind:value
     value = inputValue;
-
-    // Instant search functionality
-    if (instantSearch) {
-      clearTimeout(debounceTimer);
-
-      // Dispatch immediately if cleared
-      if (inputValue.length === 0) {
-        dispatch('search', { query: '' });
-        return;
-      }
-
-      // Only search if we have enough characters
-      if (inputValue.length >= minSearchChars) {
-        debounceTimer = setTimeout(() => {
-          dispatch('search', { query: inputValue });
-        }, debounceMs);
-      }
-    }
   };
 
-  // Clear input (for instant search clear button)
-  function clearInput() {
-    inputValue = '';
-    value = '';
-    clearTimeout(debounceTimer);
-    if (instantSearch) {
-      dispatch('search', { query: '' });
-    }
-    if (inputElement) {
-      inputElement.focus();
-    }
-  }
-
-  // Handle keyboard shortcuts for instant search
-  function handleSearchKeyDown(event) {
-    if (instantSearch) {
-      if (event.key === 'Enter') {
-        clearTimeout(debounceTimer);
-        dispatch('search', { query: inputValue });
-      }
-      if (event.key === 'Escape') {
-        clearInput();
-      }
-    }
-  }
-
-  onDestroy(() => {
-    clearTimeout(debounceTimer);
-  });
-
   const isStrongPassword = (password) => {
     const minLength = 8;
     const hasUpperCase = /[A-Z]/.test(password);
@@ -456,12 +399,7 @@
       </div>
     {:else}
       <!-- Standard Input Layout -->
-      <div class="relative flex items-center w-full">
-        {#if $$slots.leftIcon}
-          <div class="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 z-10 pointer-events-none">
-            <slot name="leftIcon" />
-          </div>
-        {/if}
+      <div class="flex items-center">
         <input
           bind:this={inputElement}
           {id}
@@ -473,10 +411,9 @@
           on:change={checkForAutofill}
           on:animationstart={handleAnimationStart}
           on:blur={handleBlur}
-          on:keydown={handleSearchKeyDown}
           {maxlength}
           {minlength}
-          class="input-field flex-1 {$$slots.leftIcon ? 'pl-10' : ''} {icon || (showClearButton && inputValue)
+          class="input-field {icon
             ? 'pr-10'
             : ''} {getContentFloatClass()} {displayErrorText
             ? 'input-error'
@@ -489,26 +426,7 @@
           {autofocus}
           inputmode={computedInputmode}
         />
-        {#if showClearButton && inputValue}
-          <button
-            type="button"
-            on:click={clearInput}
-            class="absolute right-2 top-1/2 -translate-y-1/2 flex items-center justify-center p-1 input-clear-button"
-            aria-label="Clear input"
-            tabindex="-1"
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 20 20"
-              fill="currentColor"
-              class="w-4 h-4"
-            >
-              <path
-                d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"
-              />
-            </svg>
-          </button>
-        {:else if controlled && (buttonIcon || buttonText)}
+        {#if controlled && (buttonIcon || buttonText)}
           <button
             type="button"
             on:click={handleButtonClick}
@@ -529,13 +447,6 @@
             {/if}
           </button>
         {/if}
-        {#if icon && type !== "textarea" && !(showClearButton && inputValue)}
-          <img
-            src={icon}
-            alt="Input icon"
-            class="absolute inset-y-0 right-0 w-5 h-5 mr-3 top-1/2 transform -translate-y-1/2 text-Text-Primary"
-          />
-        {/if}
       </div>
     {/if}
 
@@ -556,9 +467,17 @@
         {#if helperIcon || hintIcon}
           <img src={helperIcon || hintIcon} alt="Helper icon" class="w-4 h-4 mr-2" />
         {/if}
-        <span>{@html helperText || hintText}</span>
+        <span>{helperText || hintText}</span>
       </div>
     {/if}
+
+    {#if icon && type !== "textarea"}
+      <img
+        src={icon}
+        alt="Input icon"
+        class="absolute inset-y-0 right-0 w-5 h-5 mr-3 top-1/2 transform -translate-y-1/2 text-Text-Primary"
+      />
+    {/if}
   </div>
 </div>
 
@@ -630,18 +549,6 @@
     cursor: not-allowed;
   }
 
-  .input-clear-button {
-    color: var(--input-text-placeholder);
-    background: transparent;
-    border: none;
-    cursor: pointer;
-    transition: color 0.15s ease;
-  }
-
-  .input-clear-button:hover {
-    color: var(--input-text);
-  }
-
   .input-field {
     padding: 0.25rem 0.625rem;
     height: 40px;

package/dist/components/Input/Input.svelte.d.ts

@@ -4,18 +4,17 @@ type Input = SvelteComponent<{
     size?: string | undefined;
     className?: string | undefined;
     disabled?: boolean | undefined;
-    icon?: null | undefined;
-    value?: string | undefined;
-    name?: string | undefined;
     label?: string | undefined;
-    id?: string | undefined;
-    placeholder?: string | undefined;
+    name?: string | undefined;
+    icon?: null | undefined;
     required?: boolean | undefined;
     optional?: boolean | undefined;
     buttonIcon?: null | undefined;
     buttonText?: null | undefined;
     maxlength?: null | undefined;
     minlength?: null | undefined;
+    placeholder?: string | undefined;
+    id?: string | undefined;
     textareaSize?: string | undefined;
     errorText?: string | undefined;
     helperText?: string | undefined;
@@ -26,6 +25,7 @@ type Input = SvelteComponent<{
     readonly?: boolean | undefined;
     controlled?: boolean | undefined;
     onButtonClick?: null | undefined;
+    value?: string | undefined;
     autocomplete?: null | undefined;
     autofocus?: boolean | undefined;
     showPasswordToggle?: boolean | undefined;
@@ -36,17 +36,9 @@ type Input = SvelteComponent<{
     inputmode?: null | undefined;
     showErrors?: boolean | undefined;
     disableBuiltInValidation?: boolean | undefined;
-    instantSearch?: boolean | undefined;
-    debounceMs?: number | undefined;
-    minSearchChars?: number | undefined;
-    showClearButton?: boolean | undefined;
 }, {
-    search: CustomEvent<any>;
-} & {
     [evt: string]: CustomEvent<any>;
-}, {
-    leftIcon: {};
-}> & {
+}, {}> & {
     $$bindings?: string | undefined;
 };
 declare const Input: $$__sveltets_2_IsomorphicComponent<{
@@ -54,18 +46,17 @@ declare const Input: $$__sveltets_2_IsomorphicComponent<{
     size?: string | undefined;
     className?: string | undefined;
     disabled?: boolean | undefined;
-    icon?: null | undefined;
-    value?: string | undefined;
-    name?: string | undefined;
     label?: string | undefined;
-    id?: string | undefined;
-    placeholder?: string | undefined;
+    name?: string | undefined;
+    icon?: null | undefined;
     required?: boolean | undefined;
     optional?: boolean | undefined;
     buttonIcon?: null | undefined;
     buttonText?: null | undefined;
     maxlength?: null | undefined;
     minlength?: null | undefined;
+    placeholder?: string | undefined;
+    id?: string | undefined;
     textareaSize?: string | undefined;
     errorText?: string | undefined;
     helperText?: string | undefined;
@@ -76,6 +67,7 @@ declare const Input: $$__sveltets_2_IsomorphicComponent<{
     readonly?: boolean | undefined;
     controlled?: boolean | undefined;
     onButtonClick?: null | undefined;
+    value?: string | undefined;
     autocomplete?: null | undefined;
     autofocus?: boolean | undefined;
     showPasswordToggle?: boolean | undefined;
@@ -86,17 +78,9 @@ declare const Input: $$__sveltets_2_IsomorphicComponent<{
     inputmode?: null | undefined;
     showErrors?: boolean | undefined;
     disableBuiltInValidation?: boolean | undefined;
-    instantSearch?: boolean | undefined;
-    debounceMs?: number | undefined;
-    minSearchChars?: number | undefined;
-    showClearButton?: boolean | undefined;
 }, {
-    search: CustomEvent<any>;
-} & {
     [evt: string]: CustomEvent<any>;
-}, {
-    leftIcon: {};
-}, {}, string>;
+}, {}, {}, string>;
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/components/Input/Input.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Input/Input.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkdA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAAwnB;6CAd3kB,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":"Input.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Input/Input.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyYA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAkjB;6CATrgB,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/components/Input/MultiSelect.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { createEventDispatcher, onMount } from "svelte";
+  import { createEventDispatcher, onMount, onDestroy } from "svelte";
 
   const dispatch = createEventDispatcher();
 
@@ -117,9 +117,10 @@
 
   onMount(() => {
     document.addEventListener("click", handleClickOutside);
-    return () => {
-      document.removeEventListener("click", handleClickOutside);
-    };
+  });
+
+  onDestroy(() => {
+    document.removeEventListener("click", handleClickOutside);
   });
 </script>
 

package/dist/components/Input/MultiSelect.svelte.d.ts

@@ -2,12 +2,12 @@ export default MultiSelect;
 type MultiSelect = SvelteComponent<{
     error?: string | undefined;
     disabled?: boolean | undefined;
-    value?: any[] | undefined;
-    name?: string | undefined;
     label?: string | undefined;
-    id?: string | undefined;
-    placeholder?: string | undefined;
+    name?: string | undefined;
     required?: boolean | undefined;
+    placeholder?: string | undefined;
+    id?: string | undefined;
+    value?: any[] | undefined;
     animateFocus?: boolean | undefined;
     items?: any[] | undefined;
     hideClear?: boolean | undefined;
@@ -21,12 +21,12 @@ type MultiSelect = SvelteComponent<{
 declare const MultiSelect: $$__sveltets_2_IsomorphicComponent<{
     error?: string | undefined;
     disabled?: boolean | undefined;
-    value?: any[] | undefined;
-    name?: string | undefined;
     label?: string | undefined;
-    id?: string | undefined;
-    placeholder?: string | undefined;
+    name?: string | undefined;
     required?: boolean | undefined;
+    placeholder?: string | undefined;
+    id?: string | undefined;
+    value?: any[] | undefined;
     animateFocus?: boolean | undefined;
     items?: any[] | undefined;
     hideClear?: boolean | undefined;

package/dist/components/Input/MultiSelect.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Input/MultiSelect.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAsNA;;;;;;;;;;;;;;;;mBAAqO;6CATxL,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/components/Input/MultiSelect.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAuNA;;;;;;;;;;;;;;;;mBAAqO;6CATxL,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/components/Input/OTPInput.svelte

@@ -89,7 +89,7 @@
       {disabled}
       aria-label="Digit {index + 1} of {length}"
       aria-describedby="otp-instructions"
-      class="otp-input w-12 h-12 md:w-14 md:h-14 text-center text-xl md:text-2xl text-text-primary font-semibold border-2 border-stroke-secondary rounded-xl focus:border-brand-primary focus:outline-none transition-colors bg-bg-tertiary disabled:bg-bg-quaternary disabled:cursor-not-allowed"
+      class="otp-input w-12 h-12 md:w-14 md:h-14 text-center text-xl md:text-2xl text-Text-Primary font-semibold border-2 border-stroke-Primary rounded-xl focus:border-primary-700 focus:outline-none transition-colors bg-BG-Primary disabled:bg-BG-Secondary disabled:cursor-not-allowed"
       on:input={(e) => handleInput(index, e)}
       on:keydown={(e) => handleKeyDown(index, e)}
       on:paste={handlePaste}

package/dist/components/Input/Select.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { createEventDispatcher, onMount } from "svelte";
+  import { createEventDispatcher, onMount, onDestroy } from "svelte";
 
   const dispatch = createEventDispatcher();
 
@@ -96,9 +96,10 @@
 
   onMount(() => {
     document.addEventListener("click", handleClickOutside);
-    return () => {
-      document.removeEventListener("click", handleClickOutside);
-    };
+  });
+
+  onDestroy(() => {
+    document.removeEventListener("click", handleClickOutside);
   });
 </script>
 

package/dist/components/Input/Select.svelte.d.ts

@@ -2,12 +2,12 @@ export default Select;
 type Select = SvelteComponent<{
     error?: string | undefined;
     disabled?: boolean | undefined;
-    value?: string | undefined;
-    name?: string | undefined;
     label?: string | undefined;
-    id?: string | undefined;
-    placeholder?: string | undefined;
+    name?: string | undefined;
     required?: boolean | undefined;
+    placeholder?: string | undefined;
+    id?: string | undefined;
+    value?: string | undefined;
     animateFocus?: boolean | undefined;
     items?: any[] | undefined;
 }, {
@@ -20,12 +20,12 @@ type Select = SvelteComponent<{
 declare const Select: $$__sveltets_2_IsomorphicComponent<{
     error?: string | undefined;
     disabled?: boolean | undefined;
-    value?: string | undefined;
-    name?: string | undefined;
     label?: string | undefined;
-    id?: string | undefined;
-    placeholder?: string | undefined;
+    name?: string | undefined;
     required?: boolean | undefined;
+    placeholder?: string | undefined;
+    id?: string | undefined;
+    value?: string | undefined;
     animateFocus?: boolean | undefined;
     items?: any[] | undefined;
 }, {

package/dist/components/Input/Select.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Input/Select.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAoKA;;;;;;;;;;;;;;;mBAAoN;6CATvK,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":"Select.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Input/Select.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAqKA;;;;;;;;;;;;;;;mBAAoN;6CATvK,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/components/Layout/Header.svelte

@@ -79,7 +79,7 @@
           class="avatar-button"
           on:click={() => showDesktopDropdown = !showDesktopDropdown}
         >
-          <Avatar src={avatar} rounded size="md" />
+          <Avatar src={avatar} dot={{ color: "green" }} rounded size="sm" />
         </button>
 
         {#if showDesktopDropdown}
@@ -137,7 +137,7 @@
     <div class="header-avatar-wrapper">
       <!-- Mobile: triggers bottom sheet -->
       <button class="avatar-button avatar-button--mobile" on:click={() => showMobileSheet = true}>
-        <Avatar src={avatar} rounded size="md" />
+        <Avatar src={avatar} dot={{ color: "green" }} rounded size="sm" />
       </button>
 
       <!-- Desktop: triggers dropdown -->
@@ -145,7 +145,7 @@
         class="avatar-button avatar-button--desktop"
         on:click={() => showDesktopDropdown = !showDesktopDropdown}
       >
-        <Avatar src={avatar} rounded size="md" />
+        <Avatar src={avatar} dot={{ color: "green" }} rounded size="sm" />
       </button>
 
       <!-- Desktop dropdown -->
@@ -294,23 +294,13 @@
     margin-left: 0.25rem;
   }
 
-  /* Fix avatar image aspect ratio and border radius */
-  :global(.avatar-button img) {
-    -o-object-fit: cover !important;
-       object-fit: cover !important;
-    aspect-ratio: 1 / 1 !important;
-    border-radius: 0.5rem !important;
-  }
-
   .avatar-button {
     background: none;
     border: none;
     padding: 0;
     cursor: pointer;
-    border-radius: 0.5rem;
+    border-radius: 9999px;
     transition: opacity 0.15s;
-    min-width: 40px;
-    min-height: 40px;
   }
 
   .avatar-button:hover {