lutra 0.0.33 → 0.1.0

package/dist/layout/LayoutTypes.js

@@ -1,9 +0,0 @@
-export const BREAKPOINTS = {
-    s: 320,
-    m: 672,
-    l: 1312,
-};
-export const BREAKPOINT_SIZES = Object.values(BREAKPOINTS);
-export const SMALLEST_BREAKPOINT = BREAKPOINT_SIZES[0];
-export const LARGEST_BREAKPOINT = BREAKPOINT_SIZES[BREAKPOINT_SIZES.length - 1];
-export const MIN_WIDTH = 280;

package/dist/layout/Overlay.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">import { onDestroy, onMount } from "svelte";
-import { addOverlay, removeOverlay } from "./overlays.svelte.js";
-import { createId } from "../utils/id.js";
-let {
-  id = createId(),
-  children,
-  position = "center",
-  anchor,
-  layer,
-  transition,
-  z
-} = $props();
-onMount(() => {
-  addOverlay({ id, z, layer, content: children, transition, position, anchor });
-});
-onDestroy(() => {
-  removeOverlay(id);
-});
-</script>
-

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

@@ -1,25 +0,0 @@
-import { type Snippet } from "svelte";
-import { type OverlayPosition, type TransitionOpts } from "./overlays.svelte.js";
-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 Overlay: $$__sveltets_2_IsomorphicComponent<{
-    id?: string;
-    children: Snippet;
-    anchor?: HTMLElement;
-    layer?: string;
-    position?: OverlayPosition;
-    transition?: TransitionOpts;
-    z?: number;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Overlay = InstanceType<typeof Overlay>;
-export default Overlay;

package/dist/layout/OverlayContainer.svelte

@@ -1,28 +0,0 @@
-<script lang="ts">import { overlays } from "./overlays.svelte.js";
-import OverlayLayer from "./OverlayLayer.svelte";
-import { slidefade } from "../utils/transitions.js";
-</script>
-
-<div class="Overlay">
-    <OverlayLayer position="top left" items={overlays.topLeft} />
-    <OverlayLayer position="top right" items={overlays.topRight} />
-    <OverlayLayer position="top center" items={overlays.topCenter} />
-    <OverlayLayer position="bottom left" items={overlays.bottomLeft} />
-    <OverlayLayer position="bottom right" items={overlays.bottomRight} />
-    <OverlayLayer position="bottom center" items={overlays.bottomCenter} />
-    <OverlayLayer position="center" items={overlays.center} />
-    <OverlayLayer position="anchor" items={overlays.anchor} />
-</div>
-
-<style>
-    .Overlay {
-        display: block;
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        z-index: 1000;
-        pointer-events: none;
-    }
-</style>

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

@@ -1,15 +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: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports;
-    z_$$bindings?: Bindings;
-}
-declare const OverlayContainer: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type OverlayContainer = InstanceType<typeof OverlayContainer>;
-export default OverlayContainer;

package/dist/layout/OverlayLayer.svelte

@@ -1,140 +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)}
-                <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,19 +0,0 @@
-import { type OverlayItem, type OverlayPosition } from "./overlays.svelte.js";
-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 OverlayLayer: $$__sveltets_2_IsomorphicComponent<{
-    position?: OverlayPosition;
-    items: OverlayItem[];
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type OverlayLayer = InstanceType<typeof OverlayLayer>;
-export default OverlayLayer;

package/dist/layout/PageContent.svelte

@@ -1,82 +0,0 @@
-<script lang="ts">import { setContext } from "svelte";
-let {
-  children,
-  pad = false,
-  middle = false,
-  center = false,
-  style
-} = $props();
-let padStyle = $derived.by(() => {
-  if (typeof pad === "boolean") {
-    return `--padBlockStart: ${pad ? "var(--page-padding, var(--padding-block, var(--pad-xl)))" : "0"}; --padBlockEnd: ${pad ? "var(--page-padding, var(--padding-block, var(--pad-xl)))" : "0"}; --padInlineStart: ${pad ? "var(--page-padding, var(--padding-inline, var(--pad-xl)))" : "0"}; --padInlineEnd: ${pad ? "var(--page-padding, var(--padding-inline, var(--pad-xl)))" : "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(--page-padding, var(--padding-block, var(--pad-xl)))" : "0"}; --padBlockEnd: ${pad[0] ? "var(--page-padding, var(--padding-block, var(--pad-xl)))" : "0"}; --padInlineStart: ${pad[1] ? "var(--page-padding, var(--padding-inline, var(--pad-xl)))" : "0"}; --padInlineEnd: ${pad[1] ? "var(--page-padding, var(--padding-inline, var(--pad-xl)))" : "0"};`;
-      case 3:
-        return `--padBlockStart: ${pad[0] ? "var(--page-padding, var(--padding-block, var(--pad-xl)))" : "0"}; --padBlockEnd: ${pad[1] ? "var(--page-padding, var(--padding-block, var(--pad-xl)))" : "0"}; --padInlineStart: ${pad[2] ? "var(--page-padding, var(--padding-inline, var(--pad-xl)))" : "0"}; --padInlineEnd: ${pad[2] ? "var(--page-padding, var(--padding-inline, var(--pad-xl)))" : "0"};`;
-      case 4:
-        return `--padBlockStart: ${pad[0] ? "var(--page-padding, var(--padding-block, var(--pad-xl)))" : "0"}; --padBlockEnd: ${pad[1] ? "var(--page-padding, var(--padding-block, var(--pad-xl)))" : "0"}; --padInlineStart: ${pad[2] ? "var(--page-padding, var(--padding-inline, var(--pad-xl)))" : "0"}; --padInlineEnd: ${pad[3] ? "var(--page-padding, var(--padding-inline, var(--pad-xl)))" : "0"};`;
-    }
-  }
-  return "";
-});
-</script>
-
-<article
-    class="Page"
-    class:middle
-    class:center
-    style="{padStyle} {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 {
-        container-type: inline-size;
-        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;
-    }
-</style>

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

@@ -1,25 +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 PageContent: $$__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 in the block direction. */
-    middle?: boolean;
-    /** Center the content in the inline direction. */
-    center?: boolean;
-    style?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type PageContent = InstanceType<typeof PageContent>;
-export default PageContent;

package/dist/layout/Theme.svelte

@@ -1,243 +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 isNotRoot = getContext("theme");
-setContext("theme", theme);
-</script>
-
-<!--
-<svelte:body class="{!isNotRoot ? 'theme-'+theme : ''}" />
--->
-
-<svelte:head>
-    {#if !isNotRoot}
-        <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 {
-        color-scheme: light;
-        --mix-target: var(--l-mix-target);
-        /* bg */
-        --bg-app: var(--l-bg-app);
-        --bg-panel: var(--l-bg-panel);
-        --bg-scrim: var(--l-bg-scrim);
-        --bg-subtler: var(--l-bg-subtler);
-        --bg-hover: var(--l-bg-hover);
-        --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-subtler: var(--l-text-subtler);
-        --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 */
-        --form-bg: var(--l-form-bg);
-        --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-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 {
-        color-scheme: dark;
-        --mix-target: var(--d-mix-target);
-        /* bg */
-        --bg-app: var(--d-bg-app);
-        --bg-panel: var(--d-bg-panel);
-        --bg-scrim: var(--d-bg-scrim);
-        --bg-subtler: var(--d-bg-subtler);
-        --bg-subtle: var(--d-bg-subtle);
-        --bg-hover: var(--d-bg-hover);
-        --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-subtler: var(--d-text-subtler);
-        --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 */
-        --form-bg: var(--d-form-bg);
-        --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,19 +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 Theme: $$__sveltets_2_IsomorphicComponent<{
-    theme?: "light" | "dark" | "invert";
-    children: Snippet;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Theme = InstanceType<typeof Theme>;
-export default Theme;

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,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 UiContent: $$__sveltets_2_IsomorphicComponent<{
-    children: Snippet;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type UiContent = InstanceType<typeof UiContent>;
-export default UiContent;