react-excel-lite 0.0.4 → 0.0.6

package/README.md

@@ -16,6 +16,7 @@ A lightweight, Excel-like editable grid component for React.
 - Grouped column headers with custom styling
 - Row headers with custom styling
 - Keyboard shortcuts (Delete/Backspace to clear)
+- **Styling-agnostic**: Works with Tailwind CSS, CSS Modules, plain CSS, or any styling solution
 - Zero external dependencies
 
 ## Installation
@@ -100,9 +101,18 @@ function App() {
 }
 ```
 
-## Custom Styling
+## Styling
+
+The component comes with sensible default styles built-in. You can customize styles using the `styles` prop with CSS class strings from any styling solution.
+
+### Default Styles
 
-Use the `styles` prop to customize selection, fill handle, and header styles:
+Out of the box, the grid has:
+- Light gray borders and headers
+- Blue selection highlight
+- Blue fill handle
+
+### Custom Styling with Tailwind CSS
 
 ```tsx
 import type { GridStyles } from "react-excel-lite";
@@ -120,6 +130,66 @@ const styles: GridStyles = {
 <ExcelGrid data={data} onChange={setData} styles={styles} />;
 ```
 
+### Custom Styling with CSS Modules
+
+```tsx
+import styles from "./grid.module.css";
+import type { GridStyles } from "react-excel-lite";
+
+const gridStyles: GridStyles = {
+  selected: styles.selectedCell,
+  fillTarget: styles.fillTargetCell,
+  fillHandle: styles.fillHandle,
+};
+
+<ExcelGrid data={data} onChange={setData} styles={gridStyles} />;
+```
+
+### Custom Styling with Plain CSS
+
+```tsx
+const styles: GridStyles = {
+  selected: "my-selected-cell",
+  fillTarget: "my-fill-target",
+  fillHandle: "my-fill-handle",
+};
+
+<ExcelGrid data={data} onChange={setData} styles={styles} />;
+```
+
+```css
+/* styles.css */
+.my-selected-cell {
+  background-color: #f3e8ff;
+  outline: 2px solid #a855f7;
+  outline-offset: -2px;
+}
+
+.my-fill-target {
+  background-color: #faf5ff;
+}
+
+.my-fill-handle {
+  background-color: #a855f7;
+}
+```
+
+### GridStyles Interface
+
+```ts
+interface GridStyles {
+  cell?: string;       // CSS class for data cells
+  selected?: string;   // CSS class for selected cells (overrides default)
+  fillTarget?: string; // CSS class for fill target cells (overrides default)
+  fillHandle?: string; // CSS class for fill handle (overrides default)
+  colGroup?: string;   // CSS class for column group headers
+  colHeader?: string;  // CSS class for individual column headers
+  rowHeader?: string;  // CSS class for row headers
+}
+```
+
+### Styling Individual Headers
+
 Style individual column headers and groups:
 
 ```tsx
@@ -242,7 +312,3 @@ interface ExcelGridProps {
   styles?: GridStyles;
 }
 ```
-
-## Styling
-
-The component uses Tailwind CSS classes. Make sure Tailwind CSS is configured in your project, or override styles using the `styles` prop.

package/dist/components/excel-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"excel-grid.d.ts","sourceRoot":"","sources":["../../src/components/excel-grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,UAAU,CAAC;AAO1D,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,cAAmB,EACnB,MAAM,GACP,EAAE,cAAc,2CAwPhB"}
+{"version":3,"file":"excel-grid.d.ts","sourceRoot":"","sources":["../../src/components/excel-grid.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,UAAU,CAAC;AAgD1D,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,cAAmB,EACnB,MAAM,GACP,EAAE,cAAc,2CA+OhB"}

package/dist/components/grid-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-cell.d.ts","sourceRoot":"","sources":["../../src/components/grid-cell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,qBAAqB,EACrB,MAAM,GACP,EAAE,aAAa,2CAmDf"}
+{"version":3,"file":"grid-cell.d.ts","sourceRoot":"","sources":["../../src/components/grid-cell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AA8C9C,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,cAAc,EACd,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,qBAAqB,EACrB,MAAM,GACP,EAAE,aAAa,2CA+Df"}

package/dist/react-excel-lite.js

@@ -1,468 +1,524 @@
-import { jsxs as j, jsx as E } from "react/jsx-runtime";
-import { useState as L, useCallback as x, useEffect as $, useRef as _, useMemo as q } from "react";
-function R(...n) {
-  return n.filter(Boolean).join(" ");
+import { jsxs as G, jsx as v } from "react/jsx-runtime";
+import { useState as K, useCallback as x, useEffect as W, useRef as $, useMemo as q } from "react";
+function I(...o) {
+  return o.filter(Boolean).join(" ");
 }
-function on(n) {
-  return `${n.row}-${n.col}`;
+function fo(o) {
+  return `${o.row}-${o.col}`;
 }
-function tn(n) {
-  const [o, e] = n.split("-").map(Number);
-  return { row: o, col: e };
+function wo(o) {
+  const [n, l] = o.split("-").map(Number);
+  return { row: n, col: l };
 }
-function en(n, o) {
-  if (!n || !o) return n ? [n] : [];
-  const e = Math.min(n.row, o.row), s = Math.max(n.row, o.row), i = Math.min(n.col, o.col), b = Math.max(n.col, o.col), c = [];
-  for (let f = e; f <= s; f++)
-    for (let a = i; a <= b; a++)
-      c.push({ row: f, col: a });
-  return c;
+function ho(o, n) {
+  if (!o || !n) return o ? [o] : [];
+  const l = Math.min(o.row, n.row), s = Math.max(o.row, n.row), u = Math.min(o.col, n.col), b = Math.max(o.col, n.col), i = [];
+  for (let h = l; h <= s; h++)
+    for (let f = u; f <= b; f++)
+      i.push({ row: h, col: f });
+  return i;
 }
-function J(n, o) {
-  if (!o.start) return !1;
-  const e = o.end || o.start, s = Math.min(o.start.row, e.row), i = Math.max(o.start.row, e.row), b = Math.min(o.start.col, e.col), c = Math.max(o.start.col, e.col);
-  return n.row >= s && n.row <= i && n.col >= b && n.col <= c;
+function O(o, n) {
+  if (!n.start) return !1;
+  const l = n.end || n.start, s = Math.min(n.start.row, l.row), u = Math.max(n.start.row, l.row), b = Math.min(n.start.col, l.col), i = Math.max(n.start.col, l.col);
+  return o.row >= s && o.row <= u && o.col >= b && o.col <= i;
 }
-function O(n) {
-  return n.split(/\r?\n/).filter((o) => o.trim()).map((o) => o.split("	").map((e) => e.trim()));
+function X(o) {
+  return o.split(/\r?\n/).filter((n) => n.trim()).map((n) => n.split("	").map((l) => l.trim()));
 }
-function Q(n) {
-  return n.map((o) => o.join("	")).join(`
+function _(o) {
+  return o.map((n) => n.join("	")).join(`
 `);
 }
-function B(n) {
-  return !n.start || !n.end ? n : {
+function L(o) {
+  return !o.start || !o.end ? o : {
     start: {
-      row: Math.min(n.start.row, n.end.row),
-      col: Math.min(n.start.col, n.end.col)
+      row: Math.min(o.start.row, o.end.row),
+      col: Math.min(o.start.col, o.end.col)
     },
     end: {
-      row: Math.max(n.start.row, n.end.row),
-      col: Math.max(n.start.col, n.end.col)
+      row: Math.max(o.start.row, o.end.row),
+      col: Math.max(o.start.col, o.end.col)
     }
   };
 }
-function ln(n, o) {
-  if (n.row === o.row && n.col === o.col)
+function po(o, n) {
+  if (o.row === n.row && o.col === n.col)
     return [];
-  const e = Math.min(n.row, o.row), s = Math.max(n.row, o.row), i = Math.min(n.col, o.col), b = Math.max(n.col, o.col), c = [];
-  for (let f = e; f <= s; f++)
-    for (let a = i; a <= b; a++)
-      f === n.row && a === n.col || c.push({ row: f, col: a });
-  return c;
+  const l = Math.min(o.row, n.row), s = Math.max(o.row, n.row), u = Math.min(o.col, n.col), b = Math.max(o.col, n.col), i = [];
+  for (let h = l; h <= s; h++)
+    for (let f = u; f <= b; f++)
+      h === o.row && f === o.col || i.push({ row: h, col: f });
+  return i;
 }
-function W() {
-  const [n, o] = L({
+function J() {
+  const [o, n] = K({
     start: null,
     end: null
-  }), [e, s] = L(!1), i = x((u) => {
-    o({ start: u, end: u }), s(!0);
+  }), [l, s] = K(!1), u = x((a) => {
+    n({ start: a, end: a }), s(!0);
   }, []), b = x(
-    (u) => {
-      e && o((l) => ({ ...l, end: u }));
+    (a) => {
+      l && n((e) => ({ ...e, end: a }));
     },
-    [e]
-  ), c = x(() => {
+    [l]
+  ), i = x(() => {
     s(!1);
-  }, []), f = x(() => {
-    o({ start: null, end: null }), s(!1);
-  }, []), a = x(
-    (u) => J(u, n),
-    [n]
+  }, []), h = x(() => {
+    n({ start: null, end: null }), s(!1);
+  }, []), f = x(
+    (a) => O(a, o),
+    [o]
   );
-  return $(() => {
-    const u = () => {
-      e && s(!1);
+  return W(() => {
+    const a = () => {
+      l && s(!1);
     };
-    return window.addEventListener("mouseup", u), () => window.removeEventListener("mouseup", u);
-  }, [e]), {
-    selection: n,
-    isSelecting: e,
-    isCellSelected: a,
-    handleCellMouseDown: i,
+    return window.addEventListener("mouseup", a), () => window.removeEventListener("mouseup", a);
+  }, [l]), {
+    selection: o,
+    isSelecting: l,
+    isCellSelected: f,
+    handleCellMouseDown: u,
     handleCellMouseEnter: b,
-    handleMouseUp: c,
-    clearSelection: f,
-    setSelection: o
+    handleMouseUp: i,
+    clearSelection: h,
+    setSelection: n
   };
 }
-function X({
-  selection: n,
-  getValue: o,
-  setValues: e,
+function Q({
+  selection: o,
+  getValue: n,
+  setValues: l,
   rowCount: s,
-  colCount: i
+  colCount: u
 }) {
   const b = x(() => {
-    const l = B(n);
-    if (!l.start || !l.end) return [];
-    const y = [];
-    for (let C = l.start.row; C <= l.end.row; C++) {
-      const h = [];
-      for (let D = l.start.col; D <= l.end.col; D++)
-        h.push(o({ row: C, col: D }));
-      y.push(h);
+    const e = L(o);
+    if (!e.start || !e.end) return [];
+    const C = [];
+    for (let M = e.start.row; M <= e.end.row; M++) {
+      const S = [];
+      for (let g = e.start.col; g <= e.end.col; g++)
+        S.push(n({ row: M, col: g }));
+      C.push(S);
     }
-    return y;
-  }, [n, o]), c = x(async () => {
-    const l = b();
-    if (l.length === 0) return;
-    const y = Q(l);
+    return C;
+  }, [o, n]), i = x(async () => {
+    const e = b();
+    if (e.length === 0) return;
+    const C = _(e);
     try {
-      await navigator.clipboard.writeText(y);
-    } catch (C) {
-      console.error("Clipboard copy failed:", C);
+      await navigator.clipboard.writeText(C);
+    } catch (M) {
+      console.error("Clipboard copy failed:", M);
     }
-  }, [b]), f = x(async () => {
-    if (n.start)
+  }, [b]), h = x(async () => {
+    if (o.start)
       try {
-        const l = await navigator.clipboard.readText(), y = O(l);
-        if (y.length === 0) return;
-        const C = n.start.row, h = n.start.col, D = [];
-        y.forEach((d, M) => {
-          const w = C + M;
-          w >= s || d.forEach((m, v) => {
-            const F = h + v;
-            F >= i || D.push({ coord: { row: w, col: F }, value: m });
+        const e = await navigator.clipboard.readText(), C = X(e);
+        if (C.length === 0) return;
+        const M = o.start.row, S = o.start.col, g = [];
+        C.forEach((w, p) => {
+          const d = M + p;
+          d >= s || w.forEach((c, N) => {
+            const D = S + N;
+            D >= u || g.push({ coord: { row: d, col: D }, value: c });
           });
-        }), D.length > 0 && e(D);
-      } catch (l) {
-        console.error("Clipboard paste failed:", l);
+        }), g.length > 0 && l(g);
+      } catch (e) {
+        console.error("Clipboard paste failed:", e);
       }
-  }, [n.start, e, s, i]), a = x(() => {
-    const l = B(n);
-    if (!l.start || !l.end) return;
-    const y = [];
-    for (let C = l.start.row; C <= l.end.row; C++)
-      for (let h = l.start.col; h <= l.end.col; h++)
-        y.push({ coord: { row: C, col: h }, value: "" });
-    y.length > 0 && e(y);
-  }, [n, e]), u = x(
-    (l) => {
-      (l.ctrlKey || l.metaKey) && l.key === "c" && (l.preventDefault(), c()), (l.ctrlKey || l.metaKey) && l.key === "v" && (l.preventDefault(), f()), (l.key === "Backspace" || l.key === "Delete") && (l.preventDefault(), a());
+  }, [o.start, l, s, u]), f = x(() => {
+    const e = L(o);
+    if (!e.start || !e.end) return;
+    const C = [];
+    for (let M = e.start.row; M <= e.end.row; M++)
+      for (let S = e.start.col; S <= e.end.col; S++)
+        C.push({ coord: { row: M, col: S }, value: "" });
+    C.length > 0 && l(C);
+  }, [o, l]), a = x(
+    (e) => {
+      (e.ctrlKey || e.metaKey) && e.key === "c" && (e.preventDefault(), i()), (e.ctrlKey || e.metaKey) && e.key === "v" && (e.preventDefault(), h()), (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), f());
     },
-    [c, f, a]
+    [i, h, f]
   );
   return {
-    handleCopy: c,
-    handlePaste: f,
-    handleKeyDown: u
+    handleCopy: i,
+    handlePaste: h,
+    handleKeyDown: a
   };
 }
-function Y(n) {
-  if (n.trim() === "") return null;
-  const o = Number(n);
-  return isNaN(o) ? null : o;
+function Y(o) {
+  if (o.trim() === "") return null;
+  const n = Number(o);
+  return isNaN(n) ? null : n;
 }
-function P(n) {
-  if (n.length === 0) return null;
-  const o = n.map(Y);
-  if (o.some((i) => i === null)) return null;
-  const e = o;
-  if (e.length === 1)
-    return { numbers: e, diff: 0 };
-  const s = e[1] - e[0];
-  for (let i = 2; i < e.length; i++)
-    if (e[i] - e[i - 1] !== s)
-      return { numbers: e, diff: 0 };
-  return { numbers: e, diff: s };
+function H(o) {
+  if (o.length === 0) return null;
+  const n = o.map(Y);
+  if (n.some((u) => u === null)) return null;
+  const l = n;
+  if (l.length === 1)
+    return { numbers: l, diff: 0 };
+  const s = l[1] - l[0];
+  for (let u = 2; u < l.length; u++)
+    if (l[u] - l[u - 1] !== s)
+      return { numbers: l, diff: 0 };
+  return { numbers: l, diff: s };
 }
 function Z({
-  selection: n,
-  getValue: o,
-  setValues: e
+  selection: o,
+  getValue: n,
+  setValues: l
 }) {
-  const [s, i] = L(null), [b, c] = L([]), [f, a] = L(!1), [u, l] = L(null), y = x((d) => {
-    i(d), a(!0), c([]), l(null);
-  }, []), C = x(
-    (d) => {
-      if (!f || !n.start) return;
-      const M = B(n);
-      if (!M.start || !M.end) return;
-      l(d);
-      const w = {
-        row: Math.min(M.start.row, d.row),
-        col: Math.min(M.start.col, d.col)
-      }, m = {
-        row: Math.max(M.end.row, d.row),
-        col: Math.max(M.end.col, d.col)
-      }, v = [];
-      for (let F = w.row; F <= m.row; F++)
-        for (let r = w.col; r <= m.col; r++)
-          F >= M.start.row && F <= M.end.row && r >= M.start.col && r <= M.end.col || v.push({ row: F, col: r });
-      c(v);
+  const [s, u] = K(null), [b, i] = K([]), [h, f] = K(!1), [a, e] = K(null), C = x((w) => {
+    u(w), f(!0), i([]), e(null);
+  }, []), M = x(
+    (w) => {
+      if (!h || !o.start) return;
+      const p = L(o);
+      if (!p.start || !p.end) return;
+      e(w);
+      const d = {
+        row: Math.min(p.start.row, w.row),
+        col: Math.min(p.start.col, w.col)
+      }, c = {
+        row: Math.max(p.end.row, w.row),
+        col: Math.max(p.end.col, w.col)
+      }, N = [];
+      for (let D = d.row; D <= c.row; D++)
+        for (let r = d.col; r <= c.col; r++)
+          D >= p.start.row && D <= p.end.row && r >= p.start.col && r <= p.end.col || N.push({ row: D, col: r });
+      i(N);
     },
-    [f, n]
-  ), h = x(() => {
-    if (!n.start || b.length === 0 || !u) {
-      i(null), c([]), a(!1), l(null);
+    [h, o]
+  ), S = x(() => {
+    if (!o.start || b.length === 0 || !a) {
+      u(null), i([]), f(!1), e(null);
       return;
     }
-    const d = B(n);
-    if (!d.start || !d.end) {
-      i(null), c([]), a(!1), l(null);
+    const w = L(o);
+    if (!w.start || !w.end) {
+      u(null), i([]), f(!1), e(null);
       return;
     }
-    const M = [], w = d.start, m = d.end, v = m.row - w.row + 1, F = m.col - w.col + 1;
+    const p = [], d = w.start, c = w.end, N = c.row - d.row + 1, D = c.col - d.col + 1;
     b.forEach((r) => {
-      let T, k;
-      if (r.row < w.row) {
-        const S = w.row - r.row;
-        T = m.row - (S - 1) % v;
-      } else if (r.row > m.row) {
-        const S = r.row - m.row;
-        T = w.row + (S - 1) % v;
+      let R, k;
+      if (r.row < d.row) {
+        const F = d.row - r.row;
+        R = c.row - (F - 1) % N;
+      } else if (r.row > c.row) {
+        const F = r.row - c.row;
+        R = d.row + (F - 1) % N;
       } else
-        T = r.row;
-      if (r.col < w.col) {
-        const S = w.col - r.col;
-        k = m.col - (S - 1) % F;
-      } else if (r.col > m.col) {
-        const S = r.col - m.col;
-        k = w.col + (S - 1) % F;
+        R = r.row;
+      if (r.col < d.col) {
+        const F = d.col - r.col;
+        k = c.col - (F - 1) % D;
+      } else if (r.col > c.col) {
+        const F = r.col - c.col;
+        k = d.col + (F - 1) % D;
       } else
         k = r.col;
-      let z = o({ row: T, col: k });
-      if (r.row !== T && r.col >= w.col && r.col <= m.col) {
-        const S = [];
-        for (let t = w.row; t <= m.row; t++)
-          S.push(o({ row: t, col: r.col }));
-        const g = P(S);
-        if (g && g.diff !== 0) {
-          if (r.row > m.row) {
-            const t = r.row - m.row;
-            z = String(g.numbers[g.numbers.length - 1] + g.diff * t);
-          } else if (r.row < w.row) {
-            const t = w.row - r.row;
-            z = String(g.numbers[0] - g.diff * t);
+      let T = n({ row: R, col: k });
+      if (r.row !== R && r.col >= d.col && r.col <= c.col) {
+        const F = [];
+        for (let t = d.row; t <= c.row; t++)
+          F.push(n({ row: t, col: r.col }));
+        const y = H(F);
+        if (y && y.diff !== 0) {
+          if (r.row > c.row) {
+            const t = r.row - c.row;
+            T = String(y.numbers[y.numbers.length - 1] + y.diff * t);
+          } else if (r.row < d.row) {
+            const t = d.row - r.row;
+            T = String(y.numbers[0] - y.diff * t);
           }
         }
       }
-      if (r.col !== k && r.row >= w.row && r.row <= m.row) {
-        const S = [];
-        for (let t = w.col; t <= m.col; t++)
-          S.push(o({ row: r.row, col: t }));
-        const g = P(S);
-        if (g && g.diff !== 0) {
-          if (r.col > m.col) {
-            const t = r.col - m.col;
-            z = String(g.numbers[g.numbers.length - 1] + g.diff * t);
-          } else if (r.col < w.col) {
-            const t = w.col - r.col;
-            z = String(g.numbers[0] - g.diff * t);
+      if (r.col !== k && r.row >= d.row && r.row <= c.row) {
+        const F = [];
+        for (let t = d.col; t <= c.col; t++)
+          F.push(n({ row: r.row, col: t }));
+        const y = H(F);
+        if (y && y.diff !== 0) {
+          if (r.col > c.col) {
+            const t = r.col - c.col;
+            T = String(y.numbers[y.numbers.length - 1] + y.diff * t);
+          } else if (r.col < d.col) {
+            const t = d.col - r.col;
+            T = String(y.numbers[0] - y.diff * t);
           }
         }
       }
-      M.push({ coord: r, value: z });
-    }), M.length > 0 && e(M), i(null), c([]), a(!1), l(null);
-  }, [n, b, u, o, e]), D = x(
-    (d) => b.some(
-      (M) => M.row === d.row && M.col === d.col
+      p.push({ coord: r, value: T });
+    }), p.length > 0 && l(p), u(null), i([]), f(!1), e(null);
+  }, [o, b, a, n, l]), g = x(
+    (w) => b.some(
+      (p) => p.row === w.row && p.col === w.col
     ),
     [b]
   );
-  return $(() => {
-    const d = () => {
-      f && h();
+  return W(() => {
+    const w = () => {
+      h && S();
     };
-    return window.addEventListener("mouseup", d), () => window.removeEventListener("mouseup", d);
-  }, [f, h]), {
+    return window.addEventListener("mouseup", w), () => window.removeEventListener("mouseup", w);
+  }, [h, S]), {
     fillSource: s,
     fillTargets: b,
-    isDraggingFill: f,
-    isFillTarget: D,
-    handleFillHandleMouseDown: y,
-    handleCellMouseEnterForFill: C,
-    handleFillMouseUp: h
+    isDraggingFill: h,
+    isFillTarget: g,
+    handleFillHandleMouseDown: C,
+    handleCellMouseEnterForFill: M,
+    handleFillMouseUp: S
   };
 }
-function V({
-  coord: n,
-  value: o,
-  isSelected: e,
+const V = {
+  position: "relative",
+  border: "1px solid #d1d5db",
+  padding: 0
+}, oo = {
+  width: "100%",
+  height: "100%",
+  paddingLeft: "4px",
+  paddingRight: "4px",
+  paddingTop: "4px",
+  paddingBottom: "4px",
+  textAlign: "right",
+  fontSize: "12px",
+  backgroundColor: "transparent",
+  outline: "none",
+  cursor: "cell"
+}, no = {
+  position: "absolute",
+  bottom: "-2px",
+  right: "-2px",
+  width: "8px",
+  height: "8px",
+  cursor: "crosshair",
+  zIndex: 20,
+  backgroundColor: "#3b82f6"
+}, to = {
+  backgroundColor: "#dbeafe",
+  outline: "2px solid #3b82f6",
+  outlineOffset: "-2px"
+}, lo = {
+  backgroundColor: "#eff6ff"
+};
+function eo({
+  coord: o,
+  value: n,
+  isSelected: l,
   isFillTarget: s,
-  showFillHandle: i,
+  showFillHandle: u,
   onMouseDown: b,
-  onMouseEnter: c,
-  onChange: f,
-  onFillHandleMouseDown: a,
-  styles: u
+  onMouseEnter: i,
+  onChange: h,
+  onFillHandleMouseDown: f,
+  styles: a
 }) {
-  const l = (h) => {
-    f(n, h.target.value);
-  }, y = (h) => {
-    h.target.classList.contains("fill-handle") || b(n);
-  }, C = (h) => {
-    h.stopPropagation(), h.preventDefault(), a(n);
+  const e = (c) => {
+    h(o, c.target.value);
+  }, C = (c) => {
+    c.target.classList.contains("fill-handle") || b(o);
+  }, M = (c) => {
+    c.stopPropagation(), c.preventDefault(), f(o);
+  }, S = !!a?.selected, g = !!a?.fillTarget, w = !!a?.fillHandle, p = {
+    ...V,
+    ...l && !S ? to : {},
+    ...s && !g ? lo : {}
+  }, d = {
+    ...no,
+    ...w ? { backgroundColor: void 0 } : {}
   };
-  return /* @__PURE__ */ j(
+  return /* @__PURE__ */ G(
     "td",
     {
-      className: R(
-        "relative border border-gray-300 p-0",
-        u?.cell,
-        e && (u?.selected ?? "bg-blue-100 ring-2 ring-inset ring-blue-500"),
-        s && (u?.fillTarget ?? "bg-blue-50")
+      className: I(
+        a?.cell,
+        l && a?.selected,
+        s && a?.fillTarget
       ),
-      onMouseDown: y,
-      onMouseEnter: () => c(n),
+      style: p,
+      onMouseDown: C,
+      onMouseEnter: () => i(o),
       children: [
-        /* @__PURE__ */ E(
+        /* @__PURE__ */ v(
           "input",
           {
             type: "text",
-            value: o,
-            onChange: l,
-            className: R(
-              "w-full h-full px-1 py-1 text-right text-xs bg-transparent outline-none cursor-cell",
-              e && "bg-transparent"
-            )
+            value: n,
+            onChange: e,
+            style: oo
           }
         ),
-        i && /* @__PURE__ */ E(
+        u && /* @__PURE__ */ v(
           "div",
           {
-            className: R(
-              "fill-handle absolute -bottom-0.5 -right-0.5 w-2 h-2 cursor-crosshair z-20",
-              u?.fillHandle ?? "bg-blue-500"
-            ),
-            onMouseDown: C
+            className: I("fill-handle", a?.fillHandle),
+            style: d,
+            onMouseDown: M
           }
         )
       ]
     }
   );
 }
-function rn({
-  data: n,
-  onChange: o,
-  rowHeaders: e,
+const ro = {
+  outline: "none",
+  overflowX: "auto"
+}, so = {
+  borderCollapse: "collapse",
+  fontSize: "12px",
+  userSelect: "none"
+}, U = {
+  position: "sticky",
+  left: 0,
+  zIndex: 10,
+  backgroundColor: "#f3f4f6",
+  border: "1px solid #d1d5db",
+  padding: "6px 8px",
+  textAlign: "center",
+  fontWeight: 500
+}, co = {
+  backgroundColor: "#dbeafe",
+  border: "1px solid #d1d5db",
+  padding: "6px 4px",
+  textAlign: "center",
+  fontWeight: 500,
+  color: "#1d4ed8"
+}, io = {
+  backgroundColor: "#f9fafb",
+  border: "1px solid #d1d5db",
+  padding: "4px",
+  textAlign: "center",
+  fontWeight: 500,
+  fontSize: "11px"
+};
+function mo({
+  data: o,
+  onChange: n,
+  rowHeaders: l,
   colHeaders: s,
-  className: i,
+  className: u,
   rowHeaderTitle: b = "",
-  styles: c
+  styles: i
 }) {
-  const f = _(null), a = n.length, u = q(() => s ? s.reduce(
-    (t, p) => t + p.headers.length,
+  const h = $(null), f = o.length, a = q(() => s ? s.reduce(
+    (t, m) => t + m.headers.length,
     0
-  ) : n[0]?.length ?? 0, [s, n]), l = q(() => s ? s.flatMap((t) => t.headers) : [], [s]), y = x(
-    (t) => t.row < 0 || t.row >= a || t.col < 0 || t.col >= u ? "" : n[t.row]?.[t.col] ?? "",
-    [n, a, u]
-  ), C = x(
-    (t, p) => {
-      const N = n.map(
-        (K, G) => G === t.row ? K.map(
-          (I, U) => U === t.col ? p : I
-        ) : K
+  ) : o[0]?.length ?? 0, [s, o]), e = q(() => s ? s.flatMap((t) => t.headers) : [], [s]), C = x(
+    (t) => t.row < 0 || t.row >= f || t.col < 0 || t.col >= a ? "" : o[t.row]?.[t.col] ?? "",
+    [o, f, a]
+  ), M = x(
+    (t, m) => {
+      const E = o.map(
+        (B, z) => z === t.row ? B.map(
+          (j, A) => A === t.col ? m : j
+        ) : B
       );
-      o(N);
+      n(E);
     },
-    [n, o]
-  ), h = x(
+    [o, n]
+  ), S = x(
     (t) => {
       if (t.length === 0) return;
-      const p = n.map((N) => [...N]);
-      t.forEach(({ coord: N, value: K }) => {
-        N.row >= 0 && N.row < a && N.col >= 0 && N.col < u && (p[N.row][N.col] = K);
-      }), o(p);
+      const m = o.map((E) => [...E]);
+      t.forEach(({ coord: E, value: B }) => {
+        E.row >= 0 && E.row < f && E.col >= 0 && E.col < a && (m[E.row][E.col] = B);
+      }), n(m);
     },
-    [n, o, a, u]
+    [o, n, f, a]
   ), {
-    selection: D,
-    isSelecting: d,
-    isCellSelected: M,
-    handleCellMouseDown: w,
-    handleCellMouseEnter: m
-  } = W(), { handleKeyDown: v } = X({
-    selection: D,
-    getValue: y,
-    setValues: h,
-    rowCount: a,
-    colCount: u
+    selection: g,
+    isSelecting: w,
+    isCellSelected: p,
+    handleCellMouseDown: d,
+    handleCellMouseEnter: c
+  } = J(), { handleKeyDown: N } = Q({
+    selection: g,
+    getValue: C,
+    setValues: S,
+    rowCount: f,
+    colCount: a
   }), {
-    isDraggingFill: F,
+    isDraggingFill: D,
     isFillTarget: r,
-    handleFillHandleMouseDown: T,
+    handleFillHandleMouseDown: R,
     handleCellMouseEnterForFill: k
   } = Z({
-    selection: D,
-    getValue: y,
-    setValues: h
-  }), z = x(
+    selection: g,
+    getValue: C,
+    setValues: S
+  }), T = x(
     (t) => {
-      F ? k(t) : d && m(t);
+      D ? k(t) : w && c(t);
     },
     [
-      F,
-      d,
+      D,
+      w,
       k,
-      m
+      c
     ]
-  ), S = x(
-    (t, p) => {
-      C(t, p);
+  ), F = x(
+    (t, m) => {
+      M(t, m);
     },
-    [C]
-  ), g = x(
+    [M]
+  ), y = x(
     (t) => {
-      if (!D.start) return !1;
-      const p = B(D);
-      return !p.start || !p.end ? !1 : t.row === p.end.row && t.col === p.end.col;
+      if (!g.start) return !1;
+      const m = L(g);
+      return !m.start || !m.end ? !1 : t.row === m.end.row && t.col === m.end.col;
     },
-    [D]
+    [g]
   );
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ v(
     "div",
     {
-      ref: f,
-      className: R("outline-none overflow-x-auto", i),
+      ref: h,
+      className: u,
+      style: ro,
       tabIndex: 0,
-      onKeyDown: v,
-      children: /* @__PURE__ */ j("table", { className: "border-collapse text-xs select-none", children: [
-        /* @__PURE__ */ j("thead", { children: [
-          s && /* @__PURE__ */ j("tr", { children: [
-            e && /* @__PURE__ */ E(
+      onKeyDown: N,
+      children: /* @__PURE__ */ G("table", { style: so, children: [
+        /* @__PURE__ */ G("thead", { children: [
+          s && /* @__PURE__ */ G("tr", { children: [
+            l && /* @__PURE__ */ v(
               "th",
               {
-                className: R(
-                  "sticky left-0 z-10 bg-gray-100 border border-gray-300 px-2 py-1.5 text-center font-medium",
-                  c?.rowHeader
-                ),
+                className: i?.rowHeader,
+                style: U,
                 children: b
               }
             ),
-            s.map((t, p) => /* @__PURE__ */ E(
+            s.map((t, m) => /* @__PURE__ */ v(
               "th",
               {
                 colSpan: t.headers.length,
-                className: R(
-                  "bg-blue-100 border border-gray-300 px-1 py-1.5 text-center font-medium text-blue-700",
-                  c?.colGroup,
-                  t.className
-                ),
+                className: I(i?.colGroup, t.className),
+                style: co,
                 children: t.label
               },
-              p
+              m
             ))
           ] }),
-          s && /* @__PURE__ */ j("tr", { children: [
-            e && /* @__PURE__ */ E(
+          s && /* @__PURE__ */ G("tr", { children: [
+            l && /* @__PURE__ */ v(
               "th",
               {
-                className: R(
-                  "sticky left-0 z-10 bg-gray-100 border border-gray-300 px-2 py-1",
-                  c?.rowHeader
-                )
+                className: i?.rowHeader,
+                style: U
               }
             ),
-            l.map((t) => /* @__PURE__ */ E(
+            e.map((t) => /* @__PURE__ */ v(
               "th",
               {
-                className: R(
-                  "bg-gray-50 border border-gray-300 px-1 py-1 text-center font-medium text-[11px]",
-                  c?.colHeader,
-                  t.className
-                ),
+                className: I(i?.colHeader, t.className),
+                style: io,
                 title: t.description,
                 children: t.label
               },
@@ -470,66 +526,66 @@ function rn({
             ))
           ] })
         ] }),
-        /* @__PURE__ */ E("tbody", { children: n.map((t, p) => /* @__PURE__ */ j("tr", { children: [
-          e && e[p] && /* @__PURE__ */ E(
+        /* @__PURE__ */ v("tbody", { children: o.map((t, m) => /* @__PURE__ */ G("tr", { children: [
+          l && l[m] && /* @__PURE__ */ v(
             "td",
             {
-              className: R(
-                "sticky left-0 z-10 bg-gray-100 border border-gray-300 px-1 py-1.5 text-center font-medium",
-                c?.rowHeader,
-                e[p].className
+              className: I(
+                i?.rowHeader,
+                l[m].className
               ),
-              title: e[p].description,
-              children: e[p].label
+              style: U,
+              title: l[m].description,
+              children: l[m].label
             }
           ),
-          t.map((N, K) => {
-            const G = { row: p, col: K }, I = M(G), U = r(G), A = g(G);
-            return /* @__PURE__ */ E(
-              V,
+          t.map((E, B) => {
+            const z = { row: m, col: B }, j = p(z), A = r(z), P = y(z);
+            return /* @__PURE__ */ v(
+              eo,
               {
-                coord: G,
-                value: y(G),
-                isSelected: I,
-                isFillTarget: U,
-                showFillHandle: A && !F,
-                onMouseDown: w,
-                onMouseEnter: z,
-                onChange: S,
-                onFillHandleMouseDown: T,
-                styles: c
+                coord: z,
+                value: C(z),
+                isSelected: j,
+                isFillTarget: A,
+                showFillHandle: P && !D,
+                onMouseDown: d,
+                onMouseEnter: T,
+                onChange: F,
+                onFillHandleMouseDown: R,
+                styles: i
               },
-              K
+              B
             );
           })
-        ] }, p)) })
+        ] }, m)) })
       ] })
     }
   );
 }
-function sn(n) {
-  const o = typeof n == "string" ? parseFloat(n.replace(/,/g, "")) : n;
-  return isNaN(o) ? "0" : new Intl.NumberFormat("ko-KR").format(o);
+function bo(o) {
+  const n = typeof o == "string" ? parseFloat(o.replace(/,/g, "")) : o;
+  return isNaN(n) ? "0" : new Intl.NumberFormat("ko-KR").format(n);
 }
-function cn(n) {
-  const o = parseInt(n.replace(/,/g, ""), 10);
-  return isNaN(o) ? 0 : o;
+function xo(o) {
+  const n = parseInt(o.replace(/,/g, ""), 10);
+  return isNaN(n) ? 0 : n;
 }
 export {
-  rn as ExcelGrid,
-  V as GridCell,
-  R as cn,
-  on as coordToKey,
-  sn as formatCurrency,
-  en as getCellsInRange,
-  ln as getFillTargetCells,
-  J as isCellInRange,
-  tn as keyToCoord,
-  B as normalizeRange,
-  cn as parseCurrency,
-  O as parseTSV,
-  Q as toTSV,
-  X as useGridClipboard,
+  mo as ExcelGrid,
+  eo as GridCell,
+  I as cn,
+  fo as coordToKey,
+  bo as formatCurrency,
+  ho as getCellsInRange,
+  po as getFillTargetCells,
+  O as isCellInRange,
+  wo as keyToCoord,
+  L as normalizeRange,
+  xo as parseCurrency,
+  X as parseTSV,
+  _ as toTSV,
+  Q as useGridClipboard,
   Z as useGridDragFill,
-  W as useGridSelection
+  J as useGridSelection
 };

package/dist/react-excel-lite.umd.cjs

@@ -1,2 +1,2 @@
-(function(m,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],g):(m=typeof globalThis<"u"?globalThis:m||self,g(m.ReactExcelLite={},m.ReactJsxRuntime,m.React))})(this,(function(m,g,s){"use strict";function T(...l){return l.filter(Boolean).join(" ")}function _(l){return`${l.row}-${l.col}`}function Q(l){const[n,o]=l.split("-").map(Number);return{row:n,col:o}}function W(l,n){if(!l||!n)return l?[l]:[];const o=Math.min(l.row,n.row),c=Math.max(l.row,n.row),a=Math.min(l.col,n.col),y=Math.max(l.col,n.col),i=[];for(let w=o;w<=c;w++)for(let u=a;u<=y;u++)i.push({row:w,col:u});return i}function B(l,n){if(!n.start)return!1;const o=n.end||n.start,c=Math.min(n.start.row,o.row),a=Math.max(n.start.row,o.row),y=Math.min(n.start.col,o.col),i=Math.max(n.start.col,o.col);return l.row>=c&&l.row<=a&&l.col>=y&&l.col<=i}function U(l){return l.split(/\r?\n/).filter(n=>n.trim()).map(n=>n.split("	").map(o=>o.trim()))}function P(l){return l.map(n=>n.join("	")).join(`
-`)}function I(l){return!l.start||!l.end?l:{start:{row:Math.min(l.start.row,l.end.row),col:Math.min(l.start.col,l.end.col)},end:{row:Math.max(l.start.row,l.end.row),col:Math.max(l.start.col,l.end.col)}}}function X(l,n){if(l.row===n.row&&l.col===n.col)return[];const o=Math.min(l.row,n.row),c=Math.max(l.row,n.row),a=Math.min(l.col,n.col),y=Math.max(l.col,n.col),i=[];for(let w=o;w<=c;w++)for(let u=a;u<=y;u++)w===l.row&&u===l.col||i.push({row:w,col:u});return i}function $(){const[l,n]=s.useState({start:null,end:null}),[o,c]=s.useState(!1),a=s.useCallback(f=>{n({start:f,end:f}),c(!0)},[]),y=s.useCallback(f=>{o&&n(t=>({...t,end:f}))},[o]),i=s.useCallback(()=>{c(!1)},[]),w=s.useCallback(()=>{n({start:null,end:null}),c(!1)},[]),u=s.useCallback(f=>B(f,l),[l]);return s.useEffect(()=>{const f=()=>{o&&c(!1)};return window.addEventListener("mouseup",f),()=>window.removeEventListener("mouseup",f)},[o]),{selection:l,isSelecting:o,isCellSelected:u,handleCellMouseDown:a,handleCellMouseEnter:y,handleMouseUp:i,clearSelection:w,setSelection:n}}function A({selection:l,getValue:n,setValues:o,rowCount:c,colCount:a}){const y=s.useCallback(()=>{const t=I(l);if(!t.start||!t.end)return[];const S=[];for(let k=t.start.row;k<=t.end.row;k++){const b=[];for(let D=t.start.col;D<=t.end.col;D++)b.push(n({row:k,col:D}));S.push(b)}return S},[l,n]),i=s.useCallback(async()=>{const t=y();if(t.length===0)return;const S=P(t);try{await navigator.clipboard.writeText(S)}catch(k){console.error("Clipboard copy failed:",k)}},[y]),w=s.useCallback(async()=>{if(l.start)try{const t=await navigator.clipboard.readText(),S=U(t);if(S.length===0)return;const k=l.start.row,b=l.start.col,D=[];S.forEach((p,M)=>{const d=k+M;d>=c||p.forEach((h,v)=>{const F=b+v;F>=a||D.push({coord:{row:d,col:F},value:h})})}),D.length>0&&o(D)}catch(t){console.error("Clipboard paste failed:",t)}},[l.start,o,c,a]),u=s.useCallback(()=>{const t=I(l);if(!t.start||!t.end)return;const S=[];for(let k=t.start.row;k<=t.end.row;k++)for(let b=t.start.col;b<=t.end.col;b++)S.push({coord:{row:k,col:b},value:""});S.length>0&&o(S)},[l,o]),f=s.useCallback(t=>{(t.ctrlKey||t.metaKey)&&t.key==="c"&&(t.preventDefault(),i()),(t.ctrlKey||t.metaKey)&&t.key==="v"&&(t.preventDefault(),w()),(t.key==="Backspace"||t.key==="Delete")&&(t.preventDefault(),u())},[i,w,u]);return{handleCopy:i,handlePaste:w,handleKeyDown:f}}function Y(l){if(l.trim()==="")return null;const n=Number(l);return isNaN(n)?null:n}function J(l){if(l.length===0)return null;const n=l.map(Y);if(n.some(a=>a===null))return null;const o=n;if(o.length===1)return{numbers:o,diff:0};const c=o[1]-o[0];for(let a=2;a<o.length;a++)if(o[a]-o[a-1]!==c)return{numbers:o,diff:0};return{numbers:o,diff:c}}function O({selection:l,getValue:n,setValues:o}){const[c,a]=s.useState(null),[y,i]=s.useState([]),[w,u]=s.useState(!1),[f,t]=s.useState(null),S=s.useCallback(p=>{a(p),u(!0),i([]),t(null)},[]),k=s.useCallback(p=>{if(!w||!l.start)return;const M=I(l);if(!M.start||!M.end)return;t(p);const d={row:Math.min(M.start.row,p.row),col:Math.min(M.start.col,p.col)},h={row:Math.max(M.end.row,p.row),col:Math.max(M.end.col,p.col)},v=[];for(let F=d.row;F<=h.row;F++)for(let r=d.col;r<=h.col;r++)F>=M.start.row&&F<=M.end.row&&r>=M.start.col&&r<=M.end.col||v.push({row:F,col:r});i(v)},[w,l]),b=s.useCallback(()=>{if(!l.start||y.length===0||!f){a(null),i([]),u(!1),t(null);return}const p=I(l);if(!p.start||!p.end){a(null),i([]),u(!1),t(null);return}const M=[],d=p.start,h=p.end,v=h.row-d.row+1,F=h.col-d.col+1;y.forEach(r=>{let G,z;if(r.row<d.row){const E=d.row-r.row;G=h.row-(E-1)%v}else if(r.row>h.row){const E=r.row-h.row;G=d.row+(E-1)%v}else G=r.row;if(r.col<d.col){const E=d.col-r.col;z=h.col-(E-1)%F}else if(r.col>h.col){const E=r.col-h.col;z=d.col+(E-1)%F}else z=r.col;let K=n({row:G,col:z});if(r.row!==G&&r.col>=d.col&&r.col<=h.col){const E=[];for(let e=d.row;e<=h.row;e++)E.push(n({row:e,col:r.col}));const x=J(E);if(x&&x.diff!==0){if(r.row>h.row){const e=r.row-h.row;K=String(x.numbers[x.numbers.length-1]+x.diff*e)}else if(r.row<d.row){const e=d.row-r.row;K=String(x.numbers[0]-x.diff*e)}}}if(r.col!==z&&r.row>=d.row&&r.row<=h.row){const E=[];for(let e=d.col;e<=h.col;e++)E.push(n({row:r.row,col:e}));const x=J(E);if(x&&x.diff!==0){if(r.col>h.col){const e=r.col-h.col;K=String(x.numbers[x.numbers.length-1]+x.diff*e)}else if(r.col<d.col){const e=d.col-r.col;K=String(x.numbers[0]-x.diff*e)}}}M.push({coord:r,value:K})}),M.length>0&&o(M),a(null),i([]),u(!1),t(null)},[l,y,f,n,o]),D=s.useCallback(p=>y.some(M=>M.row===p.row&&M.col===p.col),[y]);return s.useEffect(()=>{const p=()=>{w&&b()};return window.addEventListener("mouseup",p),()=>window.removeEventListener("mouseup",p)},[w,b]),{fillSource:c,fillTargets:y,isDraggingFill:w,isFillTarget:D,handleFillHandleMouseDown:S,handleCellMouseEnterForFill:k,handleFillMouseUp:b}}function V({coord:l,value:n,isSelected:o,isFillTarget:c,showFillHandle:a,onMouseDown:y,onMouseEnter:i,onChange:w,onFillHandleMouseDown:u,styles:f}){const t=b=>{w(l,b.target.value)},S=b=>{b.target.classList.contains("fill-handle")||y(l)},k=b=>{b.stopPropagation(),b.preventDefault(),u(l)};return g.jsxs("td",{className:T("relative border border-gray-300 p-0",f?.cell,o&&(f?.selected??"bg-blue-100 ring-2 ring-inset ring-blue-500"),c&&(f?.fillTarget??"bg-blue-50")),onMouseDown:S,onMouseEnter:()=>i(l),children:[g.jsx("input",{type:"text",value:n,onChange:t,className:T("w-full h-full px-1 py-1 text-right text-xs bg-transparent outline-none cursor-cell",o&&"bg-transparent")}),a&&g.jsx("div",{className:T("fill-handle absolute -bottom-0.5 -right-0.5 w-2 h-2 cursor-crosshair z-20",f?.fillHandle??"bg-blue-500"),onMouseDown:k})]})}function Z({data:l,onChange:n,rowHeaders:o,colHeaders:c,className:a,rowHeaderTitle:y="",styles:i}){const w=s.useRef(null),u=l.length,f=s.useMemo(()=>c?c.reduce((e,C)=>e+C.headers.length,0):l[0]?.length??0,[c,l]),t=s.useMemo(()=>c?c.flatMap(e=>e.headers):[],[c]),S=s.useCallback(e=>e.row<0||e.row>=u||e.col<0||e.col>=f?"":l[e.row]?.[e.col]??"",[l,u,f]),k=s.useCallback((e,C)=>{const N=l.map((R,j)=>j===e.row?R.map((L,q)=>q===e.col?C:L):R);n(N)},[l,n]),b=s.useCallback(e=>{if(e.length===0)return;const C=l.map(N=>[...N]);e.forEach(({coord:N,value:R})=>{N.row>=0&&N.row<u&&N.col>=0&&N.col<f&&(C[N.row][N.col]=R)}),n(C)},[l,n,u,f]),{selection:D,isSelecting:p,isCellSelected:M,handleCellMouseDown:d,handleCellMouseEnter:h}=$(),{handleKeyDown:v}=A({selection:D,getValue:S,setValues:b,rowCount:u,colCount:f}),{isDraggingFill:F,isFillTarget:r,handleFillHandleMouseDown:G,handleCellMouseEnterForFill:z}=O({selection:D,getValue:S,setValues:b}),K=s.useCallback(e=>{F?z(e):p&&h(e)},[F,p,z,h]),E=s.useCallback((e,C)=>{k(e,C)},[k]),x=s.useCallback(e=>{if(!D.start)return!1;const C=I(D);return!C.start||!C.end?!1:e.row===C.end.row&&e.col===C.end.col},[D]);return g.jsx("div",{ref:w,className:T("outline-none overflow-x-auto",a),tabIndex:0,onKeyDown:v,children:g.jsxs("table",{className:"border-collapse text-xs select-none",children:[g.jsxs("thead",{children:[c&&g.jsxs("tr",{children:[o&&g.jsx("th",{className:T("sticky left-0 z-10 bg-gray-100 border border-gray-300 px-2 py-1.5 text-center font-medium",i?.rowHeader),children:y}),c.map((e,C)=>g.jsx("th",{colSpan:e.headers.length,className:T("bg-blue-100 border border-gray-300 px-1 py-1.5 text-center font-medium text-blue-700",i?.colGroup,e.className),children:e.label},C))]}),c&&g.jsxs("tr",{children:[o&&g.jsx("th",{className:T("sticky left-0 z-10 bg-gray-100 border border-gray-300 px-2 py-1",i?.rowHeader)}),t.map(e=>g.jsx("th",{className:T("bg-gray-50 border border-gray-300 px-1 py-1 text-center font-medium text-[11px]",i?.colHeader,e.className),title:e.description,children:e.label},e.key))]})]}),g.jsx("tbody",{children:l.map((e,C)=>g.jsxs("tr",{children:[o&&o[C]&&g.jsx("td",{className:T("sticky left-0 z-10 bg-gray-100 border border-gray-300 px-1 py-1.5 text-center font-medium",i?.rowHeader,o[C].className),title:o[C].description,children:o[C].label}),e.map((N,R)=>{const j={row:C,col:R},L=M(j),q=r(j),nl=x(j);return g.jsx(V,{coord:j,value:S(j),isSelected:L,isFillTarget:q,showFillHandle:nl&&!F,onMouseDown:d,onMouseEnter:K,onChange:E,onFillHandleMouseDown:G,styles:i},R)})]},C))})]})})}function H(l){const n=typeof l=="string"?parseFloat(l.replace(/,/g,"")):l;return isNaN(n)?"0":new Intl.NumberFormat("ko-KR").format(n)}function ll(l){const n=parseInt(l.replace(/,/g,""),10);return isNaN(n)?0:n}m.ExcelGrid=Z,m.GridCell=V,m.cn=T,m.coordToKey=_,m.formatCurrency=H,m.getCellsInRange=W,m.getFillTargetCells=X,m.isCellInRange=B,m.keyToCoord=Q,m.normalizeRange=I,m.parseCurrency=ll,m.parseTSV=U,m.toTSV=P,m.useGridClipboard=A,m.useGridDragFill=O,m.useGridSelection=$,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));
+(function(m,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],g):(m=typeof globalThis<"u"?globalThis:m||self,g(m.ReactExcelLite={},m.ReactJsxRuntime,m.React))})(this,(function(m,g,r){"use strict";function K(...l){return l.filter(Boolean).join(" ")}function V(l){return`${l.row}-${l.col}`}function X(l){const[o,e]=l.split("-").map(Number);return{row:o,col:e}}function _(l,o){if(!l||!o)return l?[l]:[];const e=Math.min(l.row,o.row),c=Math.max(l.row,o.row),f=Math.min(l.col,o.col),S=Math.max(l.col,o.col),a=[];for(let p=e;p<=c;p++)for(let d=f;d<=S;d++)a.push({row:p,col:d});return a}function A(l,o){if(!o.start)return!1;const e=o.end||o.start,c=Math.min(o.start.row,e.row),f=Math.max(o.start.row,e.row),S=Math.min(o.start.col,e.col),a=Math.max(o.start.col,e.col);return l.row>=c&&l.row<=f&&l.col>=S&&l.col<=a}function U(l){return l.split(/\r?\n/).filter(o=>o.trim()).map(o=>o.split("	").map(e=>e.trim()))}function H(l){return l.map(o=>o.join("	")).join(`
+`)}function j(l){return!l.start||!l.end?l:{start:{row:Math.min(l.start.row,l.end.row),col:Math.min(l.start.col,l.end.col)},end:{row:Math.max(l.start.row,l.end.row),col:Math.max(l.start.col,l.end.col)}}}function Q(l,o){if(l.row===o.row&&l.col===o.col)return[];const e=Math.min(l.row,o.row),c=Math.max(l.row,o.row),f=Math.min(l.col,o.col),S=Math.max(l.col,o.col),a=[];for(let p=e;p<=c;p++)for(let d=f;d<=S;d++)p===l.row&&d===l.col||a.push({row:p,col:d});return a}function P(){const[l,o]=r.useState({start:null,end:null}),[e,c]=r.useState(!1),f=r.useCallback(u=>{o({start:u,end:u}),c(!0)},[]),S=r.useCallback(u=>{e&&o(t=>({...t,end:u}))},[e]),a=r.useCallback(()=>{c(!1)},[]),p=r.useCallback(()=>{o({start:null,end:null}),c(!1)},[]),d=r.useCallback(u=>A(u,l),[l]);return r.useEffect(()=>{const u=()=>{e&&c(!1)};return window.addEventListener("mouseup",u),()=>window.removeEventListener("mouseup",u)},[e]),{selection:l,isSelecting:e,isCellSelected:d,handleCellMouseDown:f,handleCellMouseEnter:S,handleMouseUp:a,clearSelection:p,setSelection:o}}function W({selection:l,getValue:o,setValues:e,rowCount:c,colCount:f}){const S=r.useCallback(()=>{const t=j(l);if(!t.start||!t.end)return[];const y=[];for(let M=t.start.row;M<=t.end.row;M++){const x=[];for(let k=t.start.col;k<=t.end.col;k++)x.push(o({row:M,col:k}));y.push(x)}return y},[l,o]),a=r.useCallback(async()=>{const t=S();if(t.length===0)return;const y=H(t);try{await navigator.clipboard.writeText(y)}catch(M){console.error("Clipboard copy failed:",M)}},[S]),p=r.useCallback(async()=>{if(l.start)try{const t=await navigator.clipboard.readText(),y=U(t);if(y.length===0)return;const M=l.start.row,x=l.start.col,k=[];y.forEach((h,b)=>{const w=M+b;w>=c||h.forEach((i,v)=>{const F=x+v;F>=f||k.push({coord:{row:w,col:F},value:i})})}),k.length>0&&e(k)}catch(t){console.error("Clipboard paste failed:",t)}},[l.start,e,c,f]),d=r.useCallback(()=>{const t=j(l);if(!t.start||!t.end)return;const y=[];for(let M=t.start.row;M<=t.end.row;M++)for(let x=t.start.col;x<=t.end.col;x++)y.push({coord:{row:M,col:x},value:""});y.length>0&&e(y)},[l,e]),u=r.useCallback(t=>{(t.ctrlKey||t.metaKey)&&t.key==="c"&&(t.preventDefault(),a()),(t.ctrlKey||t.metaKey)&&t.key==="v"&&(t.preventDefault(),p()),(t.key==="Backspace"||t.key==="Delete")&&(t.preventDefault(),d())},[a,p,d]);return{handleCopy:a,handlePaste:p,handleKeyDown:u}}function Y(l){if(l.trim()==="")return null;const o=Number(l);return isNaN(o)?null:o}function O(l){if(l.length===0)return null;const o=l.map(Y);if(o.some(f=>f===null))return null;const e=o;if(e.length===1)return{numbers:e,diff:0};const c=e[1]-e[0];for(let f=2;f<e.length;f++)if(e[f]-e[f-1]!==c)return{numbers:e,diff:0};return{numbers:e,diff:c}}function $({selection:l,getValue:o,setValues:e}){const[c,f]=r.useState(null),[S,a]=r.useState([]),[p,d]=r.useState(!1),[u,t]=r.useState(null),y=r.useCallback(h=>{f(h),d(!0),a([]),t(null)},[]),M=r.useCallback(h=>{if(!p||!l.start)return;const b=j(l);if(!b.start||!b.end)return;t(h);const w={row:Math.min(b.start.row,h.row),col:Math.min(b.start.col,h.col)},i={row:Math.max(b.end.row,h.row),col:Math.max(b.end.col,h.col)},v=[];for(let F=w.row;F<=i.row;F++)for(let s=w.col;s<=i.col;s++)F>=b.start.row&&F<=b.end.row&&s>=b.start.col&&s<=b.end.col||v.push({row:F,col:s});a(v)},[p,l]),x=r.useCallback(()=>{if(!l.start||S.length===0||!u){f(null),a([]),d(!1),t(null);return}const h=j(l);if(!h.start||!h.end){f(null),a([]),d(!1),t(null);return}const b=[],w=h.start,i=h.end,v=i.row-w.row+1,F=i.col-w.col+1;S.forEach(s=>{let N,G;if(s.row<w.row){const E=w.row-s.row;N=i.row-(E-1)%v}else if(s.row>i.row){const E=s.row-i.row;N=w.row+(E-1)%v}else N=s.row;if(s.col<w.col){const E=w.col-s.col;G=i.col-(E-1)%F}else if(s.col>i.col){const E=s.col-i.col;G=w.col+(E-1)%F}else G=s.col;let B=o({row:N,col:G});if(s.row!==N&&s.col>=w.col&&s.col<=i.col){const E=[];for(let n=w.row;n<=i.row;n++)E.push(o({row:n,col:s.col}));const D=O(E);if(D&&D.diff!==0){if(s.row>i.row){const n=s.row-i.row;B=String(D.numbers[D.numbers.length-1]+D.diff*n)}else if(s.row<w.row){const n=w.row-s.row;B=String(D.numbers[0]-D.diff*n)}}}if(s.col!==G&&s.row>=w.row&&s.row<=i.row){const E=[];for(let n=w.col;n<=i.col;n++)E.push(o({row:s.row,col:n}));const D=O(E);if(D&&D.diff!==0){if(s.col>i.col){const n=s.col-i.col;B=String(D.numbers[D.numbers.length-1]+D.diff*n)}else if(s.col<w.col){const n=w.col-s.col;B=String(D.numbers[0]-D.diff*n)}}}b.push({coord:s,value:B})}),b.length>0&&e(b),f(null),a([]),d(!1),t(null)},[l,S,u,o,e]),k=r.useCallback(h=>S.some(b=>b.row===h.row&&b.col===h.col),[S]);return r.useEffect(()=>{const h=()=>{p&&x()};return window.addEventListener("mouseup",h),()=>window.removeEventListener("mouseup",h)},[p,x]),{fillSource:c,fillTargets:S,isDraggingFill:p,isFillTarget:k,handleFillHandleMouseDown:y,handleCellMouseEnterForFill:M,handleFillMouseUp:x}}const Z={position:"relative",border:"1px solid #d1d5db",padding:0},ll={width:"100%",height:"100%",paddingLeft:"4px",paddingRight:"4px",paddingTop:"4px",paddingBottom:"4px",textAlign:"right",fontSize:"12px",backgroundColor:"transparent",outline:"none",cursor:"cell"},ol={position:"absolute",bottom:"-2px",right:"-2px",width:"8px",height:"8px",cursor:"crosshair",zIndex:20,backgroundColor:"#3b82f6"},nl={backgroundColor:"#dbeafe",outline:"2px solid #3b82f6",outlineOffset:"-2px"},el={backgroundColor:"#eff6ff"};function J({coord:l,value:o,isSelected:e,isFillTarget:c,showFillHandle:f,onMouseDown:S,onMouseEnter:a,onChange:p,onFillHandleMouseDown:d,styles:u}){const t=i=>{p(l,i.target.value)},y=i=>{i.target.classList.contains("fill-handle")||S(l)},M=i=>{i.stopPropagation(),i.preventDefault(),d(l)},x=!!u?.selected,k=!!u?.fillTarget,h=!!u?.fillHandle,b={...Z,...e&&!x?nl:{},...c&&!k?el:{}},w={...ol,...h?{backgroundColor:void 0}:{}};return g.jsxs("td",{className:K(u?.cell,e&&u?.selected,c&&u?.fillTarget),style:b,onMouseDown:y,onMouseEnter:()=>a(l),children:[g.jsx("input",{type:"text",value:o,onChange:t,style:ll}),f&&g.jsx("div",{className:K("fill-handle",u?.fillHandle),style:w,onMouseDown:M})]})}const tl={outline:"none",overflowX:"auto"},sl={borderCollapse:"collapse",fontSize:"12px",userSelect:"none"},I={position:"sticky",left:0,zIndex:10,backgroundColor:"#f3f4f6",border:"1px solid #d1d5db",padding:"6px 8px",textAlign:"center",fontWeight:500},rl={backgroundColor:"#dbeafe",border:"1px solid #d1d5db",padding:"6px 4px",textAlign:"center",fontWeight:500,color:"#1d4ed8"},cl={backgroundColor:"#f9fafb",border:"1px solid #d1d5db",padding:"4px",textAlign:"center",fontWeight:500,fontSize:"11px"};function il({data:l,onChange:o,rowHeaders:e,colHeaders:c,className:f,rowHeaderTitle:S="",styles:a}){const p=r.useRef(null),d=l.length,u=r.useMemo(()=>c?c.reduce((n,C)=>n+C.headers.length,0):l[0]?.length??0,[c,l]),t=r.useMemo(()=>c?c.flatMap(n=>n.headers):[],[c]),y=r.useCallback(n=>n.row<0||n.row>=d||n.col<0||n.col>=u?"":l[n.row]?.[n.col]??"",[l,d,u]),M=r.useCallback((n,C)=>{const T=l.map((z,R)=>R===n.row?z.map((L,q)=>q===n.col?C:L):z);o(T)},[l,o]),x=r.useCallback(n=>{if(n.length===0)return;const C=l.map(T=>[...T]);n.forEach(({coord:T,value:z})=>{T.row>=0&&T.row<d&&T.col>=0&&T.col<u&&(C[T.row][T.col]=z)}),o(C)},[l,o,d,u]),{selection:k,isSelecting:h,isCellSelected:b,handleCellMouseDown:w,handleCellMouseEnter:i}=P(),{handleKeyDown:v}=W({selection:k,getValue:y,setValues:x,rowCount:d,colCount:u}),{isDraggingFill:F,isFillTarget:s,handleFillHandleMouseDown:N,handleCellMouseEnterForFill:G}=$({selection:k,getValue:y,setValues:x}),B=r.useCallback(n=>{F?G(n):h&&i(n)},[F,h,G,i]),E=r.useCallback((n,C)=>{M(n,C)},[M]),D=r.useCallback(n=>{if(!k.start)return!1;const C=j(k);return!C.start||!C.end?!1:n.row===C.end.row&&n.col===C.end.col},[k]);return g.jsx("div",{ref:p,className:f,style:tl,tabIndex:0,onKeyDown:v,children:g.jsxs("table",{style:sl,children:[g.jsxs("thead",{children:[c&&g.jsxs("tr",{children:[e&&g.jsx("th",{className:a?.rowHeader,style:I,children:S}),c.map((n,C)=>g.jsx("th",{colSpan:n.headers.length,className:K(a?.colGroup,n.className),style:rl,children:n.label},C))]}),c&&g.jsxs("tr",{children:[e&&g.jsx("th",{className:a?.rowHeader,style:I}),t.map(n=>g.jsx("th",{className:K(a?.colHeader,n.className),style:cl,title:n.description,children:n.label},n.key))]})]}),g.jsx("tbody",{children:l.map((n,C)=>g.jsxs("tr",{children:[e&&e[C]&&g.jsx("td",{className:K(a?.rowHeader,e[C].className),style:I,title:e[C].description,children:e[C].label}),n.map((T,z)=>{const R={row:C,col:z},L=b(R),q=s(R),fl=D(R);return g.jsx(J,{coord:R,value:y(R),isSelected:L,isFillTarget:q,showFillHandle:fl&&!F,onMouseDown:w,onMouseEnter:B,onChange:E,onFillHandleMouseDown:N,styles:a},z)})]},C))})]})})}function al(l){const o=typeof l=="string"?parseFloat(l.replace(/,/g,"")):l;return isNaN(o)?"0":new Intl.NumberFormat("ko-KR").format(o)}function ul(l){const o=parseInt(l.replace(/,/g,""),10);return isNaN(o)?0:o}m.ExcelGrid=il,m.GridCell=J,m.cn=K,m.coordToKey=V,m.formatCurrency=al,m.getCellsInRange=_,m.getFillTargetCells=Q,m.isCellInRange=A,m.keyToCoord=X,m.normalizeRange=j,m.parseCurrency=ul,m.parseTSV=U,m.toTSV=H,m.useGridClipboard=W,m.useGridDragFill=$,m.useGridSelection=P,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})}));

package/dist/types.d.ts

@@ -43,21 +43,22 @@ export interface RowHeaderGroup {
 }
 /**
  * Grid styles configuration
+ * All values are CSS class strings (e.g., Tailwind classes, CSS modules, or plain CSS classes)
  */
 export interface GridStyles {
-    /** Data cell style */
+    /** CSS class for data cells */
     cell?: string;
-    /** Selected cell style */
+    /** CSS class for selected cells (overrides default blue selection style) */
     selected?: string;
-    /** Fill target cell style (when dragging fill handle) */
+    /** CSS class for fill target cells when dragging fill handle (overrides default light blue) */
     fillTarget?: string;
-    /** Fill handle style (bottom-right corner handle) */
+    /** CSS class for fill handle at bottom-right corner (overrides default blue square) */
     fillHandle?: string;
-    /** Column group header style */
+    /** CSS class for column group headers */
     colGroup?: string;
-    /** Column header style */
+    /** CSS class for individual column headers */
     colHeader?: string;
-    /** Row header style */
+    /** CSS class for row headers */
     rowHeader?: string;
 }
 /**

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,GAAG,EAAE,SAAS,GAAG,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;IACjB,2BAA2B;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,IAAI,CAAC;IACrC,mDAAmD;IACnD,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,sCAAsC;IACtC,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,qBAAqB,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAClD,kBAAkB;IAClB,MAAM,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,CAAC,CAAC;CAC9E"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,GAAG,EAAE,SAAS,GAAG,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+FAA+F;IAC/F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC;IACjB,2BAA2B;IAC3B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,KAAK,IAAI,CAAC;IACrC,mDAAmD;IACnD,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,sCAAsC;IACtC,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,qBAAqB,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAClD,kBAAkB;IAClB,MAAM,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,CAAC,CAAC;CAC9E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-excel-lite",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "A lightweight, Excel-like editable grid component for React with cell selection, copy/paste, auto-fill with arithmetic sequence detection, and customizable styling.",
   "license": "MIT",
   "type": "module",
@@ -23,8 +23,7 @@
   },
   "peerDependencies": {
     "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
-    "tailwindcss": ">=3.0.0"
+    "react-dom": ">=18.0.0"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^5.1.1",