@umituz/web-canvas 1.1.1 → 1.2.1

package/dist/application/index.js

@@ -998,7 +998,76 @@ ${project.appMetadata.whatsNew}`;
   }
 };
 
+// src/infrastructure/services/minimalXlsx.ts
+var XML_HEADER = '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>';
+function escapeXml(value) {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+}
+function safeSheetName(name, index) {
+  const cleaned = name.replace(/[:\\/?*[\]]/g, " ").slice(0, 31).trim();
+  return cleaned.length > 0 ? cleaned : `Sheet${index + 1}`;
+}
+function columnName(index) {
+  let name = "";
+  let n = index;
+  while (n >= 0) {
+    name = String.fromCharCode(65 + n % 26) + name;
+    n = Math.floor(n / 26) - 1;
+  }
+  return name;
+}
+function cellXml(value, row, column) {
+  const ref = `${columnName(column)}${row}`;
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return `<c r="${ref}"><v>${value}</v></c>`;
+  }
+  const text = value === null || value === void 0 ? "" : typeof value === "boolean" ? value ? "TRUE" : "FALSE" : String(value);
+  return `<c r="${ref}" t="inlineStr"><is><t xml:space="preserve">${escapeXml(text)}</t></is></c>`;
+}
+function sheetXml(rows) {
+  const body = rows.map((row, rowIndex) => {
+    const cells = row.map((value, columnIndex) => cellXml(value, rowIndex + 1, columnIndex)).join("");
+    return `<row r="${rowIndex + 1}">${cells}</row>`;
+  }).join("");
+  return `${XML_HEADER}<worksheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main"><sheetData>${body}</sheetData></worksheet>`;
+}
+async function writeXlsxBlob(sheets, JSZip) {
+  const zip = new JSZip();
+  const safeNames = sheets.map((sheet, index) => safeSheetName(sheet.name, index));
+  zip.file(
+    "[Content_Types].xml",
+    `${XML_HEADER}<Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types"><Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"/><Default Extension="xml" ContentType="application/xml"/><Override PartName="/xl/workbook.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml"/>` + safeNames.map(
+      (_, index) => `<Override PartName="/xl/worksheets/sheet${index + 1}.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml"/>`
+    ).join("") + "</Types>"
+  );
+  zip.file(
+    "_rels/.rels",
+    `${XML_HEADER}<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument" Target="xl/workbook.xml"/></Relationships>`
+  );
+  zip.file(
+    "xl/workbook.xml",
+    `${XML_HEADER}<workbook xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"><sheets>` + safeNames.map((name, index) => `<sheet name="${escapeXml(name)}" sheetId="${index + 1}" r:id="rId${index + 1}"/>`).join("") + "</sheets></workbook>"
+  );
+  zip.file(
+    "xl/_rels/workbook.xml.rels",
+    `${XML_HEADER}<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">` + safeNames.map(
+      (_, index) => `<Relationship Id="rId${index + 1}" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet" Target="worksheets/sheet${index + 1}.xml"/>`
+    ).join("") + "</Relationships>"
+  );
+  sheets.forEach((sheet, index) => {
+    zip.file(`xl/worksheets/sheet${index + 1}.xml`, sheetXml(sheet.rows));
+  });
+  return zip.generateAsync({ type: "blob" });
+}
+
 // src/application/services/ReportService.ts
+function recordsToSheet(name, records) {
+  const headers = [...new Set(records.flatMap((record) => Object.keys(record)))];
+  return {
+    name,
+    rows: [headers, ...records.map((record) => headers.map((header) => record[header]))]
+  };
+}
 var ReportService = class _ReportService {
   static getInstance() {
     if (!_ReportService.instance) {
@@ -1044,31 +1113,19 @@ var ReportService = class _ReportService {
    * Export data to Excel
    */
   async exportToExcel(data, options = {}) {
-    const XLSX = await import("xlsx");
-    const wb = XLSX.utils.book_new();
+    const JSZip = (await import("jszip")).default;
     const apps = data.items.filter((i) => i.type === "app").map((i) => ({ Name: i.name, ...i.metrics, ...i.details }));
     const campaigns = data.items.filter((i) => i.type === "campaign").map((i) => ({ Name: i.name, ...i.metrics, ...i.details }));
     const posts = data.items.filter((i) => i.type === "post").map((i) => ({ Name: i.name, ...i.metrics, ...i.details }));
+    const sheets = [];
     if (apps.length > 0) {
-      XLSX.utils.book_append_sheet(
-        wb,
-        XLSX.utils.json_to_sheet(apps),
-        options.sheetName || "Apps"
-      );
+      sheets.push(recordsToSheet(options.sheetName || "Apps", apps));
     }
     if (campaigns.length > 0) {
-      XLSX.utils.book_append_sheet(
-        wb,
-        XLSX.utils.json_to_sheet(campaigns),
-        "Campaigns"
-      );
+      sheets.push(recordsToSheet("Campaigns", campaigns));
     }
     if (posts.length > 0) {
-      XLSX.utils.book_append_sheet(
-        wb,
-        XLSX.utils.json_to_sheet(posts),
-        "Posts"
-      );
+      sheets.push(recordsToSheet("Posts", posts));
     }
     if (options.includeSummary !== false) {
       const summary = [
@@ -1086,13 +1143,18 @@ var ReportService = class _ReportService {
           Value: (/* @__PURE__ */ new Date()).toLocaleDateString()
         }
       ];
-      XLSX.utils.book_append_sheet(
-        wb,
-        XLSX.utils.json_to_sheet(summary),
-        "Summary"
-      );
+      sheets.push(recordsToSheet("Summary", summary));
+    }
+    if (sheets.length === 0) {
+      sheets.push({ name: options.sheetName || "Sheet1", rows: [] });
     }
-    XLSX.writeFile(wb, options.filename || "report.xlsx");
+    const blob = await writeXlsxBlob(sheets, JSZip);
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = options.filename || "report.xlsx";
+    link.click();
+    URL.revokeObjectURL(url);
   }
   /**
    * Export data to CSV

package/dist/application/index.mjs

@@ -1,7 +1,7 @@
 import {
   ReportService,
   ScreenshotStudioService
-} from "../chunk-DNKRSL6D.mjs";
+} from "../chunk-P6RJ75US.mjs";
 import "../chunk-UOGTEMIJ.mjs";
 import "../chunk-Z6IB4BQV.mjs";
 import "../chunk-MC6PNV2F.mjs";

package/dist/{chunk-YKXOSUMF.mjs → chunk-7YLVULSN.mjs}

@@ -1,7 +1,7 @@
 import {
   ReportService,
   ScreenshotStudioService
-} from "./chunk-DNKRSL6D.mjs";
+} from "./chunk-P6RJ75US.mjs";
 import {
   CanvasRenderer
 } from "./chunk-UOGTEMIJ.mjs";
@@ -604,19 +604,28 @@ function useReportExport() {
 import { useCallback as useCallback4, useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
 var DEFAULT_BRUSH_SIZE = 3;
 var DEFAULT_COLOR = "#1a1a1a";
+var DEFAULT_KEYBOARD_STEP = 4;
+var KEYBOARD_FAST_FACTOR = 4;
 function widthFor(stroke, point) {
   if (!stroke.dynamic) return stroke.size;
   return stroke.size * (0.5 + Math.min(1, Math.max(0, point.pressure)));
 }
 function useFreehandCanvas(options = {}) {
-  const { brushSize = DEFAULT_BRUSH_SIZE, color = DEFAULT_COLOR, pressureEnabled = true } = options;
-  const optionsRef = useRef4({ brushSize, color, pressureEnabled, onStrokeEnd: options.onStrokeEnd });
-  optionsRef.current = { brushSize, color, pressureEnabled, onStrokeEnd: options.onStrokeEnd };
+  const {
+    brushSize = DEFAULT_BRUSH_SIZE,
+    color = DEFAULT_COLOR,
+    pressureEnabled = true,
+    keyboard = false,
+    keyboardStep = DEFAULT_KEYBOARD_STEP
+  } = options;
+  const optionsRef = useRef4({ brushSize, color, pressureEnabled, keyboardStep, onStrokeEnd: options.onStrokeEnd });
+  optionsRef.current = { brushSize, color, pressureEnabled, keyboardStep, onStrokeEnd: options.onStrokeEnd };
   const canvasRef = useRef4(null);
   const strokesRef = useRef4([]);
   const activeStrokeRef = useRef4(null);
   const activePointerIdRef = useRef4(null);
   const dprRef = useRef4(1);
+  const penRef = useRef4(null);
   const [strokeCount, setStrokeCount] = useState4(0);
   const redraw = useCallback4(() => {
     const canvas = canvasRef.current;
@@ -649,6 +658,18 @@ function useFreehandCanvas(options = {}) {
         ctx.stroke();
       }
     }
+    const pen = penRef.current;
+    if (pen?.engaged && !pen.down) {
+      const reach = 5;
+      ctx.strokeStyle = "rgba(35, 37, 43, 0.55)";
+      ctx.lineWidth = 1;
+      ctx.beginPath();
+      ctx.moveTo(pen.x - reach, pen.y);
+      ctx.lineTo(pen.x + reach, pen.y);
+      ctx.moveTo(pen.x, pen.y - reach);
+      ctx.lineTo(pen.x, pen.y + reach);
+      ctx.stroke();
+    }
   }, []);
   const syncDimensions = useCallback4(() => {
     const canvas = canvasRef.current;
@@ -667,6 +688,8 @@ function useFreehandCanvas(options = {}) {
     if (!canvas) return;
     const el = canvas;
     el.style.touchAction = "none";
+    if (keyboard && !el.hasAttribute("tabindex")) el.tabIndex = 0;
+    if (!penRef.current) penRef.current = { x: el.clientWidth / 2, y: el.clientHeight / 2, down: false, engaged: false };
     syncDimensions();
     redraw();
     const observer = new ResizeObserver(() => {
@@ -715,6 +738,7 @@ function useFreehandCanvas(options = {}) {
         points: [pointFrom(event)]
       };
       activeStrokeRef.current = stroke;
+      penRef.current = { x: stroke.points[0].x, y: stroke.points[0].y, down: false, engaged: false };
       drawDot(stroke, stroke.points[0]);
     }
     function onPointerMove(event) {
@@ -738,18 +762,81 @@ function useFreehandCanvas(options = {}) {
       setStrokeCount(strokesRef.current.length);
       optionsRef.current.onStrokeEnd?.(stroke);
     }
+    function clampPen(pen) {
+      pen.x = Math.min(Math.max(pen.x, 0), Math.max(0, el.clientWidth - 1));
+      pen.y = Math.min(Math.max(pen.y, 0), Math.max(0, el.clientHeight - 1));
+    }
+    function startKeyboardStroke(pen) {
+      const { brushSize: size, color: ink } = optionsRef.current;
+      const stroke = {
+        size,
+        color: ink,
+        dynamic: false,
+        points: [{ x: pen.x, y: pen.y, pressure: 0.5 }]
+      };
+      activeStrokeRef.current = stroke;
+      pen.down = true;
+      drawDot(stroke, stroke.points[0]);
+    }
+    function commitKeyboardStroke(pen) {
+      const stroke = activeStrokeRef.current;
+      if (!stroke) return;
+      activeStrokeRef.current = null;
+      pen.down = false;
+      strokesRef.current = [...strokesRef.current, stroke];
+      setStrokeCount(strokesRef.current.length);
+      optionsRef.current.onStrokeEnd?.(stroke);
+      redraw();
+    }
+    function onKeyDown(event) {
+      const pen = penRef.current;
+      if (!pen) return;
+      const fast = event.shiftKey ? KEYBOARD_FAST_FACTOR : 1;
+      const step = optionsRef.current.keyboardStep * fast;
+      if (event.key === "ArrowLeft" || event.key === "ArrowRight" || event.key === "ArrowUp" || event.key === "ArrowDown") {
+        event.preventDefault();
+        pen.engaged = true;
+        pen.x += event.key === "ArrowLeft" ? -step : event.key === "ArrowRight" ? step : 0;
+        pen.y += event.key === "ArrowUp" ? -step : event.key === "ArrowDown" ? step : 0;
+        clampPen(pen);
+        const stroke = activeStrokeRef.current;
+        if (pen.down && stroke) {
+          const point = { x: pen.x, y: pen.y, pressure: 0.5 };
+          const previous = stroke.points[stroke.points.length - 1];
+          stroke.points.push(point);
+          drawSegment(stroke, previous, point);
+        } else {
+          redraw();
+        }
+        return;
+      }
+      if (event.key === " " || event.key === "Enter") {
+        event.preventDefault();
+        pen.engaged = true;
+        if (pen.down) commitKeyboardStroke(pen);
+        else startKeyboardStroke(pen);
+        return;
+      }
+      if (event.key === "Escape" && pen.down) {
+        activeStrokeRef.current = null;
+        pen.down = false;
+        redraw();
+      }
+    }
     el.addEventListener("pointerdown", onPointerDown);
     el.addEventListener("pointermove", onPointerMove);
     el.addEventListener("pointerup", commit);
     el.addEventListener("pointercancel", commit);
+    if (keyboard) el.addEventListener("keydown", onKeyDown);
     return () => {
       observer.disconnect();
       el.removeEventListener("pointerdown", onPointerDown);
       el.removeEventListener("pointermove", onPointerMove);
       el.removeEventListener("pointerup", commit);
       el.removeEventListener("pointercancel", commit);
+      el.removeEventListener("keydown", onKeyDown);
     };
-  }, [redraw, syncDimensions]);
+  }, [redraw, syncDimensions, keyboard]);
   const undo = useCallback4(() => {
     if (strokesRef.current.length === 0) return;
     strokesRef.current = strokesRef.current.slice(0, -1);

package/dist/{chunk-DNKRSL6D.mjs → chunk-P6RJ75US.mjs}

@@ -210,7 +210,76 @@ ${project.appMetadata.whatsNew}`;
   }
 };
 
+// src/infrastructure/services/minimalXlsx.ts
+var XML_HEADER = '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>';
+function escapeXml(value) {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+}
+function safeSheetName(name, index) {
+  const cleaned = name.replace(/[:\\/?*[\]]/g, " ").slice(0, 31).trim();
+  return cleaned.length > 0 ? cleaned : `Sheet${index + 1}`;
+}
+function columnName(index) {
+  let name = "";
+  let n = index;
+  while (n >= 0) {
+    name = String.fromCharCode(65 + n % 26) + name;
+    n = Math.floor(n / 26) - 1;
+  }
+  return name;
+}
+function cellXml(value, row, column) {
+  const ref = `${columnName(column)}${row}`;
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return `<c r="${ref}"><v>${value}</v></c>`;
+  }
+  const text = value === null || value === void 0 ? "" : typeof value === "boolean" ? value ? "TRUE" : "FALSE" : String(value);
+  return `<c r="${ref}" t="inlineStr"><is><t xml:space="preserve">${escapeXml(text)}</t></is></c>`;
+}
+function sheetXml(rows) {
+  const body = rows.map((row, rowIndex) => {
+    const cells = row.map((value, columnIndex) => cellXml(value, rowIndex + 1, columnIndex)).join("");
+    return `<row r="${rowIndex + 1}">${cells}</row>`;
+  }).join("");
+  return `${XML_HEADER}<worksheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main"><sheetData>${body}</sheetData></worksheet>`;
+}
+async function writeXlsxBlob(sheets, JSZip) {
+  const zip = new JSZip();
+  const safeNames = sheets.map((sheet, index) => safeSheetName(sheet.name, index));
+  zip.file(
+    "[Content_Types].xml",
+    `${XML_HEADER}<Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types"><Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"/><Default Extension="xml" ContentType="application/xml"/><Override PartName="/xl/workbook.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml"/>` + safeNames.map(
+      (_, index) => `<Override PartName="/xl/worksheets/sheet${index + 1}.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml"/>`
+    ).join("") + "</Types>"
+  );
+  zip.file(
+    "_rels/.rels",
+    `${XML_HEADER}<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument" Target="xl/workbook.xml"/></Relationships>`
+  );
+  zip.file(
+    "xl/workbook.xml",
+    `${XML_HEADER}<workbook xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"><sheets>` + safeNames.map((name, index) => `<sheet name="${escapeXml(name)}" sheetId="${index + 1}" r:id="rId${index + 1}"/>`).join("") + "</sheets></workbook>"
+  );
+  zip.file(
+    "xl/_rels/workbook.xml.rels",
+    `${XML_HEADER}<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships">` + safeNames.map(
+      (_, index) => `<Relationship Id="rId${index + 1}" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet" Target="worksheets/sheet${index + 1}.xml"/>`
+    ).join("") + "</Relationships>"
+  );
+  sheets.forEach((sheet, index) => {
+    zip.file(`xl/worksheets/sheet${index + 1}.xml`, sheetXml(sheet.rows));
+  });
+  return zip.generateAsync({ type: "blob" });
+}
+
 // src/application/services/ReportService.ts
+function recordsToSheet(name, records) {
+  const headers = [...new Set(records.flatMap((record) => Object.keys(record)))];
+  return {
+    name,
+    rows: [headers, ...records.map((record) => headers.map((header) => record[header]))]
+  };
+}
 var ReportService = class _ReportService {
   static getInstance() {
     if (!_ReportService.instance) {
@@ -256,31 +325,19 @@ var ReportService = class _ReportService {
    * Export data to Excel
    */
   async exportToExcel(data, options = {}) {
-    const XLSX = await import("xlsx");
-    const wb = XLSX.utils.book_new();
+    const JSZip = (await import("jszip")).default;
     const apps = data.items.filter((i) => i.type === "app").map((i) => ({ Name: i.name, ...i.metrics, ...i.details }));
     const campaigns = data.items.filter((i) => i.type === "campaign").map((i) => ({ Name: i.name, ...i.metrics, ...i.details }));
     const posts = data.items.filter((i) => i.type === "post").map((i) => ({ Name: i.name, ...i.metrics, ...i.details }));
+    const sheets = [];
     if (apps.length > 0) {
-      XLSX.utils.book_append_sheet(
-        wb,
-        XLSX.utils.json_to_sheet(apps),
-        options.sheetName || "Apps"
-      );
+      sheets.push(recordsToSheet(options.sheetName || "Apps", apps));
     }
     if (campaigns.length > 0) {
-      XLSX.utils.book_append_sheet(
-        wb,
-        XLSX.utils.json_to_sheet(campaigns),
-        "Campaigns"
-      );
+      sheets.push(recordsToSheet("Campaigns", campaigns));
     }
     if (posts.length > 0) {
-      XLSX.utils.book_append_sheet(
-        wb,
-        XLSX.utils.json_to_sheet(posts),
-        "Posts"
-      );
+      sheets.push(recordsToSheet("Posts", posts));
     }
     if (options.includeSummary !== false) {
       const summary = [
@@ -298,13 +355,18 @@ var ReportService = class _ReportService {
           Value: (/* @__PURE__ */ new Date()).toLocaleDateString()
         }
       ];
-      XLSX.utils.book_append_sheet(
-        wb,
-        XLSX.utils.json_to_sheet(summary),
-        "Summary"
-      );
+      sheets.push(recordsToSheet("Summary", summary));
+    }
+    if (sheets.length === 0) {
+      sheets.push({ name: options.sheetName || "Sheet1", rows: [] });
     }
-    XLSX.writeFile(wb, options.filename || "report.xlsx");
+    const blob = await writeXlsxBlob(sheets, JSZip);
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = options.filename || "report.xlsx";
+    link.click();
+    URL.revokeObjectURL(url);
   }
   /**
    * Export data to CSV

package/dist/domain/index.d.mts

@@ -2,43 +2,23 @@ export { A as AppStoreMetadata, B as BackgroundPattern, u as BackgroundPatternEn
 export { C as CSVExportOptions, E as ExcelExportOptions, a as ExportFormat, P as PDFExportOptions, R as ReportData, b as ReportExportResult, c as ReportItem, d as ReportItemType, e as ReportSummary } from '../report.types-DWDnprBx.mjs';
 export { AIConfig, DEFAULT_DEVICE_CONFIG, DEFAULT_SCREENSHOT_STUDIO_CONFIG, DEVICE_DIMENSIONS, DeviceConfigOption, ExportConfig, ScreenshotStudioConfig } from './config/index.mjs';
 
-/**
- * Freehand Types
- * Types for pointer-based freehand drawing on a canvas
- */
-/**
- * A single sampled point along a stroke, in CSS pixels relative to the canvas
- */
 interface FreehandPoint {
     x: number;
     y: number;
-    /** Normalized stylus pressure (0–1). ~0.5 for mouse/touch when unsupported. */
     pressure: number;
 }
-/**
- * A completed (or in-progress) freehand stroke
- */
 interface FreehandStroke {
-    /** Base brush size in CSS pixels. */
     size: number;
-    /** CSS color of the stroke. */
     color: string;
-    /** True when the stroke should vary width with per-point pressure. */
     dynamic: boolean;
-    /** Ordered points from pointer-down to pointer-up. */
     points: FreehandPoint[];
 }
-/**
- * Options for the useFreehandCanvas hook
- */
 interface UseFreehandCanvasOptions {
-    /** Base brush size in CSS pixels. Default: 3 */
     brushSize?: number;
-    /** Stroke color. Default: '#1a1a1a' */
     color?: string;
-    /** Vary stroke width with stylus pressure (mouse/touch stay constant). Default: true */
     pressureEnabled?: boolean;
-    /** Called after each completed stroke (pointer-up). */
+    keyboard?: boolean;
+    keyboardStep?: number;
     onStrokeEnd?: (stroke: FreehandStroke) => void;
 }
 

package/dist/domain/index.d.ts

@@ -2,43 +2,23 @@ export { A as AppStoreMetadata, B as BackgroundPattern, u as BackgroundPatternEn
 export { C as CSVExportOptions, E as ExcelExportOptions, a as ExportFormat, P as PDFExportOptions, R as ReportData, b as ReportExportResult, c as ReportItem, d as ReportItemType, e as ReportSummary } from '../report.types-DWDnprBx.js';
 export { AIConfig, DEFAULT_DEVICE_CONFIG, DEFAULT_SCREENSHOT_STUDIO_CONFIG, DEVICE_DIMENSIONS, DeviceConfigOption, ExportConfig, ScreenshotStudioConfig } from './config/index.js';
 
-/**
- * Freehand Types
- * Types for pointer-based freehand drawing on a canvas
- */
-/**
- * A single sampled point along a stroke, in CSS pixels relative to the canvas
- */
 interface FreehandPoint {
     x: number;
     y: number;
-    /** Normalized stylus pressure (0–1). ~0.5 for mouse/touch when unsupported. */
     pressure: number;
 }
-/**
- * A completed (or in-progress) freehand stroke
- */
 interface FreehandStroke {
-    /** Base brush size in CSS pixels. */
     size: number;
-    /** CSS color of the stroke. */
     color: string;
-    /** True when the stroke should vary width with per-point pressure. */
     dynamic: boolean;
-    /** Ordered points from pointer-down to pointer-up. */
     points: FreehandPoint[];
 }
-/**
- * Options for the useFreehandCanvas hook
- */
 interface UseFreehandCanvasOptions {
-    /** Base brush size in CSS pixels. Default: 3 */
     brushSize?: number;
-    /** Stroke color. Default: '#1a1a1a' */
     color?: string;
-    /** Vary stroke width with stylus pressure (mouse/touch stay constant). Default: true */
     pressureEnabled?: boolean;
-    /** Called after each completed stroke (pointer-up). */
+    keyboard?: boolean;
+    keyboardStep?: number;
     onStrokeEnd?: (stroke: FreehandStroke) => void;
 }