-
+
+ {@render children?.()}
diff --git a/src/lib/components/ui/alert/alert-title.svelte b/src/lib/components/ui/alert/alert-title.svelte
index 2795342..aa02f92 100644
--- a/src/lib/components/ui/alert/alert-title.svelte
+++ b/src/lib/components/ui/alert/alert-title.svelte
@@ -7,15 +7,21 @@
level?: HeadingLevel;
};
- let className: $$Props["class"] = undefined;
- export let level: $$Props["level"] = "h5";
- export { className as class };
+ interface Props {
+ class?: $$Props["class"];
+ level?: $$Props["level"];
+ children?: import('svelte').Snippet;
+ [key: string]: any
+ }
+
+ let { class: className = undefined, level = "h5", children, ...rest }: Props = $props();
+
-
+ {@render children?.()}
diff --git a/src/lib/components/ui/alert/alert.svelte b/src/lib/components/ui/alert/alert.svelte
index e1aa6df..1bcef97 100644
--- a/src/lib/components/ui/alert/alert.svelte
+++ b/src/lib/components/ui/alert/alert.svelte
@@ -7,11 +7,17 @@
variant?: Variant;
};
- let className: $$Props["class"] = undefined;
- export let variant: $$Props["variant"] = "default";
- export { className as class };
+ interface Props {
+ class?: $$Props["class"];
+ variant?: $$Props["variant"];
+ children?: import('svelte').Snippet;
+ [key: string]: any
+ }
+
+ let { class: className = undefined, variant = "default", children, ...rest }: Props = $props();
+
-
-
+
+ {@render children?.()}
diff --git a/src/lib/components/ui/badge/badge.svelte b/src/lib/components/ui/badge/badge.svelte
index e8817f4..08756d0 100644
--- a/src/lib/components/ui/badge/badge.svelte
+++ b/src/lib/components/ui/badge/badge.svelte
@@ -2,17 +2,29 @@
import { type Variant, badgeVariants } from "./index.js";
import { cn } from "$lib/utils.js";
- let className: string | undefined | null = undefined;
- export let href: string | undefined = undefined;
- export let variant: Variant = "default";
- export { className as class };
+ interface Props {
+ class?: string | undefined | null;
+ href?: string | undefined;
+ variant?: Variant;
+ children?: import('svelte').Snippet;
+ [key: string]: any
+ }
+
+ let {
+ class: className = undefined,
+ href = undefined,
+ variant = "default",
+ children,
+ ...rest
+ }: Props = $props();
+
-
+ {@render children?.()}
diff --git a/src/lib/components/ui/button/button.svelte b/src/lib/components/ui/button/button.svelte
index 86827f3..649b4cf 100644
--- a/src/lib/components/ui/button/button.svelte
+++ b/src/lib/components/ui/button/button.svelte
@@ -6,20 +6,33 @@
type $$Props = Props;
type $$Events = Events;
- let className: $$Props["class"] = undefined;
- export let variant: $$Props["variant"] = "default";
- export let size: $$Props["size"] = "default";
- export let builders: $$Props["builders"] = [];
- export { className as class };
+ interface Props_1 {
+ class?: $$Props["class"];
+ variant?: $$Props["variant"];
+ size?: $$Props["size"];
+ builders?: $$Props["builders"];
+ children?: import('svelte').Snippet;
+ [key: string]: any
+ }
+
+ let {
+ class: className = undefined,
+ variant = "default",
+ size = "default",
+ builders = [],
+ children,
+ ...rest
+ }: Props_1 = $props();
+
-
+ {@render children?.()}
diff --git a/src/lib/components/ui/input/input.svelte b/src/lib/components/ui/input/input.svelte
index cab1457..880f9f2 100644
--- a/src/lib/components/ui/input/input.svelte
+++ b/src/lib/components/ui/input/input.svelte
@@ -1,4 +1,7 @@
bubble('wheel')]}
+ {...rest}
/>
diff --git a/src/lib/components/ui/progress/progress.svelte b/src/lib/components/ui/progress/progress.svelte
index 34ff16d..d1ae6d3 100644
--- a/src/lib/components/ui/progress/progress.svelte
+++ b/src/lib/components/ui/progress/progress.svelte
@@ -4,15 +4,20 @@
type $$Props = ProgressPrimitive.Props;
- let className: $$Props["class"] = undefined;
- export let max: $$Props["max"] = 100;
- export let value: $$Props["value"] = undefined;
- export { className as class };
+ interface Props {
+ class?: $$Props["class"];
+ max?: $$Props["max"];
+ value?: $$Props["value"];
+ [key: string]: any
+ }
+
+ let { class: className = undefined, max = 100, value = undefined, ...rest }: Props = $props();
+
;
- let className: $$Props["class"] = undefined;
- export { className as class };
+ interface Props {
+ class?: $$Props["class"];
+ children?: import('svelte').Snippet;
+ [key: string]: any
+ }
+
+ let { class: className = undefined, children, ...rest }: Props = $props();
+
-
-
+
+ {@render children?.()}
diff --git a/src/lib/components/ui/table/table-caption.svelte b/src/lib/components/ui/table/table-caption.svelte
index b838270..d8e038b 100644
--- a/src/lib/components/ui/table/table-caption.svelte
+++ b/src/lib/components/ui/table/table-caption.svelte
@@ -4,10 +4,16 @@
type $$Props = HTMLAttributes
;
- let className: $$Props["class"] = undefined;
- export { className as class };
+ interface Props {
+ class?: $$Props["class"];
+ children?: import('svelte').Snippet;
+ [key: string]: any
+ }
+
+ let { class: className = undefined, children, ...rest }: Props = $props();
+
-
-
+
+ {@render children?.()}
diff --git a/src/lib/components/ui/table/table-cell.svelte b/src/lib/components/ui/table/table-cell.svelte
index b9591bf..4d5f557 100644
--- a/src/lib/components/ui/table/table-cell.svelte
+++ b/src/lib/components/ui/table/table-cell.svelte
@@ -1,18 +1,27 @@
-
+ {@render children?.()}
|
diff --git a/src/lib/components/ui/table/table-footer.svelte b/src/lib/components/ui/table/table-footer.svelte
index c6c1570..72dbcbf 100644
--- a/src/lib/components/ui/table/table-footer.svelte
+++ b/src/lib/components/ui/table/table-footer.svelte
@@ -4,10 +4,16 @@
type $$Props = HTMLAttributes;
- let className: $$Props["class"] = undefined;
- export { className as class };
+ interface Props {
+ class?: $$Props["class"];
+ children?: import('svelte').Snippet;
+ [key: string]: any
+ }
+
+ let { class: className = undefined, children, ...rest }: Props = $props();
+
-
-
+
+ {@render children?.()}
diff --git a/src/lib/components/ui/table/table-head.svelte b/src/lib/components/ui/table/table-head.svelte
index 49ab7a9..90d055d 100644
--- a/src/lib/components/ui/table/table-head.svelte
+++ b/src/lib/components/ui/table/table-head.svelte
@@ -4,8 +4,14 @@
type $$Props = HTMLThAttributes;
- let className: $$Props["class"] = undefined;
- export { className as class };
+ interface Props {
+ class?: $$Props["class"];
+ children?: import('svelte').Snippet;
+ [key: string]: any
+ }
+
+ let { class: className = undefined, children, ...rest }: Props = $props();
+
-
+ {@render children?.()}
|
diff --git a/src/lib/components/ui/table/table-header.svelte b/src/lib/components/ui/table/table-header.svelte
index a3e59ee..171be45 100644
--- a/src/lib/components/ui/table/table-header.svelte
+++ b/src/lib/components/ui/table/table-header.svelte
@@ -1,14 +1,23 @@
-
-
-
+
+
+ {@render children?.()}
diff --git a/src/lib/components/ui/table/table-row.svelte b/src/lib/components/ui/table/table-row.svelte
index 731c5d5..87342ea 100644
--- a/src/lib/components/ui/table/table-row.svelte
+++ b/src/lib/components/ui/table/table-row.svelte
@@ -1,4 +1,7 @@
-
+ {@render children?.()}
diff --git a/src/lib/components/ui/table/table.svelte b/src/lib/components/ui/table/table.svelte
index 788d4ee..81eb84f 100644
--- a/src/lib/components/ui/table/table.svelte
+++ b/src/lib/components/ui/table/table.svelte
@@ -4,12 +4,18 @@
type $$Props = HTMLTableAttributes;
- let className: $$Props["class"] = undefined;
- export { className as class };
+ interface Props {
+ class?: $$Props["class"];
+ children?: import('svelte').Snippet;
+ [key: string]: any
+ }
+
+ let { class: className = undefined, children, ...rest }: Props = $props();
+
-
-
+
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index eef876a..52382cf 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1 +1,6 @@
-
+{@render children?.()}
diff --git a/src/routes/meyer-powers/+page.svelte b/src/routes/meyer-powers/+page.svelte
index 49fbef2..a79a60a 100644
--- a/src/routes/meyer-powers/+page.svelte
+++ b/src/routes/meyer-powers/+page.svelte
@@ -12,8 +12,8 @@
phenotypeName: string;
geneVariants: GeneVariant[];
}
- let parseProgress: number | null = null;
- let phenotypeSections: IPhenotypeSection[];
+ let parseProgress: number | null = $state(null);
+ let phenotypeSections: IPhenotypeSection[] = $state([]);
const phenotypePriority: string[] = [
"Congenital Adrenal Hyperplasia",
"Estrogen Production - Aromatase",
diff --git a/src/routes/meyer-powers/gene-variant-data-table.svelte b/src/routes/meyer-powers/gene-variant-data-table.svelte
index 45abe3d..3cbed12 100644
--- a/src/routes/meyer-powers/gene-variant-data-table.svelte
+++ b/src/routes/meyer-powers/gene-variant-data-table.svelte
@@ -12,8 +12,12 @@
} from "svelte-headless-table";
import { readable } from "svelte/store";
- export let phenotype: string;
- export let geneVariants: GeneVariant[];
+ interface Props {
+ phenotype: string;
+ geneVariants: GeneVariant[];
+ }
+
+ let { phenotype, geneVariants }: Props = $props();
let pathogenicAlleles = geneVariants.filter((geneVariant) => {
return geneVariant.pathogenicAllele != null;
@@ -112,11 +116,13 @@
{#each headerRow.cells as cell (cell.id)}
-
-
-
-
-
+
+ {#snippet children({ attrs })}
+
+
+
+ {/snippet}
+
{/each}
@@ -124,17 +130,21 @@
{#each $rows as row (row.id)}
-
-
- {#each row.cells as cell (cell.id)}
-
-
-
-
-
- {/each}
-
-
+
+ {#snippet children({ rowAttrs })}
+
+ {#each row.cells as cell (cell.id)}
+
+ {#snippet children({ attrs })}
+
+
+
+ {/snippet}
+
+ {/each}
+
+ {/snippet}
+
{/each}