chore: save progress

app/app.nix

@@ -9,7 +9,7 @@
     {
       packages = {
         app = unstablePkgs.buildNpmPackage {
-          npmDepsHash = "sha256-kviCUpabT9qEJTIx/95rnIhl6pTFOoraeZ/x2Qevkgs=";
+          npmDepsHash = "sha256-/p0TTkE6HSk/nb7sDMSFaxoKtvODynO9cX7cPjffYuI=";
           src = ./.;
           sourceRoot = "app";
           npmFlags = [ "--legacy-peer-deps" ];

app/package.json

@@ -29,13 +29,14 @@
     "@tanstack/svelte-query": "^5.37.1",
     "@tanstack/svelte-query-persist-client": "^5.37.1",
     "@tanstack/svelte-table": "^8.17.3",
+    "@tanstack/svelte-virtual": "^3.5.0",
     "@union/client": "npm:@jsr/union__client@^0.0.1-rc.9",
     "@urql/exchange-graphcache": "^7.1.0",
     "@urql/exchange-persisted": "^4.3.0",
     "@urql/exchange-retry": "^1.3.0",
     "@urql/svelte": "^4.2.0",
-    "@wagmi/connectors": "^5.0.2",
-    "@wagmi/core": "^2.10.2",
+    "@wagmi/connectors": "^5.0.3",
+    "@wagmi/core": "^2.10.3",
     "@web3modal/wagmi": "^4.2.1",
     "bits-ui": "^0.21.9",
     "cmdk-sv": "^0.0.17",
@@ -68,7 +69,7 @@
     "@melt-ui/svelte": "^0.79.1",
     "@svelte-put/shortcut": "^3.1.1",
     "@sveltejs/adapter-static": "^3.0.1",
-    "@sveltejs/kit": "^2.5.9",
+    "@sveltejs/kit": "^2.5.10",
     "@sveltejs/vite-plugin-svelte": "^3.1.0",
     "@tailwindcss/aspect-ratio": "^0.4.2",
     "@tailwindcss/container-queries": "^0.1.1",

app/src/lib/components/ui/button/button.svelte

@@ -7,6 +7,7 @@ type $$Props = Props
 type $$Events = Events
 
 let className: $$Props["class"] = undefined
+export let value: $$Props["value"] = ""
 export let variant: $$Props["variant"] = "default"
 export let size: $$Props["size"] = "default"
 export let builders: $$Props["builders"] = []
@@ -23,5 +24,7 @@ export { className as class }
   on:click
   on:keydown
 >
-  <slot />
+  <slot>
+    {value}
+  </slot>
 </ButtonPrimitive.Root>

app/src/lib/components/ui/button/index.ts

@@ -33,6 +33,7 @@ type Props = ButtonPrimitive.Props & {
   variant?: Variant
   size?: Size
   name?: string
+  value?: any
 }
 
 type Events = ButtonPrimitive.Events

app/src/lib/components/ui/scroll-area/index.ts

@@ -0,0 +1,10 @@
+import Scrollbar from "./scroll-area-scrollbar.svelte"
+import Root from "./scroll-area.svelte"
+
+export {
+  Root,
+  Scrollbar,
+  //,
+  Root as ScrollArea,
+  Scrollbar as ScrollAreaScrollbar
+}

app/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+import { ScrollArea as ScrollAreaPrimitive } from "bits-ui"
+import { cn } from "$lib/utilities/shadcn.js"
+
+type $$Props = ScrollAreaPrimitive.ScrollbarProps & {
+  orientation?: "vertical" | "horizontal"
+}
+
+let className: $$Props["class"] = undefined
+export let orientation: $$Props["orientation"] = "vertical"
+export { className as class }
+</script>
+
+<ScrollAreaPrimitive.Scrollbar
+	{orientation}
+	class={cn(
+		"flex touch-none select-none transition-colors",
+		orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
+		orientation === "horizontal" && "h-2.5 w-full border-t border-t-transparent p-px",
+		className
+	)}
+>
+	<slot />
+	<ScrollAreaPrimitive.Thumb
+		class={cn("relative rounded-full bg-border", orientation === "vertical" && "flex-1")}
+	/>
+</ScrollAreaPrimitive.Scrollbar>

app/src/lib/components/ui/scroll-area/scroll-area.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+import { ScrollArea as ScrollAreaPrimitive } from "bits-ui"
+import { Scrollbar } from "./index.js"
+import { cn } from "$lib/utilities/shadcn.js"
+
+type $$Props = ScrollAreaPrimitive.Props & {
+  orientation?: "vertical" | "horizontal" | "both"
+  scrollbarXClasses?: string
+  scrollbarYClasses?: string
+}
+
+let className: $$Props["class"] = undefined
+export { className as class }
+export let orientation = "vertical"
+export let scrollbarXClasses = ""
+export let scrollbarYClasses = ""
+</script>
+
+<ScrollAreaPrimitive.Root {...$$restProps} class={cn("relative overflow-hidden", className)}>
+	<ScrollAreaPrimitive.Viewport class="h-full w-full rounded-[inherit]">
+		<ScrollAreaPrimitive.Content>
+			<slot />
+		</ScrollAreaPrimitive.Content>
+	</ScrollAreaPrimitive.Viewport>
+	{#if orientation === "vertical" || orientation === "both"}
+		<Scrollbar orientation="vertical" class={scrollbarYClasses} />
+	{/if}
+	{#if orientation === "horizontal" || orientation === "both"}
+		<Scrollbar orientation="horizontal" class={scrollbarXClasses} />
+	{/if}
+	<ScrollAreaPrimitive.Corner />
+</ScrollAreaPrimitive.Root>

app/src/lib/utilities/types.ts

@@ -1,3 +1,5 @@
+export type NonNullable<T> = T extends null | undefined ? never : T
+
 export type TODO = any
 
 export type Nullable<T> = T | null | undefined