lutra 0.0.20 → 0.0.33

package/dist/style.css

@@ -18,6 +18,7 @@
 }
 
 :root {
+    font-synthesis-weight: none;
     /* The base grid size is used to calculate sizes */
     --grid-size: 16px;
     /* Default font family */
@@ -33,15 +34,28 @@
     --field-border-style: solid;
     --focus-size: 2px;
     --mix-amount: 80%; 
+    --margin-xxxs: 0.35rem;
+    --margin-xxs: 0.5rem;
+    --margin-xs: 0.75rem;
+    --margin-sm: 1rem;
+    --margin-md: 1.5rem;
+    --margin-lg: 2rem;
+    --margin-xl: 3rem;
+    --margin-xxl: 4rem;
     /* Transitions */
     --menu-trans: 0.1s ease-in-out;
+    --overlay-filter: blur(10px);
     /**
      * Light theme
      */
     --l-mix-target: hsl(215, 0%, 5%);
     /* bg */
-    --l-bg-app: hsl(215, 3%, 99.5%);
-    --l-bg-subtle: hsl(240, 7%, 97%);
+    --l-bg-app: hsl(215, 3%, 98%);
+    --l-bg-panel: white;
+    --l-bg-scrim: rgba(0, 0, 0, 0.5);
+    --l-bg-subtle: hsl(210, 10%, 96%);
+    --l-bg-subtler: hsl(215, 3%, 94%);
+    --l-bg-hover: hsl(215, 50%, 93%);
     --l-bg-overlay: rgba(255,255,255,0.85);
     --l-shadow: rgba(0, 0, 0, 0.15);
     /* border */
@@ -55,6 +69,7 @@
     /* text */
     --l-text: hsl(240, 2%, 20%);
     --l-text-subtle: hsl(240, 2%, 40%);
+    --l-text-subtler: hsl(240, 2%, 55%);
     --l-text-highlight: hsl(206, 99%, 47%);
     --l-text-heading: hsl(240, 3%, 12%);
     --l-text-link: hsl(215, 70%, 55%);
@@ -63,6 +78,7 @@
     --l-text-subtle-icon: #999;
     --l-text-warn-icon: #e74c3c;
     /* fields */
+    --l-form-bg: hsl(215, 3%, 99%);
     --l-field-bg: transparent;
     --l-field-border-color: var(--l-border-color);
     --l-field-border-color-error: var(--l-focus-color-error);
@@ -116,10 +132,8 @@
     /* menu */
     --l-menu-bg: #fff;
     --l-menu-bg-active: hsl(215, 25%, 90%);
-    --l-menu-bg-hover: hsl(215, 20%, 95%);
     --l-menu-border: var(--l-border-subtle);
-    --l-menu-text: var(--text);
-    --l-menu-text-subtle: var(--text-subtle);
+    --l-menu-text: hsl(215, 10%, 50%);
     --l-menu-text-active: hsl(240, 2%, 15%);
     /* status colors */
     --l-status-default: hsl(215, 20%, 85%);
@@ -134,14 +148,18 @@
     /**
      * Dark theme
      */
-    --d-mix-target: hsl(215, 3%, 3%);
+    --d-mix-target: hsl(215, 3%, 10%);
     /* bg */
-    --d-bg-app: #121212;
-    --d-bg-subtle: hsl(215, 3%, 15%);
-    --d-bg-overlay: rgba(0, 0, 0, 0.85);
-    --d-shadow: rgba(0, 0, 0, 0.3);
+    --d-bg-app: hsl(215, 12%, 8%);
+    --d-bg-panel: hsl(215, 12%, 14%);
+    --d-bg-scrim: rgba(0, 0, 0, 0.5);
+    --d-bg-subtle: hsl(215, 12%, 12%);
+    --d-bg-subtler: hsl(215, 12%, 10%);
+    --d-bg-hover: hsl(215, 15%, 20%);
+    --d-bg-overlay: hsla(215, 10%, 10%, 0.85);
+    --d-shadow: hsla(215, 5%, 5%, 0.3);
     /* border */
-    --d-border-color: hsl(215, 8%, 30%);
+    --d-border-color: hsl(215, 10%, 33%);
     --d-border-subtle-color: hsl(215, 5%, 25%);
     --d-focus-color: rgb(77, 144, 254);
     --d-focus-color-error: red;
@@ -149,32 +167,34 @@
     --d-border-subtle: var(--border-size) var(--border-style) var(--d-border-subtle-color);
     --d-focus-outline: var(--focus-size) solid var(--d-focus-color);
     /* text */
-    --d-text: #ccc;
-    --d-text-subtle: #a1a1a6;
+    --d-text: hsl(220, 6%, 80%);
+    --d-text-subtle: hsl(215, 5%, 65%);
+    --d-text-subtler: hsl(215, 5%, 50%);
     --d-text-highlight: #4C9AFF;
     --d-text-heading: #e1e1e3;
     --d-text-link: rgb(77, 144, 254);
     --d-text-link-hover: rgb(58, 109, 193);
-    --d-text-warn: #ff6b6b;
-    --d-text-icon: #bbb;
-    --d-text-subtle-icon: #888;
+    --d-text-warn: #e23434;
+    --d-text-icon: hsl(215, 5%, 70%);
+    --d-text-subtle-icon: hsl(215, 5%, 50%);
     --d-text-warn-icon: #ff6b6b;
     /* fields */
-    --d-field-bg: transparent;
+    --d-form-bg: hsl(215, 12%, 14%);
+    --d-field-bg: hsl(215, 10%, 10%);
     --d-field-border-color: var(--d-border-color);
     --d-field-border-color-error: red;
     --d-field-border: var(--field-border-size) var(--field-border-style) var(--d-field-border-color);
     --d-field-text: var(--d-text);
-    --d-field-placeholder: #666;
-    --d-field-label: #ccc;
+    --d-field-placeholder: hsl(215, 5%, 40%);
+    --d-field-label: hsl(215, 5%, 75%);
     /* toggle */
-    --d-toggle-on: #4C9AFF;
-    --d-toggle-on-hover: #3771c1;
-    --d-toggle-off: #666;
-    --d-toggle-off-hover: #888;
+    --d-toggle-on: hsl(215, 80%, 40%);
+    --d-toggle-on-hover: hsl(215, 90%, 60%);
+    --d-toggle-off: hsl(215, 5%, 45%);
+    --d-toggle-off-hover: hsl(215, 8%, 50%);
     /* buttons */
-    --d-button-bg: #4C9AFF;
-    --d-button-text: white;
+    --d-button-bg: hsl(215, 80%, 40%);
+    --d-button-text: hsl(215, 5%, 98%);
     --d-button-border-color: var(--d-button-bg);
     --d-button-border: var(--border-size) var(--border-style) var(--d-button-border-color);
     /* buttons: disabled */
@@ -183,16 +203,16 @@
     --d-button-disabled-border-color: var(--d-button-disabled-bg);
     --d-button-disabled-border: var(--border-size) var(--border-style) var(--d-button-disabled-border-color);
     /* buttons: outlined */
-    --d-button-outlined-text: #ccc;
+    --d-button-outlined-text: hsl(215, 8%, 85%);
     --d-button-outlined-border-color: var(--d-button-outlined-text);
     --d-button-outlined-border: var(--border-size) var(--border-style) var(--d-button-outlined-border-color);
     /* buttons: secondary (for highlighted actions) */
     --d-button-secondary-bg: hsl(146, 67%, 38%);
-    --d-button-secondary-text: white;
+    --d-button-secondary-text: hsl(146, 5%, 98%);
     --d-button-secondary-border-color: var(--d-button-secondary-bg);
     --d-button-secondary-border: var(--border-size) var(--border-style) var(--d-button-secondary-border-color);
     /* buttons: warn */
-    --d-button-warn-bg: #ff6b6b;
+    --d-button-warn-bg: hsl(0, 53%, 42%);
     --d-button-warn-text: white;
     --d-button-warn-border-color: var(--d-button-warn-bg);
     --d-button-warn-border: var(--border-size) var(--border-style) var(--d-button-warn-border-color);
@@ -215,9 +235,8 @@
     /* menu */
     --d-menu-bg: #2c2c2c;
     --d-menu-bg-active: #444;
-    --d-menu-bg-hover: #444;
     --d-menu-border: var(--d-border-subtle);
-    --d-menu-text: #ccc;
+    --d-menu-text: hsl(215, 10%, 75%);
     --d-menu-text-active: #fff;
     /* status colors */
     --d-status-default: hsl(215, 10%, 25%);
@@ -232,24 +251,53 @@
 @media(min-width: 1280px) {
     :root {
         --grid-size: 16px;
+        --pad-xs: 0.5rem;
+        --pad-sm: 1rem;
+        --pad-md: 1.5rem;
+        --pad-lg: 2rem;
+        --pad-xl: 3rem;
+        --pad-xxl: 4rem;
     }
 }
 
 @media(max-width: 1280px) {
     :root {
         --grid-size: 14px;
+        --pad-xs: 0.5rem;
+        --pad-sm: 1rem;
+        --pad-md: 1.5rem;
+        --pad-lg: 2rem;
+        --pad-xl: 3rem;
+        --pad-xxl: 4rem;
+    }
+}
+
+@media(max-width: 960px) {
+    :root {
+        --pad-xs: 0.35rem;
+        --pad-sm: 0.75rem;
+        --pad-md: 1rem;
+        --pad-lg: 1.5rem;
+        --pad-xl: 2rem;
+        --pad-xxl: 3rem;
     }
 }
 
 @media(max-width: 640px) {
     :root {
         --grid-size: 13px;
+        --pad-xs: 0.25rem;
+        --pad-sm: 0.5rem;
+        --pad-md: 0.75rem;
+        --pad-lg: 1rem;
+        --pad-xl: 1.5rem;
+        --pad-xxl: 2rem;
     }
 }
 
 body {
     font-family: var(--font-family);
-    font-size: 100%;
+    font-size: var(--grid-size);
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -286,6 +334,7 @@ html, body, .app {
 
 html {
     font-size: 1rem;
+    color-scheme: light dark;
 }
 
 html, body {
@@ -331,6 +380,7 @@ input, textarea, select, button {
 
 h1, h2, h3, h4, h5, h6 {
     font-family: var(--font-family);
+    line-height: 1.5;
     margin: 0;
     color: var(--text-heading);
 }
@@ -340,14 +390,8 @@ h1, h2, h3, h4, h5, h6 {
  * Use system font on iOS devices
  */
 @supports (font: -apple-system-body) {
-    body {
-        font: -apple-system-body;
-    }
-    h1, h2, h3, h4, h5, h6 {
-        font: -apple-system-headline;
-    }
-    input, p, li, textarea, select, button {
-        font: -apple-system-body;
+    :root {
+        --font-family: -apple-system-body;
     }
 }
 
@@ -380,12 +424,12 @@ h5 {
 }
 
 h6 {
-    font-size: 1em;
+    font-size: 0.85em;
     line-height: 1.5;
     font-weight: 500;
 }
 
-p, th, td, li:not(:has(p)) {
+p, th, td, dt, dd, li:not(:has(p)) {
     font-size: 1em;
     line-height: 1.5;
     font-weight: 400;
@@ -400,6 +444,10 @@ small {
     display: block;
 }
 
+dt {
+    color: var(--text-subtle);
+}
+
 strong {
     color: var(--text-heading);
     font-weight: 500;
@@ -456,7 +504,8 @@ fieldset legend {
 }
 
 input, textarea, select {
-    font-size: 1em;
+    font-family: var(--font-family);
+    font-size: var(--font-size, max(0.9em, 9px));
     line-height: 1.5;
     font-weight: 400;
     color: var(--field-text);
@@ -465,6 +514,7 @@ input, textarea, select {
     border-radius: var(--field-radius);
     padding: 0.5em 0.75em;
     transition: border-color 0.1s;
+    touch-action: manipulation;
 }
 
 input:user-invalid {
@@ -475,13 +525,6 @@ input:user-invalid:focus-visible {
     outline-color: var(--focus-color-error);
 }
 
-select {
-    padding-right: 2.25em;
-    appearance: none;
-    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyIDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+CiAgICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjc1LDAsMCwxLDAsMCkiPgogICAgICAgIDxwYXRoIGQ9Ik0xNiwwTDAsMEw4LDhMMTYsMFoiLz4KICAgIDwvZz4KPC9zdmc+Cg==') calc(100% - 0.75em) 50% no-repeat;
-    background-size: 12px;
-}
-
 input[type="submit"],
 input[type="button"] {
     cursor: pointer;
@@ -516,6 +559,10 @@ input[type="radio"]:focus-visible {
     border: var(--field-border);
 }
 
+input[type="range"] {
+    padding: 0;
+}
+
 label {
     color: var(--field-label);
     font-size: max(0.85em, 12px);
@@ -527,7 +574,7 @@ label {
 label:has(+input[type="checkbox"]),
 label:has(+input[type="radio"]) {
     cursor: pointer;
-    font-size: 1em;
+    font-size: var(--font-size, max(0.9em, 9px));
     font-weight: 400;
 }
 
@@ -543,12 +590,13 @@ button {
 
 .button,
 ::file-selector-button {
-    font-size: var(--font-size, 1em);
+    font-size: var(--font-size, max(0.9em, 9px));
+    touch-action: manipulation;
     line-height: 1.5;
     font-weight: 500;
     background-color: var(--button-bg);
     color: var(--button-text);
-    padding: var(--padding, 0.5em 1.3em);
+    padding: var(--padding, 0.5em 1em);
     border-radius: var(--field-radius);
     border: var(--button-border);
     cursor: pointer;
@@ -566,7 +614,6 @@ button {
     border-color: color-mix(in srgb, var(--button-border-color) var(--mix-amount), var(--mix-target));
 }
 
-button:active,
 .button:active {
     scale: 0.95;
 }
@@ -616,14 +663,30 @@ button:active,
     border-color: color-mix(in srgb, var(--button-warn-border-color) var(--mix-amount), var(--mix-target));
 }
 
+.button:disabled {
+    background-color: var(--button-disabled-bg);
+    color: var(--button-disabled-text);
+    border: var(--button-disabled-border);
+    cursor: not-allowed;
+}
+
+.button:disabled:hover {
+    background-color: var(--button-disabled-bg);
+    color: var(--button-disabled-text);
+    border: var(--button-disabled-border);
+}
+
 @scope (.PageContent) to (.UIContent) {
-        
-    .button { margin-block-start: calc(0.5rem * var(--margin-scale, 1)); }
-    .button.lg { margin-block-start: calc(0.75rem * var(--margin-scale, 1)); }
-    .button.xl { margin-block-start: calc(1rem * var(--margin-scale, 1)); }
-    .button:has(+.button) { margin-inline-end: calc(0.5rem * var(--margin-scale, 1)); }
-    .button.lg:has(+.button) { margin-inline-end: calc(1rem * var(--margin-scale, 1)); }
-    .button.xl:has(+.button) { margin-inline-end: calc(1.5rem * var(--margin-scale, 1)); }
+
+    .spacer {
+        display: block;
+        margin-block-end: calc(1.5rem * var(--margin-scale, 1));
+    }
+    .spacer.xs { margin-block-end: calc(0.5rem * var(--margin-scale, 1)); }
+    .spacer.sm { margin-block-end: calc(1rem * var(--margin-scale, 1)); }
+    .spacer.lg { margin-block-end: calc(2rem * var(--margin-scale, 1)); }
+    .spacer.xl { margin-block-end: calc(3rem * var(--margin-scale, 1)); }
+    .spacer.xxl { margin-block-end: calc(4rem * var(--margin-scale, 1)); }
 
     p { margin-block: calc(0.75rem * var(--margin-scale, 1)); }
     h1 { margin-block: calc(3rem * var(--margin-scale, 1)) calc(1.5rem * var(--margin-scale, 1)); }
@@ -757,19 +820,35 @@ button:active,
     }
 
     /** Tables */
+    .table-container {
+        width: 100cqw;
+        display: block;
+        overflow-x: auto;
+        scrollbar-width: thin;
+    }
+    .table-container.hang {
+        margin-inline: calc(var(--inset-inline, 1rem) * -1);
+        inline-size: calc(100% + 2rem);
+    }
+    .table-container.contained {
+        border: var(--border);
+    }
+    .table-container.rounded {
+        border-radius: var(--border-radius);
+    }
     table {
         margin-block: calc(1.5em * var(--margin-scale, 1));
         border-collapse: collapse;
         font-size: var(--font-size, 1em);
     }
     table.fullWidth {
-        width: 100%;
+        inline-size: 100%;
     }
     table.contained {
         border: var(--border);
     }
     table.hang {
-        margin-inline: -1rem;
+        margin-inline: calc(var(--inset-inline, 1rem) * -1);
         inline-size: calc(100% + 2rem);
     }
     table.sm {
@@ -778,30 +857,28 @@ button:active,
     }
     table.rounded {
         border-radius: var(--border-radius);
-        overflow: clip;
-        border-spacing: 0;
+        border-style: hidden;
     }
     tr {
         border-block-end: var(--border-subtle);
     }
     th,
     td {
-        font-size: 1em;
+        height: 3rem;
+        font-size: max(0.9em, 9px);
         line-height: 1.5;
         padding: var(--padding, 0.5em 0.75em);
+        white-space: nowrap;
         text-align: start;
     }
-    td.actions {
-        min-width: 0px;
-        width: 0px;
+    td.end {
+        text-align: end;
     }
-    table.hang th:first-of-type,
-    table.hang td:first-of-type {
-        padding-inline: 1rem;
+    table tr > :not([style*="display: none"]):first-child {
+        padding-inline-start: 1rem;
     }
-    table.hang th:last-of-type,
-    table.hang td:last-of-type {
-        padding-inline: 1rem;
+    table tr > :not([style*="display: none"]):last-child {
+        padding-inline-end: 1rem;
     }
     th:last-child,
     td:last-child {
@@ -813,15 +890,22 @@ button:active,
     table.colored tbody tr:nth-child(2n) {
         background-color: var(--bg-subtle);
     }
-    table.contained th,
-    table.contained td {
-        border-inline-end: var(--border-subtle);
+    table.colored thead tr {
+        background-color: var(--bg-subtle);
     }
     table tbody tr:last-of-type {
         border-block-end: none;
     }
-    table thead tr {
-        background-color: var(--bg-subtle);
+    table.hoverable tbody tr:hover {
+        background-color: var(--bg-hover);
+    }
+
+    .table-container.hang table {
+        inline-size: 100%;
+        margin-inline: 0;
+    }
+    .table-container.contained table {
+        border: none;
     }
 
     /** Forms */
@@ -839,6 +923,19 @@ button:active,
         border-inline-start: 4px solid var(--border-subtle-color);
         background-color: var(--bg-subtle);
     }
+
+    @container(max-width: 960px) {
+        table td.hide-md,
+        table th.hide-md {
+            display: none;
+        }
+    }
+    @container(max-width: 640px) {
+        table td.hide-sm,
+        table th.hide-sm {
+            display: none;
+        }
+    }
 }
 
 @media(prefers-reduced-motion: reduce) {

package/dist/typo/Clamp.svelte.d.ts

@@ -1,28 +1,24 @@
-import { SvelteComponent } from "svelte";
 import { type Snippet } from "svelte";
-declare const __propDef: {
-    props: {
-        children: Snippet;
-        inline?: string | undefined;
-        block?: string | undefined;
-        clip?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ClampProps = typeof __propDef.props;
-export type ClampEvents = typeof __propDef.events;
-export type ClampSlots = typeof __propDef.slots;
-export default class Clamp extends SvelteComponent<ClampProps, ClampEvents, ClampSlots> {
-    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\"";
-        };
-        inline?: string | undefined;
-        block?: string | undefined;
-        clip?: 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 Clamp: $$__sveltets_2_IsomorphicComponent<{
+    children: Snippet;
+    /** Clamp in the logical inline direction */
+    inline?: string;
+    /** Clamp in the logical block direction */
+    block?: string;
+    /** Clip the text */
+    clip?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Clamp = InstanceType<typeof Clamp>;
+export default Clamp;

package/dist/typo/H.svelte.d.ts

@@ -1,32 +1,28 @@
-import { SvelteComponent } from "svelte";
 import { type Snippet } from "svelte";
-declare const __propDef: {
-    props: {
-        children: Snippet;
-        lang?: string | undefined;
-        level?: 5 | 3 | 2 | 1 | 4 | 6 | undefined;
-        center?: boolean | undefined;
-        subtle?: boolean | undefined;
-        hr?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type HProps = typeof __propDef.props;
-export type HEvents = typeof __propDef.events;
-export type HSlots = typeof __propDef.slots;
-export default class H extends SvelteComponent<HProps, HEvents, HSlots> {
-    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\"";
-        };
-        lang?: string | undefined;
-        level?: 5 | 3 | 2 | 1 | 4 | 6 | undefined;
-        center?: boolean | undefined;
-        subtle?: boolean | undefined;
-        hr?: 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 H: $$__sveltets_2_IsomorphicComponent<{
+    children: Snippet;
+    /** Language of the element */
+    lang?: string;
+    /** The level of the heading. */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Center the text. */
+    center?: boolean;
+    /** Make the text subtle. */
+    subtle?: boolean;
+    /** Add a horizontal rule below the text. */
+    hr?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type H = InstanceType<typeof H>;
+export default H;

package/dist/typo/H1.svelte.d.ts

@@ -1,30 +1,26 @@
-import { SvelteComponent } from "svelte";
 import { type Snippet } from "svelte";
-declare const __propDef: {
-    props: {
-        center?: boolean | undefined;
-        lang?: string | undefined;
-        hr?: boolean | undefined;
-        subtle?: boolean | undefined;
-        children: Snippet;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type H1Props = typeof __propDef.props;
-export type H1Events = typeof __propDef.events;
-export type H1Slots = typeof __propDef.slots;
-export default class H1 extends SvelteComponent<H1Props, H1Events, H1Slots> {
-    constructor(options?: import("svelte").ComponentConstructorOptions<{
-        center?: boolean | undefined;
-        lang?: string | undefined;
-        hr?: boolean | undefined;
-        subtle?: boolean | undefined;
-        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 H1: $$__sveltets_2_IsomorphicComponent<{
+    /** Center the text. */
+    center?: boolean;
+    /** Language of the element */
+    lang?: string;
+    /** Add a horizontal rule below the text. */
+    hr?: boolean;
+    /** Make the text subtle. */
+    subtle?: boolean;
+    children: Snippet;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type H1 = InstanceType<typeof H1>;
+export default H1;