exploreda 0.0.6 → 0.1.0

package/dist/chunk-B7OQUBH4.cjs

@@ -0,0 +1,171 @@
+'use strict';
+
+var chunk5B23JVH3_cjs = require('./chunk-5B23JVH3.cjs');
+var d3ScaleChromatic = require('d3-scale-chromatic');
+var d3Scale = require('d3-scale');
+var react = require('react');
+
+var numericalPalettes = {
+  Viridis: d3ScaleChromatic.interpolateViridis,
+  Inferno: d3ScaleChromatic.interpolateInferno,
+  Magma: d3ScaleChromatic.interpolateMagma,
+  Plasma: d3ScaleChromatic.interpolatePlasma,
+  Warm: d3ScaleChromatic.interpolateWarm,
+  Cool: d3ScaleChromatic.interpolateCool
+};
+var defaultCategoricalColors = d3ScaleChromatic.schemeCategory10;
+function makeD3ColorScale(scale) {
+  if (scale.type === "numerical") {
+    const interpolate = numericalPalettes[scale.palette] ?? d3ScaleChromatic.interpolateViridis;
+    return d3Scale.scaleSequential(interpolate).domain([scale.min, scale.max]);
+  }
+  return d3Scale.scaleOrdinal().domain(Array.from(scale.mapping.keys())).range(scale.palette);
+}
+function makeColorScale(scale) {
+  const d3Scale = makeD3ColorScale(scale);
+  return (value) => scale.type === "numerical" ? d3Scale(Number(value)) : d3Scale(chunk5B23JVH3_cjs.categoryLabel(value));
+}
+function planNumericalLegend(scale, width, breakpoints, formatValue, getColor) {
+  const count = scale.min === scale.max ? 1 : Math.max(2, Math.min(Math.round(breakpoints), Math.floor(width / 56)));
+  const stops = Array.from({ length: count }, (_, index) => {
+    const value = scale.min + (scale.max - scale.min) * index / Math.max(1, count - 1);
+    return { value, label: formatValue(value), color: getColor(value) };
+  });
+  return {
+    width,
+    requestedBreakpoints: breakpoints,
+    widthPerStop: 56,
+    domain: [scale.min, scale.max],
+    stops,
+    background: count === 1 ? stops[0].color : `linear-gradient(to right, ${stops.map((stop) => stop.color).join(", ")})`
+  };
+}
+function useColorScales() {
+  const colorScales = chunk5B23JVH3_cjs.useDataLayer((state) => state.colorScales);
+  const addColorScale = chunk5B23JVH3_cjs.useDataLayer((state) => state.addColorScale);
+  const removeColorScale = chunk5B23JVH3_cjs.useDataLayer((state) => state.removeColorScale);
+  const updateColorScale = chunk5B23JVH3_cjs.useDataLayer((state) => state.updateColorScale);
+  const getColumnData = chunk5B23JVH3_cjs.useDataLayer((state) => state.getColumnData);
+  const fieldProfiles = chunk5B23JVH3_cjs.useDataLayer((state) => state.fieldProfiles);
+  const charts = chunk5B23JVH3_cjs.useDataLayer((state) => state.charts);
+  const d3Scales = react.useMemo(() => {
+    const scales = /* @__PURE__ */ new Map();
+    colorScales.forEach(
+      (scale) => scales.set(scale.id, makeD3ColorScale(scale))
+    );
+    return scales;
+  }, [colorScales]);
+  const getColorForValue = react.useCallback(
+    (scaleId, value, defaultColor = "#000000") => {
+      if (!scaleId) {
+        return defaultColor;
+      }
+      const scale = colorScales.find((s) => s.id === scaleId);
+      if (!scale) {
+        return "#000000";
+      }
+      const d3Scale = d3Scales.get(scaleId);
+      if (!d3Scale) {
+        return "#000000";
+      }
+      try {
+        if (scale.type === "numerical") {
+          return d3Scale(Number(value));
+        }
+        return d3Scale(chunk5B23JVH3_cjs.categoryLabel(value));
+      } catch {
+        return "#000000";
+      }
+    },
+    [colorScales, d3Scales]
+  );
+  const getScaleById = (id) => {
+    return colorScales.find((s) => s.id === id);
+  };
+  const createDefaultNumericalScale = (name, min, max, sourceField) => {
+    const scale = {
+      name,
+      type: "numerical",
+      palette: "Viridis",
+      min,
+      max,
+      sourceField
+    };
+    return addColorScale(scale);
+  };
+  const createDefaultCategoricalScale = (name, values, sourceField) => {
+    const defaultPalette = defaultCategoricalColors;
+    const mapping = /* @__PURE__ */ new Map();
+    values.forEach((value, i) => {
+      mapping.set(
+        value,
+        defaultPalette[i % defaultPalette.length] ?? "#000000"
+      );
+    });
+    const scale = {
+      name,
+      type: "categorical",
+      palette: Array.from(mapping.values()),
+      mapping,
+      sourceField
+    };
+    return addColorScale(scale);
+  };
+  const getD3Scale = (scaleId) => {
+    return d3Scales.get(scaleId) ?? d3Scale.scaleSequential(d3ScaleChromatic.interpolateViridis).domain([0, 1]);
+  };
+  const getOrCreateScaleForField = (field, name) => {
+    const boundScaleIds = new Set(
+      charts.filter(
+        (chart) => chart.colorField === field && typeof chart.colorScaleId === "string"
+      ).map((chart) => chart.colorScaleId)
+    );
+    if (boundScaleIds.size === 1) {
+      const [boundScaleId] = boundScaleIds;
+      if (boundScaleId && colorScales.some((scale) => scale.id === boundScaleId)) {
+        return boundScaleId;
+      }
+    }
+    const existingScale = colorScales.find((s) => s.sourceField === field);
+    if (existingScale) {
+      return existingScale.id;
+    }
+    const values = Object.values(getColumnData(field));
+    const cleanValues = values.filter((v) => v != null);
+    const profile = fieldProfiles.find((item) => item.name === field);
+    const isNumerical = (profile?.dataType ?? chunk5B23JVH3_cjs.detectColumnType(getColumnData(field))) === "numeric" && cleanValues.some((value) => chunk5B23JVH3_cjs.finiteNumber(value) !== void 0);
+    let newScale;
+    if (isNumerical) {
+      const numericValues = chunk5B23JVH3_cjs.finiteNumbers(cleanValues);
+      const min = Math.min(...numericValues);
+      const max = Math.max(...numericValues);
+      newScale = createDefaultNumericalScale(name ?? field, min, max, field);
+    } else {
+      const uniqueValues = Array.from(new Set(values.map(chunk5B23JVH3_cjs.categoryLabel)));
+      newScale = createDefaultCategoricalScale(
+        name ?? field,
+        uniqueValues,
+        field
+      );
+    }
+    return newScale.id;
+  };
+  return {
+    addColorScale,
+    removeColorScale,
+    updateColorScale,
+    getColorForValue,
+    getScaleById,
+    colorScales,
+    createDefaultNumericalScale,
+    createDefaultCategoricalScale,
+    getD3Scale,
+    getOrCreateScaleForField
+  };
+}
+
+exports.makeColorScale = makeColorScale;
+exports.planNumericalLegend = planNumericalLegend;
+exports.useColorScales = useColorScales;
+//# sourceMappingURL=chunk-B7OQUBH4.cjs.map
+//# sourceMappingURL=chunk-B7OQUBH4.cjs.map

package/dist/chunk-B7OQUBH4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/colorScaleMath.ts","../src/hooks/useColorScales.ts"],"names":["interpolateViridis","interpolateInferno","interpolateMagma","interpolatePlasma","interpolateWarm","interpolateCool","schemeCategory10","scaleSequential","scaleOrdinal","categoryLabel","useDataLayer","useMemo","useCallback","detectColumnType","finiteNumber","finiteNumbers"],"mappings":"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","file":"chunk-B7OQUBH4.cjs","sourcesContent":["import { categoryLabel } from \"./categories\";\nimport type { datum } from \"@/types/ChartTypes\";\nimport type { ColorScaleType } from \"@/types/ColorScaleTypes\";\nimport { scaleOrdinal, scaleSequential } from \"d3-scale\";\nimport type { ScaleOrdinal, ScaleSequential } from \"d3-scale\";\nimport {\n  interpolateCool,\n  interpolateInferno,\n  interpolateMagma,\n  interpolatePlasma,\n  interpolateViridis,\n  interpolateWarm,\n  schemeCategory10,\n} from \"d3-scale-chromatic\";\n\nconst numericalPalettes = {\n  Viridis: interpolateViridis,\n  Inferno: interpolateInferno,\n  Magma: interpolateMagma,\n  Plasma: interpolatePlasma,\n  Warm: interpolateWarm,\n  Cool: interpolateCool,\n};\n\nexport const defaultCategoricalColors = schemeCategory10;\n\nexport function makeD3ColorScale(scale: ColorScaleType) {\n  if (scale.type === \"numerical\") {\n    const interpolate =\n      numericalPalettes[scale.palette as keyof typeof numericalPalettes] ??\n      interpolateViridis;\n    return scaleSequential(interpolate).domain([scale.min, scale.max]);\n  }\n  return scaleOrdinal<string>()\n    .domain(Array.from(scale.mapping.keys()))\n    .range(scale.palette);\n}\n\nexport function makeColorScale(scale: ColorScaleType) {\n  const d3Scale = makeD3ColorScale(scale);\n  return (value: datum) =>\n    scale.type === \"numerical\"\n      ? (d3Scale as ScaleSequential<string>)(Number(value))\n      : (d3Scale as ScaleOrdinal<string, string>)(categoryLabel(value));\n}\n\nexport function planNumericalLegend(\n  scale: Extract<ColorScaleType, { type: \"numerical\" }>,\n  width: number,\n  breakpoints: number,\n  formatValue: (value: number) => string,\n  getColor: (value: number) => string\n) {\n  const count =\n    scale.min === scale.max\n      ? 1\n      : Math.max(2, Math.min(Math.round(breakpoints), Math.floor(width / 56)));\n  const stops = Array.from({ length: count }, (_, index) => {\n    const value =\n      scale.min + ((scale.max - scale.min) * index) / Math.max(1, count - 1);\n    return { value, label: formatValue(value), color: getColor(value) };\n  });\n  return {\n    width,\n    requestedBreakpoints: breakpoints,\n    widthPerStop: 56,\n    domain: [scale.min, scale.max] as [number, number],\n    stops,\n    background:\n      count === 1\n        ? stops[0]!.color\n        : `linear-gradient(to right, ${stops.map((stop) => stop.color).join(\", \")})`,\n  };\n}\n","import { finiteNumber, finiteNumbers } from \"@/lib/numeric\";\nimport { categoryLabel } from \"@/lib/categories\";\nimport { detectColumnType } from \"@/components/SummaryTable/utils/dataTypeDetection\";\nimport { useDataLayer } from \"@/providers/DataLayerProvider\";\nimport {\n  CategoricalColorScale,\n  ColorScaleType,\n  NumericalColorScale,\n  UseColorScalesReturn,\n} from \"@/types/ColorScaleTypes\";\nimport type { datum } from \"@/types/ChartTypes\";\nimport { interpolateViridis } from \"d3-scale-chromatic\";\nimport { scaleSequential } from \"d3-scale\";\nimport type { ScaleOrdinal, ScaleSequential } from \"d3-scale\";\nimport {\n  defaultCategoricalColors,\n  makeD3ColorScale,\n} from \"@/lib/colorScaleMath\";\n\nimport { useCallback, useMemo } from \"react\";\n\nexport function useColorScales(): UseColorScalesReturn {\n  const colorScales = useDataLayer((state) => state.colorScales);\n  const addColorScale = useDataLayer((state) => state.addColorScale);\n  const removeColorScale = useDataLayer((state) => state.removeColorScale);\n  const updateColorScale = useDataLayer((state) => state.updateColorScale);\n  const getColumnData = useDataLayer((state) => state.getColumnData);\n  const fieldProfiles = useDataLayer((state) => state.fieldProfiles);\n  const charts = useDataLayer((state) => state.charts);\n\n  // Memoized d3 scale objects\n  const d3Scales = useMemo(() => {\n    const scales = new Map<\n      string,\n      ScaleSequential<string> | ScaleOrdinal<string, string>\n    >();\n\n    colorScales.forEach((scale) =>\n      scales.set(scale.id, makeD3ColorScale(scale))\n    );\n\n    return scales;\n  }, [colorScales]);\n\n  const getColorForValue = useCallback(\n    (\n      scaleId: string | undefined,\n      value: datum,\n      defaultColor: string = \"#000000\"\n    ): string => {\n      if (!scaleId) {\n        return defaultColor;\n      }\n\n      const scale = colorScales.find((s) => s.id === scaleId);\n      if (!scale) {\n        // console.warn(`Color scale ${scaleId} not found`);\n        return \"#000000\";\n      }\n\n      const d3Scale = d3Scales.get(scaleId);\n      if (!d3Scale) {\n        return \"#000000\";\n      }\n\n      try {\n        if (scale.type === \"numerical\") {\n          return (d3Scale as ScaleSequential<string>)(Number(value));\n        }\n        return (d3Scale as ScaleOrdinal<string, string>)(categoryLabel(value));\n      } catch {\n        return \"#000000\";\n      }\n    },\n    [colorScales, d3Scales]\n  );\n\n  const getScaleById = (id: string): ColorScaleType | undefined => {\n    return colorScales.find((s) => s.id === id);\n  };\n\n  const createDefaultNumericalScale = (\n    name: string,\n    min: number,\n    max: number,\n    sourceField?: string\n  ): ColorScaleType => {\n    const scale: Omit<NumericalColorScale, \"id\"> = {\n      name,\n      type: \"numerical\",\n      palette: \"Viridis\",\n      min,\n      max,\n      sourceField,\n    };\n    return addColorScale(scale);\n  };\n\n  const createDefaultCategoricalScale = (\n    name: string,\n    values: string[],\n    sourceField?: string\n  ): ColorScaleType => {\n    const defaultPalette = defaultCategoricalColors;\n    const mapping = new Map<string, string>();\n    values.forEach((value, i) => {\n      mapping.set(\n        value,\n        defaultPalette[i % defaultPalette.length] ?? \"#000000\"\n      );\n    });\n\n    const scale: Omit<CategoricalColorScale, \"id\"> = {\n      name,\n      type: \"categorical\",\n      palette: Array.from(mapping.values()),\n      mapping,\n      sourceField,\n    };\n    return addColorScale(scale);\n  };\n\n  const getD3Scale = (scaleId: string) => {\n    return (\n      d3Scales.get(scaleId) ??\n      scaleSequential(interpolateViridis).domain([0, 1])\n    );\n  };\n\n  const getOrCreateScaleForField = (field: string, name?: string): string => {\n    // Existing chart bindings are authoritative. Keep the exact ID instead of\n    // matching display names.\n    const boundScaleIds = new Set(\n      charts\n        .filter(\n          (chart) =>\n            chart.colorField === field && typeof chart.colorScaleId === \"string\"\n        )\n        .map((chart) => chart.colorScaleId as string)\n    );\n    if (boundScaleIds.size === 1) {\n      const [boundScaleId] = boundScaleIds;\n      if (\n        boundScaleId &&\n        colorScales.some((scale) => scale.id === boundScaleId)\n      ) {\n        return boundScaleId;\n      }\n    }\n\n    // Otherwise reuse the explicitly bound source scale before creating one.\n    const existingScale = colorScales.find((s) => s.sourceField === field);\n    if (existingScale) {\n      return existingScale.id;\n    }\n\n    // Get all values for the field\n    const values = Object.values(getColumnData(field));\n\n    // Filter out null and undefined\n    const cleanValues = values.filter((v): v is string | number => v != null);\n\n    // Check if values are numerical\n    const profile = fieldProfiles.find((item) => item.name === field);\n    const isNumerical =\n      (profile?.dataType ?? detectColumnType(getColumnData(field))) ===\n        \"numeric\" &&\n      cleanValues.some((value) => finiteNumber(value) !== undefined);\n\n    let newScale: ColorScaleType;\n    if (isNumerical) {\n      const numericValues = finiteNumbers(cleanValues);\n      const min = Math.min(...numericValues);\n      const max = Math.max(...numericValues);\n      newScale = createDefaultNumericalScale(name ?? field, min, max, field);\n    } else {\n      const uniqueValues = Array.from(new Set(values.map(categoryLabel)));\n      newScale = createDefaultCategoricalScale(\n        name ?? field,\n        uniqueValues,\n        field\n      );\n    }\n\n    return newScale.id;\n  };\n\n  return {\n    addColorScale,\n    removeColorScale,\n    updateColorScale,\n    getColorForValue,\n    getScaleById,\n    colorScales,\n    createDefaultNumericalScale,\n    createDefaultCategoricalScale,\n    getD3Scale,\n    getOrCreateScaleForField,\n  };\n}\n"]}

package/dist/chunk-BIMEHDLB.js

@@ -0,0 +1,72 @@
+import { Input } from './chunk-MJPDJ5AS.js';
+import { cn } from './chunk-JNO7OXCC.js';
+import { useState, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function NumericInputEnter({
+  id,
+  value,
+  onChange,
+  stepSmall = 1,
+  stepMedium = 10,
+  stepLarge = 100,
+  min,
+  max,
+  placeholder,
+  className
+}) {
+  const [localValue, setLocalValue] = useState(value.toString());
+  useEffect(() => setLocalValue(value.toString()), [value]);
+  const handleKeyDown = (e) => {
+    let delta = 0;
+    if (e.key === "ArrowUp" || e.key === "ArrowDown") {
+      e.preventDefault();
+      const direction = e.key === "ArrowUp" ? 1 : -1;
+      if (e.shiftKey && e.altKey) {
+        delta = stepLarge * direction;
+      } else if (e.shiftKey) {
+        delta = stepMedium * direction;
+      } else {
+        delta = stepSmall * direction;
+      }
+      const newValue = Number(value) + delta;
+      const clampedValue = Math.min(
+        max ?? Infinity,
+        Math.max(min ?? -Infinity, newValue)
+      );
+      onChange(clampedValue);
+      setLocalValue(clampedValue.toString());
+    }
+  };
+  const handleChange = (e) => {
+    setLocalValue(e.target.value);
+    const newValue = parseFloat(e.target.value);
+    if (!isNaN(newValue)) {
+      if ((min === void 0 || newValue >= min) && (max === void 0 || newValue <= max)) {
+        onChange(newValue);
+      }
+    }
+  };
+  const handleBlur = () => {
+    setLocalValue(value.toString());
+  };
+  return /* @__PURE__ */ jsx("div", { className: cn("relative max-w-[160px]", className), children: /* @__PURE__ */ jsx(
+    Input,
+    {
+      id,
+      type: "number",
+      value: localValue,
+      onChange: handleChange,
+      onKeyDown: handleKeyDown,
+      onBlur: handleBlur,
+      min,
+      max,
+      placeholder,
+      className: `w-full`
+    }
+  ) });
+}
+
+export { NumericInputEnter };
+//# sourceMappingURL=chunk-BIMEHDLB.js.map
+//# sourceMappingURL=chunk-BIMEHDLB.js.map

package/dist/chunk-BIMEHDLB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NumericInputEnter.tsx"],"names":[],"mappings":";;;;;AAiBO,SAAS,iBAAkB,CAAA;AAAA,EAChC,EAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAY,GAAA,CAAA;AAAA,EACZ,UAAa,GAAA,EAAA;AAAA,EACb,SAAY,GAAA,GAAA;AAAA,EACZ,GAAA;AAAA,EACA,GAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAA2B,EAAA;AACzB,EAAA,MAAM,CAAC,UAAY,EAAA,aAAa,IAAI,QAAiB,CAAA,KAAA,CAAM,UAAU,CAAA;AAErE,EAAU,SAAA,CAAA,MAAM,cAAc,KAAM,CAAA,QAAA,EAAU,CAAG,EAAA,CAAC,KAAK,CAAC,CAAA;AAExD,EAAM,MAAA,aAAA,GAAgB,CAAC,CAAuC,KAAA;AAC5D,IAAA,IAAI,KAAQ,GAAA,CAAA;AAGZ,IAAA,IAAI,CAAE,CAAA,GAAA,KAAQ,SAAa,IAAA,CAAA,CAAE,QAAQ,WAAa,EAAA;AAChD,MAAA,CAAA,CAAE,cAAe,EAAA;AACjB,MAAA,MAAM,SAAY,GAAA,CAAA,CAAE,GAAQ,KAAA,SAAA,GAAY,CAAI,GAAA,EAAA;AAE5C,MAAI,IAAA,CAAA,CAAE,QAAY,IAAA,CAAA,CAAE,MAAQ,EAAA;AAC1B,QAAA,KAAA,GAAQ,SAAY,GAAA,SAAA;AAAA,OACtB,MAAA,IAAW,EAAE,QAAU,EAAA;AACrB,QAAA,KAAA,GAAQ,UAAa,GAAA,SAAA;AAAA,OAChB,MAAA;AACL,QAAA,KAAA,GAAQ,SAAY,GAAA,SAAA;AAAA;AAGtB,MAAM,MAAA,QAAA,GAAW,MAAO,CAAA,KAAK,CAAI,GAAA,KAAA;AAGjC,MAAA,MAAM,eAAe,IAAK,CAAA,GAAA;AAAA,QACxB,GAAO,IAAA,QAAA;AAAA,QACP,IAAK,CAAA,GAAA,CAAI,GAAO,IAAA,CAAA,QAAA,EAAW,QAAQ;AAAA,OACrC;AAEA,MAAA,QAAA,CAAS,YAAY,CAAA;AACrB,MAAc,aAAA,CAAA,YAAA,CAAa,UAAU,CAAA;AAAA;AACvC,GACF;AAEA,EAAM,MAAA,YAAA,GAAe,CAAC,CAA2C,KAAA;AAC/D,IAAc,aAAA,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA;AAE5B,IAAA,MAAM,QAAW,GAAA,UAAA,CAAW,CAAE,CAAA,MAAA,CAAO,KAAK,CAAA;AAC1C,IAAI,IAAA,CAAC,KAAM,CAAA,QAAQ,CAAG,EAAA;AAEpB,MAAA,IAAA,CACG,QAAQ,MAAa,IAAA,QAAA,IAAY,SACjC,GAAQ,KAAA,MAAA,IAAa,YAAY,GAClC,CAAA,EAAA;AACA,QAAA,QAAA,CAAS,QAAQ,CAAA;AAAA;AACnB;AACF,GACF;AAEA,EAAA,MAAM,aAAa,MAAM;AACvB,IAAc,aAAA,CAAA,KAAA,CAAM,UAAU,CAAA;AAAA,GAChC;AAEA,EAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAW,EAAG,CAAA,wBAAA,EAA0B,SAAS,CACpD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,IAAK,EAAA,QAAA;AAAA,MACL,KAAO,EAAA,UAAA;AAAA,MACP,QAAU,EAAA,YAAA;AAAA,MACV,SAAW,EAAA,aAAA;AAAA,MACX,MAAQ,EAAA,UAAA;AAAA,MACR,GAAA;AAAA,MACA,GAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAW,EAAA,CAAA,MAAA;AAAA;AAAA,GAEf,EAAA,CAAA;AAEJ","file":"chunk-BIMEHDLB.js","sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { Input } from \"./ui/input\";\nimport { KeyboardEvent, useEffect, useState } from \"react\";\n\nexport interface NumericInputEnterProps {\n  id?: string;\n  value: number;\n  onChange: (value: number) => void;\n  min?: number;\n  max?: number;\n  stepSmall?: number;\n  stepMedium?: number;\n  stepLarge?: number;\n  placeholder?: string;\n  className?: string;\n}\n\nexport function NumericInputEnter({\n  id,\n  value,\n  onChange,\n  stepSmall = 1,\n  stepMedium = 10,\n  stepLarge = 100,\n  min,\n  max,\n  placeholder,\n  className,\n}: NumericInputEnterProps) {\n  const [localValue, setLocalValue] = useState<string>(value.toString());\n\n  useEffect(() => setLocalValue(value.toString()), [value]);\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    let delta = 0;\n\n    // Handle arrow keys with modifiers\n    if (e.key === \"ArrowUp\" || e.key === \"ArrowDown\") {\n      e.preventDefault();\n      const direction = e.key === \"ArrowUp\" ? 1 : -1;\n\n      if (e.shiftKey && e.altKey) {\n        delta = stepLarge * direction;\n      } else if (e.shiftKey) {\n        delta = stepMedium * direction;\n      } else {\n        delta = stepSmall * direction;\n      }\n\n      const newValue = Number(value) + delta;\n\n      // Clamp value within min/max bounds\n      const clampedValue = Math.min(\n        max ?? Infinity,\n        Math.max(min ?? -Infinity, newValue)\n      );\n\n      onChange(clampedValue);\n      setLocalValue(clampedValue.toString());\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setLocalValue(e.target.value);\n\n    const newValue = parseFloat(e.target.value);\n    if (!isNaN(newValue)) {\n      // Only update if within bounds\n      if (\n        (min === undefined || newValue >= min) &&\n        (max === undefined || newValue <= max)\n      ) {\n        onChange(newValue);\n      }\n    }\n  };\n\n  const handleBlur = () => {\n    setLocalValue(value.toString());\n  };\n\n  return (\n    <div className={cn(\"relative max-w-[160px]\", className)}>\n      <Input\n        id={id}\n        type=\"number\"\n        value={localValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        min={min}\n        max={max}\n        placeholder={placeholder}\n        className={`w-full`}\n      />\n    </div>\n  );\n}\n"]}