lutra 0.0.33 → 0.1.4

package/dist/display/chart.js

@@ -1,212 +0,0 @@
-export function scale(domain, range) {
-    const m = (range[1] - range[0]) / (domain[1] - domain[0]);
-    return (num) => range[0] + m * (num - domain[0]);
-}
-export function makeScale(numbers, itemsToReturn) {
-    const min = 0;
-    const max = Math.max(...numbers);
-    const interval = Math.ceil(max / itemsToReturn);
-    const getRoundedInterval = (value) => {
-        const power = Math.floor(Math.log10(value));
-        const factor = Math.pow(10, power);
-        if (value / factor <= 2) {
-            return 2 * factor;
-        }
-        else if (value / factor <= 5) {
-            return 5 * factor;
-        }
-        else {
-            return 10 * factor;
-        }
-    };
-    const roundedInterval = getRoundedInterval(interval);
-    const maxOutputValue = Math.ceil(max / roundedInterval) * roundedInterval;
-    const outputLength = maxOutputValue / roundedInterval + 1;
-    const output = new Array(outputLength)
-        .fill(0)
-        .map((_, index) => index * roundedInterval);
-    return output;
-}
-export function getShortKValue(num) {
-    if (num >= 1000000) {
-        const shortMValue = (num / 1000000).toFixed(1);
-        if (shortMValue.endsWith('.0')) {
-            return shortMValue.slice(0, -2) + 'M';
-        }
-        else {
-            return shortMValue + 'M';
-        }
-    }
-    else if (num >= 1000) {
-        const shortKValue = (num / 1000).toFixed(1);
-        if (shortKValue.endsWith('.0')) {
-            return shortKValue.slice(0, -2) + 'K';
-        }
-        else {
-            return shortKValue + 'K';
-        }
-    }
-    else {
-        return num.toString();
-    }
-}
-/**
-* Interpolates a Catmull-Rom Spline through a series of x/y points
-* Converts the CR Spline to Cubic Beziers for use with SVG items
-*
-* If 'alpha' is 0.5 then the 'Centripetal' variant is used
-* If 'alpha' is 1 then the 'Chordal' variant is used
-*
-* @param  {Array} data - Array of points, each point in object literal holding x/y values
-* @return {String} d - SVG string with cubic bezier curves representing the Catmull-Rom Spline
-*/
-export function catmullRomBase(data, alpha) {
-    if (alpha == 0 || alpha === undefined) {
-        throw new Error('Alpha value must be greater than 0');
-    }
-    else {
-        let pointsData = [];
-        var p0, p1, p2, p3, bp1, bp2, d1, d2, d3, A, B, N, M;
-        var d3powA, d2powA, d3pow2A, d2pow2A, d1pow2A, d1powA;
-        var d = Math.round(data[0].x) + ',' + Math.round(data[0].y) + ' ';
-        var length = data.length;
-        for (var i = 0; i < length - 1; i++) {
-            p0 = i == 0 ? data[0] : data[i - 1];
-            p1 = data[i];
-            p2 = data[i + 1];
-            p3 = i + 2 < length ? data[i + 2] : p2;
-            d1 = Math.sqrt(Math.pow(p0.x - p1.x, 2) + Math.pow(p0.y - p1.y, 2));
-            d2 = Math.sqrt(Math.pow(p1.x - p2.x, 2) + Math.pow(p1.y - p2.y, 2));
-            d3 = Math.sqrt(Math.pow(p2.x - p3.x, 2) + Math.pow(p2.y - p3.y, 2));
-            // Catmull-Rom to Cubic Bezier conversion matrix
-            // A = 2d1^2a + 3d1^a * d2^a + d3^2a
-            // B = 2d3^2a + 3d3^a * d2^a + d2^2a
-            // [   0             1            0          0          ]
-            // [   -d2^2a /N     A/N          d1^2a /N   0          ]
-            // [   0             d3^2a /M     B/M        -d2^2a /M  ]
-            // [   0             0            1          0          ]
-            d3powA = Math.pow(d3, alpha);
-            d3pow2A = Math.pow(d3, 2 * alpha);
-            d2powA = Math.pow(d2, alpha);
-            d2pow2A = Math.pow(d2, 2 * alpha);
-            d1powA = Math.pow(d1, alpha);
-            d1pow2A = Math.pow(d1, 2 * alpha);
-            A = 2 * d1pow2A + 3 * d1powA * d2powA + d2pow2A;
-            B = 2 * d3pow2A + 3 * d3powA * d2powA + d2pow2A;
-            N = 3 * d1powA * (d1powA + d2powA);
-            if (N > 0) {
-                N = 1 / N;
-            }
-            M = 3 * d3powA * (d3powA + d2powA);
-            if (M > 0) {
-                M = 1 / M;
-            }
-            bp1 = {
-                x: (-d2pow2A * p0.x + A * p1.x + d1pow2A * p2.x) * N,
-                y: (-d2pow2A * p0.y + A * p1.y + d1pow2A * p2.y) * N
-            };
-            bp2 = {
-                x: (d3pow2A * p1.x + B * p2.x - d2pow2A * p3.x) * M,
-                y: (d3pow2A * p1.y + B * p2.y - d2pow2A * p3.y) * M
-            };
-            if (bp1.x == 0 && bp1.y == 0) {
-                bp1 = p1;
-            }
-            if (bp2.x == 0 && bp2.y == 0) {
-                bp2 = p2;
-            }
-            //d += 'C' + bp1.x + ',' + bp1.y + ' ' + bp2.x + ',' + bp2.y + ' ' + p2.x + ',' + p2.y + ' ';
-            pointsData.push({
-                p1: p1,
-                p2: p2,
-                bp1: bp1,
-                bp2: bp2
-            });
-        }
-        return pointsData;
-    }
-}
-;
-/**
-* Returns the SVG path for Catmull-Rom spline interpolation
-*/
-export function catmullRomToSVG(pointsData, alpha, firstValue) {
-    //const pointsData = catmullRomBase(data, alpha);
-    if (!pointsData)
-        return false;
-    let d = Math.round(firstValue.x) + ',' + Math.round(firstValue.y) + ' ';
-    //let d = '';
-    pointsData.forEach(({ p1, p2, bp1, bp2 }) => {
-        d += 'C' + bp1.x + ',' + bp1.y + ' ' + bp2.x + ',' + bp2.y + ' ' + p2.x + ',' + p2.y + ' ';
-    });
-    return d;
-}
-/**
-* Returns the Y coordinate for the given X value on the Catmull-Rom spline
-*/
-export function catmullRomGetY(pointsData, alpha, xValue, yPadding) {
-    if (!pointsData)
-        return false;
-    // Find the minimum and maximum Y values
-    let minY = pointsData[0].p1.y;
-    let maxY = pointsData[0].p1.y;
-    for (const { p1, p2, bp1, bp2 } of pointsData) {
-        minY = Math.min(minY, p1.y, p2.y, bp1.y, bp2.y);
-        maxY = Math.max(maxY, p1.y, p2.y, bp1.y, bp2.y);
-    }
-    // Calculate the range and padding for Y values
-    const yRange = maxY - minY;
-    const yOffset = minY + yPadding * yRange / 2;
-    const yScale = 1 - yPadding;
-    let resultY;
-    for (let i = 0; i < pointsData.length; i++) {
-        const { p1, p2, bp1, bp2 } = pointsData[i];
-        // Scale Y coordinates of the points based on the yPadding
-        const scaledP1 = { ...p1, y: yOffset + (p1.y - minY) * yScale };
-        const scaledP2 = { ...p2, y: yOffset + (p2.y - minY) * yScale };
-        const scaledBp1 = { ...bp1, y: yOffset + (bp1.y - minY) * yScale };
-        const scaledBp2 = { ...bp2, y: yOffset + (bp2.y - minY) * yScale };
-        if (xValue >= p1.x && xValue <= p2.x) {
-            // Use the de Casteljau's algorithm to find the Y coordinate for the given X value
-            const t = (xValue - p1.x) / (p2.x - p1.x);
-            const q0 = lerp(scaledP1, scaledBp1, t);
-            const q1 = lerp(scaledBp1, scaledBp2, t);
-            const q2 = lerp(scaledBp2, scaledP2, t);
-            const r0 = lerp(q0, q1, t);
-            const r1 = lerp(q1, q2, t);
-            const resultPoint = lerp(r0, r1, t);
-            // Rescale the resulting Y coordinate back to its original range
-            resultY = minY + (resultPoint.y - yOffset) / yScale;
-            break;
-        }
-    }
-    return resultY;
-}
-/**
-* Linear interpolation helper function
-*/
-export function lerp(point1, point2, t) {
-    return {
-        x: point1.x + (point2.x - point1.x) * t,
-        y: point1.y + (point2.y - point1.y) * t,
-    };
-}
-export function getSVGSize(svg) {
-    const rect = svg.getBoundingClientRect();
-    const styles = window.getComputedStyle(svg);
-    const padding = {
-        left: parseFloat(styles.paddingLeft),
-        right: parseFloat(styles.paddingRight),
-        top: parseFloat(styles.paddingTop),
-        bottom: parseFloat(styles.paddingBottom),
-    };
-    const innerWidth = rect.width - padding.left - padding.right;
-    const innerHeight = rect.height - padding.top - padding.bottom;
-    return {
-        innerWidth: innerWidth,
-        innerHeight: innerHeight,
-        width: rect.width,
-        height: rect.height,
-        padding: padding,
-    };
-}

package/dist/display/index.d.ts

@@ -1,24 +0,0 @@
-export { default as Avatar } from './Avatar.svelte';
-export { default as Badge } from './Badge.svelte';
-export { default as Callout } from './Callout.svelte';
-export { default as Close } from './Close.svelte';
-export { default as Code } from './Code.svelte';
-export { default as ContextTip } from './ContextTip.svelte';
-export { default as Details } from './Details.svelte';
-export { default as Hero } from './Hero.svelte';
-export { default as Icon } from './Icon.svelte';
-export { default as IconButton } from './IconButton.svelte';
-export { default as Image } from './Image.svelte';
-export { default as Indicator } from './Indicator.svelte';
-export { default as Inset } from './Inset.svelte';
-export { default as Notification } from './Notification.svelte';
-export { default as Popup } from './Popup.svelte';
-export { default as Stat } from './Stat.svelte';
-export { default as LineChart } from './LineChart.svelte';
-export { default as LoadingIndicator } from './LoadingIndicator.svelte';
-export { default as Modal } from './Modal.svelte';
-export { default as Table } from './Table.svelte';
-export { default as Tag } from './Tag.svelte';
-export { default as Tooltip } from './Tooltip.svelte';
-export * from './chart.js';
-export * from './notifications.svelte.js';

package/dist/display/index.js

@@ -1,24 +0,0 @@
-export { default as Avatar } from './Avatar.svelte';
-export { default as Badge } from './Badge.svelte';
-export { default as Callout } from './Callout.svelte';
-export { default as Close } from './Close.svelte';
-export { default as Code } from './Code.svelte';
-export { default as ContextTip } from './ContextTip.svelte';
-export { default as Details } from './Details.svelte';
-export { default as Hero } from './Hero.svelte';
-export { default as Icon } from './Icon.svelte';
-export { default as IconButton } from './IconButton.svelte';
-export { default as Image } from './Image.svelte';
-export { default as Indicator } from './Indicator.svelte';
-export { default as Inset } from './Inset.svelte';
-export { default as Notification } from './Notification.svelte';
-export { default as Popup } from './Popup.svelte';
-export { default as Stat } from './Stat.svelte';
-export { default as LineChart } from './LineChart.svelte';
-export { default as LoadingIndicator } from './LoadingIndicator.svelte';
-export { default as Modal } from './Modal.svelte';
-export { default as Table } from './Table.svelte';
-export { default as Tag } from './Tag.svelte';
-export { default as Tooltip } from './Tooltip.svelte';
-export * from './chart.js';
-export * from './notifications.svelte.js';

package/dist/form/FieldActions.svelte.d.ts

@@ -1,20 +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 FieldActions: $$__sveltets_2_IsomorphicComponent<{
-    align?: "justified" | "start" | "middle" | "end";
-    children: Snippet;
-    info?: string | Snippet;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type FieldActions = InstanceType<typeof FieldActions>;
-export default FieldActions;

package/dist/form/FieldContainer.svelte

@@ -1,37 +0,0 @@
-<script lang="ts">let {
-  children,
-  contained
-} = $props();
-</script>
-
-<div class="FieldContainer" class:contained style="--fcc: {contained ? 1 : 0}">
-    {@render children()}
-</div>
-
-<style>
-    .FieldContainer {
-        container-type: inline-size;
-        display: grid;
-        row-gap: 1.5em;
-        column-gap: 3em;
-        grid-template-columns: minmax(25ch, 35%) minmax(min-content, 1fr);
-        border-radius: var(--border-radius);
-        background: var(--bg, var(--form-bg));
-    }
-    .FieldContainer.contained {
-        border: var(--border);
-        gap: 0;
-    }
-    .FieldContainer :global(.FieldSection:has(+ .FieldActions)) {
-        margin-bottom: 0;
-        border-bottom: 0;
-    }
-    .FieldContainer.contained :global(.FieldSection:has(+ .FieldActions)) {
-        border-bottom: var(--border);
-    }
-    @container (max-width: 800px) {
-        .FieldContainer {
-            grid-template-columns: 1fr;
-        }
-    }
-</style>

package/dist/form/FieldContainer.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 FieldContainer: $$__sveltets_2_IsomorphicComponent<{
-    contained?: boolean;
-    children: Snippet;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type FieldContainer = InstanceType<typeof FieldContainer>;
-export default FieldContainer;

package/dist/form/FieldSection.svelte

@@ -1,86 +0,0 @@
-<script lang="ts">import H5 from "../typo/H5.svelte";
-import P from "../typo/P.svelte";
-let {
-  title,
-  description,
-  children
-} = $props();
-</script>
-
-<div class="FieldSection" class:noTitle={!title && !description}>
-    {#if title || description}
-        <div class="FieldSectionTitle">
-            {#if title}
-                {#if typeof title === "string"}
-                    <H5>{title}</H5>
-                {:else}
-                    {@render title()}
-                {/if}
-            {/if}
-            {#if description}
-                {#if typeof description === "string"}
-                    <small>{description}</small>
-                {:else}
-                    {@render description()}
-                {/if}
-            {/if}
-        </div>
-    {/if}
-    <div class="FieldSectionFields">
-        {@render children()}
-    </div>
-</div>
-
-<style>
-    .FieldSection {
-        padding: 0;
-        display: grid;
-        grid-template-columns: subgrid;
-        grid-column: 1 / -1;
-        padding: calc(var(--fcc) * 3em);
-        gap: 3em;
-    }
-    .FieldSectionTitle {
-        display: flex;
-        flex-direction: column;
-        background-color: var(--base);
-        gap: 1.25em;
-        text-wrap: balance;
-    }
-    .FieldSection:not(:first-child) {
-        border-top: calc(var(--fcc) * var(--border-size)) var(--border-style) var(--border-color);
-    }
-    .FieldSectionFields {
-        display: grid;
-        gap: var(--gap, 1.5em);
-    }
-    .FieldSection.noTitle .FieldSectionFields {
-        grid-column: 1 / -1;
-    }
-    @media(max-width: 1280px) {
-        .FieldSection {
-            padding: 2em;
-            gap: 1.5em;
-        }
-        .FieldSectionTitle {
-            gap: 0.5em;
-            padding-block-end: 1.5em;
-        }
-    }
-    @media(max-width: 640px) {
-        .FieldSection {
-            padding: 1em;
-            gap: 1.5em;
-        }
-        .FieldSectionTitle {
-            gap: 0.5em;
-            padding-block-end: 1.5em;
-        }
-    }
-    @container (max-width: 800px) {
-        .FieldSectionTitle,
-        .FieldSectionFields {
-            grid-column: 1 / -1;
-        }
-    }
-</style>

package/dist/form/FieldSection.svelte.d.ts

@@ -1,20 +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 FieldSection: $$__sveltets_2_IsomorphicComponent<{
-    title?: string | Snippet;
-    description?: string | Snippet;
-    children: Snippet;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type FieldSection = InstanceType<typeof FieldSection>;
-export default FieldSection;

package/dist/layout/Layout.svelte

@@ -1,47 +0,0 @@
-<script lang="ts">import "../style.css";
-import Theme from "./Theme.svelte";
-import OverlayContainer from "./OverlayContainer.svelte";
-let {
-  theme,
-  children
-} = $props();
-</script>
-
-<!-- This is an SVG filter that makes text black or white based on the luminance of the background. -->
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="0" style="position:absolute; height:0; width:0; display: contents;">
-    <defs>
-        <filter id="bwFilter" color-interpolation-filters="sRGB">
-            <!-- Convert to grayscale based on luminance -->
-            <feColorMatrix type="matrix"
-                values="0.2126 0.7152 0.0722 0 0
-                        0.2126 0.7152 0.0722 0 0
-                        0.2126 0.7152 0.0722 0 0
-                        0 0 0 1 0"/>
-            <!-- Expand edges slightly to clean up any fringing -->
-            <feMorphology operator="dilate" radius="2"/>
-            <!-- Apply the threshold to determine if the color should be black or white -->
-            <feComponentTransfer>
-                <feFuncR type="linear" slope="-255" intercept="128"/>
-                <feFuncG type="linear" slope="-255" intercept="128"/>
-                <feFuncB type="linear" slope="-255" intercept="128"/>
-            </feComponentTransfer>
-            <!-- Composite step to clean up the result -->
-            <feComposite operator="in" in2="SourceGraphic"/>
-        </filter>
-    </defs>
-</svg>
-
-<Theme theme={theme}>
-    <div class="Layout">
-        {@render children()}
-        <OverlayContainer />
-    </div>
-</Theme>
-
-<style>
-    .Layout {
-        background: var(--bg-app);
-        min-height: 100%;
-        height: 100%;
-    }
-</style>

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

@@ -1,22 +0,0 @@
-import type { Snippet } from "svelte";
-import "../style.css";
-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 Layout: $$__sveltets_2_IsomorphicComponent<{
-    /** The theme to use for the layout. Leave empty to detect automatically or get from user preferences, if any exist. */
-    theme?: "light" | "dark" | undefined;
-    /** The content to display. */
-    children: Snippet;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type Layout = InstanceType<typeof Layout>;
-export default Layout;

package/dist/layout/LayoutFooter.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">let {
-  copyright
-} = $props();
-</script>
-
-<footer>
-    <p>&copy; {new Date().getFullYear()} {copyright}. All rights reserved.</p>
-</footer>
-
-<style>
-    footer {
-        padding: var(--padding, 4rem 4rem);
-        font-size: 0.85em;
-        color: var(--text-subtle);
-    }
-    @media (max-width: 640px) {
-        footer {
-            padding: calc(var(--padding, 4rem) / 2);
-        }
-    }
-</style>

package/dist/layout/LayoutFooter.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 LayoutFooter: $$__sveltets_2_IsomorphicComponent<{
-    /** The copyright text to display. */
-    copyright?: string;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type LayoutFooter = InstanceType<typeof LayoutFooter>;
-export default LayoutFooter;

package/dist/layout/LayoutGrid.svelte

@@ -1,51 +0,0 @@
-<script lang="ts">import { setContext } from "svelte";
-let {
-  children,
-  header,
-  footer,
-  border,
-  sticky
-} = $props();
-</script>
-
-<div class="LayoutGrid" class:footer class:header class:border>
-    {#if header}
-        {@render header()}
-    {/if}
-    <main>
-        {@render children()}
-    </main>
-    {#if footer}
-        {@render footer()}
-    {/if}
-</div>
-
-<style>
-    .LayoutGrid {
-        display: grid;
-        container-type: inline-size;
-        -webkit-overflow-scrolling: touch;
-        min-block-size: var(--min-block-size, 100%);
-        background-color: var(--bg-app);
-    }
-    .LayoutGrid.footer.header {
-        grid-template-rows: auto 1fr auto;
-    }
-    .LayoutGrid.header {
-        grid-template-rows: auto 1fr;
-    }
-    .LayoutGrid.footer {
-        grid-template-rows: 1fr auto;
-    }
-    header.sticky {
-        position: sticky;
-        top: 0;
-        z-index: 10;
-    }
-    .LayoutGrid.border header {
-        border-block-end: var(--header-border, var(--border-subtle));
-    }
-    .LayoutGrid.border footer {
-        border-block-start: var(--footer-border, var(--border-subtle));
-    }
-</style>

package/dist/layout/LayoutGrid.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 LayoutGrid: $$__sveltets_2_IsomorphicComponent<{
-    /** The header of the grid. */
-    header?: Snippet;
-    /** The footer of the grid. */
-    footer?: Snippet;
-    /** Add a subtle border to the header and footer. */
-    border?: boolean;
-    /** Make the header sticky. */
-    sticky?: boolean;
-    /** The main content of the grid. */
-    children: Snippet;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type LayoutGrid = InstanceType<typeof LayoutGrid>;
-export default LayoutGrid;