{"name":"number-field","type":"registry:ui","files":[{"path":"number-field.tsx","type":"registry:ui","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { NumberField as NumberFieldPrimitive } from \"@base-ui-components/react/number-field\"\nimport { Minus as MinusIcon, Plus as PlusIcon } from \"honestui/icons\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Label } from \"@/components/ui/label\"\n\nconst NumberFieldContext = React.createContext<{\n fieldId: string\n} | null>(null)\n\nfunction NumberField({\n id,\n className,\n size = \"default\",\n ...props\n}: NumberFieldPrimitive.Root.Props & {\n size?: \"sm\" | \"default\" | \"lg\"\n}) {\n const generatedId = React.useId()\n const fieldId = id ?? generatedId\n\n return (\n \n \n \n )\n}\n\nfunction NumberFieldGroup({\n className,\n ...props\n}: NumberFieldPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction NumberFieldDecrement({\n className,\n ...props\n}: NumberFieldPrimitive.Decrement.Props) {\n return (\n \n \n \n )\n}\n\nfunction NumberFieldIncrement({\n className,\n ...props\n}: NumberFieldPrimitive.Increment.Props) {\n return (\n \n \n \n )\n}\n\nfunction NumberFieldInput({\n className,\n ...props\n}: NumberFieldPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction NumberFieldScrubArea({\n className,\n label,\n ...props\n}: NumberFieldPrimitive.ScrubArea.Props & {\n label: string\n}) {\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\nfunction CursorGrowIcon(props: React.ComponentProps<\"svg\">) {\n return (\n \n \n \n )\n}\n\nexport {\n NumberField,\n NumberFieldScrubArea,\n NumberFieldDecrement,\n NumberFieldIncrement,\n NumberFieldGroup,\n NumberFieldInput,\n}\n","target":"components/ui/number-field.tsx"}],"dependencies":["@base-ui-components/react","honestui"],"registryDependencies":["https://www.honestui.com/r/label.json"]}