{
  "name": "progress",
  "type": "registry:ui",
  "dependencies": [
    "@vueuse/core",
    "reka-ui"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "ui/progress/Progress.vue",
      "type": "registry:ui",
      "content": "<script setup lang=\"ts\">\nimport type { ProgressRootProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport {\n  ProgressIndicator,\n  ProgressRoot,\n} from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nconst props = withDefaults(\n  defineProps<ProgressRootProps & { class?: HTMLAttributes[\"class\"] }>(),\n  {\n    modelValue: 0,\n  },\n)\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n  <ProgressRoot\n    data-slot=\"progress\"\n    v-bind=\"delegatedProps\"\n    :class=\"\n      cn(\n        'cn-progress relative flex w-full items-center overflow-x-hidden',\n        props.class,\n      )\n    \"\n  >\n    <ProgressIndicator\n      data-slot=\"progress-indicator\"\n      class=\"cn-progress-indicator size-full flex-1 transition-all\"\n      :style=\"`transform: translateX(-${100 - (props.modelValue ?? 0)}%);`\"\n    />\n  </ProgressRoot>\n</template>\n"
    },
    {
      "path": "ui/progress/index.ts",
      "type": "registry:ui",
      "content": "export { default as Progress } from \"./Progress.vue\"\n"
    }
  ]
}