@getmicdrop/svelte-components 2.4.0 → 2.6.1

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/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/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,7 +399,7 @@
       </div>
     {:else}
       <!-- Standard Input Layout -->
-      <div class="relative flex items-center w-full">
+      <div class="flex items-center">
         <input
           bind:this={inputElement}
           {id}
@@ -468,10 +411,9 @@
           on:change={checkForAutofill}
           on:animationstart={handleAnimationStart}
           on:blur={handleBlur}
-          on:keydown={handleSearchKeyDown}
           {maxlength}
           {minlength}
-          class="input-field flex-1 {icon || (showClearButton && inputValue)
+          class="input-field {icon
             ? 'pr-10'
             : ''} {getContentFloatClass()} {displayErrorText
             ? 'input-error'
@@ -484,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}
@@ -524,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}
 
@@ -551,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>
 
@@ -625,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,10 +4,8 @@ type Input = SvelteComponent<{
     size?: string | undefined;
     className?: string | undefined;
     disabled?: boolean | undefined;
-    value?: string | undefined;
-    name?: string | undefined;
     label?: string | undefined;
-    id?: string | undefined;
+    name?: string | undefined;
     icon?: null | undefined;
     required?: boolean | undefined;
     optional?: boolean | undefined;
@@ -16,6 +14,7 @@ type Input = SvelteComponent<{
     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,13 +36,7 @@ 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>;
 }, {}> & {
     $$bindings?: string | undefined;
@@ -52,10 +46,8 @@ declare const Input: $$__sveltets_2_IsomorphicComponent<{
     size?: string | undefined;
     className?: string | undefined;
     disabled?: boolean | undefined;
-    value?: string | undefined;
-    name?: string | undefined;
     label?: string | undefined;
-    id?: string | undefined;
+    name?: string | undefined;
     icon?: null | undefined;
     required?: boolean | undefined;
     optional?: boolean | undefined;
@@ -64,6 +56,7 @@ declare const Input: $$__sveltets_2_IsomorphicComponent<{
     maxlength?: null | undefined;
     minlength?: null | undefined;
     placeholder?: string | undefined;
+    id?: string | undefined;
     textareaSize?: string | undefined;
     errorText?: string | undefined;
     helperText?: string | undefined;
@@ -74,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;
@@ -84,13 +78,7 @@ 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>;
 }, {}, {}, 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> {

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwcA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAAknB;6CATrkB,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;
+    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;
+    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;
+    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;
+    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 {

package/dist/components/Modal/ConfirmationModal.svelte

@@ -5,68 +5,21 @@
   import Modal from "./Modal.svelte";
 
   export let show = false;
-  export let size = "default"; // "small" | "default" | "large"
   export let title = "";
   export let description = "";
   export let warningText = "";
   export let actions = [];
   export let icon = null;
-  export let customIcon = null; // Alias for icon (used by some wrappers)
   export let closeBtn = false; // To show close button
 
-  // Simple props-based API (alternative to actions array)
-  export let primaryButtonText = "";
-  export let secondaryButtonText = "";
-  export let variant = "default"; // "default" | "danger"
-
-  // Loading/disabled state
-  export let loading = false;
-  export let disabled = false;
-
   const dispatch = createEventDispatcher();
 
-  // Resolve icon (support both prop names)
-  $: resolvedIcon = customIcon || icon;
-
-  // Build actions from simple props if actions array is empty
-  $: resolvedActions = actions.length > 0 ? actions : buildActionsFromProps();
-
-  function buildActionsFromProps() {
-    const result = [];
-
-    if (secondaryButtonText) {
-      result.push({
-        label: secondaryButtonText,
-        variant: "gray-outline",
-        onClick: () => dispatch("cancel")
-      });
-    }
-
-    if (primaryButtonText) {
-      result.push({
-        label: primaryButtonText,
-        variant: variant === "danger" ? "red-solid" : "blue-solid",
-        onClick: () => dispatch("confirm"),
-        primary: true
-      });
-    }
-
-    return result;
-  }
-
   const handleAction = (action) => {
-    if (disabled || loading) return;
-    action.onClick?.();
+    action.onClick();
     dispatch(action.label.toLowerCase());
     show = false;
   };
 
-  const handleClose = () => {
-    if (disabled || loading) return;
-    dispatch("close");
-    show = false;
-  };
-
   const getVariant = (action) => {
     // If variant is already specified, use it
     if (action.variant) return action.variant;
@@ -95,59 +48,54 @@
       onClick,
       beforeIcon,
       afterIcon,
-      primary,
       ...rest
     } = action;
     return rest;
   };
 </script>
 
-<Modal bind:show {size}>
-  <div slot="header" class="text-center">
+<Modal bind:show>
+  <div slot="header" class="flex flex-col gap-6 text-center">
     {#if closeBtn}
-      <div class="flex justify-end -mt-2 -mr-2 mb-2">
-        <button
-          class="p-1 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none transition-colors"
-          on:click={handleClose}
-          {disabled}
-        >
-          <img src={Cancel} alt="Close" class="w-5 h-5" />
+      <div class="flex justify-end">
+        <button class="focus:outline-none" on:click={() => (show = false)}>
+          <img src={Cancel} alt="Close Icon" />
         </button>
       </div>
     {/if}
-    {#if resolvedIcon}
-      <div class="flex justify-center mb-4">
-        <img src={resolvedIcon} alt="" class="w-12 h-12" />
+    {#if icon}
+      <div class="flex justify-center items-center">
+        <img src={icon} alt="Icon here" />
       </div>
     {/if}
     {#if title}
-      <h2 class="text-xl font-medium text-gray-900 dark:text-white">{title}</h2>
+      <h2 class="text-xl text-Text-Primary leading-5 font-normal">{title}</h2>
     {/if}
   </div>
 
-  <div slot="body" class="text-center mt-4">
+  <div slot="body" class="flex flex-col gap-6 text-center mt-6">
     {#if description}
-      <p class="text-sm text-gray-500 dark:text-gray-400 leading-relaxed">
+      <p class="text-Text-Tartiary text-sm leading-[22px] font-normal">
         {description}
       </p>
     {/if}
     {#if warningText}
-      <p class="mt-3 text-sm font-medium text-red-600 dark:text-red-400">
+      <p
+        class="text-accent-Danger text-center text-sm leading-[22px] font-bold"
+      >
         {warningText}
       </p>
     {/if}
   </div>
 
-  <div slot="footer" class="flex gap-3">
-    {#each resolvedActions as action}
+  <div slot="footer" class="flex justify-around gap-3 mt-6">
+    {#each actions as action}
       <Button
         size="full"
         variant={getVariant(action)}
         {...cleanActionProps(action)}
         beforeIcon={action.beforeIcon}
         afterIcon={action.afterIcon}
-        disabled={disabled || action.disabled}
-        loading={action.primary && loading}
         on:click={() => handleAction(action)}
       >
         {action.label}