lutra 0.0.20 → 0.0.33

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

@@ -1,30 +1,26 @@
-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;
-        center?: boolean | undefined;
-        fullWidth?: boolean | undefined;
-        contained?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type HeroProps = typeof __propDef.props;
-export type HeroEvents = typeof __propDef.events;
-export type HeroSlots = typeof __propDef.slots;
-export default class Hero extends SvelteComponent<HeroProps, HeroEvents, HeroSlots> {
-    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;
-        center?: boolean | undefined;
-        fullWidth?: boolean | undefined;
-        contained?: boolean | undefined;
-    }>);
+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;
 }
-export {};
+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

@@ -3,15 +3,14 @@ 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 if isComponent(icon)}
-        <svelte:component this={icon} />
-    {:else if isSnippet(icon)}
-        {@render icon()}
+    {:else}
+        <Icon />
     {/if}
 </span>
 

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

@@ -1,24 +1,19 @@
-import { SvelteComponent } from "svelte";
-import type { ComponentType, Snippet } from "svelte";
-declare const __propDef: {
-    props: {
-        icon: string | Snippet | ComponentType;
-        alt?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type IconProps = typeof __propDef.props;
-export type IconEvents = typeof __propDef.events;
-export type IconSlots = typeof __propDef.slots;
-export default class Icon extends SvelteComponent<IconProps, IconEvents, IconSlots> {
-    constructor(options?: import("svelte").ComponentConstructorOptions<{
-        icon: string | ((this: void) => typeof import("svelte").SnippetReturn & {
-            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
-        }) | ComponentType;
-        alt?: string | undefined;
-    }>);
+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;
 }
-export {};
+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

@@ -5,17 +5,20 @@ let {
   icon,
   disabled,
   children,
-  onclick
+  onclick,
+  mask = true
 } = $props();
 </script>
 
 {#snippet inside()}
-    <span class="IconMask">
+    <span class="IconMask" class:mask>
         {#key icon}
             <span class="IconContent" in:fly={{ duration: 250, y: -32, easing: popBezier }} out:fly={{ duration: 250, y: 32, easing: popBezierInverse }}>
                 <Icon {icon} --cursor="pointer" />
                 {#if children}
-                    {@render children()}
+                    <span class="Text">
+                        {@render children()}
+                    </span>
                 {/if}
             </span>
         {/key}
@@ -56,18 +59,22 @@ let {
     }
     .IconMask {
         height: 100%;
-        padding-inline: var(--padding, 0.75em);
-        padding-block: var(--padding, 0.75em);
+        padding-inline: calc(var(--padding, 0.75em) * 0.8);
+        padding-block: calc(var(--padding, 0.75em) * 0.8);
         display: inline-grid;
         gap: 0.5rem;
         grid-template: "icon";
         align-items: center;
+    }
+    .IconMask.mask {
         -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 35%, rgba(0, 0, 0, 1) 65%, rgba(0, 0, 0, 0));
         mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 35%, rgba(0, 0, 0, 1) 65%, rgba(0, 0, 0, 0));
     }
     .IconContent {
         grid-area: icon;
         display: inline-flex;
+        gap: 0.5rem;
+        align-items: center;
     }
     @media(max-width: 960px) {
         .IconMask {

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

@@ -1,30 +1,27 @@
-import { SvelteComponent } from "svelte";
-import type { ComponentType } from "svelte";
-declare const __propDef: {
-    props: {
-        icon: string | ComponentType;
-        children?: ((this: void) => typeof import("svelte").SnippetReturn & {
-            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
-        }) | undefined;
-        onclick?: ((event: MouseEvent) => void) | undefined;
-        disabled?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type IconButtonProps = typeof __propDef.props;
-export type IconButtonEvents = typeof __propDef.events;
-export type IconButtonSlots = typeof __propDef.slots;
-export default class IconButton extends SvelteComponent<IconButtonProps, IconButtonEvents, IconButtonSlots> {
-    constructor(options?: import("svelte").ComponentConstructorOptions<{
-        icon: string | ComponentType;
-        children?: ((this: void) => typeof import("svelte").SnippetReturn & {
-            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
-        }) | undefined;
-        onclick?: ((event: MouseEvent) => void) | undefined;
-        disabled?: boolean | undefined;
-    }>);
+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;
 }
-export {};
+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.d.ts

@@ -1,37 +1,26 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        hash?: string | undefined;
-        aspectRatio?: string | undefined;
-        fit?: "cover" | "contain" | "scale-down" | undefined;
-        src?: string | undefined;
-        srcset?: string | undefined;
-        alt?: string | undefined;
-        width?: string | number | undefined;
-        height?: string | number | undefined;
-        style?: string | undefined;
-        class?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ImageProps = typeof __propDef.props;
-export type ImageEvents = typeof __propDef.events;
-export type ImageSlots = typeof __propDef.slots;
-export default class Image extends SvelteComponent<ImageProps, ImageEvents, ImageSlots> {
-    constructor(options?: import("svelte").ComponentConstructorOptions<{
-        hash?: string | undefined;
-        aspectRatio?: string | undefined;
-        fit?: "cover" | "contain" | "scale-down" | undefined;
-        src?: string | undefined;
-        srcset?: string | undefined;
-        alt?: string | undefined;
-        width?: string | number | undefined;
-        height?: string | number | undefined;
-        style?: string | undefined;
-        class?: string | undefined;
-    }>);
+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;
 }
-export {};
+declare const Image: $$__sveltets_2_IsomorphicComponent<{
+    hash?: string;
+    aspectRatio?: string;
+    fit?: "cover" | "contain" | "scale-down";
+    src?: string;
+    srcset?: string;
+    alt?: string;
+    width?: string | number;
+    height?: string | number;
+    style?: string;
+    class?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Image = InstanceType<typeof Image>;
+export default Image;

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

@@ -1,24 +1,23 @@
-import { SvelteComponent } from "svelte";
 import { type StatusColorOrString } from "../utils/color.js";
-declare const __propDef: {
-    props: {
-        color?: StatusColorOrString | undefined;
-        motion?: "highlight" | "pulse" | "spin" | "blink" | "bulge" | "tunnel" | "typing" | undefined;
-        label?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type IndicatorProps = typeof __propDef.props;
-export type IndicatorEvents = typeof __propDef.events;
-export type IndicatorSlots = typeof __propDef.slots;
-export default class Indicator extends SvelteComponent<IndicatorProps, IndicatorEvents, IndicatorSlots> {
-    constructor(options?: import("svelte").ComponentConstructorOptions<{
-        color?: StatusColorOrString | undefined;
-        motion?: "highlight" | "pulse" | "spin" | "blink" | "bulge" | "tunnel" | "typing" | undefined;
-        label?: string | undefined;
-    }>);
+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;
 }
-export {};
+declare const Indicator: $$__sveltets_2_IsomorphicComponent<{
+    /** The color of the tag. Select from default status colors or provide a CSS Color value. */
+    color?: StatusColorOrString;
+    /** Possible motion to apply to the indicator. */
+    motion?: "pulse" | "spin" | "blink" | "highlight" | "bulge" | "tunnel" | "typing";
+    /** ARIA label to use when a custom color is applied */
+    label?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Indicator = InstanceType<typeof Indicator>;
+export default Indicator;

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

@@ -1,22 +1,18 @@
-import { SvelteComponent } from "svelte";
 import type { Snippet } from "svelte";
-declare const __propDef: {
-    props: {
-        children: Snippet;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InsetProps = typeof __propDef.props;
-export type InsetEvents = typeof __propDef.events;
-export type InsetSlots = typeof __propDef.slots;
-export default class Inset extends SvelteComponent<InsetProps, InsetEvents, InsetSlots> {
-    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\"";
-        };
-    }>);
+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;
 }
-export {};
+declare const Inset: $$__sveltets_2_IsomorphicComponent<{
+    children: Snippet;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Inset = InstanceType<typeof Inset>;
+export default Inset;