{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "number-field",
"dependencies": [
"@base-ui/react"
],
"registryDependencies": [
"@coss/label"
],
"files": [
{
"path": "registry/default/ui/number-field.tsx",
"content": "\"use client\";\n\nimport { NumberField as NumberFieldPrimitive } from \"@base-ui/react/number-field\";\nimport { MinusIcon, PlusIcon } from \"lucide-react\";\nimport * as React from \"react\";\nimport { cn } from \"@/registry/default/lib/utils\";\nimport { Label } from \"@/registry/default/ui/label\";\n\nexport const NumberFieldContext: React.Context<{\n fieldId: string;\n} | null> = React.createContext<{\n fieldId: string;\n} | null>(null);\n\nexport function NumberField({\n id,\n className,\n size = \"default\",\n ...props\n}: NumberFieldPrimitive.Root.Props & {\n size?: \"sm\" | \"default\" | \"lg\";\n}): React.ReactElement {\n const generatedId = React.useId();\n const fieldId = id ?? generatedId;\n\n return (\n \n \n \n );\n}\n\nexport function NumberFieldGroup({\n className,\n ...props\n}: NumberFieldPrimitive.Group.Props): React.ReactElement {\n return (\n \n );\n}\n\nexport function NumberFieldDecrement({\n className,\n ...props\n}: NumberFieldPrimitive.Decrement.Props): React.ReactElement {\n return (\n \n \n \n );\n}\n\nexport function NumberFieldIncrement({\n className,\n ...props\n}: NumberFieldPrimitive.Increment.Props): React.ReactElement {\n return (\n \n \n \n );\n}\n\nexport function NumberFieldInput({\n className,\n ...props\n}: NumberFieldPrimitive.Input.Props): React.ReactElement {\n return (\n \n );\n}\n\nexport function NumberFieldScrubArea({\n className,\n label,\n ...props\n}: NumberFieldPrimitive.ScrubArea.Props & {\n label: string;\n}): React.ReactElement {\n const context = React.useContext(NumberFieldContext);\n\n if (!context) {\n throw new Error(\n \"NumberFieldScrubArea must be used within a NumberField component for accessibility.\",\n );\n }\n\n return (\n \n \n \n \n \n \n );\n}\n\nexport function CursorGrowIcon(\n props: React.ComponentProps<\"svg\">,\n): React.ReactElement {\n return (\n \n \n \n );\n}\n\nexport { NumberFieldPrimitive };\n",
"type": "registry:ui"
}
],
"type": "registry:ui"
}