lutra 0.0.20 → 0.1.0

package/dist/layout/OverlayLayer.svelte

@@ -1,145 +0,0 @@
-<script lang="ts">import {} from "./overlays.svelte.js";
-import { slidefade } from "../utils/transitions.js";
-import { BROWSER } from "esm-env";
-import { isComponent, isSnippet } from "../utils/isSnippet.js";
-import { untrack } from "svelte";
-let {
-  position,
-  items
-} = $props();
-const fudge = 8;
-let contentEls = $state({});
-let scrollX = $state(BROWSER ? window.scrollX : 0);
-let scrollY = $state(BROWSER ? window.scrollY : 0);
-let innerWidth = $state(BROWSER ? window.innerWidth : 0);
-let innerHeight = $state(BROWSER ? window.innerHeight : 0);
-let positions = $derived.by(() => {
-  innerWidth;
-  innerHeight;
-  scrollX;
-  scrollY;
-  contentEls;
-  return items.map((item) => {
-    const contentEl = contentEls[item.id];
-    if (!item.anchor || !contentEl)
-      return { left: 0, top: 0, index: 1 };
-    const triggerPos = item.anchor.getBoundingClientRect();
-    const height = contentEl.clientHeight;
-    const width = contentEl.clientWidth;
-    const isOffBottom = triggerPos.bottom + height > window.innerHeight - fudge;
-    const isOffRight = triggerPos.left + width > window.innerWidth - fudge;
-    let left = triggerPos.left;
-    let top = triggerPos.top + triggerPos.height + fudge;
-    if (isOffRight)
-      left = left - width + triggerPos.width;
-    if (isOffBottom)
-      top = top - height - triggerPos.height - fudge * 2;
-    return {
-      left,
-      top,
-      index: 1
-    };
-  });
-});
-let originCache = $state({});
-let origins = $derived.by(() => {
-  return items.map((item, index) => {
-    if (!item.anchor || item.position !== "anchor") {
-      return item.position || "center";
-    }
-    const triggerPos = item.anchor.getBoundingClientRect();
-    const contentEl = document.getElementById(item.id);
-    const contentRect = contentEl?.getBoundingClientRect();
-    const height = contentRect.height;
-    const width = contentRect.width;
-    const isOffBottom = triggerPos.bottom + height > innerHeight - fudge;
-    const isOffRight = triggerPos.left + width > innerWidth - fudge;
-    let text = "top left";
-    if (isOffRight)
-      text = text.replace("left", "right");
-    if (isOffBottom)
-      text = text.replace("top", "bottom");
-    return text;
-  });
-});
-$effect(() => {
-  origins;
-  origins.forEach((origin, index) => {
-    originCache[untrack(() => items[index].id)] = origin;
-  });
-});
-function introstart(item) {
-  document.getElementById(item.id).style.pointerEvents = "none";
-}
-function introend(item) {
-  document.getElementById(item.id).style.pointerEvents = "auto";
-}
-</script>
-
-<svelte:window bind:scrollX bind:scrollY bind:innerWidth bind:innerHeight />
-
-<div class="Layer {position}">
-    {#each items as item, index (item.id)}
-        <div
-            id={item.id}
-            bind:this={contentEls[item.id]}
-            class="LayerItem"
-            class:anchor={item.anchor ? true : false}
-            onintrostart={() => introstart(item)}
-            onintroend={() => introend(item)}
-            transition:slidefade|global={{ duration: 150, origin: originCache[item.id] || origins[index], noMargin: !!!item.anchor }}
-            style="--index: {index}; --z: {item.z}; --left: {positions[index].left}px; --top: {positions[index].top}px;"
-        >
-            {#if isComponent(item.content)}
-                <svelte:component this={item.content} {...item.props} />
-            {:else if isSnippet(item.content)}
-                {@render item.content()}
-            {/if}
-        </div>
-    {/each}
-</div>
-
-<style>
-    .Layer {
-        pointer-events: auto;
-        position: absolute;
-        display: flex;
-        flex-direction: column-reverse;
-        gap: 0.75rem;
-    }
-    .Layer.center {
-        left: 50%;
-        right: auto;
-        transform: translateX(-50%);
-    }
-    .Layer.top {
-        top: calc(1rem + env(safe-area-inset-top));
-        bottom: unset;
-    }
-    .Layer.bottom {
-        top: unset;
-        bottom: calc(1rem + env(safe-area-inset-bottom));
-    }
-    .Layer.right {
-        left: unset;
-        right: calc(1rem + env(safe-area-inset-right));
-    }
-    .Layer.left {
-        left: calc(1rem + env(safe-area-inset-left));
-        right: unset;
-    }
-    .Layer.center:not(.top):not(.bottom):not(.anchor) {
-        top: 50%;
-        bottom: auto;
-        transform: translate(calc(-50% + env(safe-area-inset-left) + env(safe-area-inset-right)), calc(-50% + env(safe-area-inset-top) + env(safe-area-inset-bottom)));
-    }
-    .LayerItem {
-        position: relative;
-        z-index: calc(100 + var(--z, 1) - var(--index, 0));
-    }
-    .LayerItem.anchor {
-        position: absolute;
-        top: var(--top, 0);
-        left: var(--left, 0);
-    }
-</style>

package/dist/layout/OverlayLayer.svelte.d.ts

@@ -1,22 +0,0 @@
-import { SvelteComponent } from "svelte";
-import { type OverlayItem, type OverlayPosition } from "./overlays.svelte.js";
-declare const __propDef: {
-    props: {
-        position?: OverlayPosition | undefined;
-        items: OverlayItem[];
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type OverlayLayerProps = typeof __propDef.props;
-export type OverlayLayerEvents = typeof __propDef.events;
-export type OverlayLayerSlots = typeof __propDef.slots;
-export default class OverlayLayer extends SvelteComponent<OverlayLayerProps, OverlayLayerEvents, OverlayLayerSlots> {
-    constructor(options?: import("svelte").ComponentConstructorOptions<{
-        position?: OverlayPosition | undefined;
-        items: OverlayItem[];
-    }>);
-}
-export {};

package/dist/layout/PageContent.svelte

@@ -1,97 +0,0 @@
-<script lang="ts">import { setContext } from "svelte";
-let {
-  children,
-  pad = false,
-  middle = false,
-  center = false
-} = $props();
-let style = $derived.by(() => {
-  if (typeof pad === "boolean") {
-    return `--padBlockStart: ${pad ? "var(--padding, var(--padding-block, 4rem))" : "0"}; --padBlockEnd: ${pad ? "var(--padding, var(--padding-block, 4rem))" : "0"}; --padInlineStart: ${pad ? "var(--padding, var(--padding-inline, 4rem))" : "0"}; --padInlineEnd: ${pad ? "var(--padding, var(--padding-inline, 4rem))" : "0"};`;
-  } else if (typeof pad === "string") {
-    return `--padBlockStart: ${pad}; --padBlockEnd: ${pad}; --padInlineStart: ${pad}; --padInlineEnd: ${pad};`;
-  } else if (Array.isArray(pad) && pad.length > 1 && typeof pad[0] === "string") {
-    switch (pad.length) {
-      case 2:
-        return `--padBlockStart: ${pad[0]}; --padBlockEnd: ${pad[0]}; --padInlineStart: ${pad[1]}; --padInlineEnd: ${pad[1]};`;
-      case 3:
-        return `--padBlockStart: ${pad[0]}; --padBlockEnd: ${pad[1]}; --padInlineStart: ${pad[2]}; --padInlineEnd: ${pad[2]};`;
-      case 4:
-        return `--padBlockStart: ${pad[0]}; --padBlockEnd: ${pad[1]}; --padInlineStart: ${pad[2]}; --padInlineEnd: ${pad[3]};`;
-    }
-  } else if (Array.isArray(pad) && pad.length > 1) {
-    switch (pad.length) {
-      case 2:
-        return `--padBlockStart: ${pad[0] ? "var(--padding, var(--padding-block, 4rem))" : "0"}; --padBlockEnd: ${pad[0] ? "var(--padding, var(--padding-block, 4rem))" : "0"}; --padInlineStart: ${pad[1] ? "var(--padding, var(--padding-inline, 4rem))" : "0"}; --padInlineEnd: ${pad[1] ? "var(--padding, var(--padding-inline, 4rem))" : "0"};`;
-      case 3:
-        return `--padBlockStart: ${pad[0] ? "var(--padding, var(--padding-block, 4rem))" : "0"}; --padBlockEnd: ${pad[1] ? "var(--padding, var(--padding-block, 4rem))" : "0"}; --padInlineStart: ${pad[2] ? "var(--padding, var(--padding-inline, 4rem))" : "0"}; --padInlineEnd: ${pad[2] ? "var(--padding, var(--padding-inline, 4rem))" : "0"};`;
-      case 4:
-        return `--padBlockStart: ${pad[0] ? "var(--padding, var(--padding-block, 4rem))" : "0"}; --padBlockEnd: ${pad[1] ? "var(--padding, var(--padding-block, 4rem))" : "0"}; --padInlineStart: ${pad[2] ? "var(--padding, var(--padding-inline, 4rem))" : "0"}; --padInlineEnd: ${pad[3] ? "var(--padding, var(--padding-inline, 4rem))" : "0"};`;
-    }
-  }
-  return "";
-});
-</script>
-
-<article
-    class="Page"
-    class:middle
-    class:center
-    style={style}
->
-    <div class="PaddingContainer">
-        <div class="PageContent">
-            {@render children()}
-        </div>
-    </div>
-</article>
-
-<style>
-    .Page {
-        inline-size: 100%;
-        display: grid;
-        grid-template-columns: 1fr;
-        container-type: inline-size;
-        container-name: page;
-        position: relative;
-    }
-    .PageContent {
-        max-inline-size: var(--max-inline-size, 1560px);
-        flex-grow: 1;
-        --isPage: 1;
-    }
-    .Page.center {
-        justify-content: center;
-    }
-    .Page.middle {
-        block-size: 100%;
-        align-items: center;
-    }
-    .Page .PaddingContainer {
-        padding-block-start: var(--padBlockStart);
-        padding-block-end: var(--padBlockEnd);
-        padding-inline-start: var(--padInlineStart);
-        padding-inline-end: var(--padInlineEnd);
-        display: flex;
-    }
-    .Page.center .PaddingContainer {
-        justify-content: center;
-    }
-
-    @media (max-width: 1280px) {
-        .Page .PaddingContainer {
-            padding-block-start: calc(var(--padBlockStart) / 2);
-            padding-block-end: calc(var(--padBlockEnd) / 2);
-            padding-inline-start: calc(var(--padInlineStart) / 2);
-            padding-inline-end: calc(var(--padInlineEnd) / 2);
-        }
-    }
-    @media (max-width: 640px) {
-        .Page .PaddingContainer {
-            padding-block-start: calc(var(--padBlockStart) / 4);
-            padding-block-end: calc(var(--padBlockEnd) / 4);
-            padding-inline-start: calc(var(--padInlineStart) / 4);
-            padding-inline-end: calc(var(--padInlineEnd) / 4);
-        }
-    }
-</style>

package/dist/layout/PageContent.svelte.d.ts

@@ -1,28 +0,0 @@
-import { SvelteComponent } from "svelte";
-import { type Snippet } from "svelte";
-declare const __propDef: {
-    props: {
-        children: Snippet;
-        pad?: string | boolean | [boolean, boolean] | [boolean, boolean, boolean] | [boolean, boolean, boolean, boolean] | [string, string] | [string, string, string] | [string, string, string, string] | undefined;
-        middle?: boolean | undefined;
-        center?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type PageContentProps = typeof __propDef.props;
-export type PageContentEvents = typeof __propDef.events;
-export type PageContentSlots = typeof __propDef.slots;
-export default class PageContent extends SvelteComponent<PageContentProps, PageContentEvents, PageContentSlots> {
-    constructor(options?: import("svelte").ComponentConstructorOptions<{
-        children: (this: void) => typeof import("svelte").SnippetReturn & {
-            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
-        };
-        pad?: string | boolean | [boolean, boolean] | [boolean, boolean, boolean] | [boolean, boolean, boolean, boolean] | [string, string] | [string, string, string] | [string, string, string, string] | undefined;
-        middle?: boolean | undefined;
-        center?: boolean | undefined;
-    }>);
-}
-export {};

package/dist/layout/Theme.svelte

@@ -1,228 +0,0 @@
-<script lang="ts">import { browser } from "$app/environment";
-import { getContext, setContext } from "svelte";
-let {
-  theme,
-  children
-} = $props();
-const root = getContext("theme") === void 0;
-if (theme === "invert") {
-  const previousTheme = getContext("theme") || "light";
-  theme = previousTheme === "light" ? "dark" : "light";
-} else {
-  theme = theme || (browser ? localStorage.getItem("theme") || window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : "light");
-}
-const existingTheme = getContext("theme");
-setContext("theme", theme);
-</script>
-
-<svelte:body style="background-color: var(--bg-app);" />
-
-<svelte:head>
-    {#if !existingTheme}
-        <meta name="theme-color" content="{theme === 'dark' ? '#000' : '#fff'}" />
-    {/if}
-</svelte:head>
-
-<span class="Theme {theme ? theme : ''}" class:root>
-    {@render children()}
-</span>
-
-<style>
-    .Theme {
-        display: contents;
-    }
-    .Theme.light :global(:root) {
-        --scrollbar-color: var(--l-scrollbar-color);
-    }
-    .Theme.dark :global(:root) {
-        --scrollbar-color: var(--d-scrollbar-color);
-    }
-    .Theme.light {
-        --mix-target: var(--l-mix-target);
-        /* bg */
-        --bg-app: var(--l-bg-app);
-        --bg-subtle: var(--l-bg-subtle);
-        --bg-overlay: var(--l-bg-overlay);
-        --shadow: var(--l-shadow);
-        /* border */
-        --border-color: var(--l-border-color);
-        --border-subtle-color: var(--l-border-subtle-color);
-        --focus-color: var(--l-focus-color);
-        --focus-color-error: var(--l-focus-color-error);
-        --border: var(--l-border);
-        --border-subtle: var(--l-border-subtle);
-        --focus-outline: var(--l-focus-outline);
-        /* text */
-        --text: var(--l-text);
-        --text-subtle: var(--l-text-subtle);
-        --text-highlight: var(--l-text-highlight);
-        --text-heading: var(--l-text-heading);
-        --text-link: var(--l-text-link);
-        --text-warn: var(--l-text-warn);
-        --text-icon: var(--l-text-icon);
-        --text-subtle-icon: var(--l-text-subtle-icon);
-        --text-warn-icon: var(--l-text-warn-icon);
-        /* fields */
-        --field-bg: var(--l-field-bg);
-        --field-border-color: var(--l-field-border-color);
-        --field-border-color-error: var(--l-field-border-color-error);
-        --field-border: var(--l-field-border);
-        --field-text: var(--l-field-text);
-        --field-placeholder: var(--l-field-placeholder);
-        --field-label: var(--l-field-label);
-        /* toggle */
-        --toggle-on: var(--l-toggle-on);
-        --toggle-off: var(--l-toggle-off);
-        /* buttons */
-        --button-bg: var(--l-button-bg);
-        --button-text: var(--l-button-text);
-        --button-border-color: var(--l-button-border-color);
-        --button-border: var(--l-button-border);
-        /* buttons: secondary */
-        --button-secondary-bg: var(--l-button-secondary-bg);
-        --button-secondary-text: var(--l-button-secondary-text);
-        --button-secondary-border-color: var(--l-button-secondary-border-color);
-        --button-secondary-border: var(--l-button-secondary-border);
-        /* buttons: disabled */
-        --button-disabled-bg: var(--l-button-disabled-bg);
-        --button-disabled-text: var(--l-button-disabled-text);
-        --button-disabled-border-color: var(--l-button-disabled-border-color);
-        --button-disabled-border: var(--l-button-disabled-border);
-        /* buttons: outlined */
-        --button-outlined-text: var(--l-button-outlined-text);
-        --button-outlined-border-color: var(--l-button-outlined-border-color);
-        --button-outlined-border: var(--l-button-outlined-border);
-        /* buttons: warn */
-        --button-warn-bg: var(--l-button-warn-bg);
-        --button-warn-text: var(--l-button-warn-text);
-        --button-warn-border-color: var(--l-button-warn-border-color);
-        --button-warn-border: var(--l-button-warn-border);
-        /* warn */
-        --warn-bg: var(--l-warn-bg);
-        --warn-border: var(--l-warn-border);
-        --warn-text: var(--l-warn-text);
-        /* success */
-        --success-bg: var(--l-success-bg);
-        --success-border: var(--l-success-border);
-        --success-text: var(--l-success-text);
-        /* error */
-        --error-bg: var(--l-error-bg);
-        --error-border: var(--l-error-border);
-        --error-text: var(--l-error-text);
-        /* info */
-        --info-bg: var(--l-info-bg);
-        --info-border: var(--l-info-border);
-        --info-text: var(--l-info-text);
-        /* menu */
-        --menu-bg: var(--l-menu-bg);
-        --menu-bg-active: var(--l-menu-bg-active);
-        --menu-bg-hover: var(--l-menu-bg-hover);
-        --menu-border: var(--l-menu-border);
-        --menu-text: var(--l-menu-text);
-        --menu-text-subtle: var(--l-menu-text-subtle);
-        --menu-text-active: var(--l-menu-text-active);
-        /* status */
-        --status-default: var(--l-status-default);
-        --status-ok: var(--l-status-ok);
-        --status-alert: var(--l-status-alert);
-        --status-warn: var(--l-status-warn);
-        --status-info: var(--l-status-info);
-        --status-task: var(--l-status-task);
-        --scrollbar-color: var(--l-scrollbar-color);
-    }
-    .Theme.dark {
-        --mix-target: var(--d-mix-target);
-        /* bg */
-        --bg-app: var(--d-bg-app);
-        --bg-subtle: var(--d-bg-subtle);
-        --bg-overlay: var(--d-bg-overlay);
-        --shadow: var(--d-shadow);
-        /* border */
-        --border-color: var(--d-border-color);
-        --border-subtle-color: var(--d-border-subtle-color);
-        --focus-color: var(--d-focus-color);
-        --focus-color-error: var(--d-focus-color-error);
-        --border: var(--d-border);
-        --border-subtle: var(--d-border-subtle);
-        --focus-outline: var(--d-focus-outline);
-        /* text */
-        --text: var(--d-text);
-        --text-subtle: var(--d-text-subtle);
-        --text-highlight: var(--d-text-highlight);
-        --text-heading: var(--d-text-heading);
-        --text-link: var(--d-text-link);
-        --text-link-hover: var(--d-text-link-hover);
-        --text-warn: var(--d-text-warn);
-        --text-icon: var(--d-text-icon);
-        --text-subtle-icon: var(--d-text-subtle-icon);
-        --text-warn-icon: var(--d-text-warn-icon);
-        /* fields */
-        --field-bg: var(--d-field-bg);
-        --field-border-color: var(--d-field-border-color);
-        --field-border-color-error: var(--d-field-border-color-error);
-        --field-border: var(--d-field-border);
-        --field-text: var(--d-field-text);
-        --field-placeholder: var(--d-field-placeholder);
-        --field-label: var(--d-field-label);
-        /* toggle */
-        --toggle-on: var(--d-toggle-on);
-        --toggle-on-hover: var(--d-toggle-on-hover);
-        --toggle-off: var(--d-toggle-off);
-        --toggle-off-hover: var(--d-toggle-off-hover);
-        /* buttons */
-        --button-bg: var(--d-button-bg);
-        --button-text: var(--d-button-text);
-        --button-border-color: var(--d-button-border-color);
-        --button-border: var(--d-button-border);
-        /* buttons: secondary */
-        --button-secondary-bg: var(--d-button-secondary-bg);
-        --button-secondary-text: var(--d-button-secondary-text);
-        --button-secondary-border-color: var(--d-button-secondary-border-color);
-        --button-secondary-border: var(--d-button-secondary-border);
-        /* buttons: disabled */
-        --button-disabled-bg: var(--d-button-disabled-bg);
-        --button-disabled-text: var(--d-button-disabled-text);
-        --button-disabled-border-color: var(--d-button-disabled-border-color);
-        --button-disabled-border: var(--d-button-disabled-border);
-        /* buttons: outlined */
-        --button-outlined-text: var(--d-button-outlined-text);
-        --button-outlined-border-color: var(--d-button-outlined-border-color);
-        --button-outlined-border: var(--d-button-outlined-border);
-        /* buttons: warn */
-        --button-warn-bg: var(--d-button-warn-bg);
-        --button-warn-text: var(--d-button-warn-text);
-        --button-warn-border-color: var(--d-button-warn-border-color);
-        --button-warn-border: var(--d-button-warn-border);
-        /* warn */
-        --warn-bg: var(--d-warn-bg);
-        --warn-border: var(--d-warn-border);
-        --warn-text: var(--d-warn-text);
-        /* success */
-        --success-bg: var(--d-success-bg);
-        --success-border: var(--d-success-border);
-        --success-text: var(--d-success-text);
-        /* error */
-        --error-bg: var(--d-error-bg);
-        --error-border: var(--d-error-border);
-        --error-text: var(--d-error-text);
-        /* info */
-        --info-bg: var(--d-info-bg);
-        --info-border: var(--d-info-border);
-        --info-text: var(--d-info-text);
-        /* menu */
-        --menu-bg: var(--d-menu-bg);
-        --menu-bg-active: var(--d-menu-bg-active);
-        --menu-border: var(--d-menu-border);
-        --menu-text: var(--d-menu-text);
-        --menu-text-subtle: var(--d-menu-text-subtle);
-        --menu-text-active: var(--d-menu-text-active);
-        /* status */
-        --status-default: var(--d-status-default);
-        --status-ok: var(--d-status-ok);
-        --status-alert: var(--d-status-alert);
-        --status-warn: var(--d-status-warn);
-        --status-info: var(--d-status-info);
-        --status-task: var(--d-status-task);
-        --scrollbar-color: var(--d-scrollbar-color);
-    }
-</style>

package/dist/layout/Theme.svelte.d.ts

@@ -1,24 +0,0 @@
-import { SvelteComponent } from "svelte";
-import { type Snippet } from "svelte";
-declare const __propDef: {
-    props: {
-        theme?: "light" | "dark" | "invert" | undefined;
-        children: Snippet;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ThemeProps = typeof __propDef.props;
-export type ThemeEvents = typeof __propDef.events;
-export type ThemeSlots = typeof __propDef.slots;
-export default class Theme extends SvelteComponent<ThemeProps, ThemeEvents, ThemeSlots> {
-    constructor(options?: import("svelte").ComponentConstructorOptions<{
-        theme?: "light" | "dark" | "invert" | undefined;
-        children: (this: void) => typeof import("svelte").SnippetReturn & {
-            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
-        };
-    }>);
-}
-export {};

package/dist/layout/UIContent.svelte

@@ -1,15 +0,0 @@
-<script lang="ts">let {
-  children
-} = $props();
-</script>
-
-<div class="UIContent">
-    {@render children()}
-</div>
-
-<style>
-    .UIContent {
-        display: contents;
-        --isPage: 0;
-    }
-</style>

package/dist/layout/UIContent.svelte.d.ts

@@ -1,22 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { Snippet } from "svelte";
-declare const __propDef: {
-    props: {
-        children: Snippet;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type UiContentProps = typeof __propDef.props;
-export type UiContentEvents = typeof __propDef.events;
-export type UiContentSlots = typeof __propDef.slots;
-export default class UiContent extends SvelteComponent<UiContentProps, UiContentEvents, UiContentSlots> {
-    constructor(options?: import("svelte").ComponentConstructorOptions<{
-        children: (this: void) => typeof import("svelte").SnippetReturn & {
-            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
-        };
-    }>);
-}
-export {};

package/dist/layout/index.d.ts

@@ -1,7 +0,0 @@
-export { default as Layout } from './Layout.svelte';
-export { default as LayoutGrid } from './LayoutGrid.svelte';
-export { default as LayoutFooter } from './LayoutFooter.svelte';
-export { default as LayoutHeader } from './LayoutHeader.svelte';
-export { default as PageContent } from './PageContent.svelte';
-export { default as UIContent } from './UIContent.svelte';
-export { default as Theme } from './Theme.svelte';

package/dist/layout/index.js

@@ -1,7 +0,0 @@
-export { default as Layout } from './Layout.svelte';
-export { default as LayoutGrid } from './LayoutGrid.svelte';
-export { default as LayoutFooter } from './LayoutFooter.svelte';
-export { default as LayoutHeader } from './LayoutHeader.svelte';
-export { default as PageContent } from './PageContent.svelte';
-export { default as UIContent } from './UIContent.svelte';
-export { default as Theme } from './Theme.svelte';

package/dist/layout/overlays.svelte.d.ts

@@ -1,34 +0,0 @@
-import type { ComponentType, Snippet } from "svelte";
-export type OverlayPosition = "top left" | "top center" | "top right" | "bottom left" | "bottom center" | "bottom right" | "center" | "anchor";
-export type TransitionOpts = {
-    y?: number;
-    x?: number;
-    duration?: number;
-    origin?: string;
-    easing?: (t: number) => number;
-};
-export type OverlayItem = {
-    id: string;
-    z?: number;
-    content: string | Snippet | ComponentType;
-    props?: Record<string, any>;
-    layer?: string;
-    anchor?: HTMLElement;
-    transition?: TransitionOpts;
-    position?: OverlayPosition;
-    sticky?: boolean;
-    stack?: string;
-};
-declare let overlays: {
-    topRight: OverlayItem[];
-    topLeft: OverlayItem[];
-    topCenter: OverlayItem[];
-    bottomRight: OverlayItem[];
-    bottomLeft: OverlayItem[];
-    bottomCenter: OverlayItem[];
-    center: OverlayItem[];
-    anchor: OverlayItem[];
-};
-declare function addOverlay(opts: OverlayItem): void;
-declare function removeOverlay(id: string): void;
-export { overlays, addOverlay, removeOverlay };

package/dist/layout/overlays.svelte.js

@@ -1,44 +0,0 @@
-let overlays = $state({
-    topRight: [],
-    topLeft: [],
-    topCenter: [],
-    bottomRight: [],
-    bottomLeft: [],
-    bottomCenter: [],
-    center: [],
-    anchor: [],
-});
-function addOverlay(opts) {
-    switch (opts.position) {
-        case "top left":
-            overlays.topLeft.push(opts);
-            break;
-        case "top right":
-            overlays.topRight.push(opts);
-            break;
-        case "top center":
-            overlays.topCenter.push(opts);
-            break;
-        case "bottom left":
-            overlays.bottomLeft.push(opts);
-            break;
-        case "bottom right":
-            overlays.bottomRight.push(opts);
-            break;
-        case "bottom center":
-            overlays.bottomCenter.push(opts);
-            break;
-        case "center":
-            overlays.center.push(opts);
-            break;
-        default:
-            overlays.anchor.push(opts);
-            break;
-    }
-}
-function removeOverlay(id) {
-    for (const key in overlays) {
-        overlays[key] = overlays[key].filter((o) => o.id !== id);
-    }
-}
-export { overlays, addOverlay, removeOverlay };