@getmicdrop/svelte-components 5.6.0 → 5.6.1

package/dist/primitives/Accordion/AccordionItemWrapper.test.svelte

@@ -1,107 +1,107 @@
-<script lang="ts">
-  /**
-   * Test wrapper for AccordionItem
-   * Provides the necessary accordion context that AccordionItem expects
-   */
-  import type { Snippet } from 'svelte';
-  import { setContext } from 'svelte';
-  import { writable } from 'svelte/store';
-  import AccordionItem from './AccordionItem.svelte';
-
-  interface Props {
-    /** Allow multiple items open at once */
-    multiple?: boolean;
-    /** Remove outer border/radius (Flowbite flush variant) */
-    flush?: boolean;
-    /** Initial open state of the item */
-    open?: boolean;
-    /** Show bottom border */
-    border?: boolean;
-    /** Additional classes when open */
-    borderOpenClass?: string;
-    /** Custom class for the item */
-    class?: string;
-    /** Header snippet */
-    header?: Snippet;
-    /** Children snippet */
-    children?: Snippet;
-    /** Expose the openItems store for testing */
-    openItems?: any;
-    /** Expose the toggle function for testing */
-    toggleFn?: any;
-    /** Data attributes for testing */
-    'data-testid'?: string;
-    'data-custom'?: string;
-    [key: string]: unknown;
-  }
-
-  let {
-    multiple = false,
-    flush = false,
-    open = false,
-    border = true,
-    borderOpenClass = '',
-    class: className = '',
-    header,
-    children,
-    openItems: exposedOpenItems = $bindable(null),
-    toggleFn: exposedToggleFn = $bindable(null),
-    'data-testid': dataTestId,
-    'data-custom': dataCustom,
-    ...restProps
-  }: Props = $props();
-
-  // Create the accordion context
-  const openItems = writable(new Set<string>());
-
-  // Expose openItems to parent for testing
-  exposedOpenItems = openItems;
-
-  const toggle = (id: string) => {
-    openItems.update((items) => {
-      if (items.has(id)) {
-        items.delete(id);
-      } else {
-        if (!multiple) {
-          items.clear();
-        }
-        items.add(id);
-      }
-      return new Set(items);
-    });
-  };
-
-  // Expose toggle function to parent for testing
-  exposedToggleFn = toggle;
-
-  setContext("accordion", {
-    openItems,
-    toggle,
-    get flush() { return flush; }
-  });
-</script>
-
-<AccordionItem
-  {open}
-  {border}
-  {borderOpenClass}
-  class={className}
-  data-testid={dataTestId}
-  data-custom={dataCustom}
-  {...restProps}
->
-  {#snippet header()}
-    {#if header}
-      {@render header()}
-    {:else}
-      Test Header
-    {/if}
-  {/snippet}
-  {#snippet children()}
-    {#if children}
-      {@render children()}
-    {:else}
-      Test Content
-    {/if}
-  {/snippet}
-</AccordionItem>
+<script lang="ts">
+  /**
+   * Test wrapper for AccordionItem
+   * Provides the necessary accordion context that AccordionItem expects
+   */
+  import type { Snippet } from 'svelte';
+  import { setContext } from 'svelte';
+  import { writable } from 'svelte/store';
+  import AccordionItem from './AccordionItem.svelte';
+
+  interface Props {
+    /** Allow multiple items open at once */
+    multiple?: boolean;
+    /** Remove outer border/radius (Flowbite flush variant) */
+    flush?: boolean;
+    /** Initial open state of the item */
+    open?: boolean;
+    /** Show bottom border */
+    border?: boolean;
+    /** Additional classes when open */
+    borderOpenClass?: string;
+    /** Custom class for the item */
+    class?: string;
+    /** Header snippet */
+    header?: Snippet;
+    /** Children snippet */
+    children?: Snippet;
+    /** Expose the openItems store for testing */
+    openItems?: import('svelte/store').Writable<Set<string>> | null;
+    /** Expose the toggle function for testing */
+    toggleFn?: ((id: string) => void) | null;
+    /** Data attributes for testing */
+    'data-testid'?: string;
+    'data-custom'?: string;
+    [key: string]: unknown;
+  }
+
+  let {
+    multiple = false,
+    flush = false,
+    open = false,
+    border = true,
+    borderOpenClass = '',
+    class: className = '',
+    header,
+    children,
+    openItems: exposedOpenItems = $bindable(null),
+    toggleFn: exposedToggleFn = $bindable(null),
+    'data-testid': dataTestId,
+    'data-custom': dataCustom,
+    ...restProps
+  }: Props = $props();
+
+  // Create the accordion context
+  const openItems = writable(new Set<string>());
+
+  // Expose openItems to parent for testing
+  exposedOpenItems = openItems;
+
+  const toggle = (id: string) => {
+    openItems.update((items) => {
+      if (items.has(id)) {
+        items.delete(id);
+      } else {
+        if (!multiple) {
+          items.clear();
+        }
+        items.add(id);
+      }
+      return new Set(items);
+    });
+  };
+
+  // Expose toggle function to parent for testing
+  exposedToggleFn = toggle;
+
+  setContext("accordion", {
+    openItems,
+    toggle,
+    get flush() { return flush; }
+  });
+</script>
+
+<AccordionItem
+  {open}
+  {border}
+  {borderOpenClass}
+  class={className}
+  data-testid={dataTestId}
+  data-custom={dataCustom}
+  {...restProps}
+>
+  {#snippet header()}
+    {#if header}
+      {@render header()}
+    {:else}
+      Test Header
+    {/if}
+  {/snippet}
+  {#snippet children()}
+    {#if children}
+      {@render children()}
+    {:else}
+      Test Content
+    {/if}
+  {/snippet}
+</AccordionItem>

package/dist/primitives/Accordion/AccordionItemWrapper.test.svelte.d.ts

@@ -21,9 +21,9 @@ interface Props {
     /** Children snippet */
     children?: Snippet;
     /** Expose the openItems store for testing */
-    openItems?: any;
+    openItems?: import('svelte/store').Writable<Set<string>> | null;
     /** Expose the toggle function for testing */
-    toggleFn?: any;
+    toggleFn?: ((id: string) => void) | null;
     /** Data attributes for testing */
     'data-testid'?: string;
     'data-custom'?: string;

package/dist/primitives/Accordion/AccordionItemWrapper.test.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItemWrapper.test.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Accordion/AccordionItemWrapper.test.svelte.ts"],"names":[],"mappings":"AAGA;;;KAGK;AACL,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAMpC,UAAU,KAAK;IACb,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,qCAAqC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mCAAmC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAsEH,QAAA,MAAM,oBAAoB,iEAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"AccordionItemWrapper.test.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Accordion/AccordionItemWrapper.test.svelte.ts"],"names":[],"mappings":"AAGA;;;KAGK;AACL,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAMpC,UAAU,KAAK;IACb,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,qCAAqC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mCAAmC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,cAAc,EAAE,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC;IAChE,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IACzC,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAsEH,QAAA,MAAM,oBAAoB,iEAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}

package/dist/primitives/Checkbox/Checkbox.svelte

@@ -35,9 +35,9 @@
     ...restProps
   }: Props = $props();
 
-  function handleChange(event: Event) {
-    const target = event.target as HTMLInputElement;
-    checked = target.checked;
+  function handleChange() {
+    // Note: checked is already updated by bind:checked before this handler runs
+    // We just need to call the onchange callback with the current values
     onchange?.({ checked, value });
   }
 

package/dist/primitives/Dropdown/DropdownDivider.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+  interface Props {
+    class?: string;
+  }
+
+  let { class: className = '' }: Props = $props();
+</script>
+
+<li class="my-1 border-t border-gray-200 dark:border-gray-600 {className}" role="separator" aria-hidden="true"></li>

package/dist/primitives/Dropdown/DropdownDivider.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    class?: string;
+}
+declare const DropdownDivider: import("svelte").Component<Props, {}, "">;
+type DropdownDivider = ReturnType<typeof DropdownDivider>;
+export default DropdownDivider;
+//# sourceMappingURL=DropdownDivider.svelte.d.ts.map

package/dist/primitives/Dropdown/DropdownDivider.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownDivider.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Dropdown/DropdownDivider.svelte.ts"],"names":[],"mappings":"AAGE,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAWH,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/primitives/Helper/Helper.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+  /**
+   * Helper Component - Form helper/hint text
+   *
+   * Displays helper text below form inputs with color variants
+   */
+  import type { Snippet } from 'svelte';
+
+  interface Props {
+    /** Color variant */
+    color?: 'default' | 'red' | 'green';
+    /** Additional CSS classes */
+    class?: string;
+    /** Child content */
+    children?: Snippet;
+  }
+
+  let {
+    color = 'default',
+    class: className = '',
+    children
+  }: Props = $props();
+
+  const colorClasses: Record<string, string> = {
+    default: 'text-gray-500 dark:text-gray-400',
+    red: 'text-red-600 dark:text-red-500',
+    green: 'text-green-600 dark:text-green-500'
+  };
+</script>
+
+<p class="mt-1 text-sm {colorClasses[color]} {className}">
+  {#if children}{@render children()}{/if}
+</p>

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

@@ -0,0 +1,18 @@
+/**
+   * Helper Component - Form helper/hint text
+   *
+   * Displays helper text below form inputs with color variants
+   */
+import type { Snippet } from 'svelte';
+interface Props {
+    /** Color variant */
+    color?: 'default' | 'red' | 'green';
+    /** Additional CSS classes */
+    class?: string;
+    /** Child content */
+    children?: Snippet;
+}
+declare const Helper: import("svelte").Component<Props, {}, "">;
+type Helper = ReturnType<typeof Helper>;
+export default Helper;
+//# sourceMappingURL=Helper.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Helper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/primitives/Helper/Helper.svelte.ts"],"names":[],"mappings":"AAGA;;;;KAIK;AACL,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,OAAO,CAAC;IACpC,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAyBH,QAAA,MAAM,MAAM,2CAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}