@ryanhe919/lumen-ui 0.2.1 → 0.3.0

package/dist/LMNumberInput-BI5_OEx4.js

@@ -0,0 +1,295 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useId, useCallback, useEffect, useMemo } from "react";
+import { a as SIZE_INPUT_CONFIG } from "./componentSizes-CdWNL526.js";
+const LMNumberInput = ({
+  value,
+  onChange,
+  error = false,
+  errorMessage,
+  placeholder = "Enter number...",
+  disabled = false,
+  className = "",
+  name,
+  size = "md",
+  min,
+  max,
+  step = 1,
+  precision = 0,
+  showControls = true,
+  prefix,
+  suffix
+}) => {
+  const [inputValue, setInputValue] = useState(
+    value !== null && value !== void 0 ? String(value) : ""
+  );
+  const [isFocused, setIsFocused] = useState(false);
+  const inputRef = useRef(null);
+  const errId = `lm-ni-err-${useId()}`;
+  const formatNumber = useCallback(
+    (num) => {
+      if (!Number.isFinite(num)) return "";
+      if (precision <= 0) return String(Math.round(num));
+      return num.toFixed(precision);
+    },
+    [precision]
+  );
+  useEffect(() => {
+    if (value === void 0 || value === null) {
+      setInputValue("");
+    } else if (!isFocused) {
+      setInputValue(formatNumber(value));
+    }
+  }, [value, isFocused, formatNumber]);
+  const baseClassName = `
+    w-full ${SIZE_INPUT_CONFIG[size].padding} ${SIZE_INPUT_CONFIG[size].height} ${SIZE_INPUT_CONFIG[size].fontSize}
+    backdrop-blur-md border rounded-2xl
+    focus:ring-2 focus:outline-none transition-all duration-300
+    shadow-sm
+    ${showControls ? "pr-10" : ""}
+    ${prefix ? "pl-10" : ""}
+    ${suffix ? "pr-10" : ""}
+    ${className}
+    [&::-webkit-outer-spin-button]:appearance-none
+    [&::-webkit-inner-spin-button]:appearance-none
+    [-moz-appearance:textfield]
+  `.trim().replace(/\s+/g, " ");
+  const getNumberInputStyles = () => {
+    const base = {
+      backgroundColor: "var(--lm-bg-elevated)",
+      color: "var(--lm-text-primary)",
+      borderColor: error ? "var(--lm-error-300)" : isFocused ? "var(--lm-primary-400)" : "var(--lm-border-default)",
+      boxShadow: "var(--lm-shadow-sm)"
+    };
+    return {
+      ...base,
+      "--tw-ring-color": error ? "var(--lm-error-400)" : "var(--lm-primary-400)",
+      "--tw-ring-opacity": "0.3"
+    };
+  };
+  const getDisabledStyles = () => disabled ? {
+    backgroundColor: "var(--lm-bg-paper)",
+    color: "var(--lm-text-disabled)",
+    cursor: "not-allowed",
+    opacity: 0.6
+  } : {};
+  const getIconStyles = () => {
+    if (error) return { color: "var(--lm-error-400)" };
+    if (isFocused) return { color: "var(--lm-primary-500)" };
+    return { color: "var(--lm-text-secondary)" };
+  };
+  const getControlButtonStyles = () => ({
+    backgroundColor: "var(--lm-bg-paper)",
+    color: "var(--lm-text-secondary)",
+    borderColor: "var(--lm-border-light)"
+  });
+  const getHoverControlButtonStyles = () => ({
+    backgroundColor: "var(--lm-bg-elevated)",
+    color: "var(--lm-text-primary)"
+  });
+  const parseNumber = (str) => {
+    const n = parseFloat(str);
+    return Number.isNaN(n) ? null : n;
+  };
+  const clamp = (num) => {
+    let v = num;
+    if (min !== void 0) v = Math.max(v, min);
+    if (max !== void 0) v = Math.min(v, max);
+    return v;
+  };
+  const stepFrom = useMemo(() => min ?? 0, [min]);
+  const alignToStep = (num) => {
+    const offset = num - stepFrom;
+    const k = Math.round(offset / step);
+    const next = stepFrom + k * step;
+    return Number(next.toFixed(Math.max(precision, 12)));
+  };
+  const handleInputChange = (event) => {
+    const val = event.target.value;
+    setInputValue(val);
+    if (val.trim() === "") {
+      onChange == null ? void 0 : onChange(null);
+      return;
+    }
+    const num = parseNumber(val);
+    if (num === null) return;
+    const clamped = clamp(num);
+    if (clamped !== num) return;
+    onChange == null ? void 0 : onChange(num);
+  };
+  const changeByStep = (delta) => {
+    if (disabled) return;
+    const current = parseNumber(inputValue);
+    const base = current ?? min ?? 0;
+    const raw = base + delta * step;
+    const clamped = clamp(raw);
+    const aligned = alignToStep(clamped);
+    setInputValue(formatNumber(aligned));
+    onChange == null ? void 0 : onChange(aligned);
+  };
+  const handleIncrement = () => changeByStep(1);
+  const handleDecrement = () => changeByStep(-1);
+  const handleKeyDown = (event) => {
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      handleIncrement();
+    } else if (event.key === "ArrowDown") {
+      event.preventDefault();
+      handleDecrement();
+    }
+  };
+  const handleFocus = () => setIsFocused(true);
+  const handleBlur = () => {
+    setIsFocused(false);
+    if (inputValue.trim() === "") {
+      setInputValue("");
+      if (value !== null) onChange == null ? void 0 : onChange(null);
+      return;
+    }
+    const num = parseNumber(inputValue);
+    if (num === null) {
+      if (typeof value === "number") {
+        setInputValue(formatNumber(clamp(value)));
+      } else {
+        setInputValue("");
+        if (value !== null) onChange == null ? void 0 : onChange(null);
+      }
+      return;
+    }
+    let v = clamp(num);
+    v = alignToStep(v);
+    const formatted = formatNumber(v);
+    setInputValue(formatted);
+    if (v !== value) onChange == null ? void 0 : onChange(v);
+  };
+  const handleWheel = (e) => {
+    if (document.activeElement === inputRef.current) {
+      e.preventDefault();
+    }
+  };
+  const currentNum = parseNumber(inputValue);
+  const incDisabled = useMemo(() => {
+    if (disabled) return true;
+    const base = currentNum ?? min ?? 0;
+    return max !== void 0 && base >= max;
+  }, [disabled, currentNum, min, max]);
+  const decDisabled = useMemo(() => {
+    if (disabled) return true;
+    const base = currentNum ?? min ?? 0;
+    return min !== void 0 && base <= min;
+  }, [disabled, currentNum, min]);
+  const ChevronUp = () => /* @__PURE__ */ jsx("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 15l7-7 7 7" }) });
+  const ChevronDown = () => /* @__PURE__ */ jsx("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
+      prefix && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none z-10", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", style: getIconStyles(), children: prefix }) }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: inputRef,
+          type: "number",
+          name,
+          value: inputValue,
+          placeholder,
+          disabled,
+          min,
+          max,
+          step,
+          inputMode: "decimal",
+          className: baseClassName,
+          style: { ...getNumberInputStyles(), ...getDisabledStyles() },
+          "aria-invalid": error || void 0,
+          "aria-describedby": errorMessage ? errId : void 0,
+          onChange: handleInputChange,
+          onKeyDown: handleKeyDown,
+          onFocus: handleFocus,
+          onBlur: handleBlur,
+          onWheel: handleWheel,
+          onMouseEnter: (e) => {
+            if (!disabled && !error && !isFocused) {
+              e.currentTarget.style.borderColor = "var(--lm-border-strong)";
+            }
+          },
+          onMouseLeave: (e) => {
+            if (!disabled && !error && !isFocused) {
+              e.currentTarget.style.borderColor = "var(--lm-border-default)";
+            }
+          }
+        }
+      ),
+      suffix && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `absolute inset-y-0 flex items-center pointer-events-none z-10 ${showControls ? "right-10" : "right-4"}`,
+          children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", style: getIconStyles(), children: suffix })
+        }
+      ),
+      showControls && /* @__PURE__ */ jsxs("div", { className: "absolute inset-y-0 right-0 flex flex-col w-8", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Increment",
+            onClick: handleIncrement,
+            disabled: incDisabled,
+            className: "flex-1 px-1 border-l border-b rounded-tr-2xl transition-colors duration-200 flex items-center justify-center",
+            style: getControlButtonStyles(),
+            onMouseEnter: (e) => {
+              if (!incDisabled)
+                Object.assign(e.currentTarget.style, getHoverControlButtonStyles());
+            },
+            onMouseLeave: (e) => {
+              if (!incDisabled)
+                Object.assign(e.currentTarget.style, getControlButtonStyles());
+            },
+            children: /* @__PURE__ */ jsx(ChevronUp, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Decrement",
+            onClick: handleDecrement,
+            disabled: decDisabled,
+            className: "flex-1 px-1 border-l rounded-br-2xl transition-colors duration-200 flex items-center justify-center",
+            style: getControlButtonStyles(),
+            onMouseEnter: (e) => {
+              if (!decDisabled)
+                Object.assign(e.currentTarget.style, getHoverControlButtonStyles());
+            },
+            onMouseLeave: (e) => {
+              if (!decDisabled)
+                Object.assign(e.currentTarget.style, getControlButtonStyles());
+            },
+            children: /* @__PURE__ */ jsx(ChevronDown, {})
+          }
+        )
+      ] })
+    ] }),
+    errorMessage && /* @__PURE__ */ jsxs(
+      "p",
+      {
+        id: errId,
+        className: "text-xs flex items-center gap-1",
+        style: { color: "var(--lm-error-500)" },
+        role: "alert",
+        "aria-live": "polite",
+        children: [
+          /* @__PURE__ */ jsx("svg", { className: "w-3 h-3", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
+              clipRule: "evenodd"
+            }
+          ) }),
+          errorMessage
+        ]
+      }
+    )
+  ] });
+};
+export {
+  LMNumberInput as L
+};
+//# sourceMappingURL=LMNumberInput-BI5_OEx4.js.map

package/dist/LMNumberInput-BI5_OEx4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LMNumberInput-BI5_OEx4.js","sources":["../src/components/Form/LMNumberInput/LMNumberInput.tsx"],"sourcesContent":["import React, {\n  useState,\n  useRef,\n  useEffect,\n  useMemo,\n  useCallback,\n  useId,\n} from 'react'\nimport { SIZE_INPUT_CONFIG } from '../../../utils/componentSizes'\nimport type { ComponentSize } from '../../../utils/componentSizes'\n\nexport interface LMNumberInputProps {\n  /** Current value (controlled) */\n  value?: number | null\n  /** Change callback */\n  onChange?: (value: number | null) => void\n  /** Error state */\n  error?: boolean\n  /** Error message */\n  errorMessage?: string\n  /** Placeholder */\n  placeholder?: string\n  /** Disabled state */\n  disabled?: boolean\n  /** Class name */\n  className?: string\n  /** Form field name */\n  name?: string\n  /** Size */\n  size?: ComponentSize\n  /** Minimum value */\n  min?: number\n  /** Maximum value */\n  max?: number\n  /** Step */\n  step?: number\n  /** Decimal precision */\n  precision?: number\n  /** Show increment/decrement controls */\n  showControls?: boolean\n  /** Prefix text */\n  prefix?: string\n  /** Suffix text */\n  suffix?: string\n}\n\nconst LMNumberInput: React.FC<LMNumberInputProps> = ({\n  value,\n  onChange,\n  error = false,\n  errorMessage,\n  placeholder = 'Enter number...',\n  disabled = false,\n  className = '',\n  name,\n  size = 'md',\n  min,\n  max,\n  step = 1,\n  precision = 0,\n  showControls = true,\n  prefix,\n  suffix,\n}) => {\n  const [inputValue, setInputValue] = useState<string>(\n    value !== null && value !== undefined ? String(value) : ''\n  )\n  const [isFocused, setIsFocused] = useState(false)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const errId = `lm-ni-err-${useId()}`\n\n  const formatNumber = useCallback(\n    (num: number): string => {\n      if (!Number.isFinite(num)) return ''\n      if (precision <= 0) return String(Math.round(num))\n      return num.toFixed(precision)\n    },\n    [precision]\n  )\n\n  useEffect(() => {\n    if (value === undefined || value === null) {\n      setInputValue('')\n    } else if (!isFocused) {\n      setInputValue(formatNumber(value))\n    }\n  }, [value, isFocused, formatNumber])\n\n  const baseClassName = `\n    w-full ${SIZE_INPUT_CONFIG[size].padding} ${SIZE_INPUT_CONFIG[size].height} ${SIZE_INPUT_CONFIG[size].fontSize}\n    backdrop-blur-md border rounded-2xl\n    focus:ring-2 focus:outline-none transition-all duration-300\n    shadow-sm\n    ${showControls ? 'pr-10' : ''}\n    ${prefix ? 'pl-10' : ''}\n    ${suffix ? 'pr-10' : ''}\n    ${className}\n    [&::-webkit-outer-spin-button]:appearance-none\n    [&::-webkit-inner-spin-button]:appearance-none\n    [-moz-appearance:textfield]\n  `\n    .trim()\n    .replace(/\\s+/g, ' ')\n\n  const getNumberInputStyles = () => {\n    const base = {\n      backgroundColor: 'var(--lm-bg-elevated)',\n      color: 'var(--lm-text-primary)',\n      borderColor: error\n        ? 'var(--lm-error-300)'\n        : isFocused\n          ? 'var(--lm-primary-400)'\n          : 'var(--lm-border-default)',\n      boxShadow: 'var(--lm-shadow-sm)',\n    } as React.CSSProperties\n\n    return {\n      ...base,\n      '--tw-ring-color': error\n        ? 'var(--lm-error-400)'\n        : 'var(--lm-primary-400)',\n      '--tw-ring-opacity': '0.3',\n    }\n  }\n\n  const getDisabledStyles = () =>\n    disabled\n      ? {\n          backgroundColor: 'var(--lm-bg-paper)',\n          color: 'var(--lm-text-disabled)',\n          cursor: 'not-allowed',\n          opacity: 0.6,\n        }\n      : {}\n\n  const getIconStyles = () => {\n    if (error) return { color: 'var(--lm-error-400)' }\n    if (isFocused) return { color: 'var(--lm-primary-500)' }\n    return { color: 'var(--lm-text-secondary)' }\n  }\n\n  const getControlButtonStyles = () => ({\n    backgroundColor: 'var(--lm-bg-paper)',\n    color: 'var(--lm-text-secondary)',\n    borderColor: 'var(--lm-border-light)',\n  })\n\n  const getHoverControlButtonStyles = () => ({\n    backgroundColor: 'var(--lm-bg-elevated)',\n    color: 'var(--lm-text-primary)',\n  })\n\n  const parseNumber = (str: string): number | null => {\n    const n = parseFloat(str)\n    return Number.isNaN(n) ? null : n\n  }\n\n  const clamp = (num: number): number => {\n    let v = num\n    if (min !== undefined) v = Math.max(v, min)\n    if (max !== undefined) v = Math.min(v, max)\n    return v\n  }\n\n  const stepFrom = useMemo(() => min ?? 0, [min])\n  const alignToStep = (num: number) => {\n    const offset = num - stepFrom\n    const k = Math.round(offset / step)\n    const next = stepFrom + k * step\n    return Number(next.toFixed(Math.max(precision, 12)))\n  }\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const val = event.target.value\n    setInputValue(val)\n\n    if (val.trim() === '') {\n      onChange?.(null)\n      return\n    }\n\n    const num = parseNumber(val)\n    if (num === null) return\n\n    const clamped = clamp(num)\n    if (clamped !== num) return\n    onChange?.(num)\n  }\n\n  const changeByStep = (delta: number) => {\n    if (disabled) return\n\n    const current = parseNumber(inputValue)\n    const base = current ?? min ?? 0\n    const raw = base + delta * step\n    const clamped = clamp(raw)\n    const aligned = alignToStep(clamped)\n\n    setInputValue(formatNumber(aligned))\n    onChange?.(aligned)\n  }\n\n  const handleIncrement = () => changeByStep(+1)\n  const handleDecrement = () => changeByStep(-1)\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'ArrowUp') {\n      event.preventDefault()\n      handleIncrement()\n    } else if (event.key === 'ArrowDown') {\n      event.preventDefault()\n      handleDecrement()\n    }\n  }\n\n  const handleFocus = () => setIsFocused(true)\n  const handleBlur = () => {\n    setIsFocused(false)\n\n    if (inputValue.trim() === '') {\n      setInputValue('')\n      if (value !== null) onChange?.(null)\n      return\n    }\n\n    const num = parseNumber(inputValue)\n    if (num === null) {\n      if (typeof value === 'number') {\n        setInputValue(formatNumber(clamp(value)))\n      } else {\n        setInputValue('')\n        if (value !== null) onChange?.(null)\n      }\n      return\n    }\n    let v = clamp(num)\n    v = alignToStep(v)\n    const formatted = formatNumber(v)\n    setInputValue(formatted)\n    if (v !== value) onChange?.(v)\n  }\n\n  const handleWheel: React.WheelEventHandler<HTMLInputElement> = (e) => {\n    if (document.activeElement === inputRef.current) {\n      e.preventDefault()\n    }\n  }\n\n  const currentNum = parseNumber(inputValue)\n  const incDisabled = useMemo(() => {\n    if (disabled) return true\n    const base = currentNum ?? min ?? 0\n    return max !== undefined && base >= max\n  }, [disabled, currentNum, min, max])\n\n  const decDisabled = useMemo(() => {\n    if (disabled) return true\n    const base = currentNum ?? min ?? 0\n    return min !== undefined && base <= min\n  }, [disabled, currentNum, min])\n\n  const ChevronUp = () => (\n    <svg className=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 15l7-7 7 7\" />\n    </svg>\n  )\n\n  const ChevronDown = () => (\n    <svg className=\"w-3 h-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  )\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"relative group\">\n        {prefix && (\n          <div className=\"absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none z-10\">\n            <span className=\"text-sm font-medium\" style={getIconStyles()}>\n              {prefix}\n            </span>\n          </div>\n        )}\n\n        <input\n          ref={inputRef}\n          type=\"number\"\n          name={name}\n          value={inputValue}\n          placeholder={placeholder}\n          disabled={disabled}\n          min={min}\n          max={max}\n          step={step}\n          inputMode=\"decimal\"\n          className={baseClassName}\n          style={{ ...getNumberInputStyles(), ...getDisabledStyles() } as React.CSSProperties}\n          aria-invalid={error || undefined}\n          aria-describedby={errorMessage ? errId : undefined}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onWheel={handleWheel}\n          onMouseEnter={(e) => {\n            if (!disabled && !error && !isFocused) {\n              e.currentTarget.style.borderColor = 'var(--lm-border-strong)'\n            }\n          }}\n          onMouseLeave={(e) => {\n            if (!disabled && !error && !isFocused) {\n              e.currentTarget.style.borderColor = 'var(--lm-border-default)'\n            }\n          }}\n        />\n\n        {suffix && (\n          <div\n            className={`absolute inset-y-0 flex items-center pointer-events-none z-10 ${\n              showControls ? 'right-10' : 'right-4'\n            }`}\n          >\n            <span className=\"text-sm font-medium\" style={getIconStyles()}>\n              {suffix}\n            </span>\n          </div>\n        )}\n\n        {showControls && (\n          <div className=\"absolute inset-y-0 right-0 flex flex-col w-8\">\n            <button\n              type=\"button\"\n              aria-label=\"Increment\"\n              onClick={handleIncrement}\n              disabled={incDisabled}\n              className=\"flex-1 px-1 border-l border-b rounded-tr-2xl transition-colors duration-200 flex items-center justify-center\"\n              style={getControlButtonStyles()}\n              onMouseEnter={(e) => {\n                if (!incDisabled)\n                  Object.assign(e.currentTarget.style, getHoverControlButtonStyles())\n              }}\n              onMouseLeave={(e) => {\n                if (!incDisabled)\n                  Object.assign(e.currentTarget.style, getControlButtonStyles())\n              }}\n            >\n              <ChevronUp />\n            </button>\n            <button\n              type=\"button\"\n              aria-label=\"Decrement\"\n              onClick={handleDecrement}\n              disabled={decDisabled}\n              className=\"flex-1 px-1 border-l rounded-br-2xl transition-colors duration-200 flex items-center justify-center\"\n              style={getControlButtonStyles()}\n              onMouseEnter={(e) => {\n                if (!decDisabled)\n                  Object.assign(e.currentTarget.style, getHoverControlButtonStyles())\n              }}\n              onMouseLeave={(e) => {\n                if (!decDisabled)\n                  Object.assign(e.currentTarget.style, getControlButtonStyles())\n              }}\n            >\n              <ChevronDown />\n            </button>\n          </div>\n        )}\n      </div>\n\n      {errorMessage && (\n        <p\n          id={errId}\n          className=\"text-xs flex items-center gap-1\"\n          style={{ color: 'var(--lm-error-500)' }}\n          role=\"alert\"\n          aria-live=\"polite\"\n        >\n          <svg className=\"w-3 h-3\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n            <path\n              fillRule=\"evenodd\"\n              d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\"\n              clipRule=\"evenodd\"\n            />\n          </svg>\n          {errorMessage}\n        </p>\n      )}\n    </div>\n  )\n}\n\nexport default LMNumberInput\n"],"names":[],"mappings":"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"}

package/dist/LMPagination-BypfLRlF.js

@@ -0,0 +1,305 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import { c as clampComponentSize, f as SIZE_GAP_CLASSES, b as SIZE_TEXT_CLASSES, C as COMPONENT_SIZE_ORDER } from "./componentSizes-CdWNL526.js";
+const ChevronLeftIcon = () => /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) });
+const ChevronRightIcon = () => /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
+const MoreIcon = () => /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12h.01M12 12h.01M19 12h.01" }) });
+const LMPagination = ({
+  current,
+  total,
+  pageSize = 10,
+  pageSizeOptions = [10, 20, 50, 100],
+  showQuickJumper = false,
+  showSizeChanger = false,
+  showTotal = false,
+  size = "md",
+  simple = false,
+  disabled = false,
+  onChange,
+  className = ""
+}) => {
+  const resolvedSize = clampComponentSize(size, COMPONENT_SIZE_ORDER);
+  const [jumpValue, setJumpValue] = useState("");
+  const [internalPageSize, setInternalPageSize] = useState(pageSize);
+  const totalPages = Math.ceil(total / internalPageSize);
+  const buttonSizeClasses = {
+    xs: "w-6 h-6 text-xs",
+    sm: "w-7 h-7 text-sm",
+    md: "w-8 h-8 text-sm",
+    lg: "w-9 h-9 text-base",
+    xl: "w-10 h-10 text-base",
+    "2xl": "w-12 h-12 text-lg"
+  };
+  const inputSizeClasses = {
+    xs: "w-10 h-6 text-xs px-1",
+    sm: "w-12 h-7 text-sm px-1",
+    md: "w-14 h-8 text-sm px-2",
+    lg: "w-16 h-9 text-base px-2",
+    xl: "w-18 h-10 text-base px-2",
+    "2xl": "w-20 h-12 text-lg px-3"
+  };
+  const handlePageChange = useCallback((page) => {
+    if (disabled || page < 1 || page > totalPages || page === current) return;
+    onChange == null ? void 0 : onChange(page, internalPageSize);
+  }, [disabled, totalPages, current, onChange, internalPageSize]);
+  const handlePageSizeChange = useCallback((newSize) => {
+    setInternalPageSize(newSize);
+    const newTotalPages = Math.ceil(total / newSize);
+    const newCurrent = Math.min(current, newTotalPages);
+    onChange == null ? void 0 : onChange(newCurrent, newSize);
+  }, [total, current, onChange]);
+  const handleJump = useCallback(() => {
+    const page = parseInt(jumpValue, 10);
+    if (!isNaN(page) && page >= 1 && page <= totalPages) {
+      handlePageChange(page);
+    }
+    setJumpValue("");
+  }, [jumpValue, totalPages, handlePageChange]);
+  const handleKeyDown = useCallback((e) => {
+    if (e.key === "Enter") {
+      handleJump();
+    }
+  }, [handleJump]);
+  const pageNumbers = useMemo(() => {
+    const pages = [];
+    const showPrevMore = current > 4;
+    const showNextMore = current < totalPages - 3;
+    if (totalPages <= 7) {
+      for (let i = 1; i <= totalPages; i++) {
+        pages.push(i);
+      }
+    } else {
+      pages.push(1);
+      if (showPrevMore) {
+        pages.push("prev-more");
+      }
+      const start = showPrevMore ? Math.max(2, current - 1) : 2;
+      const end = showNextMore ? Math.min(totalPages - 1, current + 1) : totalPages - 1;
+      for (let i = start; i <= end; i++) {
+        if (i > 1 && i < totalPages) {
+          pages.push(i);
+        }
+      }
+      if (showNextMore) {
+        pages.push("next-more");
+      }
+      if (totalPages > 1) {
+        pages.push(totalPages);
+      }
+    }
+    return pages;
+  }, [current, totalPages]);
+  const getButtonStyles = (isActive, isDisabled) => {
+    if (isDisabled) {
+      return {
+        backgroundColor: "transparent",
+        color: "var(--lm-text-disabled)",
+        cursor: "not-allowed"
+      };
+    }
+    if (isActive) {
+      return {
+        backgroundColor: "var(--lm-primary-500)",
+        color: "white",
+        borderColor: "var(--lm-primary-500)"
+      };
+    }
+    return {
+      backgroundColor: "var(--lm-bg-elevated)",
+      color: "var(--lm-text-primary)",
+      borderColor: "var(--lm-border-default)"
+    };
+  };
+  const getButtonHoverStyles = () => ({
+    backgroundColor: "var(--lm-bg-hover)",
+    borderColor: "var(--lm-primary-400)",
+    color: "var(--lm-primary-600)"
+  });
+  const range = [
+    Math.min((current - 1) * internalPageSize + 1, total),
+    Math.min(current * internalPageSize, total)
+  ];
+  if (simple) {
+    return /* @__PURE__ */ jsxs("div", { className: `flex items-center ${SIZE_GAP_CLASSES[resolvedSize]} ${className}`, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`,
+          style: getButtonStyles(false, disabled || current <= 1),
+          onClick: () => handlePageChange(current - 1),
+          disabled: disabled || current <= 1,
+          onMouseEnter: (e) => {
+            if (!disabled && current > 1) Object.assign(e.currentTarget.style, getButtonHoverStyles());
+          },
+          onMouseLeave: (e) => {
+            Object.assign(e.currentTarget.style, getButtonStyles(false, disabled || current <= 1));
+          },
+          children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: SIZE_TEXT_CLASSES[resolvedSize],
+          style: { color: "var(--lm-text-primary)" },
+          children: [
+            current,
+            " / ",
+            totalPages
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`,
+          style: getButtonStyles(false, disabled || current >= totalPages),
+          onClick: () => handlePageChange(current + 1),
+          disabled: disabled || current >= totalPages,
+          onMouseEnter: (e) => {
+            if (!disabled && current < totalPages) Object.assign(e.currentTarget.style, getButtonHoverStyles());
+          },
+          onMouseLeave: (e) => {
+            Object.assign(e.currentTarget.style, getButtonStyles(false, disabled || current >= totalPages));
+          },
+          children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `flex items-center flex-wrap ${SIZE_GAP_CLASSES[resolvedSize]} ${className}`, children: [
+    showTotal && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `${SIZE_TEXT_CLASSES[resolvedSize]} mr-2`,
+        style: { color: "var(--lm-text-secondary)" },
+        children: typeof showTotal === "function" ? showTotal(total, range) : `共 ${total} 条`
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: `${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`,
+        style: getButtonStyles(false, disabled || current <= 1),
+        onClick: () => handlePageChange(current - 1),
+        disabled: disabled || current <= 1,
+        "aria-label": "上一页",
+        onMouseEnter: (e) => {
+          if (!disabled && current > 1) Object.assign(e.currentTarget.style, getButtonHoverStyles());
+        },
+        onMouseLeave: (e) => {
+          Object.assign(e.currentTarget.style, getButtonStyles(false, disabled || current <= 1));
+        },
+        children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+      }
+    ),
+    pageNumbers.map((page, index) => {
+      if (page === "prev-more" || page === "next-more") {
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: `${buttonSizeClasses[resolvedSize]} rounded-lg flex items-center justify-center`,
+            style: { color: "var(--lm-text-secondary)" },
+            onClick: () => handlePageChange(page === "prev-more" ? current - 5 : current + 5),
+            disabled,
+            children: /* @__PURE__ */ jsx(MoreIcon, {})
+          },
+          `more-${index}`
+        );
+      }
+      const isActive = page === current;
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: `${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`,
+          style: getButtonStyles(isActive, disabled),
+          onClick: () => handlePageChange(page),
+          disabled,
+          "aria-current": isActive ? "page" : void 0,
+          onMouseEnter: (e) => {
+            if (!disabled && !isActive) Object.assign(e.currentTarget.style, getButtonHoverStyles());
+          },
+          onMouseLeave: (e) => {
+            Object.assign(e.currentTarget.style, getButtonStyles(isActive, disabled));
+          },
+          children: page
+        },
+        page
+      );
+    }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: `${buttonSizeClasses[resolvedSize]} rounded-lg border flex items-center justify-center transition-all duration-200`,
+        style: getButtonStyles(false, disabled || current >= totalPages),
+        onClick: () => handlePageChange(current + 1),
+        disabled: disabled || current >= totalPages,
+        "aria-label": "下一页",
+        onMouseEnter: (e) => {
+          if (!disabled && current < totalPages) Object.assign(e.currentTarget.style, getButtonHoverStyles());
+        },
+        onMouseLeave: (e) => {
+          Object.assign(e.currentTarget.style, getButtonStyles(false, disabled || current >= totalPages));
+        },
+        children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+      }
+    ),
+    showSizeChanger && /* @__PURE__ */ jsx(
+      "select",
+      {
+        className: `${inputSizeClasses[resolvedSize]} rounded-lg border outline-none transition-all duration-200`,
+        style: {
+          backgroundColor: "var(--lm-bg-elevated)",
+          color: "var(--lm-text-primary)",
+          borderColor: "var(--lm-border-default)"
+        },
+        value: internalPageSize,
+        onChange: (e) => handlePageSizeChange(Number(e.target.value)),
+        disabled,
+        children: pageSizeOptions.map((option) => /* @__PURE__ */ jsxs("option", { value: option, children: [
+          option,
+          " 条/页"
+        ] }, option))
+      }
+    ),
+    showQuickJumper && /* @__PURE__ */ jsxs("div", { className: `flex items-center ${SIZE_GAP_CLASSES[resolvedSize]}`, children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: SIZE_TEXT_CLASSES[resolvedSize],
+          style: { color: "var(--lm-text-secondary)" },
+          children: "跳至"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          className: `${inputSizeClasses[resolvedSize]} rounded-lg border outline-none text-center transition-all duration-200`,
+          style: {
+            backgroundColor: "var(--lm-bg-elevated)",
+            color: "var(--lm-text-primary)",
+            borderColor: "var(--lm-border-default)"
+          },
+          value: jumpValue,
+          onChange: (e) => setJumpValue(e.target.value.replace(/\D/g, "")),
+          onBlur: handleJump,
+          onKeyDown: handleKeyDown,
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: SIZE_TEXT_CLASSES[resolvedSize],
+          style: { color: "var(--lm-text-secondary)" },
+          children: "页"
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  LMPagination as L
+};
+//# sourceMappingURL=LMPagination-BypfLRlF.js.map