@imput/helium-prism 0.1.0

package/dist/components/OuterLink.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+    import type { Snippet } from "svelte";
+    import type { HTMLAnchorAttributes } from "svelte/elements";
+
+    type Props = Omit<HTMLAnchorAttributes, "href"> & {
+        href: string;
+        children: Snippet;
+    };
+
+    let {
+        href,
+        children,
+        class: className,
+        target: targetProp,
+        rel: relProp,
+        ...rest
+    }: Props = $props();
+    let target = $derived(targetProp ?? (href.startsWith("#") ? undefined : "_blank"));
+    let rel = $derived(relProp ?? (target ? "noopener noreferrer" : undefined));
+</script>
+
+<a class={["outer-link", className]} {href} {target} {rel} {...rest}>
+    {@render children()}
+</a>
+
+<style>
+    .outer-link.button:not(.card) {
+        width: fit-content;
+    }
+</style>

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

@@ -0,0 +1,10 @@
+import type { Snippet } from "svelte";
+import type { HTMLAnchorAttributes } from "svelte/elements";
+type Props = Omit<HTMLAnchorAttributes, "href"> & {
+    href: string;
+    children: Snippet;
+};
+declare const OuterLink: import("svelte").Component<Props, {}, "">;
+type OuterLink = ReturnType<typeof OuterLink>;
+export default OuterLink;
+//# sourceMappingURL=OuterLink.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OuterLink.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/OuterLink.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAGxD,KAAK,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,GAAG;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACrB,CAAC;AA0BN,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/SearchBar.svelte

@@ -0,0 +1,68 @@
+<script lang="ts">
+    import type { HTMLInputAttributes } from "svelte/elements";
+    import Input from "./Input.svelte";
+    import IconSearch from "./icons/IconSearch.svelte";
+
+    type NativeInputProps = Omit<
+        HTMLInputAttributes,
+        "aria-label" | "id" | "input" | "type" | "value" | "size" | "width"
+    >;
+
+    type Props = NativeInputProps & {
+        id: string;
+        "aria-label": string;
+        value?: string;
+        input?: HTMLInputElement | undefined;
+        container?: HTMLDivElement | undefined;
+        small?: boolean;
+        width?: string;
+    };
+
+    let {
+        id,
+        value = $bindable(""),
+        input = $bindable(),
+        container = $bindable(),
+        small = false,
+        width,
+        class: className,
+        placeholder,
+        "aria-label": ariaLabel,
+        ...rest
+    }: Props = $props();
+</script>
+
+<div
+    bind:this={container}
+    class="search-bar"
+    style:width
+    role="search"
+>
+    <Input
+        bind:input
+        bind:value
+        {id}
+        {small}
+        width="100%"
+        type="search"
+        {placeholder}
+        aria-label={ariaLabel}
+        class={className}
+        {...rest}
+    >
+        {#snippet leading()}
+            <IconSearch />
+        {/snippet}
+    </Input>
+</div>
+
+<style>
+    .search-bar {
+        width: 100%;
+    }
+
+    .search-bar :global(input[type="search"]::-webkit-search-decoration),
+    .search-bar :global(input[type="search"]::-webkit-search-cancel-button) {
+        -webkit-appearance: none;
+    }
+</style>

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

@@ -0,0 +1,15 @@
+import type { HTMLInputAttributes } from "svelte/elements";
+type NativeInputProps = Omit<HTMLInputAttributes, "aria-label" | "id" | "input" | "type" | "value" | "size" | "width">;
+type Props = NativeInputProps & {
+    id: string;
+    "aria-label": string;
+    value?: string;
+    input?: HTMLInputElement | undefined;
+    container?: HTMLDivElement | undefined;
+    small?: boolean;
+    width?: string;
+};
+declare const SearchBar: import("svelte").Component<Props, {}, "value" | "input" | "container">;
+type SearchBar = ReturnType<typeof SearchBar>;
+export default SearchBar;
+//# sourceMappingURL=SearchBar.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/SearchBar.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAKvD,KAAK,gBAAgB,GAAG,IAAI,CACxB,mBAAmB,EACnB,YAAY,GAAG,IAAI,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CACtE,CAAC;AAEF,KAAK,KAAK,GAAG,gBAAgB,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IACrC,SAAS,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAkCN,QAAA,MAAM,SAAS,wEAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/Skeleton.svelte

@@ -0,0 +1,47 @@
+<script lang="ts">
+    import type { ClassValue } from "svelte/elements";
+
+    type Props = {
+        class?: ClassValue;
+        width?: string;
+        height?: string;
+    };
+
+    let { class: className, width, height }: Props = $props();
+</script>
+
+<div class={["skeleton", className]} style:width style:height></div>
+
+<style>
+    .skeleton {
+        height: 100%;
+        width: 100%;
+        background: var(--helium-elevated-10);
+        border-radius: 12px;
+        background-image: linear-gradient(
+            90deg,
+            transparent,
+            var(--helium-elevated-10),
+            transparent
+        );
+        background-repeat: no-repeat;
+        animation: skeleton 1.2s ease-in-out infinite;
+        background-size: var(--shimmer-size) var(--shimmer-size);
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+        .skeleton {
+            animation: none;
+            background-image: none;
+        }
+    }
+
+    @keyframes skeleton {
+        0% {
+            background-position: -350px 0;
+        }
+        100% {
+            background-position: calc(350px + 100%) 0;
+        }
+    }
+</style>

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

@@ -0,0 +1,10 @@
+import type { ClassValue } from "svelte/elements";
+type Props = {
+    class?: ClassValue;
+    width?: string;
+    height?: string;
+};
+declare const Skeleton: import("svelte").Component<Props, {}, "">;
+type Skeleton = ReturnType<typeof Skeleton>;
+export default Skeleton;
+//# sourceMappingURL=Skeleton.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Skeleton.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG9C,KAAK,KAAK,GAAG;IACT,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAcN,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/Spinner.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+    import type { ClassValue } from "svelte/elements";
+    import IconLoader from "./icons/IconLoader.svelte";
+
+    type Props = {
+        size?: number;
+        class?: ClassValue;
+    };
+
+    let { size = 24, class: className }: Props = $props();
+</script>
+
+<div class={["spinner", className]} style="--size: {size}px">
+    <IconLoader />
+</div>
+
+<style>
+    .spinner {
+        display: flex;
+    }
+
+    .spinner :global(svg) {
+        width: var(--size);
+        height: var(--size);
+        color: inherit;
+        animation: spinner 1s infinite linear;
+        will-change: transform;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+        .spinner :global(svg) {
+            animation: none;
+        }
+    }
+
+    @keyframes spinner {
+        from {
+            transform: rotate(0);
+        }
+        to {
+            transform: rotate(360deg);
+        }
+    }
+</style>

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

@@ -0,0 +1,9 @@
+import type { ClassValue } from "svelte/elements";
+type Props = {
+    size?: number;
+    class?: ClassValue;
+};
+declare const Spinner: import("svelte").Component<Props, {}, "">;
+type Spinner = ReturnType<typeof Spinner>;
+export default Spinner;
+//# sourceMappingURL=Spinner.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Spinner.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAI9C,KAAK,KAAK,GAAG;IACT,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC;AAiBN,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/components/Text.svelte

@@ -0,0 +1,83 @@
+<script lang="ts">
+    import type { Snippet } from "svelte";
+    import type { ClassValue } from "svelte/elements";
+
+    type Variant =
+        | "display"
+        | "title"
+        | "heading"
+        | "subheading"
+        | "body"
+        | "caption";
+    type Tone = "primary" | "secondary" | "tertiary" | "white";
+    type Tag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";
+
+    type BaseProps = {
+        children: Snippet;
+        tone?: Tone;
+        center?: boolean;
+        class?: ClassValue;
+    };
+    type VariantProps = BaseProps & {
+        variant?: Variant;
+        tag?: never;
+    };
+    type TagProps = BaseProps & {
+        tag: Tag;
+        variant?: never;
+    };
+    type Props = VariantProps | TagProps;
+
+    const defaultTag = (variant: Variant): Tag => {
+        if (variant === "display") return "h1";
+        if (variant === "title") return "h2";
+        if (variant === "heading") return "h3";
+        if (variant === "subheading") return "h4";
+        return "p";
+    };
+
+    let {
+        children,
+        variant = "body",
+        tone,
+        tag,
+        center = false,
+        class: className,
+    }: Props = $props();
+
+    let element = $derived(tag ?? defaultTag(variant));
+</script>
+
+<svelte:element
+    this={element}
+    class={["text", tone && `tone-${tone}`, center && "center", className]}
+>
+    {@render children()}
+</svelte:element>
+
+<style>
+    .text {
+        margin: 0;
+        white-space: var(--text-white-space, pre-line);
+    }
+
+    .center {
+        text-align: center;
+    }
+
+    .tone-primary {
+        color: var(--primary);
+    }
+
+    .tone-secondary {
+        color: var(--secondary);
+    }
+
+    .tone-tertiary {
+        color: var(--tertiary);
+    }
+
+    .tone-white {
+        color: var(--white);
+    }
+</style>

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

@@ -0,0 +1,24 @@
+import type { Snippet } from "svelte";
+import type { ClassValue } from "svelte/elements";
+type Variant = "display" | "title" | "heading" | "subheading" | "body" | "caption";
+type Tone = "primary" | "secondary" | "tertiary" | "white";
+type Tag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";
+type BaseProps = {
+    children: Snippet;
+    tone?: Tone;
+    center?: boolean;
+    class?: ClassValue;
+};
+type VariantProps = BaseProps & {
+    variant?: Variant;
+    tag?: never;
+};
+type TagProps = BaseProps & {
+    tag: Tag;
+    variant?: never;
+};
+type Props = VariantProps | TagProps;
+declare const Text: import("svelte").Component<Props, {}, "">;
+type Text = ReturnType<typeof Text>;
+export default Text;
+//# sourceMappingURL=Text.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Text.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG9C,KAAK,OAAO,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,YAAY,GACZ,MAAM,GACN,SAAS,CAAC;AAChB,KAAK,IAAI,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAC3D,KAAK,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,CAAC;AAE1E,KAAK,SAAS,GAAG;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC;AACF,KAAK,YAAY,GAAG,SAAS,GAAG;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AACF,KAAK,QAAQ,GAAG,SAAS,GAAG;IACxB,GAAG,EAAE,GAAG,CAAC;IACT,OAAO,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AACF,KAAK,KAAK,GAAG,YAAY,GAAG,QAAQ,CAAC;AAwCzC,QAAA,MAAM,IAAI,2CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/components/Toggle.svelte

@@ -0,0 +1,109 @@
+<script lang="ts">
+    import type { Snippet } from "svelte";
+    import type { HTMLButtonAttributes } from "svelte/elements";
+
+    type ToggleContentProps =
+        | {
+            children: Snippet;
+            name?: never;
+            desc?: never;
+        }
+        | {
+            children?: never;
+            name: string;
+            desc?: string;
+        };
+
+    type Props = Omit<HTMLButtonAttributes, "aria-checked" | "onchange"> & {
+        checked?: boolean;
+        onchange?: (checked: boolean) => void;
+    } & ToggleContentProps;
+    type ButtonClickEvent = Parameters<NonNullable<HTMLButtonAttributes["onclick"]>>[0];
+
+    let {
+        checked = $bindable(false),
+        name,
+        desc,
+        children,
+        onchange,
+        class: className,
+        type = "button",
+        disabled,
+        onclick,
+        ...rest
+    }: Props = $props();
+
+    const toggle = (event: ButtonClickEvent) => {
+        onclick?.(event);
+
+        if (event.defaultPrevented || disabled) {
+            return;
+        }
+
+        checked = !checked;
+        onchange?.(checked);
+    };
+</script>
+
+<button
+    class={["toggle-button card", className]}
+    {disabled}
+    {type}
+    role="switch"
+    aria-checked={checked}
+    onclick={toggle}
+    {...rest}
+>
+    <div class="toggle-text">
+        {#if children}
+            {@render children()}
+        {:else}
+            {#if name}
+                <h4>{name}</h4>
+            {/if}
+            {#if desc}
+                <p>{desc}</p>
+            {/if}
+        {/if}
+    </div>
+    <div class={["toggle", checked && "enabled"]} aria-hidden="true">
+        <div class="runner"></div>
+    </div>
+</button>
+
+<style>
+    .toggle-text {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+        width: 100%;
+        overflow: hidden;
+    }
+
+    .toggle {
+        min-width: 48px;
+        width: 48px;
+        height: 28px;
+        border-radius: 50px;
+        background-color: var(--helium-elevated-30);
+        transition: background-color 0.25s;
+
+        & .runner {
+            width: 22px;
+            height: 22px;
+            margin: 3px;
+            background-color: var(--white);
+            border-radius: 50px;
+            will-change: translate;
+            transition: translate 0.15s;
+        }
+
+        &.enabled {
+            background-color: var(--helium-blue);
+
+            & .runner {
+                translate: 20px 0;
+            }
+        }
+    }
+</style>

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

@@ -0,0 +1,19 @@
+import type { Snippet } from "svelte";
+import type { HTMLButtonAttributes } from "svelte/elements";
+type ToggleContentProps = {
+    children: Snippet;
+    name?: never;
+    desc?: never;
+} | {
+    children?: never;
+    name: string;
+    desc?: string;
+};
+type Props = Omit<HTMLButtonAttributes, "aria-checked" | "onchange"> & {
+    checked?: boolean;
+    onchange?: (checked: boolean) => void;
+} & ToggleContentProps;
+declare const Toggle: import("svelte").Component<Props, {}, "checked">;
+type Toggle = ReturnType<typeof Toggle>;
+export default Toggle;
+//# sourceMappingURL=Toggle.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Toggle.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAGxD,KAAK,kBAAkB,GACjB;IACE,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;CAChB,GACC;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEN,KAAK,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,cAAc,GAAG,UAAU,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,GAAG,kBAAkB,CAAC;AAwD3B,QAAA,MAAM,MAAM,kDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/Tooltip.svelte

@@ -0,0 +1,130 @@
+<script lang="ts">
+    import type { Snippet } from "svelte";
+
+    type Props = {
+        anchor: Snippet;
+        content: Snippet;
+        id?: string;
+    };
+
+    const generatedId = $props.id();
+    let { anchor, content, id = generatedId }: Props = $props();
+
+    let anchorElement: HTMLDivElement;
+    let popover: HTMLDivElement;
+
+    let tooltipX = $state(0);
+    let tooltipY = $state(0);
+
+    let visible = $state(false);
+
+    const offsetY = 12;
+    const offsetX = 16;
+
+    const updatePosition = (e: MouseEvent) => {
+        tooltipX = e.clientX - offsetX;
+        tooltipY = e.clientY - offsetY;
+    };
+
+    const updatePositionFromAnchor = () => {
+        const rect = anchorElement.getBoundingClientRect();
+
+        tooltipX = rect.left;
+        tooltipY = rect.top - offsetY;
+    };
+
+    $effect(() => {
+        if (!popover) return;
+
+        if (visible) {
+            popover.showPopover();
+        } else {
+            popover.hidePopover();
+        }
+    });
+</script>
+
+<div
+    bind:this={anchorElement}
+    class="tooltip-anchor"
+    onpointermove={updatePosition}
+    onpointerenter={() => (visible = true)}
+    onpointerleave={() => (visible = false)}
+    onfocusin={() => {
+        updatePositionFromAnchor();
+        visible = true;
+    }}
+    onfocusout={() => (visible = false)}
+    role="group"
+    aria-describedby={id}
+>
+    {@render anchor()}
+</div>
+
+<div
+    bind:this={popover}
+    popover="manual"
+    class="tooltip-container"
+    role="tooltip"
+    {id}
+    style:left="{tooltipX}px"
+    style:top="{tooltipY}px"
+>
+    <div class="tooltip-content">
+        {@render content()}
+    </div>
+</div>
+
+<style>
+    .tooltip-anchor {
+        display: flex;
+        position: relative;
+        width: fit-content;
+        height: fit-content;
+        gap: var(--gap);
+    }
+
+    .tooltip-container {
+        position: fixed;
+        margin: 0;
+        padding: 16px;
+        border: none;
+        background: none;
+        pointer-events: none;
+
+        opacity: 0;
+        transform: scale(0.8);
+        transform-origin: left;
+        transition: transform 0.15s, opacity 0.15s;
+    }
+
+    .tooltip-container:popover-open {
+        opacity: 1;
+        transform: none;
+        transform-origin: top left;
+    }
+
+    @starting-style {
+        .tooltip-container:popover-open {
+            opacity: 0;
+            transform: scale(0.8);
+        }
+    }
+
+    .tooltip-content {
+        color: var(--primary);
+        background-color: var(--tooltip-bg);
+        outline: 1.5px solid var(--helium-elevated-10);
+        outline-offset: -1.5px;
+
+        text-wrap: pretty;
+        padding: 10px 12px;
+        font-size: 14px;
+        white-space: pre;
+        line-height: 120%;
+
+        border-radius: 12px;
+        border-top-left-radius: 4px;
+        box-shadow: 4px 4px 10px 0 var(--tooltip-shadow);
+    }
+</style>

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

@@ -0,0 +1,10 @@
+import type { Snippet } from "svelte";
+type Props = {
+    anchor: Snippet;
+    content: Snippet;
+    id?: string;
+};
+declare const Tooltip: import("svelte").Component<Props, {}, "">;
+type Tooltip = ReturnType<typeof Tooltip>;
+export default Tooltip;
+//# sourceMappingURL=Tooltip.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Tooltip.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGlC,KAAK,KAAK,GAAG;IACT,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA2DN,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/components/icons/IconArrowDown.svelte

@@ -0,0 +1,15 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+>
+    <path d="M12 5l0 14" />
+    <path d="M18 13l-6 6" />
+    <path d="M6 13l6 6" />
+</svg>