{
	"$schema": "https://shadcn-svelte.com/schema/registry-item.json",
	"name": "spinner",
	"title": "Spinner",
	"type": "registry:ui",
	"description": "Kura Spinner component source.",
	"devDependencies": [
		"phosphor-svelte@^3.1.0"
	],
	"registryDependencies": [
		"utils"
	],
	"files": [
		{
			"content": "export { default as Spinner } from './spinner.svelte';\n",
			"type": "registry:file",
			"target": "spinner/index.ts"
		},
		{
			"content": "<script lang=\"ts\">\n  import { cn } from '$UTILS$.js';\n  import SpinnerIcon from 'phosphor-svelte/lib/Spinner';\n  import type { SVGAttributes } from 'svelte/elements';\n\n  let {\n    class: className,\n    role = 'status',\n    // we add name, color, and stroke for compatibility with different icon libraries props\n    name,\n    color,\n    stroke,\n    'aria-label': ariaLabel = 'Loading',\n    ...restProps\n  }: SVGAttributes<SVGSVGElement> = $props();\n</script>\n\n<SpinnerIcon\n  {role}\n  name={name === null ? undefined : name}\n  color={color === null ? undefined : color}\n  stroke={stroke === null ? undefined : stroke}\n  aria-label={ariaLabel}\n  class={cn('size-4 animate-spin text-[#d0e891]', className)}\n  {...restProps}\n/>\n",
			"type": "registry:file",
			"target": "spinner/spinner.svelte"
		}
	]
}