@cerberus-design/react/dist/components/number-input/input.js

The Cerberus Design React component library.

import { jsxs, jsx } from 'react/jsx-runtime';
import { Show } from '../show/show.js';
import { NumberInputParts } from './parts.js';
import { DecrementTrigger } from './decrement-trigger.js';
import { IncrementTrigger } from './increment-trigger.js';

function NumberInput(props) {
  const { scrubber, ...rootProps } = props;
  return /* @__PURE__ */ jsxs(NumberInputParts.Root, { ...rootProps, children: [
    /* @__PURE__ */ jsx(Show, { when: scrubber, children: /* @__PURE__ */ jsx(NumberInputParts.Scrubber, {}) }),
    /* @__PURE__ */ jsxs(NumberInputParts.Control, { children: [
      /* @__PURE__ */ jsx(NumberInputParts.Input, {}),
      /* @__PURE__ */ jsx(IncrementTrigger, {}),
      /* @__PURE__ */ jsx(DecrementTrigger, {})
    ] })
  ] });
}

export { NumberInput };