@mari-ui/components 0.0.0-stage → 0.1.0

package/dist/chunk-LEOIKO7C.js

@@ -0,0 +1,144 @@
+"use client";
+
+import {
+  useFieldGroup,
+  useFieldSkeleton
+} from "./chunk-LBQMEHK6.js";
+import {
+  touchTargetClass
+} from "./chunk-FFXRFQSU.js";
+import {
+  skeletonBoxProps
+} from "./chunk-54HHEXXD.js";
+
+// src/segmented/Segmented.tsx
+import { useId, useLayoutEffect, useRef, useState } from "react";
+import { cn, useControllableState } from "@mari-ui/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SEGMENT_SIZE = {
+  sm: "h-5 px-2 text-xs gap-1",
+  md: "h-7 px-3 text-sm gap-1.5",
+  lg: "h-9 px-4 text-base gap-2"
+};
+var normalize = (option) => typeof option === "object" ? option : { value: option, label: String(option) };
+function useThumb(containerRef, selectedIndex) {
+  const [rect, setRect] = useState(null);
+  useLayoutEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    const measure = () => {
+      const segment = container.querySelectorAll("[data-segment]")[selectedIndex];
+      setRect(segment ? { left: segment.offsetLeft, width: segment.offsetWidth } : null);
+    };
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(measure);
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, [containerRef, selectedIndex]);
+  return rect;
+}
+function Segmented({
+  options,
+  value,
+  defaultValue,
+  onChange,
+  block = false,
+  size = "md",
+  disabled: ownDisabled = false,
+  name,
+  "aria-label": ownAriaLabel,
+  "aria-labelledby": ownAriaLabelledBy,
+  className,
+  skeleton: ownSkeleton
+}) {
+  const field = useFieldGroup({ "aria-label": ownAriaLabel, "aria-labelledby": ownAriaLabelledBy, disabled: ownDisabled });
+  const skeleton = useFieldSkeleton(ownSkeleton);
+  const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy } = field;
+  const disabled = !!field.disabled;
+  const items = options.map(normalize);
+  const fallbackName = useId();
+  const groupName = name ?? fallbackName;
+  const [current, setCurrent] = useControllableState({
+    value,
+    defaultValue: defaultValue ?? items.find((o) => !o.disabled)?.value,
+    onChange
+  });
+  const containerRef = useRef(null);
+  const selectedIndex = items.findIndex((o) => o.value === current);
+  const thumb = useThumb(containerRef, selectedIndex);
+  const containerClass = cn("relative isolate inline-flex max-w-full rounded-lg bg-mari-surface-alt p-0.5", block && "flex w-full");
+  const segments = items.map((option, index) => {
+    const selected = index === selectedIndex;
+    const optionDisabled = disabled || option.disabled;
+    return /* @__PURE__ */ jsxs(
+      "label",
+      {
+        "data-segment": "",
+        className: cn(
+          "relative flex min-w-0 cursor-pointer items-center justify-center rounded-md font-medium transition-colors duration-150",
+          SEGMENT_SIZE[size],
+          touchTargetClass[size],
+          block && "flex-1",
+          selected ? "text-mari-foreground" : "text-mari-muted hover:text-mari-foreground",
+          // Kayan zemin ölçülene kadar seçili dilim kendi zeminini çizer.
+          selected && !thumb && "bg-mari-surface shadow-mari-sm ring-1 ring-mari-border/60",
+          optionDisabled && "cursor-not-allowed opacity-50 hover:text-mari-muted",
+          // Odak halkası dilimin kendisinde (radyo görünmez).
+          "has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-1 has-[:focus-visible]:outline-mari-ring"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: groupName,
+              value: String(option.value),
+              checked: selected,
+              disabled: optionDisabled,
+              "aria-label": option["aria-label"],
+              onChange: () => setCurrent(option.value),
+              className: "sr-only"
+            }
+          ),
+          option.icon && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "flex shrink-0 items-center [&>svg]:size-4", children: option.icon }),
+          option.label !== void 0 && /* @__PURE__ */ jsx("span", { className: "truncate", children: option.label })
+        ]
+      },
+      String(option.value)
+    );
+  });
+  if (skeleton) {
+    return /* @__PURE__ */ jsx("div", { ...skeletonBoxProps(cn(containerClass, "rounded-lg", className)), children: /* @__PURE__ */ jsx("div", { className: "invisible flex w-full", children: segments }) });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      role: "radiogroup",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": field["aria-describedby"],
+      "aria-invalid": field["aria-invalid"],
+      "aria-required": field["aria-required"],
+      "aria-disabled": disabled || void 0,
+      className: cn(containerClass, className),
+      children: [
+        thumb && selectedIndex >= 0 && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: "absolute inset-y-0.5 -z-10 rounded-md bg-mari-surface shadow-mari-sm ring-1 ring-mari-border/60 transition-[left,width] duration-200 ease-out motion-reduce:transition-none",
+            style: { left: thumb.left, width: thumb.width }
+          }
+        ),
+        segments
+      ]
+    }
+  );
+}
+
+export {
+  Segmented
+};
+//# sourceMappingURL=chunk-LEOIKO7C.js.map

package/dist/chunk-LEOIKO7C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/segmented/Segmented.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useId, useLayoutEffect, useRef, useState } from \"react\";\nimport { cn, useControllableState, type Size } from \"@mari-ui/core\";\nimport { useFieldGroup, useFieldSkeleton } from \"../lib/fieldContext\";\nimport { skeletonBoxProps } from \"../lib/skeleton\";\nimport { touchTargetClass } from \"../lib/sizeClasses\";\nimport type { SegmentedOption, SegmentedProps, SegmentedValue } from \"./types\";\n\nexport type { SegmentedProps };\n\n/** Kapsayıcı 2px dolgulu; dilim yüksekliği + 4px = Input/Select yüksekliği (24/32/40). */\nconst SEGMENT_SIZE: Record<Size, string> = {\n  sm: \"h-5 px-2 text-xs gap-1\",\n  md: \"h-7 px-3 text-sm gap-1.5\",\n  lg: \"h-9 px-4 text-base gap-2\",\n};\n\nconst normalize = (option: SegmentedValue | SegmentedOption): SegmentedOption =>\n  typeof option === \"object\" ? option : { value: option, label: String(option) };\n\n/**\n * Seçili dilimin altında kayan zemin (\"thumb\"). Konumu DOM'dan ölçülür ve\n * boyut değişince (pencere, `block`, yazı tipi yüklenmesi) yeniden ölçülür.\n * Ölçülene kadar (SSR, ilk kare) seçili dilim zemini kendisi çizer — boş görünmez.\n */\nfunction useThumb(containerRef: React.RefObject<HTMLDivElement | null>, selectedIndex: number) {\n  const [rect, setRect] = useState<{ left: number; width: number } | null>(null);\n  useLayoutEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n    const measure = () => {\n      const segment = container.querySelectorAll<HTMLElement>(\"[data-segment]\")[selectedIndex];\n      setRect(segment ? { left: segment.offsetLeft, width: segment.offsetWidth } : null);\n    };\n    measure();\n    if (typeof ResizeObserver === \"undefined\") return;\n    const observer = new ResizeObserver(measure);\n    observer.observe(container);\n    return () => observer.disconnect();\n  }, [containerRef, selectedIndex]);\n  return rect;\n}\n\n/**\n * Faz 16.1 — ant.design Segmented'ın yapısı, Tabs `pills`in görünümü (aynı\n * zemin, aynı kayan beyaz dilim). Tabs'ten ayrı çünkü anlamı farklı: Tabs bir\n * PANEL değiştirir (`tablist`), Segmented bir DEĞER seçer — form kontrolü.\n *\n * Erişilebilirlik: gerçek `<input type=\"radio\">`lar + `role=\"radiogroup\"`.\n * Ok tuşları seçimi taşır, Tab gruba tek durakla girer, `name` ile native\n * forma katılır, disabled seçenek atlanır — hepsi tarayıcının kendisinden.\n * Yalnız ikonlu seçenekte `aria-label` verin.\n */\nexport function Segmented({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  block = false,\n  size = \"md\",\n  disabled: ownDisabled = false,\n  name,\n  \"aria-label\": ownAriaLabel,\n  \"aria-labelledby\": ownAriaLabelledBy,\n  className,\n  skeleton: ownSkeleton,\n}: Readonly<SegmentedProps>) {\n  // Field içindeyse etiketi grubun adı olur; ipucu/hata, zorunluluk ve devre dışı oradan.\n  const field = useFieldGroup({ \"aria-label\": ownAriaLabel, \"aria-labelledby\": ownAriaLabelledBy, disabled: ownDisabled });\n  const skeleton = useFieldSkeleton(ownSkeleton);\n  const { \"aria-label\": ariaLabel, \"aria-labelledby\": ariaLabelledBy } = field;\n  const disabled = !!field.disabled;\n  const items = options.map(normalize);\n  const fallbackName = useId();\n  const groupName = name ?? fallbackName;\n  const [current, setCurrent] = useControllableState<SegmentedValue | undefined>({\n    value,\n    defaultValue: defaultValue ?? items.find((o) => !o.disabled)?.value,\n    onChange: onChange as ((v: SegmentedValue | undefined) => void) | undefined,\n  });\n  const containerRef = useRef<HTMLDivElement>(null);\n  const selectedIndex = items.findIndex((o) => o.value === current);\n  const thumb = useThumb(containerRef, selectedIndex);\n\n  const containerClass = cn(\"relative isolate inline-flex max-w-full rounded-lg bg-mari-surface-alt p-0.5\", block && \"flex w-full\");\n\n  const segments = items.map((option, index) => {\n    const selected = index === selectedIndex;\n    const optionDisabled = disabled || option.disabled;\n    return (\n      <label\n        key={String(option.value)}\n        data-segment=\"\"\n        className={cn(\n          \"relative flex min-w-0 cursor-pointer items-center justify-center rounded-md font-medium transition-colors duration-150\",\n          SEGMENT_SIZE[size],\n          touchTargetClass[size],\n          block && \"flex-1\",\n          selected ? \"text-mari-foreground\" : \"text-mari-muted hover:text-mari-foreground\",\n          // Kayan zemin ölçülene kadar seçili dilim kendi zeminini çizer.\n          selected && !thumb && \"bg-mari-surface shadow-mari-sm ring-1 ring-mari-border/60\",\n          optionDisabled && \"cursor-not-allowed opacity-50 hover:text-mari-muted\",\n          // Odak halkası dilimin kendisinde (radyo görünmez).\n          \"has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-1 has-[:focus-visible]:outline-mari-ring\"\n        )}\n      >\n        <input\n          type=\"radio\"\n          name={groupName}\n          value={String(option.value)}\n          checked={selected}\n          disabled={optionDisabled}\n          aria-label={option[\"aria-label\"]}\n          onChange={() => setCurrent(option.value)}\n          className=\"sr-only\"\n        />\n        {option.icon && (\n          <span aria-hidden className=\"flex shrink-0 items-center [&>svg]:size-4\">\n            {option.icon}\n          </span>\n        )}\n        {option.label !== undefined && <span className=\"truncate\">{option.label}</span>}\n      </label>\n    );\n  });\n\n  if (skeleton) {\n    // Gerçek dilimler görünmez olarak yerinde: iskelet ile yüklü hal birebir aynı genişlikte.\n    return (\n      <div {...skeletonBoxProps(cn(containerClass, \"rounded-lg\", className))}>\n        <div className=\"invisible flex w-full\">{segments}</div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      role=\"radiogroup\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-describedby={field[\"aria-describedby\"]}\n      aria-invalid={field[\"aria-invalid\"]}\n      aria-required={field[\"aria-required\"]}\n      aria-disabled={disabled || undefined}\n      className={cn(containerClass, className)}\n    >\n      {thumb && selectedIndex >= 0 && (\n        <span\n          aria-hidden\n          className=\"absolute inset-y-0.5 -z-10 rounded-md bg-mari-surface shadow-mari-sm ring-1 ring-mari-border/60 transition-[left,width] duration-200 ease-out motion-reduce:transition-none\"\n          style={{ left: thumb.left, width: thumb.width }}\n        />\n      )}\n      {segments}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-LZHERDNB.js

@@ -0,0 +1,344 @@
+"use client";
+
+import {
+  FIELD_BASE_CLASS,
+  FIELD_DISABLED_CLASS,
+  FIELD_MOBILE_TEXT_CLASS,
+  getShapeClasses,
+  getVariantClasses
+} from "./chunk-DUCIAQGR.js";
+import {
+  useFieldControl
+} from "./chunk-LBQMEHK6.js";
+import {
+  sizeClass,
+  touchTargetClass
+} from "./chunk-FFXRFQSU.js";
+import {
+  skeletonBoxProps
+} from "./chunk-54HHEXXD.js";
+
+// src/input-number/InputNumber.tsx
+import { forwardRef, useEffect, useRef, useState } from "react";
+import { ChevronDownIcon, ChevronUpIcon, MinusIcon, PlusIcon } from "lucide-react";
+import { cn, useControllableState } from "@mari-ui/core";
+
+// src/input-number/utils.ts
+function getSeparators(locale) {
+  const parts = new Intl.NumberFormat(locale).formatToParts(12345675e-1);
+  return {
+    decimal: parts.find((p) => p.type === "decimal")?.value ?? ".",
+    group: parts.find((p) => p.type === "group")?.value ?? ","
+  };
+}
+function roundTo(value, precision) {
+  if (precision === void 0) return Number.parseFloat(value.toPrecision(15));
+  const factor = 10 ** precision;
+  return Math.round((value + Number.EPSILON) * factor) / factor;
+}
+function clamp(value, min, max) {
+  if (min !== void 0 && value < min) return min;
+  if (max !== void 0 && value > max) return max;
+  return value;
+}
+function formatNumber(value, { locale, precision, grouping }) {
+  if (value === null || Number.isNaN(value)) return "";
+  return new Intl.NumberFormat(locale, {
+    useGrouping: grouping,
+    minimumFractionDigits: precision ?? 0,
+    maximumFractionDigits: precision ?? 20
+  }).format(value);
+}
+function formatForEditing(value, config) {
+  return formatNumber(value, { ...config, grouping: false });
+}
+function parseNumber(text, locale) {
+  const { decimal, group } = getSeparators(locale);
+  let s = text.replace(/[\s\u00a0\u202f]/g, "");
+  if (s === "" || s === "-" || s === "+") return null;
+  if (decimal !== "." && s.includes(decimal)) {
+    s = s.split(group).join("").replace(decimal, ".");
+  } else if (decimal !== "." && group === "." && s.includes(".")) {
+    const looksGrouped = /^[-+]?\d{1,3}(\.\d{3})+$/.test(s);
+    if (looksGrouped) s = s.split(".").join("");
+  } else if (decimal === ".") {
+    s = s.split(group).join("");
+  }
+  const body = s.replace(/^[-+]/, "");
+  if (!/^[\d.]+$/.test(body) || body.split(".").length > 2 || !/\d/.test(body)) return void 0;
+  const value = Number(s);
+  return Number.isFinite(value) ? value : void 0;
+}
+function isAllowedInput(text, locale) {
+  const { decimal, group } = getSeparators(locale);
+  const escape = (c) => c.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  return new RegExp(`^[-+]?[\\d${escape(decimal)}${escape(group)}.\\s]*$`).test(text);
+}
+function stepValue(current, direction, step, min, max, precision) {
+  const base = current ?? (direction === 1 ? (min ?? 0) - step : (max ?? 0) + step);
+  const stepDecimals = (String(step).split(".")[1] ?? "").length;
+  const next = roundTo(base + direction * step, precision ?? Math.max(stepDecimals, decimals(base)));
+  return clamp(next, min, max);
+}
+function decimals(value) {
+  return (String(value).split(".")[1] ?? "").length;
+}
+
+// src/input-number/InputNumber.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var HOLD_DELAY_MS = 400;
+var HOLD_INTERVAL_MS = 70;
+function useHoldRepeat(action) {
+  const timer = useRef(void 0);
+  const actionRef = useRef(action);
+  actionRef.current = action;
+  const stop = () => clearTimeout(timer.current);
+  useEffect(() => stop, []);
+  const start = (direction) => {
+    stop();
+    actionRef.current(direction);
+    const repeat = () => {
+      actionRef.current(direction);
+      timer.current = setTimeout(repeat, HOLD_INTERVAL_MS);
+    };
+    timer.current = setTimeout(repeat, HOLD_DELAY_MS);
+  };
+  return { start, stop };
+}
+var STEPPER_WIDTH = { sm: "w-5", md: "w-6", lg: "w-7" };
+var STEPPER_ICON = { sm: 10, md: 12, lg: 14 };
+var textOf = (node) => typeof node === "string" || typeof node === "number" ? String(node) : "";
+function Stepper({ onStart, onStop, canIncrement, canDecrement, incrementLabel, decrementLabel, size }) {
+  const button = (direction, enabled, label, fine, coarse) => /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      tabIndex: -1,
+      "aria-label": label,
+      disabled: !enabled,
+      onPointerDown: (e) => {
+        e.preventDefault();
+        if (enabled) onStart(direction);
+      },
+      onPointerUp: onStop,
+      onPointerLeave: onStop,
+      onPointerCancel: onStop,
+      className: cn(
+        "relative flex min-h-0 flex-1 cursor-pointer items-center justify-center text-mari-muted transition-colors hover:bg-mari-surface-alt hover:text-mari-foreground disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent",
+        "pointer-coarse:w-8 pointer-coarse:flex-none",
+        touchTargetClass[size]
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-coarse:hidden", children: fine }),
+        /* @__PURE__ */ jsx("span", { className: "hidden pointer-coarse:inline", children: coarse })
+      ]
+    }
+  );
+  return (
+    // DOM sırası [azalt, artır]: masaüstünde col-reverse ile artır üstte, dokunmatikte satırda azalt solda.
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex shrink-0 flex-col-reverse self-stretch overflow-hidden border-l border-mari-input [border-bottom-right-radius:inherit] [border-top-right-radius:inherit] pointer-coarse:w-auto pointer-coarse:flex-row [&>button+button]:border-b [&>button+button]:border-mari-input pointer-coarse:[&>button+button]:border-b-0 pointer-coarse:[&>button+button]:border-l",
+          STEPPER_WIDTH[size]
+        ),
+        children: [
+          button(-1, canDecrement, decrementLabel, /* @__PURE__ */ jsx(ChevronDownIcon, { size: STEPPER_ICON[size], "aria-hidden": true }), /* @__PURE__ */ jsx(MinusIcon, { size: 16, "aria-hidden": true })),
+          button(1, canIncrement, incrementLabel, /* @__PURE__ */ jsx(ChevronUpIcon, { size: STEPPER_ICON[size], "aria-hidden": true }), /* @__PURE__ */ jsx(PlusIcon, { size: 16, "aria-hidden": true }))
+        ]
+      }
+    )
+  );
+}
+var InputNumber = forwardRef(function InputNumber2(outerProps, ref) {
+  return /* @__PURE__ */ jsx(InputNumberInner, { ...useFieldControl(outerProps), forwardedRef: ref });
+});
+function InputNumberInner({
+  forwardedRef: ref,
+  value,
+  defaultValue = null,
+  onChange,
+  min,
+  max,
+  step = 1,
+  precision,
+  grouping = true,
+  locale = "tr-TR",
+  prefix,
+  suffix,
+  controls = true,
+  incrementLabel = "Art\u0131r",
+  decrementLabel = "Azalt",
+  placeholder,
+  disabled = false,
+  readOnly = false,
+  size = "md",
+  variant = "outline",
+  shape = "default",
+  color,
+  id,
+  name,
+  required,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  onBlur,
+  onFocus,
+  onPressEnter,
+  className,
+  skeleton = false
+}) {
+  const config = { locale, precision, grouping };
+  const [current, setCurrent] = useControllableState({ value, defaultValue });
+  const [focused, setFocused] = useState(false);
+  const [text, setText] = useState("");
+  const innerRef = useRef(null);
+  const interactive = !disabled && !readOnly;
+  const latest = useRef(current);
+  latest.current = current;
+  const emit = (next) => {
+    if (next === latest.current) return;
+    latest.current = next;
+    setCurrent(next);
+    onChange?.(next);
+  };
+  const normalize = () => {
+    const parsed = parseNumber(text, locale);
+    let next = current;
+    if (parsed === null) next = null;
+    else if (parsed !== void 0) next = clamp(roundTo(parsed, precision), min, max);
+    emit(next);
+    return next;
+  };
+  const applyStep = (direction, multiplier = 1) => {
+    if (!interactive) return;
+    const typed = focused ? parseNumber(text, locale) : void 0;
+    const base = typed === void 0 || typed === null ? latest.current : typed;
+    const next = stepValue(base, direction, step * multiplier, min, max, precision);
+    emit(next);
+    if (focused) setText(formatForEditing(next, config));
+  };
+  const hold = useHoldRepeat((direction) => applyStep(direction));
+  if (skeleton) {
+    return /* @__PURE__ */ jsx("div", { ...skeletonBoxProps(cn("flex w-full items-center", sizeClass[size], getShapeClasses(shape, variant), className)) });
+  }
+  const handleKeyDown = (e) => {
+    const steps = { ArrowUp: [1, e.shiftKey ? 10 : 1], ArrowDown: [-1, e.shiftKey ? 10 : 1], PageUp: [1, 10], PageDown: [-1, 10] };
+    const stepKey = steps[e.key];
+    if (stepKey) {
+      e.preventDefault();
+      applyStep(...stepKey);
+    } else if (e.key === "Home" && min !== void 0 || e.key === "End" && max !== void 0) {
+      e.preventDefault();
+      if (!interactive) return;
+      const edge = e.key === "Home" ? min : max;
+      emit(edge);
+      setText(formatForEditing(edge, config));
+    } else if (e.key === "Enter") {
+      setText(formatForEditing(normalize(), config));
+      onPressEnter?.(e);
+    }
+  };
+  const formatted = formatNumber(current, config);
+  const valueText = formatted ? [textOf(prefix), formatted, textOf(suffix)].filter(Boolean).join(" ") : void 0;
+  const canIncrement = interactive && (max === void 0 || current === null || current < max);
+  const canDecrement = interactive && (min === void 0 || current === null || current > min);
+  const adornment = "flex shrink-0 items-center text-mari-muted";
+  return (
+    // Kutunun boş alanına tıklamak alanı odaklar (Input'taki kısayol); klavye doğrudan alana gelir.
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        onMouseDown: (e) => {
+          if (disabled || innerRef.current?.contains(e.target) || e.target.closest("button")) return;
+          e.preventDefault();
+          innerRef.current?.focus();
+        },
+        className: cn(
+          "group relative flex w-full cursor-text items-center gap-2",
+          sizeClass[size],
+          getShapeClasses(shape, variant),
+          controls && "py-0 pr-0",
+          // Dokunmatikte −/+ yan yana 64px yer kaplar: dar bir genişlik (w-24) rakamlara yer bırakmıyordu.
+          controls && "pointer-coarse:min-w-32",
+          touchTargetClass[size],
+          FIELD_BASE_CLASS,
+          getVariantClasses(variant, color),
+          disabled && FIELD_DISABLED_CLASS,
+          className
+        ),
+        children: [
+          prefix && /* @__PURE__ */ jsx("span", { className: adornment, children: prefix }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: (el) => {
+                innerRef.current = el;
+                if (typeof ref === "function") ref(el);
+                else if (ref) ref.current = el;
+              },
+              id,
+              name,
+              type: "text",
+              role: "spinbutton",
+              inputMode: precision === 0 && (min === void 0 || min >= 0) ? "numeric" : "decimal",
+              autoComplete: "off",
+              required,
+              disabled,
+              readOnly,
+              placeholder,
+              "aria-label": ariaLabel,
+              "aria-labelledby": ariaLabelledBy,
+              "aria-describedby": ariaDescribedBy,
+              "aria-invalid": color === "error" || void 0,
+              "aria-valuenow": current ?? void 0,
+              "aria-valuemin": min,
+              "aria-valuemax": max,
+              "aria-valuetext": valueText,
+              value: focused ? text : formatted,
+              onFocus: (e) => {
+                setFocused(true);
+                setText(formatForEditing(current, config));
+                onFocus?.(e);
+              },
+              onBlur: (e) => {
+                normalize();
+                setFocused(false);
+                onBlur?.(e);
+              },
+              onChange: (e) => {
+                const next = e.target.value;
+                if (!isAllowedInput(next, locale)) return;
+                setText(next);
+                const parsed = parseNumber(next, locale);
+                if (parsed !== void 0) emit(parsed);
+              },
+              onKeyDown: handleKeyDown,
+              className: cn("w-full min-w-0 flex-1 bg-transparent tabular-nums placeholder:text-mari-muted focus:outline-none disabled:cursor-not-allowed", FIELD_MOBILE_TEXT_CLASS)
+            }
+          ),
+          suffix && /* @__PURE__ */ jsx("span", { className: cn(adornment, controls && "pr-1"), children: suffix }),
+          controls && /* @__PURE__ */ jsx(
+            Stepper,
+            {
+              onStart: hold.start,
+              onStop: hold.stop,
+              canIncrement,
+              canDecrement,
+              incrementLabel,
+              decrementLabel,
+              size
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+
+export {
+  InputNumber
+};
+//# sourceMappingURL=chunk-LZHERDNB.js.map

package/dist/chunk-LZHERDNB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/input-number/InputNumber.tsx","../src/input-number/utils.ts"],"sourcesContent":["\"use client\";\n\nimport React, { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { ChevronDownIcon, ChevronUpIcon, MinusIcon, PlusIcon } from \"lucide-react\";\nimport { cn, useControllableState } from \"@mari-ui/core\";\nimport { FIELD_BASE_CLASS, FIELD_DISABLED_CLASS, FIELD_MOBILE_TEXT_CLASS, getShapeClasses, getVariantClasses } from \"../input/utils\";\nimport { useFieldControl } from \"../lib/fieldContext\";\nimport { skeletonBoxProps } from \"../lib/skeleton\";\nimport { sizeClass, touchTargetClass } from \"../lib/sizeClasses\";\nimport type { InputNumberProps } from \"./types\";\nimport { clamp, formatForEditing, formatNumber, isAllowedInput, parseNumber, roundTo, stepValue, type NumberFormatConfig } from \"./utils\";\n\nexport type { InputNumberProps };\n\nconst HOLD_DELAY_MS = 400;\nconst HOLD_INTERVAL_MS = 70;\n\n/** Basılı tutunca adım tekrarlanır (400ms bekle, sonra 70ms'de bir). */\nfunction useHoldRepeat(action: (direction: 1 | -1) => void) {\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const actionRef = useRef(action);\n  actionRef.current = action;\n  const stop = () => clearTimeout(timer.current);\n  useEffect(() => stop, []);\n  const start = (direction: 1 | -1) => {\n    stop();\n    actionRef.current(direction);\n    const repeat = () => {\n      actionRef.current(direction);\n      timer.current = setTimeout(repeat, HOLD_INTERVAL_MS);\n    };\n    timer.current = setTimeout(repeat, HOLD_DELAY_MS);\n  };\n  return { start, stop };\n}\n\n/**\n * Düğme sütunu boyuta göre ölçeklenir. `sm` kutunun iç yüksekliği 22px: iki\n * düğme + 1px ayraç 12px ikonla en az 25px istiyordu → düğmeler kutudan\n * taşıp alt ok kenarlığın üstüne biniyordu (kullanıcı bulgusu). İkon ve\n * genişlik boyutla birlikte küçülür; `min-h-0` düğmelerin paylaşımlı\n * yüksekliğe inmesine izin verir.\n */\nconst STEPPER_WIDTH: Record<NonNullable<InputNumberProps[\"size\"]>, string> = { sm: \"w-5\", md: \"w-6\", lg: \"w-7\" };\nconst STEPPER_ICON: Record<NonNullable<InputNumberProps[\"size\"]>, number> = { sm: 10, md: 12, lg: 14 };\n\nconst textOf = (node: React.ReactNode) => (typeof node === \"string\" || typeof node === \"number\" ? String(node) : \"\");\n\ninterface StepperProps {\n  onStart: (direction: 1 | -1) => void;\n  onStop: () => void;\n  canIncrement: boolean;\n  canDecrement: boolean;\n  incrementLabel: string;\n  decrementLabel: string;\n  size: NonNullable<InputNumberProps[\"size\"]>;\n}\n\n/**\n * Fareyle: ant.design gibi sağda üst üste ▲/▼. Dokunmatikte (pointer-coarse)\n * yan yana −/+ — üst üste 16px'lik iki düğme parmakla vurulamaz; yatayda\n * her biri tam yükseklik + görünmez 44px hedef. Düğmeler Tab sırasında\n * değil (klavyede ↑/↓ zaten var, ant.design de böyle); `onPointerDown`\n * `preventDefault` ile odağı alandan almaz.\n */\nfunction Stepper({ onStart, onStop, canIncrement, canDecrement, incrementLabel, decrementLabel, size }: Readonly<StepperProps>) {\n  const button = (direction: 1 | -1, enabled: boolean, label: string, fine: React.ReactNode, coarse: React.ReactNode) => (\n    <button\n      type=\"button\"\n      tabIndex={-1}\n      aria-label={label}\n      disabled={!enabled}\n      onPointerDown={(e) => {\n        e.preventDefault();\n        if (enabled) onStart(direction);\n      }}\n      onPointerUp={onStop}\n      onPointerLeave={onStop}\n      onPointerCancel={onStop}\n      className={cn(\n        \"relative flex min-h-0 flex-1 cursor-pointer items-center justify-center text-mari-muted transition-colors hover:bg-mari-surface-alt hover:text-mari-foreground disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent\",\n        \"pointer-coarse:w-8 pointer-coarse:flex-none\",\n        touchTargetClass[size]\n      )}\n    >\n      <span className=\"pointer-coarse:hidden\">{fine}</span>\n      <span className=\"hidden pointer-coarse:inline\">{coarse}</span>\n    </button>\n  );\n  return (\n    // DOM sırası [azalt, artır]: masaüstünde col-reverse ile artır üstte, dokunmatikte satırda azalt solda.\n    <div\n      className={cn(\n        \"flex shrink-0 flex-col-reverse self-stretch overflow-hidden border-l border-mari-input [border-bottom-right-radius:inherit] [border-top-right-radius:inherit] pointer-coarse:w-auto pointer-coarse:flex-row [&>button+button]:border-b [&>button+button]:border-mari-input pointer-coarse:[&>button+button]:border-b-0 pointer-coarse:[&>button+button]:border-l\",\n        STEPPER_WIDTH[size]\n      )}\n    >\n      {button(-1, canDecrement, decrementLabel, <ChevronDownIcon size={STEPPER_ICON[size]} aria-hidden />, <MinusIcon size={16} aria-hidden />)}\n      {button(1, canIncrement, incrementLabel, <ChevronUpIcon size={STEPPER_ICON[size]} aria-hidden />, <PlusIcon size={16} aria-hidden />)}\n    </div>\n  );\n}\n\n/**\n * Faz 16.1 — yapı ant.design InputNumber'dan; görünüm Input'la birebir.\n *\n * Metin alanı + `role=\"spinbutton\"`: odak dışında biçimli (\"1.234,56 ₺\"),\n * odakta düzenlemeye uygun (\"1234,56\") gösterir. Türkçe ondalık virgül,\n * alışkanlıkla yazılan \"12.5\" de anlaşılır (bkz. `parseNumber`). Harf hiç\n * girmez. min/max yazarken engellenmez (kullanıcı \"1\" yazıp \"15\"e giderken\n * min=10 araya girmesin) — alandan çıkınca/Enter'da sınıra çekilir.\n *\n * Klavye: ↑/↓ adım (Shift ×10), PageUp/PageDown ×10, Home/End min/max, Enter\n * onaylar. `aria-valuenow/min/max` + `aria-valuetext` (önek/sonekle, ör. \"1.234,50 ₺\").\n */\nexport const InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(function InputNumber(outerProps, ref) {\n  // Field içindeyse id / aria-describedby / hata / required / disabled oradan tamamlanır.\n  return <InputNumberInner {...useFieldControl(outerProps)} forwardedRef={ref} />;\n});\n\nfunction InputNumberInner(\n  {\n    forwardedRef: ref,\n    value,\n    defaultValue = null,\n    onChange,\n    min,\n    max,\n    step = 1,\n    precision,\n    grouping = true,\n    locale = \"tr-TR\",\n    prefix,\n    suffix,\n    controls = true,\n    incrementLabel = \"Artır\",\n    decrementLabel = \"Azalt\",\n    placeholder,\n    disabled = false,\n    readOnly = false,\n    size = \"md\",\n    variant = \"outline\",\n    shape = \"default\",\n    color,\n    id,\n    name,\n    required,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    onBlur,\n    onFocus,\n    onPressEnter,\n    className,\n    skeleton = false,\n  }: InputNumberProps & { forwardedRef: React.ForwardedRef<HTMLInputElement> }\n) {\n  const config: NumberFormatConfig = { locale, precision, grouping };\n  const [current, setCurrent] = useControllableState<number | null>({ value, defaultValue });\n  const [focused, setFocused] = useState(false);\n  const [text, setText] = useState(\"\");\n  const innerRef = useRef<HTMLInputElement | null>(null);\n  const interactive = !disabled && !readOnly;\n\n  // En güncel değer — basılı tutarken adımlar render'lar arasında art arda gelebilir;\n  // render kapanışındaki `current` eski kalır ve her adım aynı değerden hesaplanırdı.\n  const latest = useRef(current);\n  latest.current = current;\n\n  const emit = (next: number | null) => {\n    if (next === latest.current) return;\n    latest.current = next;\n    setCurrent(next);\n    onChange?.(next);\n  };\n\n  /** Alandan çıkınca/Enter: metni sayıya çevir, yuvarla, sınıra çek; anlamsızsa son geçerli değere dön. */\n  const normalize = (): number | null => {\n    const parsed = parseNumber(text, locale);\n    let next: number | null = current;\n    if (parsed === null) next = null;\n    else if (parsed !== undefined) next = clamp(roundTo(parsed, precision), min, max);\n    emit(next);\n    return next;\n  };\n\n  const applyStep = (direction: 1 | -1, multiplier = 1) => {\n    if (!interactive) return;\n    // Odaktaysa henüz onaylanmamış yazılan metin de hesaba katılır (yazıp ↑'a basınca oradan devam).\n    const typed = focused ? parseNumber(text, locale) : undefined;\n    const base = typed === undefined || typed === null ? latest.current : typed;\n    const next = stepValue(base, direction, step * multiplier, min, max, precision);\n    emit(next);\n    if (focused) setText(formatForEditing(next, config));\n  };\n  const hold = useHoldRepeat((direction) => applyStep(direction));\n\n  if (skeleton) {\n    return <div {...skeletonBoxProps(cn(\"flex w-full items-center\", sizeClass[size], getShapeClasses(shape, variant), className))} />;\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const steps: Record<string, [1 | -1, number]> = { ArrowUp: [1, e.shiftKey ? 10 : 1], ArrowDown: [-1, e.shiftKey ? 10 : 1], PageUp: [1, 10], PageDown: [-1, 10] };\n    const stepKey = steps[e.key];\n    if (stepKey) {\n      e.preventDefault();\n      applyStep(...stepKey);\n    } else if ((e.key === \"Home\" && min !== undefined) || (e.key === \"End\" && max !== undefined)) {\n      e.preventDefault();\n      if (!interactive) return;\n      const edge = e.key === \"Home\" ? min! : max!;\n      emit(edge);\n      setText(formatForEditing(edge, config));\n    } else if (e.key === \"Enter\") {\n      setText(formatForEditing(normalize(), config));\n      onPressEnter?.(e);\n    }\n  };\n\n  const formatted = formatNumber(current, config);\n  const valueText = formatted ? [textOf(prefix), formatted, textOf(suffix)].filter(Boolean).join(\" \") : undefined;\n  const canIncrement = interactive && (max === undefined || current === null || current < max);\n  const canDecrement = interactive && (min === undefined || current === null || current > min);\n  const adornment = \"flex shrink-0 items-center text-mari-muted\";\n\n  return (\n    // Kutunun boş alanına tıklamak alanı odaklar (Input'taki kısayol); klavye doğrudan alana gelir.\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n    <div\n      onMouseDown={(e) => {\n        if (disabled || innerRef.current?.contains(e.target as Node) || (e.target as HTMLElement).closest(\"button\")) return;\n        e.preventDefault();\n        innerRef.current?.focus();\n      }}\n      className={cn(\n        \"group relative flex w-full cursor-text items-center gap-2\",\n        sizeClass[size],\n        getShapeClasses(shape, variant),\n        controls && \"py-0 pr-0\",\n        // Dokunmatikte −/+ yan yana 64px yer kaplar: dar bir genişlik (w-24) rakamlara yer bırakmıyordu.\n        controls && \"pointer-coarse:min-w-32\",\n        touchTargetClass[size],\n        FIELD_BASE_CLASS,\n        getVariantClasses(variant, color),\n        disabled && FIELD_DISABLED_CLASS,\n        className\n      )}\n    >\n      {prefix && <span className={adornment}>{prefix}</span>}\n      <input\n        ref={(el) => {\n          innerRef.current = el;\n          if (typeof ref === \"function\") ref(el);\n          else if (ref) ref.current = el;\n        }}\n        id={id}\n        name={name}\n        type=\"text\"\n        role=\"spinbutton\"\n        inputMode={precision === 0 && (min === undefined || min >= 0) ? \"numeric\" : \"decimal\"}\n        autoComplete=\"off\"\n        required={required}\n        disabled={disabled}\n        readOnly={readOnly}\n        placeholder={placeholder}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={color === \"error\" || undefined}\n        aria-valuenow={current ?? undefined}\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuetext={valueText}\n        value={focused ? text : formatted}\n        onFocus={(e) => {\n          setFocused(true);\n          setText(formatForEditing(current, config));\n          onFocus?.(e);\n        }}\n        onBlur={(e) => {\n          normalize();\n          setFocused(false);\n          onBlur?.(e);\n        }}\n        onChange={(e) => {\n          const next = e.target.value;\n          if (!isAllowedInput(next, locale)) return;\n          setText(next);\n          const parsed = parseNumber(next, locale);\n          if (parsed !== undefined) emit(parsed);\n        }}\n        onKeyDown={handleKeyDown}\n        className={cn(\"w-full min-w-0 flex-1 bg-transparent tabular-nums placeholder:text-mari-muted focus:outline-none disabled:cursor-not-allowed\", FIELD_MOBILE_TEXT_CLASS)}\n      />\n      {suffix && <span className={cn(adornment, controls && \"pr-1\")}>{suffix}</span>}\n      {controls && (\n        <Stepper\n          onStart={hold.start}\n          onStop={hold.stop}\n          canIncrement={canIncrement}\n          canDecrement={canDecrement}\n          incrementLabel={incrementLabel}\n          decrementLabel={decrementLabel}\n          size={size}\n        />\n      )}\n    </div>\n  );\n}\n","/**\n * Faz 16.1 — InputNumber'ın saf sayı mantığı (DOM'suz, ayrıca test edilir).\n *\n * Neden `type=\"number\"` değil: tarayıcı Türkçe ondalık virgülü ve binlik\n * ayıracını (1.234,56) göstermez/kabul etmez, min/max'ı yazarken sınırlamaz,\n * bazı tarayıcılarda harf yazılabilir ve değer boşken `\"\"` ile \"geçersiz\"i\n * ayırt ettirmez. Burada metin alanı + kendi ayrıştırma/biçimlendirmemiz var.\n */\n\nexport interface NumberFormatConfig {\n  locale: string;\n  /** Ondalık basamak sayısı (sabit). Verilmezse değerin kendi basamakları (en fazla 20). */\n  precision?: number;\n  /** Binlik ayıracı. Varsayılan: `true`. */\n  grouping: boolean;\n}\n\n/** Yerelin ondalık ve binlik karakterleri (tr-TR: \",\" ve \".\"). */\nexport function getSeparators(locale: string): { decimal: string; group: string } {\n  const parts = new Intl.NumberFormat(locale).formatToParts(1234567.5);\n  return {\n    decimal: parts.find((p) => p.type === \"decimal\")?.value ?? \".\",\n    group: parts.find((p) => p.type === \"group\")?.value ?? \",\",\n  };\n}\n\n/** Kayan nokta artıklarını temizleyerek yuvarlar (0.1 + 0.2 → 0.3). */\nexport function roundTo(value: number, precision: number | undefined): number {\n  if (precision === undefined) return Number.parseFloat(value.toPrecision(15));\n  const factor = 10 ** precision;\n  return Math.round((value + Number.EPSILON) * factor) / factor;\n}\n\nexport function clamp(value: number, min: number | undefined, max: number | undefined): number {\n  if (min !== undefined && value < min) return min;\n  if (max !== undefined && value > max) return max;\n  return value;\n}\n\n/** Ekranda gösterilen biçim (odak dışı): \"1.234,56\". */\nexport function formatNumber(value: number | null, { locale, precision, grouping }: NumberFormatConfig): string {\n  if (value === null || Number.isNaN(value)) return \"\";\n  return new Intl.NumberFormat(locale, {\n    useGrouping: grouping,\n    minimumFractionDigits: precision ?? 0,\n    maximumFractionDigits: precision ?? 20,\n  }).format(value);\n}\n\n/** Düzenlerken gösterilen biçim (odakta): binlik ayıracı yok, yerelin ondalığı — \"1234,56\". */\nexport function formatForEditing(value: number | null, config: NumberFormatConfig): string {\n  return formatNumber(value, { ...config, grouping: false });\n}\n\n/**\n * Kullanıcı metnini sayıya çevirir; boş → `null`, anlamsız → `undefined`.\n *\n * Türkçede \".\" binlik, \",\" ondalıktır — ama kullanıcı alışkanlıkla \"12.5\"\n * de yazar. Kural: metinde yerelin ondalığı (\",\") VARSA \".\" binlik sayılıp\n * atılır. Yoksa \".\" yalnız GEÇERLİ binlik gruplaması gibi duruyorsa\n * (\"1.234\", \"1.234.567\") binlik; aksi halde (\"12.5\", \"3.14\") ondalık kabul\n * edilir.\n */\nexport function parseNumber(text: string, locale: string): number | null | undefined {\n  const { decimal, group } = getSeparators(locale);\n  let s = text.replace(/[\\s\\u00a0\\u202f]/g, \"\");\n  if (s === \"\" || s === \"-\" || s === \"+\") return null;\n\n  if (decimal !== \".\" && s.includes(decimal)) {\n    s = s.split(group).join(\"\").replace(decimal, \".\");\n  } else if (decimal !== \".\" && group === \".\" && s.includes(\".\")) {\n    const looksGrouped = /^[-+]?\\d{1,3}(\\.\\d{3})+$/.test(s);\n    if (looksGrouped) s = s.split(\".\").join(\"\");\n  } else if (decimal === \".\") {\n    s = s.split(group).join(\"\");\n  }\n\n  // Doğrusal kontrol (geri izlemeli regex yerine): işaret + rakamlar + en fazla bir nokta, en az bir rakam.\n  const body = s.replace(/^[-+]/, \"\");\n  if (!/^[\\d.]+$/.test(body) || body.split(\".\").length > 2 || !/\\d/.test(body)) return undefined;\n  const value = Number(s);\n  return Number.isFinite(value) ? value : undefined;\n}\n\n/** Yazarken izin verilen karakterler (rakam, işaret, ayraçlar) — harf vb. hiç girmesin. */\nexport function isAllowedInput(text: string, locale: string): boolean {\n  const { decimal, group } = getSeparators(locale);\n  const escape = (c: string) => c.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n  return new RegExp(`^[-+]?[\\\\d${escape(decimal)}${escape(group)}.\\\\s]*$`).test(text);\n}\n\n/** `step` adımı sonrası değer: boş alanda min'den (yoksa 0'dan) başlar, sınırlar ve yuvarlar. */\nexport function stepValue(current: number | null, direction: 1 | -1, step: number, min: number | undefined, max: number | undefined, precision: number | undefined): number {\n  const base = current ?? (direction === 1 ? (min ?? 0) - step : (max ?? 0) + step);\n  // Adımın kendi ondalık basamağı kadar yuvarla ki 0.1 adımlar 0.30000000000000004 üretmesin.\n  const stepDecimals = (String(step).split(\".\")[1] ?? \"\").length;\n  const next = roundTo(base + direction * step, precision ?? Math.max(stepDecimals, decimals(base)));\n  return clamp(next, min, max);\n}\n\nfunction decimals(value: number): number {\n  return (String(value).split(\".\")[1] ?? \"\").length;\n}\n"],"mappings":"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","names":["InputNumber"]}