performanceresultscreens 0.0.1

package/dist/components/Molecules/TableCustomizer/HTMLImporter.js

@@ -0,0 +1,69 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HTMLImporter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const react_2 = require("@chakra-ui/react");
+const icons_1 = require("@chakra-ui/icons");
+const htmlTableParser_1 = require("./utils/htmlTableParser");
+const HTMLImporter = ({ onImport, onClose }) => {
+    const [htmlCode, setHtmlCode] = (0, react_1.useState)('');
+    const [error, setError] = (0, react_1.useState)('');
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const handleImport = async () => {
+        if (!htmlCode.trim()) {
+            setError('Please paste HTML table code');
+            return;
+        }
+        setIsLoading(true);
+        setError('');
+        try {
+            const tableData = (0, htmlTableParser_1.parseHTMLTable)(htmlCode);
+            onImport(tableData);
+            setHtmlCode('');
+        }
+        catch (err) {
+            setError(err.message);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    const handleClear = () => {
+        setHtmlCode('');
+        setError('');
+    };
+    return ((0, jsx_runtime_1.jsx)(react_2.Card, { bg: "green.50", borderColor: "green.200", mb: 3, children: (0, jsx_runtime_1.jsxs)(react_2.CardBody, { children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { justify: "space-between", align: "center", mb: 3, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontWeight: "semibold", color: "green.900", fontSize: "sm", children: "Import HTML Table" }), (0, jsx_runtime_1.jsx)(react_2.IconButton, { icon: (0, jsx_runtime_1.jsx)(icons_1.CloseIcon, {}), size: "sm", variant: "ghost", onClick: onClose, "aria-label": "Close importer" })] }), (0, jsx_runtime_1.jsxs)(react_2.VStack, { spacing: 3, align: "stretch", children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "xs", color: "gray.600", mb: 2, children: "Paste your HTML table code below:" }), (0, jsx_runtime_1.jsx)(react_2.Textarea, { value: htmlCode, onChange: (e) => setHtmlCode(e.target.value), placeholder: `<table>
+  <thead>
+    <tr><th>Header 1</th><th>Header 2</th></tr>
+  </thead>
+  <tbody>
+    <tr><td>Cell 1</td><td>Cell 2</td></tr>
+  </tbody>
+</table>`, size: "sm", minHeight: "100px", resize: "vertical" })] }), error && ((0, jsx_runtime_1.jsxs)(react_2.Alert, { status: "error", size: "sm", children: [(0, jsx_runtime_1.jsx)(react_2.AlertIcon, {}), (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "sm", children: error })] })), (0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 2, children: [(0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", colorScheme: "green", onClick: handleImport, isLoading: isLoading, loadingText: "Importing...", isDisabled: !htmlCode.trim(), children: "Import Table" }), (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", variant: "outline", onClick: handleClear, isDisabled: !htmlCode.trim(), children: "Clear" })] })] })] }) }));
+};
+exports.HTMLImporter = HTMLImporter;
+//# sourceMappingURL=HTMLImporter.js.map

package/dist/components/Molecules/TableCustomizer/HTMLImporter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLImporter.js","sourceRoot":"","sources":["../../../../src/components/Molecules/TableCustomizer/HTMLImporter.jsx"],"names":[],"mappings":"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"}

package/dist/components/Molecules/TableCustomizer/MarkdownImporter.d.ts

@@ -0,0 +1,4 @@
+export function MarkdownImporter({ onImport, onClose }: {
+    onImport: any;
+    onClose: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Molecules/TableCustomizer/MarkdownImporter.js

@@ -0,0 +1,84 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarkdownImporter = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const react_2 = require("@chakra-ui/react");
+const icons_1 = require("@chakra-ui/icons");
+const markdownTableParser_1 = require("./utils/markdownTableParser");
+const MarkdownImporter = ({ onImport, onClose }) => {
+    const [markdownCode, setMarkdownCode] = (0, react_1.useState)('');
+    const [error, setError] = (0, react_1.useState)('');
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const handleImport = async () => {
+        if (!markdownCode.trim()) {
+            setError('Please paste Markdown table code');
+            return;
+        }
+        setIsLoading(true);
+        setError('');
+        try {
+            const tableData = (0, markdownTableParser_1.parseMarkdownTable)(markdownCode);
+            onImport(tableData);
+            setMarkdownCode('');
+        }
+        catch (err) {
+            setError(err.message);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    const handleClear = () => {
+        setMarkdownCode('');
+        setError('');
+    };
+    return ((0, jsx_runtime_1.jsx)(react_2.Card, { bg: "purple.50", borderColor: "purple.200", mb: 3, children: (0, jsx_runtime_1.jsxs)(react_2.CardBody, { children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { justify: "space-between", align: "center", mb: 3, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontWeight: "semibold", color: "purple.900", fontSize: "sm", children: "Import Markdown Table" }), (0, jsx_runtime_1.jsx)(react_2.IconButton, { icon: (0, jsx_runtime_1.jsx)(icons_1.CloseIcon, {}), size: "sm", variant: "ghost", onClick: onClose, "aria-label": "Close importer" })] }), (0, jsx_runtime_1.jsxs)(react_2.VStack, { spacing: 3, align: "stretch", children: [(0, jsx_runtime_1.jsxs)(react_2.Box, { children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "xs", color: "gray.600", mb: 2, children: "Paste your Markdown table code below (with or without CSS styles):" }), (0, jsx_runtime_1.jsx)(react_2.Textarea, { value: markdownCode, onChange: (e) => setMarkdownCode(e.target.value), placeholder: `<style>
+.custom-table {
+  width: 100%;
+}
+.custom-table tbody tr:nth-child(1) td:nth-child(1) {
+  background-color: #e6f3ff;
+}
+</style>
+
+<div class="custom-table">
+
+| Header 1 | Header 2 |
+|----------|----------|
+| Cell 1   | Cell 2   |
+| Cell 3   | Cell 4   |
+
+</div>
+
+Or just plain markdown:
+
+| Header 1 | Header 2 |
+|----------|----------|
+| Cell 1   | Cell 2   |`, size: "sm", minHeight: "150px", resize: "vertical" })] }), error && ((0, jsx_runtime_1.jsxs)(react_2.Alert, { status: "error", size: "sm", children: [(0, jsx_runtime_1.jsx)(react_2.AlertIcon, {}), (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "sm", children: error })] })), (0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 2, children: [(0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", colorScheme: "purple", onClick: handleImport, isLoading: isLoading, loadingText: "Importing...", isDisabled: !markdownCode.trim(), children: "Import Table" }), (0, jsx_runtime_1.jsx)(react_2.Button, { size: "sm", variant: "outline", onClick: handleClear, isDisabled: !markdownCode.trim(), children: "Clear" })] })] })] }) }));
+};
+exports.MarkdownImporter = MarkdownImporter;
+//# sourceMappingURL=MarkdownImporter.js.map

package/dist/components/Molecules/TableCustomizer/MarkdownImporter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownImporter.js","sourceRoot":"","sources":["../../../../src/components/Molecules/TableCustomizer/MarkdownImporter.jsx"],"names":[],"mappings":"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"}

package/dist/components/Molecules/TableCustomizer/TableHeader.d.ts

@@ -0,0 +1,11 @@
+export function TableHeader({ onGenerate, onImport, onImportMarkdown, title, importButtonText, importMarkdownButtonText, showImporter, showMarkdownImporter, isLoading }: {
+    onGenerate: any;
+    onImport: any;
+    onImportMarkdown: any;
+    title?: string | undefined;
+    importButtonText?: string | undefined;
+    importMarkdownButtonText?: string | undefined;
+    showImporter?: boolean | undefined;
+    showMarkdownImporter?: boolean | undefined;
+    isLoading?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Molecules/TableCustomizer/TableHeader.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@chakra-ui/react");
+const icons_1 = require("@chakra-ui/icons");
+const TableHeader = ({ onGenerate, onImport, onImportMarkdown, title = "Table Editor", importButtonText = "Import HTML", importMarkdownButtonText = "Import Markdown", showImporter = false, showMarkdownImporter = false, isLoading = false }) => {
+    return ((0, jsx_runtime_1.jsx)(react_2.CardHeader, { children: (0, jsx_runtime_1.jsxs)(react_2.Flex, { justify: "space-between", align: "center", children: [(0, jsx_runtime_1.jsx)(react_2.Heading, { size: "md", color: "gray.700", children: title }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 2, children: [(0, jsx_runtime_1.jsx)(react_2.Button, { leftIcon: (0, jsx_runtime_1.jsx)(icons_1.DownloadIcon, {}), colorScheme: "green", variant: showImporter ? "solid" : "outline", size: "sm", onClick: onImport, children: importButtonText }), onImportMarkdown && ((0, jsx_runtime_1.jsx)(react_2.Button, { leftIcon: (0, jsx_runtime_1.jsx)(icons_1.DownloadIcon, {}), colorScheme: "purple", variant: showMarkdownImporter ? "solid" : "outline", size: "sm", onClick: onImportMarkdown, children: importMarkdownButtonText })), (0, jsx_runtime_1.jsx)(react_2.Button, { leftIcon: (0, jsx_runtime_1.jsx)(icons_1.CopyIcon, {}), colorScheme: "blue", size: "sm", onClick: onGenerate, isLoading: isLoading, loadingText: "Saving...", children: "Copy Template" })] })] }) }));
+};
+exports.TableHeader = TableHeader;
+//# sourceMappingURL=TableHeader.js.map

package/dist/components/Molecules/TableCustomizer/TableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../../src/components/Molecules/TableCustomizer/TableHeader.jsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,4CAA6E;AAC7E,4CAA0D;AAEnD,MAAM,WAAW,GAAG,CAAC,EACxB,UAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,GAAG,cAAc,EAAE,gBAAgB,GAAG,aAAa,EAChG,wBAAwB,GAAG,iBAAiB,EAAE,YAAY,GAAG,KAAK,EAAE,oBAAoB,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,EACtH,EAAE,EAAE;IACD,OAAO,CACH,uBAAC,kBAAU,cACP,wBAAC,YAAI,IAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,aACxC,uBAAC,eAAO,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,UAAU,YAC9B,KAAK,GACA,EACV,wBAAC,cAAM,IAAC,OAAO,EAAE,CAAC,aACd,uBAAC,cAAM,IACH,QAAQ,EAAE,uBAAC,oBAAY,KAAG,EAC1B,WAAW,EAAC,OAAO,EACnB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC3C,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,QAAQ,YAEhB,gBAAgB,GACZ,EACR,gBAAgB,IAAI,CACjB,uBAAC,cAAM,IACH,QAAQ,EAAE,uBAAC,oBAAY,KAAG,EAC1B,WAAW,EAAC,QAAQ,EACpB,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACnD,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,gBAAgB,YAExB,wBAAwB,GACpB,CACZ,EACD,uBAAC,cAAM,IACH,QAAQ,EAAE,uBAAC,gBAAQ,KAAG,EACtB,WAAW,EAAC,MAAM,EAClB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAC,WAAW,8BAGlB,IACJ,IACN,GACE,CAChB,CAAC;AACN,CAAC,CAAC;AA7CW,QAAA,WAAW,eA6CtB"}

package/dist/components/Molecules/TableCustomizer/TablePreview.d.ts

@@ -0,0 +1,8 @@
+export function TablePreview({ tableData, selectedCell, onCellSelect, getCell, isCellSpanned, onUpdateCell }: {
+    tableData: any;
+    selectedCell: any;
+    onCellSelect: any;
+    getCell: any;
+    isCellSpanned: any;
+    onUpdateCell: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Molecules/TableCustomizer/TablePreview.js

@@ -0,0 +1,160 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TablePreview = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const react_2 = require("@chakra-ui/react");
+const icons_1 = require("@chakra-ui/icons");
+const TablePreview = ({ tableData, selectedCell, onCellSelect, getCell, isCellSpanned, onUpdateCell }) => {
+    const [editingCell, setEditingCell] = (0, react_1.useState)(null);
+    const [editValue, setEditValue] = (0, react_1.useState)('');
+    const borderColor = (0, react_2.useColorModeValue)('gray.200', 'gray.600');
+    const hoverBg = (0, react_2.useColorModeValue)('gray.50', 'gray.700');
+    const handleCellDoubleClick = (cellKey, currentContent) => {
+        setEditingCell(cellKey);
+        setEditValue(currentContent);
+    };
+    const handleEditSave = () => {
+        if (editingCell) {
+            const [row, col] = editingCell.split('-').map(Number);
+            onUpdateCell(row, col, { content: editValue });
+            setEditingCell(null);
+            setEditValue('');
+        }
+    };
+    const handleEditCancel = () => {
+        setEditingCell(null);
+        setEditValue('');
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            handleEditSave();
+        }
+        else if (e.key === 'Escape') {
+            handleEditCancel();
+        }
+    };
+    const renderCellContent = (cell, cellKey, isHeader) => {
+        const isEditing = editingCell === cellKey;
+        if (isEditing) {
+            const useTextarea = editValue.includes('\n') || editValue.length > 50;
+            if (useTextarea) {
+                return ((0, jsx_runtime_1.jsx)(react_2.Textarea, { value: editValue, onChange: (e) => setEditValue(e.target.value), onBlur: handleEditSave, onKeyDown: handleKeyDown, autoFocus: true, size: "sm", resize: "none", minH: "20px", maxH: "100px", p: 1, border: "2px solid", borderColor: "blue.400", bg: "white", _focus: {
+                        borderColor: "blue.500",
+                        boxShadow: "0 0 0 1px var(--chakra-colors-blue-500)"
+                    } }));
+            }
+            else {
+                return ((0, jsx_runtime_1.jsx)(react_2.Input, { value: editValue, onChange: (e) => setEditValue(e.target.value), onBlur: handleEditSave, onKeyDown: handleKeyDown, autoFocus: true, size: "sm", p: 1, border: "2px solid", borderColor: "blue.400", bg: "white", _focus: {
+                        borderColor: "blue.500",
+                        boxShadow: "0 0 0 1px var(--chakra-colors-blue-500)"
+                    } }));
+            }
+        }
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [cell.content || (isHeader ? '' : ''), selectedCell === cellKey && !isEditing && ((0, jsx_runtime_1.jsx)(icons_1.EditIcon, { position: "absolute", top: "2px", right: "2px", boxSize: 2, color: "blue.600" }))] }));
+    };
+    const renderCell = (row, col, isHeader = false) => {
+        if (isCellSpanned(row, col))
+            return null;
+        const cell = getCell(row, col);
+        const cellKey = `${row}-${col}`;
+        const isSelected = selectedCell === cellKey;
+        const isEditing = editingCell === cellKey;
+        // Border synchronization is handled in useTableState.js updateCell function
+        // No need to mutate neighbor borders during rendering
+        const cellStyle = {
+            width: cell.width !== 'auto' ? cell.width : undefined,
+            backgroundColor: isSelected && !isEditing ? undefined : cell.style.backgroundColor,
+            color: cell.style.color,
+            fontWeight: cell.style.fontWeight,
+            fontStyle: cell.style.fontStyle,
+            textAlign: cell.style.textAlign,
+            fontSize: cell.style.fontSize,
+            paddingTop: cell.style.paddings?.top || '2px',
+            paddingRight: cell.style.paddings?.right || '2px',
+            paddingBottom: cell.style.paddings?.bottom || '2px',
+            paddingLeft: cell.style.paddings?.left || cell.style.paddingLeft || '8px',
+            borderTop: cell.style.borders.top.show
+                ? `${cell.style.borders.top.width} ${cell.style.borders.top.style} ${cell.style.borders.top.color}`
+                : 'none',
+            borderRight: cell.style.borders.right.show
+                ? `${cell.style.borders.right.width} ${cell.style.borders.right.style} ${cell.style.borders.right.color}`
+                : 'none',
+            borderBottom: cell.style.borders.bottom.show
+                ? `${cell.style.borders.bottom.width} ${cell.style.borders.bottom.style} ${cell.style.borders.bottom.color}`
+                : 'none',
+            borderLeft: cell.style.borders.left.show
+                ? `${cell.style.borders.left.width} ${cell.style.borders.left.style} ${cell.style.borders.left.color}`
+                : 'none'
+        };
+        const cellProps = {
+            key: col,
+            rowSpan: cell.rowspan,
+            colSpan: cell.colspan,
+            cursor: isEditing ? "text" : "pointer",
+            position: "relative",
+            className: `cell-${row}-${col}`,
+            bg: isSelected && !isEditing ? (isHeader ? 'blue.200' : 'blue.100') : undefined,
+            _hover: !isEditing
+                ? {
+                    bg: isSelected
+                        ? (isHeader ? 'blue.200' : 'blue.100')
+                        : (isHeader ? 'gray.100' : hoverBg)
+                }
+                : {},
+            style: cellStyle,
+            onClick: () => !isEditing && onCellSelect(cellKey),
+            onDoubleClick: () => handleCellDoubleClick(cellKey, cell.content)
+        };
+        const cellContent = renderCellContent(cell, cellKey, isHeader);
+        // Apply 8px minimum padding only for empty cells - check actual cell content
+        const hasContent = cell.content && cell.content.toString().trim() !== '';
+        if (!hasContent) {
+            // Empty cell: apply 8px minimum for good look and feel
+            cellStyle.paddingTop = Math.max(parseInt(cellStyle.paddingTop), 8) + 'px';
+            cellStyle.paddingRight = Math.max(parseInt(cellStyle.paddingRight), 8) + 'px';
+            cellStyle.paddingBottom = Math.max(parseInt(cellStyle.paddingBottom), 8) + 'px';
+            cellStyle.paddingLeft = Math.max(parseInt(cellStyle.paddingLeft), 8) + 'px';
+        }
+        // If hasContent = true, use exact configured padding values (no minimum enforcement)
+        return isHeader ? ((0, jsx_runtime_1.jsx)(react_2.Th, { ...cellProps, children: cellContent })) : ((0, jsx_runtime_1.jsx)(react_2.Td, { ...cellProps, children: cellContent }));
+    };
+    return ((0, jsx_runtime_1.jsx)(react_2.Box, { border: "1px", borderColor: borderColor, borderRadius: "md", overflow: "hidden", width: tableData.tableWidth && tableData.tableWidth !== 'auto'
+            ? tableData.tableWidth
+            : '100%', maxWidth: "100%", children: (0, jsx_runtime_1.jsxs)(react_2.Table, { variant: "simple", width: "100%", sx: {
+                '& td, & th': {
+                    padding: 0,
+                    border: 'none' // Remove Chakra's default borders, use our custom borders
+                }
+            }, children: [tableData.headerRows > 0 && ((0, jsx_runtime_1.jsx)(react_2.Thead, { bg: "gray.50", children: Array.from({ length: tableData.headerRows }, (_, row) => ((0, jsx_runtime_1.jsx)(react_2.Tr, { children: Array.from({ length: tableData.columns }, (_, col) => renderCell(row, col, true)) }, `header-${row}`))) })), (0, jsx_runtime_1.jsx)(react_2.Tbody, { children: Array.from({ length: tableData.rows }, (_, row) => {
+                        if (row < tableData.headerRows)
+                            return null;
+                        return ((0, jsx_runtime_1.jsx)(react_2.Tr, { children: Array.from({ length: tableData.columns }, (_, col) => renderCell(row, col, false)) }, row));
+                    }) })] }) }));
+};
+exports.TablePreview = TablePreview;
+//# sourceMappingURL=TablePreview.js.map

package/dist/components/Molecules/TableCustomizer/TablePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePreview.js","sourceRoot":"","sources":["../../../../src/components/Molecules/TableCustomizer/TablePreview.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,4CAW0B;AAC1B,4CAA4C;AAErC,MAAM,YAAY,GAAG,CAAC,EACzB,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,aAAa,EACb,YAAY,EACf,EAAE,EAAE;IACD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,IAAA,yBAAiB,EAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,IAAA,yBAAiB,EAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAEzD,MAAM,qBAAqB,GAAG,CAAC,OAAO,EAAE,cAAc,EAAE,EAAE;QACtD,cAAc,CAAC,OAAO,CAAC,CAAC;QACxB,YAAY,CAAC,cAAc,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,IAAI,WAAW,EAAE;YACb,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACtD,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC;YAC/C,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,YAAY,CAAC,EAAE,CAAC,CAAC;SACpB;IACL,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,YAAY,CAAC,EAAE,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAC,EAAE,EAAE;QACxB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE;YAClC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,cAAc,EAAE,CAAC;SACpB;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YAC3B,gBAAgB,EAAE,CAAC;SACtB;IACL,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;QAClD,MAAM,SAAS,GAAG,WAAW,KAAK,OAAO,CAAC;QAE1C,IAAI,SAAS,EAAE;YACX,MAAM,WAAW,GAAG,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,MAAM,GAAG,EAAE,CAAC;YAEtE,IAAI,WAAW,EAAE;gBACb,OAAO,CACH,uBAAC,gBAAQ,IACL,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,MAAM,EAAE,cAAc,EACtB,SAAS,EAAE,aAAa,EACxB,SAAS,QACT,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,MAAM,EACb,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,CAAC,EAAE,CAAC,EACJ,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,UAAU,EACtB,EAAE,EAAC,OAAO,EACV,MAAM,EAAE;wBACJ,WAAW,EAAE,UAAU;wBACvB,SAAS,EAAE,yCAAyC;qBACvD,GACH,CACL,CAAC;aACL;iBAAM;gBACH,OAAO,CACH,uBAAC,aAAK,IACF,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7C,MAAM,EAAE,cAAc,EACtB,SAAS,EAAE,aAAa,EACxB,SAAS,QACT,IAAI,EAAC,IAAI,EACT,CAAC,EAAE,CAAC,EACJ,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,UAAU,EACtB,EAAE,EAAC,OAAO,EACV,MAAM,EAAE;wBACJ,WAAW,EAAE,UAAU;wBACvB,SAAS,EAAE,yCAAyC;qBACvD,GACH,CACL,CAAC;aACL;SACJ;QAED,OAAO,CACH,6DACK,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpC,YAAY,KAAK,OAAO,IAAI,CAAC,SAAS,IAAI,CACvC,uBAAC,gBAAQ,IACL,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,KAAK,EACT,KAAK,EAAC,KAAK,EACX,OAAO,EAAE,CAAC,EACV,KAAK,EAAC,UAAU,GAClB,CACL,IACF,CACN,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,GAAG,KAAK,EAAE,EAAE;QAC9C,IAAI,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC;YAAE,OAAO,IAAI,CAAC;QAEzC,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAC/B,MAAM,OAAO,GAAG,GAAG,GAAG,IAAI,GAAG,EAAE,CAAC;QAChC,MAAM,UAAU,GAAG,YAAY,KAAK,OAAO,CAAC;QAC5C,MAAM,SAAS,GAAG,WAAW,KAAK,OAAO,CAAC;QAE1C,4EAA4E;QAC5E,sDAAsD;QAEtD,MAAM,SAAS,GAAG;YACd,KAAK,EAAE,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;YACrD,eAAe,EAAE,UAAU,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe;YAClF,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YACvB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;YACjC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;YAC/B,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;YAC/B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;YAC7B,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,IAAI,KAAK;YAC7C,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,IAAI,KAAK;YACjD,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK;YACnD,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK;YACzE,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI;gBAClC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE;gBACnG,CAAC,CAAC,MAAM;YACZ,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;gBACtC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE;gBACzG,CAAC,CAAC,MAAM;YACZ,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI;gBACxC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE;gBAC5G,CAAC,CAAC,MAAM;YACZ,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;gBACpC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE;gBACtG,CAAC,CAAC,MAAM;SACf,CAAC;QAEF,MAAM,SAAS,GAAG;YACd,GAAG,EAAE,GAAG;YACR,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YACtC,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,QAAQ,GAAG,IAAI,GAAG,EAAE;YAC/B,EAAE,EAAE,UAAU,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS;YAC/E,MAAM,EAAE,CAAC,SAAS;gBACd,CAAC,CAAC;oBACE,EAAE,EAAE,UAAU;wBACV,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;wBACtC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;iBAC1C;gBACD,CAAC,CAAC,EAAE;YACR,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,SAAS,IAAI,YAAY,CAAC,OAAO,CAAC;YAClD,aAAa,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC;SACpE,CAAC;QAEF,MAAM,WAAW,GAAG,iBAAiB,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;QAE/D,6EAA6E;QAC7E,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;QACzE,IAAI,CAAC,UAAU,EAAE;YACb,uDAAuD;YACvD,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;YAC1E,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;YAC9E,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;YAChF,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC;SAC/E;QACD,qFAAqF;QAErF,OAAO,QAAQ,CAAC,CAAC,CAAC,CACd,uBAAC,UAAE,OAAK,SAAS,YAAG,WAAW,GAAM,CACxC,CAAC,CAAC,CAAC,CACA,uBAAC,UAAE,OAAK,SAAS,YAAG,WAAW,GAAM,CACxC,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,uBAAC,WAAG,IACA,MAAM,EAAC,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,YAAY,EAAC,IAAI,EACjB,QAAQ,EAAC,QAAQ,EACjB,KAAK,EACD,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,UAAU,KAAK,MAAM;YACnD,CAAC,CAAC,SAAS,CAAC,UAAU;YACtB,CAAC,CAAC,MAAM,EAEhB,QAAQ,EAAC,MAAM,YAEf,wBAAC,aAAK,IACF,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE;gBACA,YAAY,EAAE;oBACV,OAAO,EAAE,CAAC;oBACV,MAAM,EAAE,MAAM,CAAC,0DAA0D;iBAC5E;aACJ,aAEA,SAAS,CAAC,UAAU,GAAG,CAAC,IAAI,CACzB,uBAAC,aAAK,IAAC,EAAE,EAAC,SAAS,YACd,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACtD,uBAAC,UAAE,cACE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAClD,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAC7B,IAHI,UAAU,GAAG,EAAE,CAInB,CACR,CAAC,GACE,CACX,EACD,uBAAC,aAAK,cACD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;wBAC/C,IAAI,GAAG,GAAG,SAAS,CAAC,UAAU;4BAAE,OAAO,IAAI,CAAC;wBAE5C,OAAO,CACH,uBAAC,UAAE,cACE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAClD,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,CAC9B,IAHI,GAAG,CAIP,CACR,CAAC;oBACN,CAAC,CAAC,GACE,IACJ,GACN,CACT,CAAC;AACN,CAAC,CAAC;AA3OW,QAAA,YAAY,gBA2OvB"}

package/dist/components/Molecules/TableCustomizer/TableStructureControls.d.ts

@@ -0,0 +1,5 @@
+export function TableStructureControls({ tableData, onToggleHeader, onUpdateTableWidth }: {
+    tableData: any;
+    onToggleHeader: any;
+    onUpdateTableWidth: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Molecules/TableCustomizer/TableStructureControls.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableStructureControls = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@chakra-ui/react");
+const icons_1 = require("@chakra-ui/icons");
+const TableStructureControls = ({ tableData, onToggleHeader, onUpdateTableWidth }) => {
+    const { rows, columns, hasHeader, headerRows = 0, tableWidth = 'auto' } = tableData;
+    const handleWidthChange = (e) => {
+        if (onUpdateTableWidth) {
+            onUpdateTableWidth(e.target.value);
+        }
+    };
+    const handleWidthPreset = (width) => {
+        if (onUpdateTableWidth) {
+            onUpdateTableWidth(width);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(react_2.Card, { variant: "filled", bg: "green.50", borderColor: "green.200", mb: 3, children: (0, jsx_runtime_1.jsx)(react_2.CardBody, { py: 3, children: (0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 6, align: "center", justify: "space-between", wrap: "wrap", children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 2, children: [(0, jsx_runtime_1.jsx)(icons_1.SettingsIcon, { color: "green.600" }), (0, jsx_runtime_1.jsx)(react_2.Text, { fontWeight: "semibold", color: "green.900", fontSize: "sm", children: "Table Structure" })] }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 6, children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 2, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "xs", fontWeight: "medium", color: "gray.600", children: "Columns:" }), (0, jsx_runtime_1.jsx)(react_2.Badge, { variant: "solid", colorScheme: "gray", fontSize: "xs", px: 2, children: columns })] }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 2, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "xs", fontWeight: "medium", color: "gray.600", children: "Rows:" }), (0, jsx_runtime_1.jsx)(react_2.Badge, { variant: "solid", colorScheme: "gray", fontSize: "xs", px: 2, children: rows })] })] }), (0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 4, children: [(0, jsx_runtime_1.jsxs)(react_2.HStack, { spacing: 2, children: [(0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "xs", fontWeight: "medium", color: "gray.600", children: "Width:" }), (0, jsx_runtime_1.jsx)(react_2.Input, { value: tableWidth, onChange: handleWidthChange, placeholder: "auto, 100%, 800px", size: "sm", width: "100px" }), (0, jsx_runtime_1.jsx)(react_2.Button, { size: "xs", variant: "outline", onClick: () => handleWidthPreset('auto'), children: "Auto" }), (0, jsx_runtime_1.jsx)(react_2.Button, { size: "xs", variant: "outline", onClick: () => handleWidthPreset('100%'), children: "100%" })] }), (0, jsx_runtime_1.jsx)(react_2.Button, { onClick: onToggleHeader, colorScheme: "green", variant: "outline", size: "sm", children: (0, jsx_runtime_1.jsx)(react_2.Text, { fontSize: "xs", fontWeight: "medium", children: headerRows }) })] })] }) }) }));
+};
+exports.TableStructureControls = TableStructureControls;
+//# sourceMappingURL=TableStructureControls.js.map

package/dist/components/Molecules/TableCustomizer/TableStructureControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableStructureControls.js","sourceRoot":"","sources":["../../../../src/components/Molecules/TableCustomizer/TableStructureControls.jsx"],"names":[],"mappings":"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"}

package/dist/components/Molecules/TableCustomizer/hooks/useTableGenerator.d.ts

@@ -0,0 +1,8 @@
+export function useTableGenerator(tableData: any, getCell: any, isCellSpanned: any): {
+    generateCSS: () => string;
+    generateHTML: () => string;
+    copyToClipboard: (html: any) => void;
+    generateAndCopy: () => string;
+    generateMarkdown: () => string;
+    generateMarkdownAndCopy: () => string;
+};