@getmicdrop/svelte-components 2.2.0 → 2.4.0

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

@@ -4,8 +4,10 @@ type Input = SvelteComponent<{
     size?: string | undefined;
     className?: string | undefined;
     disabled?: boolean | undefined;
-    label?: string | undefined;
+    value?: string | undefined;
     name?: string | undefined;
+    label?: string | undefined;
+    id?: string | undefined;
     icon?: null | undefined;
     required?: boolean | undefined;
     optional?: boolean | undefined;
@@ -14,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;
@@ -25,7 +26,6 @@ type Input = SvelteComponent<{
     readonly?: boolean | undefined;
     controlled?: boolean | undefined;
     onButtonClick?: null | undefined;
-    value?: string | undefined;
     autocomplete?: null | undefined;
     autofocus?: boolean | undefined;
     showPasswordToggle?: boolean | undefined;
@@ -52,8 +52,10 @@ declare const Input: $$__sveltets_2_IsomorphicComponent<{
     size?: string | undefined;
     className?: string | undefined;
     disabled?: boolean | undefined;
-    label?: string | undefined;
+    value?: string | undefined;
     name?: string | undefined;
+    label?: string | undefined;
+    id?: string | undefined;
     icon?: null | undefined;
     required?: boolean | undefined;
     optional?: boolean | undefined;
@@ -62,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;
@@ -73,7 +74,6 @@ 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;

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

@@ -2,12 +2,12 @@ export default MultiSelect;
 type MultiSelect = SvelteComponent<{
     error?: string | undefined;
     disabled?: boolean | undefined;
-    label?: string | undefined;
+    value?: any[] | undefined;
     name?: string | undefined;
+    label?: string | undefined;
+    id?: 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;
-    label?: string | undefined;
+    value?: any[] | undefined;
     name?: string | undefined;
+    label?: string | undefined;
+    id?: 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":";;;;;;;;;;;;;;;;;;;;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"}

package/dist/components/Input/Search.svelte

@@ -0,0 +1,173 @@
+<script>
+  import { createEventDispatcher } from "svelte";
+
+  const dispatch = createEventDispatcher();
+
+  // API compatible with flowbite-svelte Search
+  export let value = "";
+  export let placeholder = "Search";
+  export let size = "lg"; // sm, md, lg
+  export let disabled = false;
+  export let id = "";
+  export let name = "";
+
+  // Additional props
+  let className = "";
+  export { className as class };
+
+  const sizes = {
+    sm: { icon: "w-3.5 h-3.5", input: "h-8 text-xs pl-8", wrapper: "h-8" },
+    md: { icon: "w-4 h-4", input: "h-10 text-sm pl-9", wrapper: "h-10" },
+    lg: { icon: "w-5 h-5", input: "h-11 text-sm pl-10", wrapper: "h-11" }
+  };
+
+  $: sizeConfig = sizes[size] || sizes.lg;
+
+  function handleInput(event) {
+    value = event.target.value;
+    dispatch("input", event);
+  }
+
+  function handleChange(event) {
+    dispatch("change", event);
+  }
+
+  function handleKeydown(event) {
+    dispatch("keydown", event);
+  }
+
+  function handleKeyup(event) {
+    dispatch("keyup", event);
+  }
+
+  function handleFocus(event) {
+    dispatch("focus", event);
+  }
+
+  function handleBlur(event) {
+    dispatch("blur", event);
+  }
+</script>
+
+<div class="search-wrapper {sizeConfig.wrapper} {className}">
+  <div class="search-icon-wrapper">
+    <svg
+      class="search-icon {sizeConfig.icon}"
+      fill="currentColor"
+      viewBox="0 0 20 20"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fill-rule="evenodd"
+        d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
+        clip-rule="evenodd"
+      />
+    </svg>
+  </div>
+  <input
+    type="search"
+    {id}
+    {name}
+    {placeholder}
+    {disabled}
+    class="search-input {sizeConfig.input}"
+    bind:value
+    on:input={handleInput}
+    on:change={handleChange}
+    on:keydown={handleKeydown}
+    on:keyup={handleKeyup}
+    on:focus={handleFocus}
+    on:blur={handleBlur}
+    {...$$restProps}
+  />
+  {#if $$slots.default}
+    <div class="search-actions">
+      <slot />
+    </div>
+  {/if}
+</div>
+
+<style>
+  .search-wrapper {
+    --search-bg: #f9fafb;
+    --search-text: #0d1526;
+    --search-text-placeholder: #6b7280;
+    --search-border: #e5e7eb;
+    --search-focus-ring: #3b82f6;
+    --search-icon-color: #6b7280;
+    position: relative;
+    width: 100%;
+  }
+
+  .search-icon-wrapper {
+    position: absolute;
+    inset-y: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    padding-left: 0.75rem;
+    pointer-events: none;
+  }
+
+  .search-icon {
+    color: var(--search-icon-color);
+  }
+
+  .search-input {
+    width: 100%;
+    padding-right: 0.75rem;
+    background-color: var(--search-bg);
+    color: var(--search-text);
+    font-weight: 500;
+    border: 1px solid var(--search-border);
+    border-radius: 0.5rem;
+    transition: border-color 0.15s ease, box-shadow 0.15s ease;
+  }
+
+  .search-input:focus {
+    outline: none;
+    box-shadow: 0 0 0 2px var(--search-focus-ring);
+    border-color: var(--search-focus-ring);
+  }
+
+  .search-input:hover:not(:focus):not(:disabled) {
+    border-color: var(--search-focus-ring);
+  }
+
+  .search-input:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .search-input::-moz-placeholder {
+    color: var(--search-text-placeholder);
+  }
+
+  .search-input::placeholder {
+    color: var(--search-text-placeholder);
+  }
+
+  /* Hide browser's default clear button on search inputs */
+  .search-input::-webkit-search-cancel-button {
+    -webkit-appearance: none;
+    appearance: none;
+  }
+
+  .search-actions {
+    position: absolute;
+    inset-y: 0;
+    right: 0;
+    display: flex;
+    align-items: center;
+    color: var(--search-icon-color);
+  }
+
+  /* Dark mode overrides */
+  :global(.dark) .search-wrapper {
+    --search-bg: #111827;
+    --search-text: #f7f7f8;
+    --search-text-placeholder: #9ca3af;
+    --search-border: #374151;
+    --search-icon-color: #9ca3af;
+  }
+</style>

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

@@ -0,0 +1,68 @@
+export default Search;
+type Search = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    class?: string | undefined;
+    size?: string | undefined;
+    disabled?: boolean | undefined;
+    value?: string | undefined;
+    name?: string | undefined;
+    id?: string | undefined;
+    placeholder?: string | undefined;
+}, {
+    default: {};
+}>, {
+    input: CustomEvent<any>;
+    change: CustomEvent<any>;
+    keydown: CustomEvent<any>;
+    keyup: CustomEvent<any>;
+    focus: CustomEvent<any>;
+    blur: CustomEvent<any>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}> & {
+    $$bindings?: string | undefined;
+};
+declare const Search: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    class?: string | undefined;
+    size?: string | undefined;
+    disabled?: boolean | undefined;
+    value?: string | undefined;
+    name?: string | undefined;
+    id?: string | undefined;
+    placeholder?: string | undefined;
+}, {
+    default: {};
+}>, {
+    input: CustomEvent<any>;
+    change: CustomEvent<any>;
+    keydown: CustomEvent<any>;
+    keyup: CustomEvent<any>;
+    focus: CustomEvent<any>;
+    blur: 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=Search.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Input/Search.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAwFA;;;;;;;;;;;;;;;;;;;;;;eAAgM;sCAT1J,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/Select.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { createEventDispatcher, onMount, onDestroy } from "svelte";
+  import { createEventDispatcher, onMount } from "svelte";
 
   const dispatch = createEventDispatcher();
 
@@ -96,10 +96,9 @@
 
   onMount(() => {
     document.addEventListener("click", handleClickOutside);
-  });
-
-  onDestroy(() => {
-    document.removeEventListener("click", handleClickOutside);
+    return () => {
+      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;
-    label?: string | undefined;
+    value?: string | undefined;
     name?: string | undefined;
+    label?: string | undefined;
+    id?: 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;
-    label?: string | undefined;
+    value?: string | undefined;
     name?: string | undefined;
+    label?: string | undefined;
+    id?: 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":";;;;;;;;;;;;;;;;;;;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"}
+{"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"}