From 40d2c80ec375171994f9310ba7aec043ac7f322a Mon Sep 17 00:00:00 2001
From: Hunter Johnston <64506580+huntabyte@users.noreply.github.com>
Date: Sat, 2 Nov 2024 14:18:59 -0400
Subject: [PATCH] next: docs cleanup (#1429)

---
 sites/docs/src/content/components/select.md                   | 2 +-
 .../lib/registry/default/example/cards/payment-method.svelte  | 2 +-
 .../lib/registry/new-york/example/cards/payment-method.svelte | 4 ++--
 .../src/lib/registry/new-york/ui/select/select-trigger.svelte | 2 +-
 .../(app)/examples/cards/(components)/payment-method.svelte   | 4 ++--
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/sites/docs/src/content/components/select.md b/sites/docs/src/content/components/select.md
index a02d08623..06cc5528f 100644
--- a/sites/docs/src/content/components/select.md
+++ b/sites/docs/src/content/components/select.md
@@ -44,7 +44,7 @@ Install `bits-ui`:
   import * as Select from "$lib/components/ui/select/index.js";
 </script>
 
-<Select.Root>
+<Select.Root type="single">
   <Select.Trigger class="w-[180px]"></Select.Trigger>
   <Select.Content>
     <Select.Item value="light">Light</Select.Item>
diff --git a/sites/docs/src/lib/registry/default/example/cards/payment-method.svelte b/sites/docs/src/lib/registry/default/example/cards/payment-method.svelte
index c150020e2..008643a18 100644
--- a/sites/docs/src/lib/registry/default/example/cards/payment-method.svelte
+++ b/sites/docs/src/lib/registry/default/example/cards/payment-method.svelte
@@ -59,7 +59,7 @@
 	];
 
 	let month = $state("");
-	let monthLabel = $derived(months.find((m) => m.value === month) ?? "Month");
+	let monthLabel = $derived(months.find((m) => m.value === month)?.label ?? "Month");
 	let year = $state("");
 </script>
 
diff --git a/sites/docs/src/lib/registry/new-york/example/cards/payment-method.svelte b/sites/docs/src/lib/registry/new-york/example/cards/payment-method.svelte
index 98ef798f9..2b61222e7 100644
--- a/sites/docs/src/lib/registry/new-york/example/cards/payment-method.svelte
+++ b/sites/docs/src/lib/registry/new-york/example/cards/payment-method.svelte
@@ -62,7 +62,7 @@
 	const id = useId();
 
 	let month = $state("");
-	let monthLabel = $derived(months.find((m) => m.value === month) ?? "Month");
+	let monthLabel = $derived(months.find((m) => m.value === month)?.label ?? "Month");
 	let year = $state("");
 </script>
 
@@ -145,7 +145,7 @@
 				<Label for="year">Year</Label>
 				<Select.Root type="single" bind:value={year}>
 					<Select.Trigger id="year" aria-label="Year">
-						{year ?? "Year"}
+						{year ? year : "Year"}
 					</Select.Trigger>
 					<Select.Content>
 						{#each { length: 10 } as _, i}
diff --git a/sites/docs/src/lib/registry/new-york/ui/select/select-trigger.svelte b/sites/docs/src/lib/registry/new-york/ui/select/select-trigger.svelte
index 39986fec1..038e9b32a 100644
--- a/sites/docs/src/lib/registry/new-york/ui/select/select-trigger.svelte
+++ b/sites/docs/src/lib/registry/new-york/ui/select/select-trigger.svelte
@@ -14,7 +14,7 @@
 <SelectPrimitive.Trigger
 	bind:ref
 	class={cn(
-		"border-input ring-offset-background placeholder:text-muted-foreground focus:ring-ring flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-1 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+		"border-input ring-offset-background data-[placeholder]:text-muted-foreground focus:ring-ring flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-1 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
 		className
 	)}
 	{...restProps}
diff --git a/sites/docs/src/routes/(app)/examples/cards/(components)/payment-method.svelte b/sites/docs/src/routes/(app)/examples/cards/(components)/payment-method.svelte
index 713da5c73..5b05541f7 100644
--- a/sites/docs/src/routes/(app)/examples/cards/(components)/payment-method.svelte
+++ b/sites/docs/src/routes/(app)/examples/cards/(components)/payment-method.svelte
@@ -59,7 +59,7 @@
 	];
 
 	let month = $state("");
-	let monthLabel = $derived(months.find((m) => m.value === month) ?? "Month");
+	let monthLabel = $derived(months.find((m) => m.value === month)?.label ?? "Month");
 	let year = $state("");
 </script>
 
@@ -133,7 +133,7 @@
 				<Label for="year">Year</Label>
 				<Select.Root type="single" bind:value={year}>
 					<Select.Trigger id="year" aria-label="Year">
-						{year ?? "Year"}
+						{year ? year : "Year"}
 					</Select.Trigger>
 					<Select.Content>
 						{#each { length: 10 } as _, i}