@getmicdrop/svelte-components 2.6.0 → 2.6.3

package/dist/components/Accordion/Accordion.svelte

@@ -1,44 +0,0 @@
-<script>
-  import { setContext } from "svelte";
-  import { writable } from "svelte/store";
-
-  /** @type {boolean} Whether multiple items can be open at once */
-  export let multiple = false;
-  /** @type {string} Additional CSS classes */
-  let className = "";
-  export { className as class };
-
-  // Store to track which items are open
-  const openItems = writable(new Set());
-
-  // Context for child AccordionItem components
-  setContext("accordion", {
-    openItems,
-    multiple,
-    toggle: (id) => {
-      openItems.update((items) => {
-        if (items.has(id)) {
-          items.delete(id);
-        } else {
-          if (!multiple) {
-            items.clear();
-          }
-          items.add(id);
-        }
-        return new Set(items);
-      });
-    },
-  });
-</script>
-
-<div class="accordion {className}">
-  <slot />
-</div>
-
-<style>
-  .accordion {
-    border: 1px solid hsl(var(--Stroke-Primary, 220 13% 85%));
-    border-radius: 0.5rem;
-    overflow: hidden;
-  }
-</style>

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

@@ -1,42 +0,0 @@
-export default Accordion;
-type Accordion = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
-    multiple?: boolean | undefined;
-    class?: string | undefined;
-}, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> & {
-    $$bindings?: string | undefined;
-};
-declare const Accordion: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    multiple?: boolean | undefined;
-    class?: 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=Accordion.svelte.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Accordion/Accordion.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;AA+DA;;;;;;;;;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"}

package/dist/components/Accordion/AccordionItem.svelte

@@ -1,141 +0,0 @@
-<script>
-  import { getContext, onMount } from "svelte";
-  import { slide } from "svelte/transition";
-
-  /** @type {boolean} Whether this item starts open */
-  export let open = false;
-  /** @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");
-
-  // Generate unique ID for this item
-  let id = Math.random().toString(36).substring(2, 9);
-
-  onMount(() => {
-    if (open) {
-      toggle(id);
-    }
-  });
-
-  $: isOpen = $openItems.has(id);
-
-  function handleClick() {
-    toggle(id);
-  }
-</script>
-
-<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"
-    aria-expanded={isOpen}
-    on:click={handleClick}
-  >
-    <span class="accordion-item__title">
-      <slot name="header">Accordion Item</slot>
-    </span>
-    <svg
-      class="accordion-item__icon"
-      class:accordion-item__icon--open={isOpen}
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M5 7.5L10 12.5L15 7.5"
-        stroke="currentColor"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </svg>
-  </button>
-
-  {#if isOpen}
-    <div class="accordion-item__content" transition:slide={{ duration: 200 }}>
-      <div class="accordion-item__body">
-        <slot />
-      </div>
-    </div>
-  {/if}
-</div>
-
-<style>
-  .accordion-item {
-    border-bottom: 1px solid hsl(var(--Stroke-Primary, 220 13% 85%));
-  }
-
-  .accordion-item:last-child {
-    border-bottom: none;
-  }
-
-  .accordion-item__header {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 1rem 1.25rem;
-    background-color: hsl(var(--BG-Primary, 0 0% 100%));
-    border: none;
-    cursor: pointer;
-    text-align: left;
-    transition: background-color 0.15s ease;
-  }
-
-  .accordion-item__header:hover {
-    background-color: hsl(var(--BG-Secondary, 220 14% 96%));
-  }
-
-  .accordion-item__header:focus {
-    outline: none;
-  }
-
-  .accordion-item__header:focus-visible {
-    outline: 2px solid hsl(var(--Brand-Primary, 221 83% 53%));
-    outline-offset: -2px;
-  }
-
-  .accordion-item__title {
-    font-size: 1rem;
-    font-weight: 500;
-    color: hsl(var(--Text-Primary, 220 13% 13%));
-  }
-
-  .accordion-item__icon {
-    flex-shrink: 0;
-    color: hsl(var(--Text-Secondary, 220 9% 46%));
-    transition: transform 0.2s ease;
-  }
-
-  .accordion-item__icon--open {
-    transform: rotate(180deg);
-  }
-
-  .accordion-item__content {
-    overflow: hidden;
-    background-color: hsl(var(--BG-Primary, 0 0% 100%));
-  }
-
-  .accordion-item__body {
-    padding: 1rem 1.25rem 1.25rem;
-    color: hsl(var(--Text-Secondary, 220 9% 46%));
-    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

@@ -1,50 +0,0 @@
-export default AccordionItem;
-type AccordionItem = SvelteComponent<$$__sveltets_2_PropsWithChildren<{
-    class?: string | undefined;
-    open?: boolean | undefined;
-    border?: boolean | undefined;
-    borderOpenClass?: string | undefined;
-}, {
-    header: {};
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    header: {};
-    default: {};
-}> & {
-    $$bindings?: string | undefined;
-};
-declare const AccordionItem: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    class?: string | undefined;
-    open?: boolean | undefined;
-    border?: boolean | undefined;
-    borderOpenClass?: string | undefined;
-}, {
-    header: {};
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    header: {};
-    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=AccordionItem.svelte.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}