@jordan-mace/chaser-design-system 1.2.9 → 2.1.0

package/dist/chunk-ZTGLYAVP.mjs

@@ -0,0 +1,126 @@
+import {
+  Box_default
+} from "./chunk-QUQTMW54.mjs";
+
+// src/components/NumberInput/NumberInput.tsx
+import clsx from "clsx";
+import React, { useCallback } from "react";
+
+// src/components/NumberInput/styles.css.ts
+var numberInput = "styles__112an4g1";
+var numberInputButton = "styles__112an4g7";
+var numberInputContainer = "styles__112an4g0";
+var numberInputErrorMessage = "styles__112an4ga";
+var numberInputHint = "styles__112an4g9";
+var numberInputLabel = "styles__112an4g4";
+var numberInputStepper = "styles__112an4g5";
+var numberInputStepperLeft = "styles__112an4g6";
+var numberInputVariants = { "default": "styles_numberInputVariants_default__112an4g2", error: "styles_numberInputVariants_error__112an4g3" };
+var numberInputWrapper = "styles__112an4g8";
+
+// src/components/NumberInput/NumberInput.tsx
+var NumberInput = ({
+  label,
+  value,
+  onChange,
+  min = -Infinity,
+  max = Infinity,
+  step = 1,
+  stepperPosition = "right",
+  placeholder = "0",
+  hint,
+  error = false,
+  errorMessage,
+  fullWidth = true,
+  disabled = false,
+  allowEmpty = true,
+  className,
+  ...props
+}) => {
+  const handleChange = (e) => {
+    const inputValue = e.target.value;
+    if (inputValue === "") {
+      if (allowEmpty) {
+        onChange?.("");
+      } else {
+        onChange?.(0);
+      }
+      return;
+    }
+    const numValue = parseFloat(inputValue);
+    if (!isNaN(numValue)) {
+      const clampedValue = Math.min(Math.max(numValue, min), max);
+      onChange?.(clampedValue);
+    }
+  };
+  const increment = useCallback(() => {
+    const currentValue = typeof value === "number" ? value : 0;
+    const newValue = Math.min(currentValue + step, max);
+    onChange?.(newValue);
+  }, [value, step, max, onChange]);
+  const decrement = useCallback(() => {
+    const currentValue = typeof value === "number" ? value : 0;
+    const newValue = Math.max(currentValue - step, min);
+    onChange?.(newValue);
+  }, [value, step, min, onChange]);
+  const isIncrementDisabled = disabled || typeof value === "number" && value >= max;
+  const isDecrementDisabled = disabled || typeof value === "number" && value <= min;
+  const displayValue = value === "" ? "" : value;
+  return /* @__PURE__ */ React.createElement(Box_default, { className: numberInputWrapper, width: fullWidth ? "100%" : void 0 }, label && /* @__PURE__ */ React.createElement(Box_default, { as: "label", className: numberInputLabel }, label), /* @__PURE__ */ React.createElement(Box_default, { className: numberInputContainer }, /* @__PURE__ */ React.createElement(
+    Box_default,
+    {
+      as: "input",
+      type: "number",
+      value: displayValue,
+      onChange: handleChange,
+      min,
+      max,
+      step,
+      placeholder,
+      disabled,
+      className: clsx(
+        numberInput,
+        numberInputVariants[error ? "error" : "default"],
+        className
+      ),
+      ...props
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Box_default,
+    {
+      className: clsx(
+        numberInputStepper,
+        stepperPosition === "left" && numberInputStepperLeft
+      )
+    },
+    /* @__PURE__ */ React.createElement(
+      Box_default,
+      {
+        as: "button",
+        className: numberInputButton,
+        onClick: increment,
+        disabled: isIncrementDisabled,
+        type: "button",
+        "aria-label": "Increase value"
+      },
+      "+"
+    ),
+    /* @__PURE__ */ React.createElement(
+      Box_default,
+      {
+        as: "button",
+        className: numberInputButton,
+        onClick: decrement,
+        disabled: isDecrementDisabled,
+        type: "button",
+        "aria-label": "Decrease value"
+      },
+      "\u2212"
+    )
+  )), error && errorMessage && /* @__PURE__ */ React.createElement(Box_default, { as: "div", className: numberInputErrorMessage, role: "alert" }, errorMessage), hint && !error && /* @__PURE__ */ React.createElement(Box_default, { as: "div", className: numberInputHint }, hint));
+};
+var NumberInput_default = NumberInput;
+
+export {
+  NumberInput_default
+};