{
	"$schema": "https://ui.shadcn.com/schema/registry-item.json",
	"name": "baseui-number-field",
	"description": "A Base UI number field component",
	"dependencies": ["@base-ui/react"],
	"registryDependencies": [
		"@craftdotui/utils",
		"@craftdotui/baseui-button",
		"@craftdotui/baseui-input"
	],
	"files": [
		{
			"path": "packages/baseui/components/number-field/index.tsx",
			"content": "\"use client\";\n\nimport * as React from \"react\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport { MinusIcon, MoveHorizontal, PlusIcon } from \"lucide-react\";\nimport { NumberField as NumberFieldPrimitive } from \"@base-ui/react/number-field\";\n\nimport { cn } from \"@/lib/utils\";\nimport { inputVariants } from \"@/components/baseui/components/input\";\nimport { buttonVariants } from \"@/components/baseui/components/button\";\n\n/* -------------------------------------------------------------------------- */\n/* Root                                                                       */\n/* -------------------------------------------------------------------------- */\n\nfunction NumberFieldRoot({\n\tid: idProp,\n\tclassName,\n\t...props\n}: NumberFieldPrimitive.Root.Props) {\n\tconst generatedId = React.useId();\n\tconst id = idProp ?? generatedId;\n\n\treturn (\n\t\t<NumberFieldPrimitive.Root\n\t\t\tdata-slot=\"number-field-root\"\n\t\t\tid={id}\n\t\t\tclassName={cn(\"\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Scrub Area                                                                 */\n/* -------------------------------------------------------------------------- */\n\nfunction NumberFieldScrubArea({\n\tclassName,\n\t...props\n}: NumberFieldPrimitive.ScrubArea.Props) {\n\treturn (\n\t\t<NumberFieldPrimitive.ScrubArea\n\t\t\tdata-slot=\"number-field-scrub-area\"\n\t\t\tclassName={cn(\"cursor-ew-resize\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Scrub Area Cursor                                                          */\n/* -------------------------------------------------------------------------- */\n\nfunction NumberFieldScrubAreaCursor({\n\tclassName,\n\t...props\n}: NumberFieldPrimitive.ScrubAreaCursor.Props) {\n\treturn (\n\t\t<NumberFieldPrimitive.ScrubAreaCursor\n\t\t\tdata-slot=\"number-field-scrub-area-cursor\"\n\t\t\tclassName={cn(\"\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<MoveHorizontal className=\"size-4\" />\n\t\t</NumberFieldPrimitive.ScrubAreaCursor>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Group                                                                      */\n/* -------------------------------------------------------------------------- */\n\nfunction NumberFieldGroup({\n\tclassName,\n\t...props\n}: NumberFieldPrimitive.Group.Props) {\n\treturn (\n\t\t<NumberFieldPrimitive.Group\n\t\t\tdata-slot=\"number-field-group\"\n\t\t\tclassName={cn(\"flex items-center gap-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Input                                                                      */\n/* -------------------------------------------------------------------------- */\n\ntype NumberFieldInputProps = Omit<NumberFieldPrimitive.Input.Props, \"size\"> & {\n\tsize?: VariantProps<typeof inputVariants>[\"size\"];\n\tvariant?: VariantProps<typeof inputVariants>[\"variant\"];\n};\n\nfunction NumberFieldInput({\n\tclassName,\n\tsize = \"md\",\n\tvariant = \"default\",\n\t...props\n}: NumberFieldInputProps) {\n\treturn (\n\t\t<NumberFieldPrimitive.Input\n\t\t\tdata-slot=\"number-field-input\"\n\t\t\tclassName={cn(\n\t\t\t\tinputVariants({ size, variant }),\n\t\t\t\t\"text-center\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Increment                                                                  */\n/* -------------------------------------------------------------------------- */\n\ntype NumberFieldIncrementProps = Omit<\n\tNumberFieldPrimitive.Increment.Props,\n\t\"size\"\n> & {\n\tsize?: VariantProps<typeof buttonVariants>[\"size\"];\n\tvariant?: VariantProps<typeof buttonVariants>[\"variant\"];\n};\n\nfunction NumberFieldIncrement({\n\tclassName,\n\tsize = \"icon\",\n\tvariant = \"outline\",\n\t...props\n}: NumberFieldIncrementProps) {\n\treturn (\n\t\t<NumberFieldPrimitive.Increment\n\t\t\tdata-slot=\"number-field-increment\"\n\t\t\tclassName={cn(\n\t\t\t\tbuttonVariants({\n\t\t\t\t\tvariant,\n\t\t\t\t\tsize,\n\t\t\t\t\tclassName,\n\t\t\t\t}),\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<PlusIcon />\n\t\t</NumberFieldPrimitive.Increment>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Decrement                                                                  */\n/* -------------------------------------------------------------------------- */\n\ntype NumberFieldDecrementProps = Omit<\n\tNumberFieldPrimitive.Decrement.Props,\n\t\"size\"\n> & {\n\tsize?: VariantProps<typeof buttonVariants>[\"size\"];\n\tvariant?: VariantProps<typeof buttonVariants>[\"variant\"];\n};\n\nfunction NumberFieldDecrement({\n\tclassName,\n\tsize = \"icon\",\n\tvariant = \"outline\",\n\t...props\n}: NumberFieldDecrementProps) {\n\treturn (\n\t\t<NumberFieldPrimitive.Decrement\n\t\t\tdata-slot=\"number-field-decrement\"\n\t\t\tclassName={cn(\n\t\t\t\tbuttonVariants({\n\t\t\t\t\tvariant,\n\t\t\t\t\tsize,\n\t\t\t\t\tclassName,\n\t\t\t\t}),\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<MinusIcon />\n\t\t</NumberFieldPrimitive.Decrement>\n\t);\n}\n\n/* -------------------------------------------------------------------------- */\n/* Exports                                                                    */\n/* -------------------------------------------------------------------------- */\n\nexport {\n\tNumberFieldRoot,\n\tNumberFieldScrubArea,\n\tNumberFieldScrubAreaCursor,\n\tNumberFieldGroup,\n\tNumberFieldInput,\n\tNumberFieldIncrement,\n\tNumberFieldDecrement,\n\tNumberFieldPrimitive,\n};\n",
			"type": "registry:component",
			"target": "components/baseui/components/number-field.tsx"
		}
	],
	"type": "registry:component"
}