Many inputs added

lib/component/input/number/NumberSlider.tsx

@@ -0,0 +1,36 @@
+import type { NumberSliderProps } from "$/types/Input";
+import clsx from "clsx";
+
+
+export default function NumberSlider({
+	id,
+	className,
+	name,
+	min,
+	max,
+	step,
+	defaultValue,
+	value,
+	onChange,
+	disabled
+}: NumberSliderProps){
+	return (
+		<input
+			type="range"
+			id={id}
+			className={clsx(
+				"w-full appearance-none [-moz-range-thumb:background:#04AA6D]",
+				"h-6 bg-blue-300 accent-blue-600",
+				className
+			)}
+			name={name}
+			min={min}
+			max={max}
+			step={step}
+			defaultValue={defaultValue}
+			value={value}
+			onChange={(e) => onChange?.(e.target.valueAsNumber)}
+			disabled={disabled}
+		/>
+	);
+}