next: docs cleanup (#1429)

huntabyte · Nov 2, 2024 · 40d2c80 · 40d2c80
1 parent a6b5d3c
commit 40d2c80
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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}