{
	"$schema": "https://shadcn-svelte.com/schema/registry-item.json",
	"name": "progress",
	"title": "Progress",
	"type": "registry:ui",
	"description": "Kura Progress component source.",
	"devDependencies": [
		"bits-ui@^2.18.1",
		"@internationalized/date@^3.12.2"
	],
	"registryDependencies": [
		"utils"
	],
	"files": [
		{
			"content": "import Root from './progress.svelte';\n\nexport {\n  Root,\n  //\n  Root as Progress\n};\n",
			"type": "registry:file",
			"target": "progress/index.ts"
		},
		{
			"content": "<script lang=\"ts\">\n  import { Progress as ProgressPrimitive } from 'bits-ui';\n  import { cn, type WithoutChildrenOrChild } from '$UTILS$.js';\n\n  let {\n    ref = $bindable(null),\n    class: className,\n    max = 100,\n    value,\n    ...restProps\n  }: WithoutChildrenOrChild<ProgressPrimitive.RootProps> = $props();\n</script>\n\n<ProgressPrimitive.Root\n  bind:ref\n  data-slot=\"progress\"\n  class={cn(\n    'bg-zinc-800 h-px rounded-none relative flex w-full items-center overflow-x-hidden',\n    className\n  )}\n  {value}\n  {max}\n  {...restProps}\n>\n  <div\n    data-slot=\"progress-indicator\"\n    class=\"bg-[#d0e891] size-full flex-1 transition-all\"\n    style=\"transform: translateX(-{100 - (100 * (value ?? 0)) / (max ?? 1)}%)\"\n  ></div>\n</ProgressPrimitive.Root>\n",
			"type": "registry:file",
			"target": "progress/progress.svelte"
		}
	]
}