// Adapted from Base UI compositions (MIT). See THIRD_PARTY_NOTICES.md.
"use client";
import type { ComponentProps } from "react";
import { NumberField as Primitive } from "./_ynrlib/base-ui.js";
export function NumberField({
  className,
  ...props
}: ComponentProps<typeof Primitive.Root>) {
  return (
    <Primitive.Root
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-number-field-root ${className(state) ?? ""}`
          : `ynr-number-field-root ${className ?? ""}`
      }
    />
  );
}
export function NumberFieldGroup({
  className,
  ...props
}: ComponentProps<typeof Primitive.Group>) {
  return (
    <Primitive.Group
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-number-field-group ${className(state) ?? ""}`
          : `ynr-number-field-group ${className ?? ""}`
      }
    />
  );
}
export function NumberFieldInput({
  className,
  ...props
}: ComponentProps<typeof Primitive.Input>) {
  return (
    <Primitive.Input
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-number-field-input ${className(state) ?? ""}`
          : `ynr-number-field-input ${className ?? ""}`
      }
    />
  );
}
export function NumberFieldIncrement({
  className,
  ...props
}: ComponentProps<typeof Primitive.Increment>) {
  return (
    <Primitive.Increment
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-number-field-increment ${className(state) ?? ""}`
          : `ynr-number-field-increment ${className ?? ""}`
      }
    />
  );
}
export function NumberFieldDecrement({
  className,
  ...props
}: ComponentProps<typeof Primitive.Decrement>) {
  return (
    <Primitive.Decrement
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-number-field-decrement ${className(state) ?? ""}`
          : `ynr-number-field-decrement ${className ?? ""}`
      }
    />
  );
}
export function NumberFieldScrubArea({
  className,
  ...props
}: ComponentProps<typeof Primitive.ScrubArea>) {
  return (
    <Primitive.ScrubArea
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-number-field-scrub-area ${className(state) ?? ""}`
          : `ynr-number-field-scrub-area ${className ?? ""}`
      }
    />
  );
}
export function NumberFieldScrubAreaCursor({
  className,
  ...props
}: ComponentProps<typeof Primitive.ScrubAreaCursor>) {
  return (
    <Primitive.ScrubAreaCursor
      {...props}
      className={
        typeof className === "function"
          ? (state) =>
              `ynr-number-field-scrub-area-cursor ${className(state) ?? ""}`
          : `ynr-number-field-scrub-area-cursor ${className ?? ""}`
      }
    />
  );
}