@getmicdrop/svelte-components 2.3.0 → 2.4.0

package/dist/components/Accordion/AccordionItem.svelte

@@ -7,6 +7,10 @@
   /** @type {string} Additional CSS classes */
   let className = "";
   export { className as class };
+  /** @type {boolean} Whether to show border (flowbite API compatibility) */
+  export let border = true;
+  /** @type {string} CSS classes to apply when item is open (flowbite API compatibility) */
+  export let borderOpenClass = "";
 
   const { openItems, toggle } = getContext("accordion");
 
@@ -26,7 +30,7 @@
   }
 </script>
 
-<div class="accordion-item {className}" class:accordion-item--open={isOpen}>
+<div class="accordion-item {className} {isOpen && borderOpenClass ? borderOpenClass : ''}" class:accordion-item--open={isOpen} class:accordion-item--no-border={!border}>
   <button
     type="button"
     class="accordion-item__header"
@@ -126,4 +130,12 @@
     font-size: 0.875rem;
     line-height: 1.5;
   }
+
+  .accordion-item--no-border {
+    border-bottom: none;
+  }
+
+  .accordion-item--no-border:last-child {
+    border-bottom: none;
+  }
 </style>

package/dist/components/Accordion/AccordionItem.svelte.d.ts

@@ -2,6 +2,8 @@ export default AccordionItem;
 type AccordionItem = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
     class?: string | undefined;
     open?: boolean | undefined;
+    border?: boolean | undefined;
+    borderOpenClass?: string | undefined;
 }, {
     header: {};
     default: {};
@@ -16,6 +18,8 @@ type AccordionItem = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
 declare const AccordionItem: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     class?: string | undefined;
     open?: boolean | undefined;
+    border?: boolean | undefined;
+    borderOpenClass?: string | undefined;
 }, {
     header: {};
     default: {};

package/dist/components/Accordion/AccordionItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Accordion/AccordionItem.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;AAyEA;;;;;;;;;;;eAAiJ;sCAT3G,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":"AccordionItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Accordion/AccordionItem.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AA+EA;;;;;;;;;;;;;eAA4K;sCATtI,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/Drawer/Drawer.svelte

@@ -5,6 +5,8 @@
 
   /** @type {boolean} Whether the drawer is visible */
   export let show = false;
+  /** @type {boolean} Flowbite-style hidden prop (inverse of show) */
+  export let hidden = true;
   /** @type {string} Optional title for the drawer header */
   export let title = "";
   /** @type {'left' | 'right' | 'top' | 'bottom'} Which side the drawer slides from */
@@ -19,10 +21,19 @@
   export let closeOnBackdropClick = true;
   /** @type {boolean} Whether pressing Escape closes the drawer */
   export let closeOnEscape = true;
+  /** @type {string} Optional id for the drawer element */
+  export let id = "";
+  /** @type {object|undefined} Custom transition params (flowbite API) */
+  export let transitionParams = undefined;
 
   const dispatch = createEventDispatcher();
 
+  // Support both show and hidden props (flowbite uses hidden)
+  $: isVisible = show || !hidden;
+
   function close() {
+    hidden = true;
+    show = false;
     dispatch("close");
   }
 
@@ -33,13 +44,13 @@
   }
 
   function handleKeydown(e) {
-    if (closeOnEscape && e.key === "Escape" && show) {
+    if (closeOnEscape && e.key === "Escape" && isVisible) {
       close();
     }
   }
 
-  // Calculate transition params based on placement
-  $: transitionParams = (() => {
+  // Calculate transition params based on placement (use custom if provided)
+  $: computedTransitionParams = transitionParams || (() => {
     switch (placement) {
       case "left":
         return { x: -320, duration, easing: cubicOut };
@@ -56,7 +67,7 @@
 
   // Lock body scroll when drawer is open
   $: if (typeof document !== "undefined") {
-    if (show) {
+    if (isVisible) {
       document.body.style.overflow = "hidden";
     } else {
       document.body.style.overflow = "";
@@ -72,7 +83,7 @@
 
 <svelte:window on:keydown={handleKeydown} />
 
-{#if show}
+{#if isVisible}
   <!-- svelte-ignore a11y-click-events-have-key-events -->
   <!-- svelte-ignore a11y-no-static-element-interactions -->
   <div
@@ -81,10 +92,11 @@
     transition:fade={{ duration: 150 }}
   >
     <div
+      {id}
       class="drawer drawer--{placement}"
       style="--drawer-width: {width}; --drawer-height: {height};"
       on:click|stopPropagation
-      transition:fly={transitionParams}
+      transition:fly={computedTransitionParams}
     >
       <!-- Optional header with title -->
       {#if title || $$slots.header}

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

@@ -3,11 +3,14 @@ type Drawer = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
     duration?: number | undefined;
     title?: string | undefined;
     show?: boolean | undefined;
+    hidden?: boolean | undefined;
     placement?: "left" | "right" | "top" | "bottom" | undefined;
     width?: string | undefined;
     height?: string | undefined;
     closeOnBackdropClick?: boolean | undefined;
     closeOnEscape?: boolean | undefined;
+    id?: string | undefined;
+    transitionParams?: object | undefined;
 }, {
     header: {};
     default: {};
@@ -28,11 +31,14 @@ declare const Drawer: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWit
     duration?: number | undefined;
     title?: string | undefined;
     show?: boolean | undefined;
+    hidden?: boolean | undefined;
     placement?: "left" | "right" | "top" | "bottom" | undefined;
     width?: string | undefined;
     height?: string | undefined;
     closeOnBackdropClick?: boolean | undefined;
     closeOnEscape?: boolean | undefined;
+    id?: string | undefined;
+    transitionParams?: object | undefined;
 }, {
     header: {};
     default: {};

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Drawer/Drawer.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0IA;;;;;;;;;;;;;;;;;;;;;;eAAyN;sCATnL,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":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Drawer/Drawer.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwJA;;;;;;;;;;;uBAfW,MAAM,GAAC,SAAS;;;;;;;;;;;;;;eAe+N;sCATpN,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/Dropdown/Dropdown.svelte

@@ -0,0 +1,129 @@
+<script>
+  import { createEventDispatcher, onMount, onDestroy } from "svelte";
+
+  /** @type {boolean} Whether the dropdown is open */
+  export let open = false;
+  /** @type {string} Current active URL for highlighting (flowbite API) */
+  export let activeUrl = "";
+  /** @type {'bottom-start' | 'bottom-end' | 'bottom' | 'top-start' | 'top-end' | 'top'} Placement */
+  export let placement = "bottom-start";
+  /** @type {string} Additional CSS classes */
+  let className = "";
+  export { className as class };
+
+  const dispatch = createEventDispatcher();
+
+  let dropdownRef;
+
+  function handleClickOutside(event) {
+    if (dropdownRef && !dropdownRef.contains(event.target)) {
+      // Check if click was on the trigger button (previous sibling)
+      const parent = dropdownRef.parentElement;
+      if (parent) {
+        const siblings = Array.from(parent.children);
+        const dropdownIndex = siblings.indexOf(dropdownRef);
+        if (dropdownIndex > 0) {
+          const trigger = siblings[dropdownIndex - 1];
+          if (trigger.contains(event.target)) {
+            return; // Let the trigger handle toggling
+          }
+        }
+      }
+      open = false;
+    }
+  }
+
+  function handleKeydown(event) {
+    if (event.key === "Escape" && open) {
+      open = false;
+    }
+  }
+
+  onMount(() => {
+    document.addEventListener("click", handleClickOutside, true);
+    document.addEventListener("keydown", handleKeydown);
+  });
+
+  onDestroy(() => {
+    if (typeof document !== "undefined") {
+      document.removeEventListener("click", handleClickOutside, true);
+      document.removeEventListener("keydown", handleKeydown);
+    }
+  });
+
+  // Provide context for DropdownItem
+  import { setContext } from "svelte";
+  setContext("dropdown", {
+    activeUrl,
+    close: () => { open = false; }
+  });
+</script>
+
+{#if open}
+  <div
+    bind:this={dropdownRef}
+    class="dropdown dropdown--{placement} {className}"
+    role="menu"
+    {...$$restProps}
+  >
+    <slot />
+  </div>
+{/if}
+
+<style>
+  .dropdown {
+    position: absolute;
+    z-index: 50;
+    min-width: 10rem;
+    background-color: hsl(var(--BG-Primary, 0 0% 100%));
+    border: 1px solid hsl(var(--Stroke-Primary, 220 13% 85%));
+    border-radius: 0.5rem;
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    padding: 0.25rem 0;
+    margin-top: 0.25rem;
+  }
+
+  .dropdown--bottom-start {
+    top: 100%;
+    left: 0;
+  }
+
+  .dropdown--bottom-end {
+    top: 100%;
+    right: 0;
+  }
+
+  .dropdown--bottom {
+    top: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  .dropdown--top-start {
+    bottom: 100%;
+    left: 0;
+    margin-top: 0;
+    margin-bottom: 0.25rem;
+  }
+
+  .dropdown--top-end {
+    bottom: 100%;
+    right: 0;
+    margin-top: 0;
+    margin-bottom: 0.25rem;
+  }
+
+  .dropdown--top {
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    margin-top: 0;
+    margin-bottom: 0.25rem;
+  }
+
+  /* Dark mode */
+  :global(.dark) .dropdown {
+    background-color: hsl(var(--BG-Primary, 220 13% 15%));
+    border-color: hsl(var(--Stroke-Primary, 220 13% 30%));
+  }
+</style>

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

@@ -0,0 +1,48 @@
+export default Dropdown;
+type Dropdown = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    class?: string | undefined;
+    open?: boolean | undefined;
+    placement?: "top" | "bottom" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | undefined;
+    activeUrl?: string | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
+declare const Dropdown: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    class?: string | undefined;
+    open?: boolean | undefined;
+    placement?: "top" | "bottom" | "bottom-start" | "bottom-end" | "top-start" | "top-end" | undefined;
+    activeUrl?: string | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=Dropdown.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Dropdown/Dropdown.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgGA;;;;;;;;;;;;eAA6K;sCATvI,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/Dropdown/DropdownItem.svelte

@@ -0,0 +1,111 @@
+<script>
+  import { getContext, createEventDispatcher } from "svelte";
+
+  /** @type {string|undefined} Optional href to make the item a link */
+  export let href = undefined;
+  /** @type {boolean} Whether the item is disabled */
+  export let disabled = false;
+  /** @type {string} Additional CSS classes */
+  let className = "";
+  export { className as class };
+
+  const dispatch = createEventDispatcher();
+  const context = getContext("dropdown");
+
+  $: isActive = context?.activeUrl && href && context.activeUrl === href;
+
+  function handleClick(event) {
+    if (disabled) {
+      event.preventDefault();
+      return;
+    }
+    dispatch("click", event);
+    // Close dropdown after click (unless it's a link that will navigate)
+    if (!href && context?.close) {
+      context.close();
+    }
+  }
+
+  function handleKeydown(event) {
+    if (event.key === "Enter" || event.key === " ") {
+      handleClick(event);
+    }
+  }
+</script>
+
+{#if href}
+  <a
+    {href}
+    class="dropdown-item {className}"
+    class:dropdown-item--active={isActive}
+    class:dropdown-item--disabled={disabled}
+    role="menuitem"
+    tabindex={disabled ? -1 : 0}
+    on:click={handleClick}
+    on:keydown={handleKeydown}
+  >
+    <slot />
+  </a>
+{:else}
+  <button
+    type="button"
+    class="dropdown-item {className}"
+    class:dropdown-item--disabled={disabled}
+    role="menuitem"
+    tabindex={disabled ? -1 : 0}
+    {disabled}
+    on:click={handleClick}
+    on:keydown={handleKeydown}
+  >
+    <slot />
+  </button>
+{/if}
+
+<style>
+  .dropdown-item {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    padding: 0.5rem 1rem;
+    font-size: 0.875rem;
+    color: hsl(var(--Text-Primary, 220 13% 13%));
+    background: transparent;
+    border: none;
+    text-align: left;
+    cursor: pointer;
+    text-decoration: none;
+    transition: background-color 0.15s ease;
+  }
+
+  .dropdown-item:hover:not(.dropdown-item--disabled) {
+    background-color: hsl(var(--BG-Secondary, 220 14% 96%));
+  }
+
+  .dropdown-item:focus {
+    outline: none;
+    background-color: hsl(var(--BG-Secondary, 220 14% 96%));
+  }
+
+  .dropdown-item--active {
+    background-color: hsl(var(--Brand-Primary, 221 83% 53%) / 0.1);
+    color: hsl(var(--Brand-Primary, 221 83% 53%));
+  }
+
+  .dropdown-item--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  /* Dark mode */
+  :global(.dark) .dropdown-item {
+    color: hsl(var(--Text-Primary, 0 0% 95%));
+  }
+
+  :global(.dark) .dropdown-item:hover:not(.dropdown-item--disabled) {
+    background-color: hsl(var(--BG-Secondary, 220 13% 20%));
+  }
+
+  :global(.dark) .dropdown-item:focus {
+    background-color: hsl(var(--BG-Secondary, 220 13% 20%));
+  }
+</style>

package/dist/components/Dropdown/DropdownItem.svelte.d.ts

@@ -0,0 +1,48 @@
+export default DropdownItem;
+type DropdownItem = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    class?: string | undefined;
+    disabled?: boolean | undefined;
+    href?: string | undefined;
+}, {
+    default: {};
+}>, {
+    click: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
+declare const DropdownItem: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    class?: string | undefined;
+    disabled?: boolean | undefined;
+    href?: string | undefined;
+}, {
+    default: {};
+}>, {
+    click: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=DropdownItem.svelte.d.ts.map

package/dist/components/Dropdown/DropdownItem.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Dropdown/DropdownItem.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAuEA;;;WAjBW,MAAM,GAAC,SAAS;;;;;;;;;eAiBgI;sCATrH,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/Input/Input.svelte.d.ts

@@ -7,6 +7,7 @@ type Input = SvelteComponent<{
     value?: string | undefined;
     name?: string | undefined;
     label?: string | undefined;
+    id?: string | undefined;
     icon?: null | undefined;
     required?: boolean | undefined;
     optional?: boolean | undefined;
@@ -15,7 +16,6 @@ type Input = SvelteComponent<{
     maxlength?: null | undefined;
     minlength?: null | undefined;
     placeholder?: string | undefined;
-    id?: string | undefined;
     textareaSize?: string | undefined;
     errorText?: string | undefined;
     helperText?: string | undefined;
@@ -55,6 +55,7 @@ declare const Input: $$__sveltets_2_IsomorphicComponent<{
     value?: string | undefined;
     name?: string | undefined;
     label?: string | undefined;
+    id?: string | undefined;
     icon?: null | undefined;
     required?: boolean | undefined;
     optional?: boolean | undefined;
@@ -63,7 +64,6 @@ 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;

package/dist/components/Input/MultiSelect.svelte

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

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

@@ -5,9 +5,9 @@ type MultiSelect = SvelteComponent<{
     value?: any[] | undefined;
     name?: string | undefined;
     label?: string | undefined;
+    id?: string | undefined;
     required?: boolean | undefined;
     placeholder?: string | undefined;
-    id?: string | undefined;
     animateFocus?: boolean | undefined;
     items?: any[] | undefined;
     hideClear?: boolean | undefined;
@@ -24,9 +24,9 @@ declare const MultiSelect: $$__sveltets_2_IsomorphicComponent<{
     value?: any[] | undefined;
     name?: string | undefined;
     label?: string | undefined;
+    id?: string | undefined;
     required?: boolean | undefined;
     placeholder?: string | undefined;
-    id?: string | 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":";;;;;;;;;;;;;;;;;;;;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"}
+{"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"}