@moontra/moonui 6.17.0 → 6.19.0

package/dist/index.js

@@ -2572,7 +2572,20 @@ var sliderRangeVariants = classVarianceAuthority.cva(
       variant: {
         default: "bg-foreground",
         primary: "bg-primary",
-        secondary: "bg-secondary",
+        // #389 (#372'nin birebir ardılı): range `bg-secondary` idi — track'in
+        // (`bg-secondary/20`) AYNI yüzey token'ına basıyordu; %20 alfa track ile
+        // tam dolgu iki temada da ~1.0 oranında kalıyor, dolu kısım görünmüyordu
+        // (light rgb(235,239,245) → 1.12 · dark rgb(2,8,23) → 1.01).
+        // `bg-secondary-foreground` BİLEREK seçilmedi: light'ta --primary ile aynı
+        // hue/sat'ta yalnız ΔL=%2 (fill↔fill 1.07), dark'ta birebir --primary
+        // değeri (210 40% 98%) — secondary varyantı primary klonuna dönerdi.
+        // `--secondary-500` (tokens.css slate skalası, RGB üçlüsü) iki temada da
+        // track'e ≥3:1 (WCAG 1.4.11) veren TEK kademe: light 4.63, dark 4.23
+        // (gerçek kart #111827 üstünde 3.83; 400 light'ta 2.50 ✗, 600 dark'ta
+        // 2.66 ✗). Skala :root'ta tanımlı olduğundan tema değişiminde sabittir;
+        // tüketici --secondary-500'ü ezerek özelleştirebilir.
+        // Regresyon: __tests__/slider-secondary-contrast.test.ts
+        secondary: "bg-[rgb(var(--secondary-500))]",
         accent: "bg-accent",
         success: "bg-success",
         warning: "bg-warning",
@@ -2591,7 +2604,18 @@ var sliderThumbVariants = classVarianceAuthority.cva(
       variant: {
         default: "border-foreground bg-background",
         primary: "border-primary bg-background",
-        secondary: "border-secondary bg-background",
+        // #407 (P2, #389'un range eksenine EK ayrı eksen): tutamacın kenarlığı
+        // `border-secondary`, dolgusu `bg-background` idi. Bu bileşen↔sayfa-zemini
+        // ekseni: `--secondary` light'ta neredeyse beyaz (rgb(235,239,245)), dark'ta
+        // `--background` ile neredeyse aynı → kenarlık 1.15 (light) / 1.01 (dark)
+        // oranında kalıyor, secondary slider'ın tutamacı zeminde kayboluyordu.
+        // #389'da bilerek kapsam dışıydı (mevcut kusuru testle "doğru" ilan etmemek için).
+        // Non-text UI bileşeni → WCAG 1.4.11 ≥3:1. Skala taraması bu eksende de TEK
+        // kademe bırakıyor — `--secondary-500`: light 4.76, dark 4.23 (gerçek kart
+        // #111827 üstünde 3.73); 400 light'ta 2.56 ✗, 600 dark'ta 2.66 ✗. Range ile
+        // aynı kademe: tutamaç ve dolgu tek renkte okunur.
+        // Regresyon: __tests__/slider-secondary-contrast.test.ts
+        secondary: "border-[rgb(var(--secondary-500))] bg-background",
         accent: "border-accent bg-background",
         success: "border-success bg-background",
         warning: "border-warning bg-background",
@@ -4099,23 +4123,49 @@ function DataTableBasic({
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: headerGroup.headers.map((header) => {
-        return /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: header.isPlaceholder ? null : /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
+        const canSort = enableSorting && header.column.getCanSort();
+        const sorted = header.column.getIsSorted();
+        const headerDef = header.column.columnDef.header;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          TableHead,
           {
-            className: cn(
-              "flex items-center gap-2",
-              header.column.getCanSort() && "cursor-pointer select-none"
-            ),
-            onClick: header.column.getToggleSortingHandler(),
-            children: [
-              reactTable.flexRender(
-                header.column.columnDef.header,
-                header.getContext()
-              ),
-              enableSorting && header.column.getCanSort() && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto", children: header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "h-4 w-4" }) : header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "h-4 w-4 opacity-50" }) })
-            ]
-          }
-        ) }, header.id);
+            "aria-sort": canSort ? sorted === "asc" ? "ascending" : sorted === "desc" ? "descending" : "none" : void 0,
+            children: header.isPlaceholder ? null : /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: cn(
+                  "flex items-center gap-2",
+                  canSort && "cursor-pointer select-none"
+                ),
+                onClick: canSort ? header.column.getToggleSortingHandler() : void 0,
+                children: [
+                  reactTable.flexRender(
+                    header.column.columnDef.header,
+                    header.getContext()
+                  ),
+                  canSort && /* #366: sıralama kontrolü yalnız fareyle çalışıyordu
+                     (dosyada `tabIndex`/`onKeyDown` grep'i 0 idi).
+                     Gerçek <button> ile Tab + Enter/Space native
+                     gelir; görünür odak focus-visible ring ile. */
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        header.column.getToggleSortingHandler()?.(event);
+                      },
+                      "aria-label": `Sort by ${typeof headerDef === "string" ? headerDef : header.column.id}`,
+                      className: "ml-auto inline-flex items-center rounded-sm outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                      children: sorted === "desc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "h-4 w-4" }) : sorted === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "h-4 w-4 opacity-50" })
+                    }
+                  )
+                ]
+              }
+            )
+          },
+          header.id
+        );
       }) }, headerGroup.id)) }),
       /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
         TableRow,
@@ -4883,7 +4933,20 @@ var progressIndicatorVariants = classVarianceAuthority.cva(
       variant: {
         default: "bg-foreground",
         primary: "bg-primary",
-        secondary: "bg-secondary",
+        // #372: dolgu `bg-secondary` idi — track (`bg-secondary/20`) ile AYNI
+        // yüzey token'ına basıyordu; %20 alfa track ile tam dolgu iki temada da
+        // ~1.0 oranında kalıyor, bar görünmüyordu (light rgb(235,239,245) /
+        // dark rgb(2,8,23)). `bg-secondary-foreground` BİLEREK seçilmedi:
+        // light'ta --primary ile aynı hue/sat'ta yalnız ΔL=%2 (49 vs 51,
+        // fill↔fill 1.07), dark'ta birebir --primary değeri (210 40% 98%) —
+        // secondary varyantı primary'nin klonuna dönerdi. `--secondary-500`
+        // (tokens.css slate skalası, RGB üçlüsü) iki temada da track'e ≥3:1
+        // (WCAG 1.4.11) veren TEK kademe: light 4.63, dark 4.23 (gerçek kart
+        // #111827 üstünde 3.83; 400 light'ta 2.50 ✗, 600 dark'ta 2.66 ✗).
+        // Skala :root'ta tanımlı olduğundan tema değişiminde sabittir;
+        // tüketici --secondary-500'ü ezerek özelleştirebilir.
+        // Regresyon: __tests__/progress-secondary-contrast.test.ts
+        secondary: "bg-[rgb(var(--secondary-500))]",
         success: "bg-success",
         warning: "bg-warning",
         error: "bg-error"
@@ -4977,6 +5040,26 @@ var formatFileSize = (bytes) => {
   const i = Math.floor(Math.log(bytes) / Math.log(k));
   return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
 };
+var matchesAcceptToken = (file, token) => {
+  const normalized = token.trim().toLowerCase();
+  if (!normalized)
+    return false;
+  if (normalized === "*" || normalized === "*/*")
+    return true;
+  if (normalized.startsWith(".")) {
+    return file.name.toLowerCase().endsWith(normalized);
+  }
+  if (normalized.endsWith("/*")) {
+    return file.type.toLowerCase().startsWith(normalized.slice(0, -1));
+  }
+  return file.type.toLowerCase() === normalized;
+};
+var isFileAccepted = (file, accept) => {
+  const trimmed = accept.trim();
+  if (trimmed === "" || trimmed === "*")
+    return true;
+  return trimmed.split(",").some((token) => matchesAcceptToken(file, token));
+};
 var FileItem = ({
   uploadedFile,
   onRemove
@@ -5055,13 +5138,7 @@ var FileUpload = React12__namespace.default.forwardRef(
       if (file.size > maxSize) {
         return `File size exceeds ${formatFileSize(maxSize)}`;
       }
-      if (accept !== "*" && !accept.split(",").some((type) => {
-        const cleanType = type.trim();
-        if (cleanType.includes("*")) {
-          return file.type.startsWith(cleanType.replace("*", ""));
-        }
-        return file.type === cleanType;
-      })) {
+      if (!isFileAccepted(file, accept)) {
         return `File type not supported`;
       }
       return null;
@@ -5095,6 +5172,7 @@ var FileUpload = React12__namespace.default.forwardRef(
         preview: file.type.startsWith("image/") ? URL.createObjectURL(file) : void 0
       }));
       setUploadedFiles((prev) => [...prev, ...newUploadedFiles]);
+      const progressIntervals = /* @__PURE__ */ new Map();
       for (const uploadedFile of newUploadedFiles) {
         let progress = 0;
         const interval = setInterval(() => {
@@ -5102,25 +5180,33 @@ var FileUpload = React12__namespace.default.forwardRef(
           if (progress >= 100) {
             progress = 100;
             clearInterval(interval);
+            progressIntervals.delete(uploadedFile.id);
             setUploadedFiles(
               (prev) => prev.map(
-                (f) => f.id === uploadedFile.id ? { ...f, progress: 100, status: "success" } : f
+                (f) => (
+                  // 'error'a düşmüş dosya simülasyonca geri 'success' yapılamaz —
+                  // error nihai durumdur (#378)
+                  f.id === uploadedFile.id && f.status === "uploading" ? { ...f, progress: 100, status: "success" } : f
+                )
               )
             );
           } else {
             setUploadedFiles(
               (prev) => prev.map(
-                (f) => f.id === uploadedFile.id ? { ...f, progress } : f
+                (f) => f.id === uploadedFile.id && f.status === "uploading" ? { ...f, progress } : f
               )
             );
           }
         }, 200);
+        progressIntervals.set(uploadedFile.id, interval);
       }
       if (onUpload) {
         try {
           await onUpload(newUploadedFiles);
         } catch (error2) {
           console.error("Upload failed:", error2);
+          progressIntervals.forEach((handle) => clearInterval(handle));
+          progressIntervals.clear();
           setUploadedFiles(
             (prev) => prev.map(
               (f) => newUploadedFiles.some((nf) => nf.id === f.id) ? { ...f, status: "error" } : f