lutra 0.0.33 → 0.1.4

package/dist/display/Callout.svelte.d.ts

@@ -1,28 +0,0 @@
-import type { Component, Snippet } from "svelte";
-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;
-    z_$$bindings?: Bindings;
-}
-declare const Callout: $$__sveltets_2_IsomorphicComponent<{
-    /** The icon to display. If not specified, it will default to the type. */
-    icon?: string | Component;
-    /** The type of callout. If not specified and no icon is provided, no icon will be displayed. */
-    type?: "alert" | "info" | "ok" | "warn" | "task";
-    /** Whether to contain the element in a box. */
-    contained?: boolean;
-    /** Whether to round the corners of the element. */
-    rounded?: boolean;
-    /** Whether the callout is dismissable. */
-    dismissable?: boolean;
-    children: Snippet;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Callout = InstanceType<typeof Callout>;
-export default Callout;

package/dist/display/Close.svelte.d.ts

@@ -1,18 +0,0 @@
-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;
-    z_$$bindings?: Bindings;
-}
-declare const Close: $$__sveltets_2_IsomorphicComponent<{
-    onclick?: (e: MouseEvent) => void;
-    position?: "top left" | "top right" | "bottom left" | "bottom right";
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Close = InstanceType<typeof Close>;
-export default Close;

package/dist/display/Code.svelte

@@ -1,190 +0,0 @@
-<script lang="ts">import Copy from "../icons/IconCopy.svelte";
-import Done from "../icons/IconDone.svelte";
-import IconButton from "./IconButton.svelte";
-import Tooltip from "./Tooltip.svelte";
-let {
-  code = $bindable(""),
-  highlight,
-  copyable,
-  contained,
-  rounded,
-  singleLine,
-  lineNumbers,
-  readonly
-} = $props();
-const numberOfLines = $derived(code.split("\n").length);
-let title = $state("Copy");
-let open = $state(false);
-let btnIcon = $state(Copy);
-let el = $state(null);
-let scrollTop = $state(0);
-let scrollLeft = $state(0);
-function copy() {
-  if (!el) return;
-  if (navigator.clipboard) {
-    navigator.clipboard.writeText(code);
-  } else {
-    el.focus();
-    el.select();
-    document.execCommand("copy");
-  }
-  btnIcon = Done;
-  title = "Copied!";
-  open = true;
-  setTimeout(() => {
-    btnIcon = Copy;
-    title = "Copy";
-    open = false;
-  }, 1500);
-}
-function onscroll(e) {
-  console.log("scrolling");
-  scrollTop = e.target.scrollTop;
-  scrollLeft = e.target.scrollLeft;
-}
-let codeLines = $derived.by(() => {
-  return (highlight ? highlight(code) : code).split("\n") || [];
-});
-</script>
-
-<div class="Code" class:lineNumbers class:singleLine class:rounded class:copyable class:contained class:hasOverlay={highlight}>
-    {#if singleLine}
-        <input class="CodeInput" spellcheck="false" autocorrect="off" autocapitalize="off" autocomplete="off" {readonly} bind:this={el} bind:value={code} title={copyable ? code : undefined} {onscroll} />
-    {:else}
-        <textarea class="CodeInput" spellcheck="false" autocorrect="off" autocapitalize="off" autocomplete="off" {readonly} bind:this={el} bind:value={code} {onscroll}></textarea>
-    {/if}
-    {#if highlight}
-        <div class="Overlay" tabindex="-1" aria-hidden="true" style="top: {-scrollTop}px; left: {-scrollLeft}px;">
-            {#each codeLines as line, index}
-                <div class="Line">
-                    {#if lineNumbers}
-                        <div class="Number">
-                            <span>{index + 1}</span>
-                        </div>
-                    {/if}
-                    <div class="Content">
-                        {@html line}
-                    </div>
-                </div>
-            {/each}
-        </div>
-    {/if}
-    {#if copyable}
-        <Tooltip tip={title} {open}>
-            <IconButton icon={btnIcon} onclick={copy} disabled={open} />
-        </Tooltip>
-    {/if}
-</div>
-
-<style>
-    .Code {
-        display: grid;
-        align-items: start;
-        grid-template-columns: 1fr;
-        grid-template-areas: "content";
-    }
-    .Code.lineNumbers {
-        grid-template-columns: auto 1fr;
-        grid-template-areas: "lines content";
-        margin-inline-start: -2rem;
-        width: calc(100% + 2rem);
-    }
-    .CodeInput,
-    .Overlay {
-        font-family: var(--font-family-mono);
-        font-size: var(--font-size, 1em);
-        line-height: 1.5;
-        margin: 0;
-        border: 0;
-        grid-area: content;
-        background: var(--field-bg);
-        scrollbar-width: thin;
-    }
-    textarea {
-        width: 100%;
-        height: 100%;
-        white-space: pre-wrap;
-        word-break: normal;
-        overflow-wrap: anywhere;
-        direction: ltr;
-        writing-mode: lr;
-        resize: none;
-        z-index: -1;
-        scrollbar-width: thin;
-    }
-    .Code.lineNumbers textarea {
-        padding-inline-start: 2rem;
-        width: calc(100% - 2rem);
-    }
-    .Code.hasOverlay .CodeInput {
-        color: transparent;
-        caret-color: var(--text);
-    }
-    .Code.rounded,
-    .Code.rounded .CodeInput {
-        border-radius: var(--border-radius);
-    }
-    .Code.singleLine.copyable .CodeInput {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-
-    /**
-     * Contained
-     */
-
-    .Code.contained {
-        border: var(--border);
-    }
-    .Code.contained .CodeInput,
-    .Code.contained .Overlay {
-        height: auto;
-        min-height: auto;
-        padding: var(--padding, 0.5rem 1rem);
-    }
-    .Code.contained:focus-within {
-        outline: var(--focus-outline);
-    }
-    .Code.contained:focus-within .CodeInput {
-        outline: none;
-    }
-    .Code.contained:focus-within:has(:focus:not(.CodeInput)) {
-        outline: none;
-    }
-
-    /**
-     * Single line
-     */
-
-    .Code.singleLine {
-        align-items: center;
-        overflow-inline: clip;
-    }
-    .Code.singleLine.copyable {
-        grid-template-columns: 1fr auto;
-        grid-template-areas: "content button";
-    }
-    .Code.singleLine.copyable .CodeInput,
-    .Code.singleLine.copyable .Overlay {
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        padding: var(--padding, 0.35rem 0.75rem);
-    }
-    .Code.singleLine .CodeInput,
-    .Code.singleLine .Overlay {
-        resize: none;
-        line-height: 1;
-    }
-
-    .Line {
-        display: grid;
-    }
-    .Code.lineNumbers .Line {
-        display: grid;
-        grid-template-columns: 2rem 1fr;
-    }
-    .Line .Number {
-        text-align: end;
-        padding-inline-end: 0.5rem;
-    }
-</style>

package/dist/display/Code.svelte.d.ts

@@ -1,32 +0,0 @@
-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;
-    z_$$bindings?: Bindings;
-}
-declare const Code: $$__sveltets_2_IsomorphicComponent<{
-    /** The code to display. */
-    code: string;
-    /** A function to highlight parts of the code. */
-    highlight?: (code: string) => string;
-    /** Whether the code is copyable. */
-    copyable?: boolean;
-    /** Whether to contain the element in a box. */
-    contained?: boolean;
-    /** Whether to round the corners of the element. */
-    rounded?: boolean;
-    /** Whether the code is a single line. */
-    singleLine?: boolean;
-    /** Whether to show line numbers. */
-    lineNumbers?: boolean;
-    /** Whether the code is readonly. */
-    readonly?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "code">;
-type Code = InstanceType<typeof Code>;
-export default Code;

package/dist/display/ContextTip.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">import Tooltip from "./Tooltip.svelte";
-import Help from "../icons/IconHelp.svelte";
-import Icon from "./Icon.svelte";
-let {
-  tip
-} = $props();
-</script>
-
-<Tooltip {tip}>
-    <a href="#contexttip" onclick={(e) => { e.preventDefault(); e.stopPropagation(); }}>
-        <Icon icon={Help} --icon-width="16px" --icon-height="16px" --cursor="help" --vertical-align="baseline" />
-    </a>
-</Tooltip>
-
-<style>
-    a {
-        border-radius: 50%;
-        color: var(--text);
-        height: 16px;
-        width: 16px;
-        display: inline-block;
-    }
-</style>

package/dist/display/ContextTip.svelte.d.ts

@@ -1,18 +0,0 @@
-import type { Snippet } from "svelte";
-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;
-    z_$$bindings?: Bindings;
-}
-declare const ContextTip: $$__sveltets_2_IsomorphicComponent<{
-    tip: string | Snippet;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type ContextTip = InstanceType<typeof ContextTip>;
-export default ContextTip;

package/dist/display/DataList.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">import StringOrSnippet from "../utils/StringOrSnippet.svelte";
-let {
-  items
-} = $props();
-</script>
-
-<div class="data-list">
-    {#each items as { label, value }, i}
-        <div class="data-list-item">
-            <div class="data-list-item-label">{label}</div>
-            <div class="data-list-item-value">
-                <StringOrSnippet content={value} />
-            </div>
-        </div>
-    {/each}
-</div>

package/dist/display/DataList.svelte.d.ts

@@ -1,21 +0,0 @@
-import type { Snippet } from "svelte";
-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;
-    z_$$bindings?: Bindings;
-}
-declare const DataList: $$__sveltets_2_IsomorphicComponent<{
-    items: {
-        label: string;
-        value: string | Snippet;
-    }[];
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type DataList = InstanceType<typeof DataList>;
-export default DataList;

package/dist/display/Details.svelte

@@ -1,49 +0,0 @@
-<script lang="ts">let {
-  summary,
-  contained,
-  rounded,
-  open,
-  children
-} = $props();
-</script>
-
-<details class:contained class:rounded bind:open>
-    <summary>
-        {#if typeof summary === 'string'}
-            <span>{summary}</span>
-        {:else}
-            {@render summary()}
-        {/if}
-    </summary>
-    <section>
-        {@render children()}
-    </section>
-</details>
-
-<style>
-    summary {
-        font-weight: 600;
-        font-size: var(--font-size, 1em);
-        cursor: pointer;
-        padding-block-end: 0.5rem;
-    }
-    details.rounded {
-        border-radius: var(--border-radius);
-    }
-    details.contained {
-        border: var(--border);
-        overflow: hidden;
-    }
-    details.contained[open] summary {
-        border-block-end: var(--border);
-    }
-    details.contained summary {
-        padding: var(--padding, 0.5em 1em);
-        background-color: var(--summary-bg, var(--bg-subtle));
-    }
-    details.contained section {
-        font-size: var(--font-size, 1em);
-        padding: var(--padding, 0.5em 1em);
-        background-color: var(--content-bg, transparent);
-    }
-</style>

package/dist/display/Details.svelte.d.ts

@@ -1,27 +0,0 @@
-import type { Snippet } from "svelte";
-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;
-    z_$$bindings?: Bindings;
-}
-declare const Details: $$__sveltets_2_IsomorphicComponent<{
-    /** The summary of the element. Can be a string or a snippet. */
-    summary: string | Snippet;
-    /** Contain the element in a box. */
-    contained?: boolean;
-    /** Round the corners of the element if contained. */
-    rounded?: boolean;
-    /** Whether the details are open. */
-    open?: boolean;
-    /** The content of the element. */
-    children: Snippet;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Details = InstanceType<typeof Details>;
-export default Details;

package/dist/display/Hero.svelte

@@ -1,50 +0,0 @@
-<script lang="ts">import { setContext } from "svelte";
-let {
-  children,
-  pad = true,
-  center = false,
-  fullWidth = false,
-  contained = false
-} = $props();
-</script>
-
-<section class="Hero" class:pad class:fullWidth class:center class:contained>
-    <main>
-        {@render children()}
-    </main>
-</section>
-
-<style>
-    .Hero {
-        background: var(--bg, var(--bg-subtle));
-        container-type: inline-size;
-        text-wrap: balance;
-    }
-    .Hero.contained main {
-        max-inline-size: var(--max-inline-size, 1560px);
-    }
-    /** Header areas where h1 is followed by h2 */
-    .Hero :global(h1:has(+ h2)) {
-        margin-block-end: 1rem;
-    }
-    .Hero :global(h1 + h2) {
-        color: var(--text-subtle);
-        margin-block-start: 0rem;
-    }
-    .Hero {
-        block-size: 100%;
-        margin-inline: 0;
-    }
-    .Hero.fullWidth {
-        inline-size: 100cqi;
-        margin-inline: calc(50% - 50cqi);
-        min-inline-size: 100%;
-    }
-    .Hero.center main {
-        margin-inline: auto;
-    }
-    .Hero.pad {
-        padding-block: var(--padding, var(--padding-block, 4rem));
-        padding-inline: var(--padding, var(--padding-inline, 4rem));
-    }
-</style>

package/dist/display/Hero.svelte.d.ts

@@ -1,26 +0,0 @@
-import { type Snippet } from "svelte";
-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;
-    z_$$bindings?: Bindings;
-}
-declare const Hero: $$__sveltets_2_IsomorphicComponent<{
-    children: Snippet;
-    /** Add padding to the container. Pass in either a boolean or an array of booleans to specify padding on the block and inline axes. */
-    pad?: boolean | [boolean, boolean] | [boolean, boolean, boolean] | [boolean, boolean, boolean, boolean] | string | [string, string] | [string, string, string] | [string, string, string, string];
-    /** Center the content. */
-    center?: boolean;
-    /** Make the hero full width to the container (nearest element with `container-type: inline-size;`) */
-    fullWidth?: boolean;
-    /** Contain the hero to the container (nearest element with `container-type: inline-size;`) */
-    contained?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Hero = InstanceType<typeof Hero>;
-export default Hero;

package/dist/display/Icon.svelte

@@ -1,39 +0,0 @@
-<script lang="ts">import { isComponent, isSnippet } from "../utils/isSnippet.js";
-let {
-  icon,
-  alt
-} = $props();
-let Icon = icon;
-</script>
-
-<span class="Icon" aria-label="icon">
-    {#if typeof icon === "string"}
-        <img src={icon} alt={alt ? alt : 'Icon'} width="100%" height="100%" />
-    {:else}
-        <Icon />
-    {/if}
-</span>
-
-<style>
-    .Icon {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 1em;
-        line-height: inherit;
-        width: max(
-            var(--icon-width,
-                var(--icon-height, 1rem)
-            ), 16px);
-        height: max(var(--icon-height, auto), 16px);
-        overflow: clip;
-        vertical-align: var(--vertical-align, text-bottom);
-        cursor: var(--cursor, default);
-    }
-    img,
-    .Icon :global(svg) {
-        width: 100%;
-        height: auto;
-        display: block;
-    }
-</style>

package/dist/display/Icon.svelte.d.ts

@@ -1,19 +0,0 @@
-import type { Component } from "svelte";
-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;
-    z_$$bindings?: Bindings;
-}
-declare const Icon: $$__sveltets_2_IsomorphicComponent<{
-    icon: string | Component;
-    alt?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Icon = InstanceType<typeof Icon>;
-export default Icon;

package/dist/display/IconButton.svelte.d.ts

@@ -1,27 +0,0 @@
-import type { Component, Snippet } from "svelte";
-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;
-    z_$$bindings?: Bindings;
-}
-declare const IconButton: $$__sveltets_2_IsomorphicComponent<{
-    /** The icon to display. */
-    icon: string | Component;
-    /** The children to display. */
-    children?: Snippet;
-    /** The onclick event. */
-    onclick?: (event: MouseEvent) => void;
-    /** Whether the button is disabled. */
-    disabled?: boolean;
-    /** Whether to mask the content. */
-    mask?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type IconButton = InstanceType<typeof IconButton>;
-export default IconButton;

package/dist/display/Image.svelte

@@ -1,91 +0,0 @@
-<script lang="ts">import { decode } from "blurhash";
-import { fade } from "svelte/transition";
-let {
-  hash,
-  width,
-  height,
-  aspectRatio,
-  fit,
-  src,
-  srcset,
-  alt,
-  style,
-  class: className
-} = $props();
-let canvas = $state(null);
-let el = $state(null);
-let elWidth = $state(32);
-let elHeight = $state(32);
-if (!src && srcset) {
-  const [src1] = srcset.split(", ");
-  src = src1.split(" ")[0];
-}
-if (!style) {
-  style = `aspect-ratio: ${aspectRatio};`;
-} else {
-  style += ` aspect-ratio: ${aspectRatio};`;
-}
-let decoded = $state(false);
-let loaded = $state(false);
-const onload = () => {
-  loaded = true;
-};
-$effect(() => {
-  if (hash) {
-    setTimeout(() => {
-      const pixels = decode(hash, elWidth, elHeight);
-      const ctx = canvas.getContext("2d");
-      const imageData = ctx.createImageData(elWidth, elHeight);
-      imageData.data.set(pixels);
-      ctx.putImageData(imageData, 0, 0);
-      decoded = true;
-    }, 0);
-  }
-});
-</script>
-
-<div class="BlurHashImage" class:loaded>
-    <img
-        bind:this={el}
-        bind:clientWidth={elWidth}
-        bind:clientHeight={elHeight}
-        onload={onload}
-        src={src}
-        srcset={srcset}
-        alt={alt}
-        width={width}
-        height={height}
-        style={style}
-        class="{className} {fit}"
-    />
-    {#if !loaded && hash}
-        <canvas class:decoded out:fade={{ duration: 100 }} width={elWidth} height={elHeight} bind:this={canvas}></canvas>
-    {/if}
-</div>
-
-<style>
-    .BlurHashImage {
-        position: relative;
-        display: grid;
-        grid-template-areas: "img";
-    }
-    canvas {
-        z-index: 2;
-        opacity: 0;
-        width: 100%;
-        grid-area: img;
-        transition: opacity 200ms;
-    }
-    canvas.decoded {
-        opacity: 1;
-    }
-    img {
-        z-index: 1;
-        grid-area: img;
-        display: inline-block;
-        vertical-align: middle;
-    }
-    img.cover { object-fit: cover; }
-    img.contain { object-fit: contain; }
-    img.scale-down { object-fit: scale-down; }
-</style>