{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "progress",
  "type": "registry:ui",
  "title": "Progress",
  "description": "Progress bar component for Tile UI.",
  "devDependencies": [
    "sass"
  ],
  "registryDependencies": [
    "@tile-ui/core",
    "@tile-ui/styles"
  ],
  "files": [
    {
      "path": "packages/react/src/components/progress/progress.tsx",
      "type": "registry:ui",
      "target": "components/ui/progress/progress.tsx",
      "content": "import React from 'react';\nimport { getProgressOffset, progressStyleKeys } from '../lib/core';\nimport type { ProgressBaseProps } from '../lib/core';\nimport styles from './progress.module.scss';\n\nexport interface ProgressProps extends React.HTMLAttributes<HTMLDivElement>, ProgressBaseProps {}\n\nconst Progress = React.forwardRef<HTMLDivElement, ProgressProps>(({ className = '', value = 0, min = 0, max = 100, ...props }, ref) => {\n\tconst offset = getProgressOffset(value, min, max);\n\n\treturn (\n\t\t<div ref={ref} role=\"progressbar\" aria-valuemin={min} aria-valuemax={max} aria-valuenow={value} className={`${styles[progressStyleKeys.root]} ${className}`} {...props}>\n\t\t\t<div className={styles[progressStyleKeys.indicator]} style={{ transform: `translateX(-${100 - offset}%)` }} />\n\t\t</div>\n\t);\n});\n\nProgress.displayName = 'Progress';\n\nexport { Progress };\nexport default Progress;\n"
    },
    {
      "path": "packages/styles/scss/components/progress.module.scss",
      "type": "registry:file",
      "target": "components/ui/progress/progress.module.scss",
      "content": "@use '../../../styles/variables/colors' as *;\n\n.root {\n\tposition: relative;\n\theight: 0.5rem;\n\twidth: 100%;\n\toverflow: hidden;\n\tborder-radius: $radius-full;\n\tbackground-color: var(--tile-progress-track, color-mix(in srgb, $primary 20%, transparent));\n}\n\n.indicator {\n\theight: 100%;\n\twidth: 100%;\n\tflex: 1;\n\tbackground-color: var(--tile-progress-indicator, $primary);\n\ttransition: transform $transition-normal;\n}\n"
    },
    {
      "path": "packages/react/src/components/progress/index.ts",
      "type": "registry:ui",
      "target": "components/ui/progress/index.ts",
      "content": "export { Progress, type ProgressProps } from './progress';\n"
    }
  ]
}