Skip to content

Commit

Permalink
docs: fix value searched in combobox-form (#1042)
Browse files Browse the repository at this point in the history
Co-authored-by: Davis SHYAKA <[email protected]>
  • Loading branch information
shyakadavis and shyakadavis authored Apr 22, 2024
1 parent 9ace898 commit b374caa
Show file tree
Hide file tree
Showing 18 changed files with 45 additions and 45 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -21,22 +21,22 @@
<Table.Root>
<Table.Header>
<Table.Row>
<Table.Head class="sm:table.-cell hidden w-[100px]">
<Table.Head class="hidden w-[100px] sm:table-cell">
<span class="sr-only">Image</span>
</Table.Head>
<Table.Head>Name</Table.Head>
<Table.Head>Status</Table.Head>
<Table.Head class="md:table.-cell hidden">Price</Table.Head>
<Table.Head class="md:table.-cell hidden">Total Sales</Table.Head>
<Table.Head class="md:table.-cell hidden">Created at</Table.Head>
<Table.Head class="hidden md:table-cell">Price</Table.Head>
<Table.Head class="hidden md:table-cell">Total Sales</Table.Head>
<Table.Head class="hidden md:table-cell">Created at</Table.Head>
<Table.Head>
<span class="sr-only">Actions</span>
</Table.Head>
</Table.Row>
</Table.Header>
<Table.Body>
<Table.Row>
<Table.Cell class="sm:table.-cell hidden">
<Table.Cell class="hidden sm:table-cell">
<img
alt="Product example"
class="aspect-square rounded-md object-cover"
Expand All @@ -49,9 +49,9 @@
<Table.Cell>
<Badge variant="outline">Draft</Badge>
</Table.Cell>
<Table.Cell class="md:table.-cell hidden">$499.99</Table.Cell>
<Table.Cell class="md:table.-cell hidden">25</Table.Cell>
<Table.Cell class="md:table.-cell hidden">
<Table.Cell class="hidden md:table-cell">$499.99</Table.Cell>
<Table.Cell class="hidden md:table-cell">25</Table.Cell>
<Table.Cell class="hidden md:table-cell">
2023-07-12 10:42 AM
</Table.Cell>
<Table.Cell>
Expand All @@ -76,7 +76,7 @@
</Table.Cell>
</Table.Row>
<Table.Row>
<Table.Cell class="sm:table.-cell hidden">
<Table.Cell class="hidden sm:table-cell">
<img
alt="Product"
class="aspect-square rounded-md object-cover"
Expand All @@ -89,9 +89,9 @@
<Table.Cell>
<Badge variant="outline">Active</Badge>
</Table.Cell>
<Table.Cell class="md:table.-cell hidden">$129.99</Table.Cell>
<Table.Cell class="md:table.-cell hidden">100</Table.Cell>
<Table.Cell class="md:table.-cell hidden">
<Table.Cell class="hidden md:table-cell">$129.99</Table.Cell>
<Table.Cell class="hidden md:table-cell">100</Table.Cell>
<Table.Cell class="hidden md:table-cell">
2023-10-18 03:21 PM
</Table.Cell>
<Table.Cell>
Expand All @@ -116,7 +116,7 @@
</Table.Cell>
</Table.Row>
<Table.Row>
<Table.Cell class="sm:table.-cell hidden">
<Table.Cell class="hidden sm:table-cell">
<img
alt="Product"
class="aspect-square rounded-md object-cover"
Expand All @@ -129,9 +129,9 @@
<Table.Cell>
<Badge variant="outline">Active</Badge>
</Table.Cell>
<Table.Cell class="md:table.-cell hidden">$39.99</Table.Cell>
<Table.Cell class="md:table.-cell hidden">50</Table.Cell>
<Table.Cell class="md:table.-cell hidden">
<Table.Cell class="hidden md:table-cell">$39.99</Table.Cell>
<Table.Cell class="hidden md:table-cell">50</Table.Cell>
<Table.Cell class="hidden md:table-cell">
2023-11-29 08:15 AM
</Table.Cell>
<Table.Cell>
Expand All @@ -156,7 +156,7 @@
</Table.Cell>
</Table.Row>
<Table.Row>
<Table.Cell class="sm:table.-cell hidden">
<Table.Cell class="hidden sm:table-cell">
<img
alt="Product"
class="aspect-square rounded-md object-cover"
Expand All @@ -169,9 +169,9 @@
<Table.Cell>
<Badge variant="secondary">Draft</Badge>
</Table.Cell>
<Table.Cell class="md:table.-cell hidden">$2.99</Table.Cell>
<Table.Cell class="md:table.-cell hidden">0</Table.Cell>
<Table.Cell class="md:table.-cell hidden">
<Table.Cell class="hidden md:table-cell">$2.99</Table.Cell>
<Table.Cell class="hidden md:table-cell">0</Table.Cell>
<Table.Cell class="hidden md:table-cell">
2023-12-25 11:59 PM
</Table.Cell>
<Table.Cell>
Expand All @@ -196,7 +196,7 @@
</Table.Cell>
</Table.Row>
<Table.Row>
<Table.Cell class="sm:table.-cell hidden">
<Table.Cell class="hidden sm:table-cell">
<img
alt="Product"
class="aspect-square rounded-md object-cover"
Expand All @@ -209,9 +209,9 @@
<Table.Cell>
<Badge variant="outline">Active</Badge>
</Table.Cell>
<Table.Cell class="md:table.-cell hidden">$59.99</Table.Cell>
<Table.Cell class="md:table.-cell hidden">75</Table.Cell>
<Table.Cell class="md:table.-cell hidden">
<Table.Cell class="hidden md:table-cell">$59.99</Table.Cell>
<Table.Cell class="hidden md:table-cell">75</Table.Cell>
<Table.Cell class="hidden md:table-cell">
2024-01-01 12:00 AM
</Table.Cell>
<Table.Cell>
Expand All @@ -236,7 +236,7 @@
</Table.Cell>
</Table.Row>
<Table.Row>
<Table.Cell class="sm:table.-cell hidden">
<Table.Cell class="hidden sm:table-cell">
<img
alt="Product"
class="aspect-square rounded-md object-cover"
Expand All @@ -249,9 +249,9 @@
<Table.Cell>
<Badge variant="outline">Active</Badge>
</Table.Cell>
<Table.Cell class="md:table.-cell hidden">$199.99</Table.Cell>
<Table.Cell class="md:table.-cell hidden">30</Table.Cell>
<Table.Cell class="md:table.-cell hidden">
<Table.Cell class="hidden md:table-cell">$199.99</Table.Cell>
<Table.Cell class="hidden md:table-cell">30</Table.Cell>
<Table.Cell class="hidden md:table-cell">
2024-02-14 02:14 PM
</Table.Cell>
<Table.Cell>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,7 @@
<Command.Group>
{#each languages as language}
<Command.Item
value={language.value}
value={language.label}
onSelect={() => {
$formData.language = language.value;
closeAndFocusTrigger(ids.trigger);
Expand Down
2 changes: 1 addition & 1 deletion apps/www/static/registry/styles/default-js/drawer.json
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
"files": [
{
"name": "drawer-content.svelte",
"content": "<script>\n\timport { Drawer as DrawerPrimitive } from \"vaul-svelte\";\n\timport DrawerOverlay from \"./drawer-overlay.svelte\";\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport { className as class };\n</script>\n\n<DrawerPrimitive.Portal>\n\t<DrawerOverlay />\n\t<DrawerPrimitive.Content\n\t\tclass={cn(\n\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<div class=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n\t\t<slot />\n\t</DrawerPrimitive.Content>\n</DrawerPrimitive.Portal>\n"
"content": "<script>\n\timport { Drawer as DrawerPrimitive } from \"vaul-svelte\";\n\timport DrawerOverlay from \"./drawer-overlay.svelte\";\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport { className as class };\n</script>\n\n<DrawerPrimitive.Portal>\n\t<DrawerOverlay />\n\t<DrawerPrimitive.Content\n\t\tclass={cn(\n\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<div class=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\"></div>\n\t\t<slot />\n\t</DrawerPrimitive.Content>\n</DrawerPrimitive.Portal>\n"
},
{
"name": "drawer-description.svelte",
Expand Down
2 changes: 1 addition & 1 deletion apps/www/static/registry/styles/default-js/progress.json
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
},
{
"name": "progress.svelte",
"content": "<script>\n\timport { Progress as ProgressPrimitive } from \"bits-ui\";\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport let max = 100;\n\texport let value = undefined;\n\texport { className as class };\n</script>\n\n<ProgressPrimitive.Root\n\tclass={cn(\"relative h-4 w-full overflow-hidden rounded-full bg-secondary\", className)}\n\t{...$$restProps}\n>\n\t<div\n\t\tclass=\"h-full w-full flex-1 bg-primary transition-all\"\n\t\tstyle={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}\n\t/>\n</ProgressPrimitive.Root>\n"
"content": "<script>\n\timport { Progress as ProgressPrimitive } from \"bits-ui\";\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport let max = 100;\n\texport let value = undefined;\n\texport { className as class };\n</script>\n\n<ProgressPrimitive.Root\n\tclass={cn(\"relative h-4 w-full overflow-hidden rounded-full bg-secondary\", className)}\n\t{...$$restProps}\n>\n\t<div\n\t\tclass=\"h-full w-full flex-1 bg-primary transition-all\"\n\t\tstyle={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}\n\t></div>\n</ProgressPrimitive.Root>\n"
}
],
"type": "components:ui"
Expand Down
2 changes: 1 addition & 1 deletion apps/www/static/registry/styles/default-js/skeleton.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
},
{
"name": "skeleton.svelte",
"content": "<script>\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"animate-pulse rounded-md bg-muted\", className)} {...$$restProps} />\n"
"content": "<script>\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"animate-pulse rounded-md bg-muted\", className)} {...$$restProps}></div>\n"
}
],
"type": "components:ui"
Expand Down
2 changes: 1 addition & 1 deletion apps/www/static/registry/styles/default-js/textarea.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
},
{
"name": "textarea.svelte",
"content": "<script>\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport let value = undefined;\n\texport { className as class };\n\texport let readonly = undefined;\n</script>\n\n<textarea\n\tclass={cn(\n\t\t\"flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n\t\tclassName\n\t)}\n\tbind:value\n\t{readonly}\n\ton:blur\n\ton:change\n\ton:click\n\ton:focus\n\ton:keydown\n\ton:keypress\n\ton:keyup\n\ton:mouseover\n\ton:mouseenter\n\ton:mouseleave\n\ton:paste\n\ton:input\n\t{...$$restProps}\n/>\n"
"content": "<script>\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport let value = undefined;\n\texport { className as class };\n\texport let readonly = undefined;\n</script>\n\n<textarea\n\tclass={cn(\n\t\t\"flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n\t\tclassName\n\t)}\n\tbind:value\n\t{readonly}\n\ton:blur\n\ton:change\n\ton:click\n\ton:focus\n\ton:keydown\n\ton:keypress\n\ton:keyup\n\ton:mouseover\n\ton:mouseenter\n\ton:mouseleave\n\ton:paste\n\ton:input\n\t{...$$restProps}\n></textarea>\n"
}
],
"type": "components:ui"
Expand Down
2 changes: 1 addition & 1 deletion apps/www/static/registry/styles/default/drawer.json
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
"files": [
{
"name": "drawer-content.svelte",
"content": "<script lang=\"ts\">\n\timport { Drawer as DrawerPrimitive } from \"vaul-svelte\";\n\timport DrawerOverlay from \"./drawer-overlay.svelte\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = DrawerPrimitive.ContentProps;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport { className as class };\n</script>\n\n<DrawerPrimitive.Portal>\n\t<DrawerOverlay />\n\t<DrawerPrimitive.Content\n\t\tclass={cn(\n\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<div class=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n\t\t<slot />\n\t</DrawerPrimitive.Content>\n</DrawerPrimitive.Portal>\n"
"content": "<script lang=\"ts\">\n\timport { Drawer as DrawerPrimitive } from \"vaul-svelte\";\n\timport DrawerOverlay from \"./drawer-overlay.svelte\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = DrawerPrimitive.ContentProps;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport { className as class };\n</script>\n\n<DrawerPrimitive.Portal>\n\t<DrawerOverlay />\n\t<DrawerPrimitive.Content\n\t\tclass={cn(\n\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<div class=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\"></div>\n\t\t<slot />\n\t</DrawerPrimitive.Content>\n</DrawerPrimitive.Portal>\n"
},
{
"name": "drawer-description.svelte",
Expand Down
2 changes: 1 addition & 1 deletion apps/www/static/registry/styles/default/progress.json
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
},
{
"name": "progress.svelte",
"content": "<script lang=\"ts\">\n\timport { Progress as ProgressPrimitive } from \"bits-ui\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = ProgressPrimitive.Props;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport let max: $$Props[\"max\"] = 100;\n\texport let value: $$Props[\"value\"] = undefined;\n\texport { className as class };\n</script>\n\n<ProgressPrimitive.Root\n\tclass={cn(\"relative h-4 w-full overflow-hidden rounded-full bg-secondary\", className)}\n\t{...$$restProps}\n>\n\t<div\n\t\tclass=\"h-full w-full flex-1 bg-primary transition-all\"\n\t\tstyle={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}\n\t/>\n</ProgressPrimitive.Root>\n"
"content": "<script lang=\"ts\">\n\timport { Progress as ProgressPrimitive } from \"bits-ui\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = ProgressPrimitive.Props;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport let max: $$Props[\"max\"] = 100;\n\texport let value: $$Props[\"value\"] = undefined;\n\texport { className as class };\n</script>\n\n<ProgressPrimitive.Root\n\tclass={cn(\"relative h-4 w-full overflow-hidden rounded-full bg-secondary\", className)}\n\t{...$$restProps}\n>\n\t<div\n\t\tclass=\"h-full w-full flex-1 bg-primary transition-all\"\n\t\tstyle={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}\n\t></div>\n</ProgressPrimitive.Root>\n"
}
],
"type": "components:ui"
Expand Down
2 changes: 1 addition & 1 deletion apps/www/static/registry/styles/default/skeleton.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
},
{
"name": "skeleton.svelte",
"content": "<script lang=\"ts\">\n\timport type { HTMLAttributes } from \"svelte/elements\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = HTMLAttributes<HTMLDivElement>;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"animate-pulse rounded-md bg-muted\", className)} {...$$restProps} />\n"
"content": "<script lang=\"ts\">\n\timport type { HTMLAttributes } from \"svelte/elements\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = HTMLAttributes<HTMLDivElement>;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"animate-pulse rounded-md bg-muted\", className)} {...$$restProps}></div>\n"
}
],
"type": "components:ui"
Expand Down
2 changes: 1 addition & 1 deletion apps/www/static/registry/styles/default/textarea.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
},
{
"name": "textarea.svelte",
"content": "<script lang=\"ts\">\n\timport type { HTMLTextareaAttributes } from \"svelte/elements\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = HTMLTextareaAttributes;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport let value: $$Props[\"value\"] = undefined;\n\texport { className as class };\n\n\t// Workaround for https://github.com/sveltejs/svelte/issues/9305\n\t// Fixed in Svelte 5, but not backported to 4.x.\n\texport let readonly: $$Props[\"readonly\"] = undefined;\n</script>\n\n<textarea\n\tclass={cn(\n\t\t\"flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n\t\tclassName\n\t)}\n\tbind:value\n\t{readonly}\n\ton:blur\n\ton:change\n\ton:click\n\ton:focus\n\ton:keydown\n\ton:keypress\n\ton:keyup\n\ton:mouseover\n\ton:mouseenter\n\ton:mouseleave\n\ton:paste\n\ton:input\n\t{...$$restProps}\n/>\n"
"content": "<script lang=\"ts\">\n\timport type { HTMLTextareaAttributes } from \"svelte/elements\";\n\timport { cn } from \"$lib/utils.js\";\n\n\ttype $$Props = HTMLTextareaAttributes;\n\n\tlet className: $$Props[\"class\"] = undefined;\n\texport let value: $$Props[\"value\"] = undefined;\n\texport { className as class };\n\n\t// Workaround for https://github.com/sveltejs/svelte/issues/9305\n\t// Fixed in Svelte 5, but not backported to 4.x.\n\texport let readonly: $$Props[\"readonly\"] = undefined;\n</script>\n\n<textarea\n\tclass={cn(\n\t\t\"flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n\t\tclassName\n\t)}\n\tbind:value\n\t{readonly}\n\ton:blur\n\ton:change\n\ton:click\n\ton:focus\n\ton:keydown\n\ton:keypress\n\ton:keyup\n\ton:mouseover\n\ton:mouseenter\n\ton:mouseleave\n\ton:paste\n\ton:input\n\t{...$$restProps}\n></textarea>\n"
}
],
"type": "components:ui"
Expand Down
2 changes: 1 addition & 1 deletion apps/www/static/registry/styles/new-york-js/drawer.json
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
"files": [
{
"name": "drawer-content.svelte",
"content": "<script>\n\timport { Drawer as DrawerPrimitive } from \"vaul-svelte\";\n\timport DrawerOverlay from \"./drawer-overlay.svelte\";\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport { className as class };\n</script>\n\n<DrawerPrimitive.Portal>\n\t<DrawerOverlay />\n\t<DrawerPrimitive.Content\n\t\tclass={cn(\n\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<div class=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n\t\t<slot />\n\t</DrawerPrimitive.Content>\n</DrawerPrimitive.Portal>\n"
"content": "<script>\n\timport { Drawer as DrawerPrimitive } from \"vaul-svelte\";\n\timport DrawerOverlay from \"./drawer-overlay.svelte\";\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport { className as class };\n</script>\n\n<DrawerPrimitive.Portal>\n\t<DrawerOverlay />\n\t<DrawerPrimitive.Content\n\t\tclass={cn(\n\t\t\t\"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n\t\t\tclassName\n\t\t)}\n\t\t{...$$restProps}\n\t>\n\t\t<div class=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\"></div>\n\t\t<slot />\n\t</DrawerPrimitive.Content>\n</DrawerPrimitive.Portal>\n"
},
{
"name": "drawer-description.svelte",
Expand Down
2 changes: 1 addition & 1 deletion apps/www/static/registry/styles/new-york-js/progress.json
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
},
{
"name": "progress.svelte",
"content": "<script>\n\timport { Progress as ProgressPrimitive } from \"bits-ui\";\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport let max = 100;\n\texport let value = undefined;\n\texport { className as class };\n</script>\n\n<ProgressPrimitive.Root\n\tclass={cn(\"relative h-2 w-full overflow-hidden rounded-full bg-primary/20\", className)}\n\t{...$$restProps}\n>\n\t<div\n\t\tclass=\"h-full w-full flex-1 bg-primary transition-all\"\n\t\tstyle={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}\n\t/>\n</ProgressPrimitive.Root>\n"
"content": "<script>\n\timport { Progress as ProgressPrimitive } from \"bits-ui\";\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport let max = 100;\n\texport let value = undefined;\n\texport { className as class };\n</script>\n\n<ProgressPrimitive.Root\n\tclass={cn(\"relative h-2 w-full overflow-hidden rounded-full bg-primary/20\", className)}\n\t{...$$restProps}\n>\n\t<div\n\t\tclass=\"h-full w-full flex-1 bg-primary transition-all\"\n\t\tstyle={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}\n\t></div>\n</ProgressPrimitive.Root>\n"
}
],
"type": "components:ui"
Expand Down
2 changes: 1 addition & 1 deletion apps/www/static/registry/styles/new-york-js/skeleton.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
},
{
"name": "skeleton.svelte",
"content": "<script>\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"animate-pulse rounded-md bg-primary/10\", className)} {...$$restProps} />\n"
"content": "<script>\n\timport { cn } from \"$lib/utils.js\";\n\tlet className = undefined;\n\texport { className as class };\n</script>\n\n<div class={cn(\"animate-pulse rounded-md bg-primary/10\", className)} {...$$restProps}></div>\n"
}
],
"type": "components:ui"
Expand Down
Loading

0 comments on commit b374caa

Please sign in to comment.