@lumea-labs/spreadsheet 0.1.0 → 0.1.1

package/dist/index.d.ts

@@ -3,4 +3,5 @@ export { SpreadsheetContextValue, SpreadsheetDocument, SpreadsheetDocumentProps,
 export { SpreadsheetToolbar } from './spreadsheet-toolbar.js';
 export { SpreadsheetStatusBar } from './spreadsheet-status-bar.js';
 export { SpreadsheetSkeleton } from './spreadsheet-skeleton.js';
+import 'react/jsx-runtime';
 import 'react';

package/dist/spreadsheet-document.d.ts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { SpreadsheetSnapshot, SpreadsheetDensity, SpreadsheetLabels, SpreadsheetTheme } from './types.js';
 
@@ -60,6 +60,6 @@ interface SpreadsheetDocumentProps {
     theme?: SpreadsheetTheme;
     children: ReactNode;
 }
-declare function SpreadsheetDocument({ initialSnapshot, onChange, density, labels, theme, children, }: SpreadsheetDocumentProps): react.JSX.Element;
+declare function SpreadsheetDocument({ initialSnapshot, onChange, density, labels, theme, children, }: SpreadsheetDocumentProps): react_jsx_runtime.JSX.Element;
 
 export { type SpreadsheetContextValue, SpreadsheetDocument, type SpreadsheetDocumentProps, type SpreadsheetEngineHandle, useSpreadsheetDocument, useSpreadsheetInternal };

package/dist/spreadsheet-document.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import {
   createContext,
   use,
@@ -72,7 +73,7 @@ function SpreadsheetDocument({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [theme]
   );
-  return /* @__PURE__ */ React.createElement(SpreadsheetContext, { value: publicValue }, /* @__PURE__ */ React.createElement(SpreadsheetInternalContext, { value: internalValue }, children));
+  return /* @__PURE__ */ jsx(SpreadsheetContext, { value: publicValue, children: /* @__PURE__ */ jsx(SpreadsheetInternalContext, { value: internalValue, children }) });
 }
 export {
   SpreadsheetDocument,

package/dist/spreadsheet-sheet.d.ts

@@ -1,5 +1,5 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function SpreadsheetSheet(): react.JSX.Element;
+declare function SpreadsheetSheet(): react_jsx_runtime.JSX.Element;
 
 export { SpreadsheetSheet };

package/dist/spreadsheet-sheet.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import {
   useSpreadsheetDocument,
@@ -124,7 +125,7 @@ function SpreadsheetSheet() {
     };
   }, [internal]);
   const cls = doc.meta.density === "compact" ? "min-h-0 flex-1 overflow-hidden" : "min-h-0 flex-1 overflow-hidden";
-  return /* @__PURE__ */ React.createElement("div", { ref: containerRef, className: cls });
+  return /* @__PURE__ */ jsx("div", { ref: containerRef, className: cls });
 }
 export {
   SpreadsheetSheet

package/dist/spreadsheet-skeleton.d.ts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /**
  * `<SpreadsheetSkeleton>` — placeholder while Univer (~1MB engine)
@@ -6,6 +6,6 @@ import * as react from 'react';
  * cells + a column-header row + a row-number rail. Same visual
  * footprint the real sheet will fill.
  */
-declare function SpreadsheetSkeleton(): react.JSX.Element;
+declare function SpreadsheetSkeleton(): react_jsx_runtime.JSX.Element;
 
 export { SpreadsheetSkeleton };

package/dist/spreadsheet-skeleton.js

@@ -1,41 +1,51 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 function SpreadsheetSkeleton() {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden bg-p-bg" }, /* @__PURE__ */ React.createElement(SkeletonStyles, null), /* @__PURE__ */ React.createElement("div", { className: "flex h-8 shrink-0 items-stretch border-b border-p-line bg-p-warm/30" }, /* @__PURE__ */ React.createElement("div", { className: "w-10 border-r border-p-line" }), Array.from({ length: 6 }, (_, i) => /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      key: i,
-      className: "flex flex-1 items-center justify-center border-r border-p-line"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "fm-skeleton h-2 w-6 rounded-sm" })
-  ))), /* @__PURE__ */ React.createElement("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden" }, Array.from({ length: 8 }, (_, r) => /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      key: r,
-      className: "flex h-8 shrink-0 items-stretch border-b border-p-line/60"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex w-10 items-center justify-center border-r border-p-line/60 bg-p-warm/20" }, /* @__PURE__ */ React.createElement("div", { className: "fm-skeleton h-2 w-3 rounded-sm" })),
-    Array.from({ length: 6 }, (_2, c) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden bg-p-bg", children: [
+    /* @__PURE__ */ jsx(SkeletonStyles, {}),
+    /* @__PURE__ */ jsxs("div", { className: "flex h-8 shrink-0 items-stretch border-b border-p-line bg-p-warm/30", children: [
+      /* @__PURE__ */ jsx("div", { className: "w-10 border-r border-p-line" }),
+      Array.from({ length: 6 }, (_, i) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "flex flex-1 items-center justify-center border-r border-p-line",
+          children: /* @__PURE__ */ jsx("div", { className: "fm-skeleton h-2 w-6 rounded-sm" })
+        },
+        i
+      ))
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: Array.from({ length: 8 }, (_, r) => /* @__PURE__ */ jsxs(
       "div",
       {
-        key: c,
-        className: "flex flex-1 items-center border-r border-p-line/40 px-2"
+        className: "flex h-8 shrink-0 items-stretch border-b border-p-line/60",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex w-10 items-center justify-center border-r border-p-line/60 bg-p-warm/20", children: /* @__PURE__ */ jsx("div", { className: "fm-skeleton h-2 w-3 rounded-sm" }) }),
+          Array.from({ length: 6 }, (_2, c) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "flex flex-1 items-center border-r border-p-line/40 px-2",
+              children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "fm-skeleton h-2 rounded-sm",
+                  style: {
+                    // Vary widths so the grid doesn't look like a
+                    // perfect lattice — feels more like real data.
+                    width: `${30 + (r * 7 + c * 13) % 50}%`
+                  }
+                }
+              )
+            },
+            c
+          ))
+        ]
       },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: "fm-skeleton h-2 rounded-sm",
-          style: {
-            // Vary widths so the grid doesn't look like a
-            // perfect lattice — feels more like real data.
-            width: `${30 + (r * 7 + c * 13) % 50}%`
-          }
-        }
-      )
-    ))
-  ))));
+      r
+    )) })
+  ] });
 }
 function SkeletonStyles() {
-  return /* @__PURE__ */ React.createElement("style", null, `
+  return /* @__PURE__ */ jsx("style", { children: `
       @keyframes fmSkShimmer {
         0% { background-position: -200% 0; }
         100% { background-position: 200% 0; }
@@ -50,7 +60,7 @@ function SkeletonStyles() {
         background-size: 200% 100%;
         animation: fmSkShimmer 1.6s ease-in-out infinite;
       }
-    `);
+    ` });
 }
 export {
   SpreadsheetSkeleton

package/dist/spreadsheet-status-bar.d.ts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 /**
@@ -8,6 +8,6 @@ import { ReactNode } from 'react';
  */
 declare function SpreadsheetStatusBar({ children }: {
     children?: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 export { SpreadsheetStatusBar };

package/dist/spreadsheet-status-bar.js

@@ -1,9 +1,10 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useSpreadsheetDocument } from "./spreadsheet-document";
 function SpreadsheetStatusBar({ children }) {
   const { meta } = useSpreadsheetDocument();
   const cls = meta.density === "compact" ? "flex h-7 shrink-0 items-center gap-2 border-t border-p-line bg-p-surface px-2 text-[11px] text-p-ink-3" : "flex h-8 shrink-0 items-center gap-2 border-t border-p-line bg-p-surface px-3 text-[12px] text-p-ink-3";
-  return /* @__PURE__ */ React.createElement("div", { className: cls }, children);
+  return /* @__PURE__ */ jsx("div", { className: cls, children });
 }
 export {
   SpreadsheetStatusBar

package/dist/spreadsheet-toolbar.d.ts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
 /**
@@ -13,6 +13,6 @@ import { ReactNode } from 'react';
  */
 declare function SpreadsheetToolbar({ children }: {
     children?: ReactNode;
-}): react.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 export { SpreadsheetToolbar };

package/dist/spreadsheet-toolbar.js

@@ -1,9 +1,10 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useSpreadsheetDocument } from "./spreadsheet-document";
 function SpreadsheetToolbar({ children }) {
   const { meta } = useSpreadsheetDocument();
   const cls = meta.density === "compact" ? "flex h-10 shrink-0 items-center gap-1 border-b border-p-line bg-p-surface px-2" : "flex h-11 shrink-0 items-center gap-1 border-b border-p-line bg-p-surface px-3";
-  return /* @__PURE__ */ React.createElement("div", { className: cls }, children);
+  return /* @__PURE__ */ jsx("div", { className: cls, children });
 }
 export {
   SpreadsheetToolbar

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lumea-labs/spreadsheet",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Univer-based workbook with 9 presets (filter, sort, conditional formatting, drawing, find-replace, hyperlinks, table, note, data validation).",
   "type": "module",
   "main": "./dist/index.js",