{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "number-input",
  "type": "registry:ui",
  "dependencies": ["@ark-ui/react"],
  "files": [
    {
      "path": "./src/components/ui/number-input.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport { NumberInput as NumberInputPrimitive } from \"@ark-ui/react/number-input\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst NumberInput = NumberInputPrimitive.Root\n\nconst NumberInputControl = React.forwardRef<\n  React.ElementRef<typeof NumberInputPrimitive.Control>,\n  NumberInputPrimitive.ControlProps\n>(({ className, ...props }, ref) => (\n  <NumberInputPrimitive.Control\n    ref={ref}\n    className={cn(\n      \"relative inline-flex h-9 w-full items-center overflow-hidden whitespace-nowrap rounded-md border border-input text-sm shadow-xs outline-none transition-[color,box-shadow] data-focus:border-ring data-disabled:opacity-50 data-focus:ring-[3px] data-focus:ring-ring/50 data-focus:has-aria-invalid:border-destructive data-focus:has-aria-invalid:ring-destructive/20 dark:data-focus:has-aria-invalid:ring-destructive/40\",\n      className\n    )}\n    {...props}\n  />\n))\nNumberInputControl.displayName = \"NumberInputControl\"\n\nconst NumberInputIncrementTrigger = React.forwardRef<\n  React.ElementRef<typeof NumberInputPrimitive.IncrementTrigger>,\n  NumberInputPrimitive.IncrementTriggerProps\n>(({ className, children, ...props }, ref) => (\n  <NumberInputPrimitive.IncrementTrigger\n    ref={ref}\n    className={cn(\n      \"-me-px flex h-1/2 w-6 flex-1 items-center justify-center border border-input bg-background text-muted-foreground/80 text-sm transition-[color,box-shadow] hover:bg-accent hover:text-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </NumberInputPrimitive.IncrementTrigger>\n))\nNumberInputIncrementTrigger.displayName = \"NumberInputIncrementTrigger\"\n\nconst NumberInputDecrementTrigger = React.forwardRef<\n  React.ElementRef<typeof NumberInputPrimitive.DecrementTrigger>,\n  NumberInputPrimitive.DecrementTriggerProps\n>(({ className, children, ...props }, ref) => (\n  <NumberInputPrimitive.DecrementTrigger\n    ref={ref}\n    className={cn(\n      \"-me-px -mt-px flex h-1/2 w-6 flex-1 items-center justify-center border border-input bg-background text-muted-foreground/80 text-sm transition-[color,box-shadow] hover:bg-accent hover:text-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </NumberInputPrimitive.DecrementTrigger>\n))\nNumberInputDecrementTrigger.displayName = \"NumberInputDecrementTrigger\"\n\nconst NumberInputInput = React.forwardRef<\n  React.ElementRef<typeof NumberInputPrimitive.Input>,\n  NumberInputPrimitive.InputProps\n>(({ className, ...props }, ref) => (\n  <NumberInputPrimitive.Input\n    ref={ref}\n    className={cn(\n      \"flex-1 bg-background px-3 py-2 text-foreground tabular-nums\",\n      className\n    )}\n    {...props}\n  />\n))\nNumberInputInput.displayName = \"NumberInputInput\"\n\nconst NumberInputLabel = React.forwardRef<\n  React.ElementRef<typeof NumberInputPrimitive.Label>,\n  NumberInputPrimitive.LabelProps\n>(({ className, ...props }, ref) => (\n  <NumberInputPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"select-none font-medium text-foreground text-sm leading-4 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  />\n))\nNumberInputLabel.displayName = \"NumberInputLabel\"\n\nexport {\n  NumberInput,\n  NumberInputControl,\n  NumberInputDecrementTrigger,\n  NumberInputIncrementTrigger,\n  NumberInputInput,\n  NumberInputLabel,\n}\n",
      "type": "registry:ui"
    }
  ]
}