@groveback/ui 0.1.0 → 0.1.1

package/dist/RelationSelect.d.ts

@@ -11,7 +11,7 @@
  * is truncated rather than silently hiding matches — the data API's find has no text search
  * to delegate to, so pretending otherwise would be worse than saying so.
  */
-import type { CollectionLike } from './types.js';
+import type { CollectionLike } from './types';
 export interface RelationSelectProps {
     /** The collection the relation points at. */
     collection: CollectionLike;

package/dist/components.d.ts

@@ -7,8 +7,8 @@
  * could not reach by hand.
  */
 import type { ReactNode } from 'react';
-import type { ButtonVariant, CollectionLike, Doc, FieldRef, RowAction } from './types.js';
-import type { Action } from './types.js';
+import type { ButtonVariant, CollectionLike, Doc, FieldRef, RowAction } from './types';
+import type { Action } from './types';
 declare const WIDTH: {
     full: string;
     container: string;

package/dist/index.d.ts

@@ -1,6 +1,19 @@
-export { Button, DataTable, Detail, Divider, Form, Grid, Heading, Stack, Text } from './components.js';
-export { RelationSelect } from './RelationSelect.js';
-export type { RelationSelectProps } from './RelationSelect.js';
-export { GroveUiProvider, formatValue, resolveHref, useAction, useGroveUi } from './runtime.js';
-export type { GroveUiContext } from './runtime.js';
-export type { Action, ButtonVariant, CollectionLike, Doc, FieldRef, Format, RowAction } from './types.js';
+/**
+ * Public surface of @groveback/ui.
+ *
+ * Values are IMPORTED and then re-exported rather than written as `export { x } from './y'`.
+ * That is verbose on purpose: it keeps the entry point's dependency on each module explicit,
+ * which is what a bundler's tree-shaker reasons about. See the `sideEffects` note in
+ * package.json for the failure this class of ambiguity produced.
+ *
+ * Relative specifiers here are extensionless rather than the repo's `./foo.js` ESM
+ * convention — this package is browser React bundled by `bun build`, not backend ESM, so the
+ * convention buys nothing and extensionless is what every bundler agrees on.
+ */
+import { Button, DataTable, Detail, Divider, Form, Grid, Heading, Stack, Text } from './components';
+import { RelationSelect } from './RelationSelect';
+import { GroveUiProvider, formatValue, resolveHref, useAction, useGroveUi } from './runtime';
+export { Button, DataTable, Detail, Divider, Form, Grid, GroveUiProvider, Heading, RelationSelect, Stack, Text, formatValue, resolveHref, useAction, useGroveUi, };
+export type { RelationSelectProps } from './RelationSelect';
+export type { GroveUiContext } from './runtime';
+export type { Action, ButtonVariant, CollectionLike, Doc, FieldRef, Format, RowAction } from './types';

package/dist/index.js

@@ -3,7 +3,7 @@ import { useCallback as useCallback2, useEffect as useEffect2, useState as useSt
 
 // src/RelationSelect.tsx
 import { useEffect, useMemo, useRef, useState } from "react";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var PAGE = 200;
 function labelOf(doc, field) {
   const raw = doc[field];
@@ -55,47 +55,47 @@ function RelationSelect(props) {
     return all.filter((d) => labelOf(d, displayField).toLowerCase().includes(q));
   }, [docs, displayField, query]);
   if (error) {
-    return /* @__PURE__ */ jsxDEV("p", {
+    return /* @__PURE__ */ jsx("p", {
       className: "text-xs text-red-600",
       children: error
-    }, undefined, false, undefined, this);
+    });
   }
   const buttonLabel = selected ? labelOf(selected, displayField) : value !== "" ? value : placeholder ?? "Select…";
-  return /* @__PURE__ */ jsxDEV("div", {
+  return /* @__PURE__ */ jsxs("div", {
     ref: boxRef,
     className: "relative",
     children: [
-      /* @__PURE__ */ jsxDEV("button", {
+      /* @__PURE__ */ jsxs("button", {
         type: "button",
         onClick: () => setOpen((v) => !v),
         className: "flex w-full items-center justify-between rounded-md border border-neutral-300 px-3 py-1.5 text-left text-sm dark:border-neutral-700 dark:bg-neutral-950",
         children: [
-          /* @__PURE__ */ jsxDEV("span", {
+          /* @__PURE__ */ jsx("span", {
             className: selected || value ? "" : "text-neutral-400",
             children: docs === null ? "Loading…" : buttonLabel
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("span", {
+          }),
+          /* @__PURE__ */ jsx("span", {
             "aria-hidden": true,
             className: "ml-2 text-neutral-400",
             children: "▾"
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
-      open ? /* @__PURE__ */ jsxDEV("div", {
+      }),
+      open ? /* @__PURE__ */ jsxs("div", {
         className: "absolute z-20 mt-1 w-full rounded-md border border-neutral-200 bg-white shadow-lg dark:border-neutral-800 dark:bg-neutral-950",
         children: [
-          /* @__PURE__ */ jsxDEV("input", {
+          /* @__PURE__ */ jsx("input", {
             autoFocus: true,
             value: query,
             onChange: (e) => setQuery(e.target.value),
             placeholder: "Search…",
             className: "w-full rounded-t-md border-b border-neutral-200 px-3 py-1.5 text-sm outline-none dark:border-neutral-800 dark:bg-neutral-950"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV("ul", {
+          }),
+          /* @__PURE__ */ jsxs("ul", {
             className: "max-h-56 overflow-auto py-1",
             children: [
-              !required ? /* @__PURE__ */ jsxDEV("li", {
-                children: /* @__PURE__ */ jsxDEV("button", {
+              !required ? /* @__PURE__ */ jsx("li", {
+                children: /* @__PURE__ */ jsx("button", {
                   type: "button",
                   onClick: () => {
                     onChange("");
@@ -104,15 +104,15 @@ function RelationSelect(props) {
                   },
                   className: "w-full px-3 py-1.5 text-left text-sm text-neutral-500 hover:bg-neutral-100 dark:hover:bg-neutral-900",
                   children: "None"
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this) : null,
-              matches.length === 0 ? /* @__PURE__ */ jsxDEV("li", {
+                })
+              }) : null,
+              matches.length === 0 ? /* @__PURE__ */ jsx("li", {
                 className: "px-3 py-2 text-xs text-neutral-500",
                 children: "No matches."
-              }, undefined, false, undefined, this) : matches.map((doc) => {
+              }) : matches.map((doc) => {
                 const id = typeof doc["id"] === "string" ? doc["id"] : "";
-                return /* @__PURE__ */ jsxDEV("li", {
-                  children: /* @__PURE__ */ jsxDEV("button", {
+                return /* @__PURE__ */ jsx("li", {
+                  children: /* @__PURE__ */ jsx("button", {
                     type: "button",
                     onClick: () => {
                       onChange(id);
@@ -121,34 +121,34 @@ function RelationSelect(props) {
                     },
                     className: `w-full px-3 py-1.5 text-left text-sm hover:bg-neutral-100 dark:hover:bg-neutral-900 ${id === value ? "font-medium" : ""}`,
                     children: labelOf(doc, displayField)
-                  }, undefined, false, undefined, this)
-                }, id, false, undefined, this);
+                  })
+                }, id);
               })
             ]
-          }, undefined, true, undefined, this),
-          truncated ? /* @__PURE__ */ jsxDEV("p", {
+          }),
+          truncated ? /* @__PURE__ */ jsxs("p", {
             className: "border-t border-neutral-200 px-3 py-1.5 text-[11px] text-neutral-500 dark:border-neutral-800",
             children: [
               "Showing the first ",
               PAGE,
               ". Type to filter within them."
             ]
-          }, undefined, true, undefined, this) : null
+          }) : null
         ]
-      }, undefined, true, undefined, this) : null
+      }) : null
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 
 // src/runtime.tsx
 import { createContext, useContext, useCallback } from "react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var Ctx = createContext(null);
 function GroveUiProvider({ value, children }) {
-  return /* @__PURE__ */ jsxDEV2(Ctx.Provider, {
+  return /* @__PURE__ */ jsx2(Ctx.Provider, {
     value,
     children
-  }, undefined, false, undefined, this);
+  });
 }
 var DEFAULT_CONTEXT = {
   navigate: (href) => {
@@ -225,7 +225,7 @@ function formatValue(value, format, opts = {}) {
 }
 
 // src/components.tsx
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var GAP = ["gap-0", "gap-1", "gap-2", "gap-3", "gap-4", "gap-5", "gap-6", "gap-7", "gap-8", "gap-9", "gap-10", "gap-11", "gap-12"];
 var COLUMNS = ["", "md:grid-cols-1", "md:grid-cols-2", "md:grid-cols-3", "md:grid-cols-4", "md:grid-cols-5", "md:grid-cols-6"];
 var WIDTH = { full: "w-full", container: "w-full max-w-5xl mx-auto", narrow: "w-full max-w-xl mx-auto" };
@@ -236,36 +236,36 @@ function cx(...parts) {
 }
 function Stack(props) {
   const { direction = "vertical", gap = 4, align, justify, width, wrap, children } = props;
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsx3("div", {
     className: cx("flex", direction === "vertical" ? "flex-col" : "flex-row", GAP[Math.min(Math.max(gap, 0), 12)], align && ALIGN[align], justify && JUSTIFY[justify], width && WIDTH[width], wrap && "flex-wrap"),
     children
-  }, undefined, false, undefined, this);
+  });
 }
 function Grid(props) {
   const { columns, gap = 4, width, children } = props;
-  return /* @__PURE__ */ jsxDEV3("div", {
+  return /* @__PURE__ */ jsx3("div", {
     className: cx("grid grid-cols-1", COLUMNS[Math.min(Math.max(columns, 1), 6)], GAP[Math.min(Math.max(gap, 0), 12)], width && WIDTH[width]),
     children
-  }, undefined, false, undefined, this);
+  });
 }
 function Divider() {
-  return /* @__PURE__ */ jsxDEV3("hr", {
+  return /* @__PURE__ */ jsx3("hr", {
     className: "border-t border-neutral-200 dark:border-neutral-800"
-  }, undefined, false, undefined, this);
+  });
 }
 var HEADING = { 1: "text-3xl font-semibold tracking-tight", 2: "text-2xl font-semibold", 3: "text-lg font-medium" };
 function Heading({ level = 1, children }) {
   const Tag = ["h1", "h2", "h3"][level - 1] ?? "h1";
-  return /* @__PURE__ */ jsxDEV3(Tag, {
+  return /* @__PURE__ */ jsx3(Tag, {
     className: HEADING[level],
     children
-  }, undefined, false, undefined, this);
+  });
 }
 function Text({ muted, children }) {
-  return /* @__PURE__ */ jsxDEV3("p", {
+  return /* @__PURE__ */ jsx3("p", {
     className: muted ? "text-sm text-neutral-500" : "text-sm",
     children
-  }, undefined, false, undefined, this);
+  });
 }
 var VARIANT = {
   default: "bg-neutral-900 text-white hover:bg-neutral-800 dark:bg-white dark:text-neutral-900",
@@ -283,13 +283,13 @@ function Button(props) {
     setBusy(true);
     dispatch(action, { doc, collection, onDone }).finally(() => setBusy(false));
   }, [action, dispatch, doc, collection, onDone]);
-  return /* @__PURE__ */ jsxDEV3("button", {
+  return /* @__PURE__ */ jsx3("button", {
     type: "button",
     disabled: busy,
     onClick,
     className: cx(BUTTON_BASE, VARIANT[variant]),
     children
-  }, undefined, false, undefined, this);
+  });
 }
 function useAsync(load, deps) {
   const [data, setData] = useState2(null);
@@ -318,10 +318,10 @@ function useAsync(load, deps) {
 }
 function Message({ tone, children }) {
   const cls = tone === "error" ? "text-sm text-red-600" : "text-sm text-neutral-500";
-  return /* @__PURE__ */ jsxDEV3("p", {
+  return /* @__PURE__ */ jsx3("p", {
     className: cls,
     children
-  }, undefined, false, undefined, this);
+  });
 }
 function useRelations(fields, docs, resolveCollection) {
   const [map, setMap] = useState2({});
@@ -367,69 +367,69 @@ function DataTable(props) {
   const { data, error, loading, reload } = useAsync(() => collection.find(options), [JSON.stringify(options)]);
   const relations = useRelations(columns, data, resolveRelation);
   if (loading)
-    return /* @__PURE__ */ jsxDEV3(Message, {
+    return /* @__PURE__ */ jsx3(Message, {
       tone: "muted",
       children: "Loading…"
-    }, undefined, false, undefined, this);
+    });
   if (error)
-    return /* @__PURE__ */ jsxDEV3(Message, {
+    return /* @__PURE__ */ jsx3(Message, {
       tone: "error",
       children: error
-    }, undefined, false, undefined, this);
+    });
   if (!data || data.length === 0)
-    return /* @__PURE__ */ jsxDEV3(Message, {
+    return /* @__PURE__ */ jsx3(Message, {
       tone: "muted",
       children: emptyText ?? "Nothing here yet."
-    }, undefined, false, undefined, this);
-  return /* @__PURE__ */ jsxDEV3("div", {
+    });
+  return /* @__PURE__ */ jsx3("div", {
     className: "w-full overflow-x-auto rounded-md border border-neutral-200 dark:border-neutral-800",
-    children: /* @__PURE__ */ jsxDEV3("table", {
+    children: /* @__PURE__ */ jsxs2("table", {
       className: "w-full text-sm",
       children: [
-        /* @__PURE__ */ jsxDEV3("thead", {
+        /* @__PURE__ */ jsx3("thead", {
           className: "bg-neutral-50 dark:bg-neutral-900",
-          children: /* @__PURE__ */ jsxDEV3("tr", {
+          children: /* @__PURE__ */ jsxs2("tr", {
             children: [
-              columns.map((c) => /* @__PURE__ */ jsxDEV3("th", {
+              columns.map((c) => /* @__PURE__ */ jsx3("th", {
                 className: "px-3 py-2 text-left font-medium text-neutral-600 dark:text-neutral-400",
                 children: c.label
-              }, c.field, false, undefined, this)),
-              rowActions && rowActions.length > 0 ? /* @__PURE__ */ jsxDEV3("th", {
+              }, c.field)),
+              rowActions && rowActions.length > 0 ? /* @__PURE__ */ jsx3("th", {
                 className: "px-3 py-2"
-              }, undefined, false, undefined, this) : null
+              }) : null
             ]
-          }, undefined, true, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV3("tbody", {
-          children: data.map((doc, i) => /* @__PURE__ */ jsxDEV3("tr", {
+          })
+        }),
+        /* @__PURE__ */ jsx3("tbody", {
+          children: data.map((doc, i) => /* @__PURE__ */ jsxs2("tr", {
             className: cx("border-t border-neutral-200 dark:border-neutral-800", rowHref && "cursor-pointer hover:bg-neutral-50 dark:hover:bg-neutral-900"),
             onClick: rowHref ? () => ctx.navigate(resolveHref(rowHref, doc)) : undefined,
             children: [
-              columns.map((c) => /* @__PURE__ */ jsxDEV3("td", {
+              columns.map((c) => /* @__PURE__ */ jsx3("td", {
                 className: "px-3 py-2",
                 children: cellValue(doc, c, relations, ctx.locale, ctx.currency)
-              }, c.field, false, undefined, this)),
-              rowActions && rowActions.length > 0 ? /* @__PURE__ */ jsxDEV3("td", {
+              }, c.field)),
+              rowActions && rowActions.length > 0 ? /* @__PURE__ */ jsx3("td", {
                 className: "px-3 py-2",
-                children: /* @__PURE__ */ jsxDEV3("div", {
+                children: /* @__PURE__ */ jsx3("div", {
                   className: "flex justify-end gap-2",
                   onClick: (e) => e.stopPropagation(),
-                  children: rowActions.map((a) => /* @__PURE__ */ jsxDEV3(Button, {
+                  children: rowActions.map((a) => /* @__PURE__ */ jsx3(Button, {
                     action: a.action,
                     variant: a.variant,
                     doc,
                     collection,
                     onDone: reload,
                     children: a.label
-                  }, a.label, false, undefined, this))
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this) : null
+                  }, a.label))
+                })
+              }) : null
             ]
-          }, typeof doc["id"] === "string" ? doc["id"] : i, true, undefined, this))
-        }, undefined, false, undefined, this)
+          }, typeof doc["id"] === "string" ? doc["id"] : i))
+        })
       ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 }
 function Detail(props) {
   const { collection, id, fields, resolveRelation } = props;
@@ -437,36 +437,36 @@ function Detail(props) {
   const { data, error, loading } = useAsync(() => collection.get(id), [id]);
   const relations = useRelations(fields, data ? [data] : null, resolveRelation);
   if (loading)
-    return /* @__PURE__ */ jsxDEV3(Message, {
+    return /* @__PURE__ */ jsx3(Message, {
       tone: "muted",
       children: "Loading…"
-    }, undefined, false, undefined, this);
+    });
   if (error)
-    return /* @__PURE__ */ jsxDEV3(Message, {
+    return /* @__PURE__ */ jsx3(Message, {
       tone: "error",
       children: error
-    }, undefined, false, undefined, this);
+    });
   if (!data)
-    return /* @__PURE__ */ jsxDEV3(Message, {
+    return /* @__PURE__ */ jsx3(Message, {
       tone: "muted",
       children: "Not found."
-    }, undefined, false, undefined, this);
-  return /* @__PURE__ */ jsxDEV3("dl", {
+    });
+  return /* @__PURE__ */ jsx3("dl", {
     className: "divide-y divide-neutral-200 rounded-md border border-neutral-200 dark:divide-neutral-800 dark:border-neutral-800",
-    children: fields.map((f) => /* @__PURE__ */ jsxDEV3("div", {
+    children: fields.map((f) => /* @__PURE__ */ jsxs2("div", {
       className: "grid grid-cols-3 gap-4 px-3 py-2",
       children: [
-        /* @__PURE__ */ jsxDEV3("dt", {
+        /* @__PURE__ */ jsx3("dt", {
           className: "text-sm text-neutral-500",
           children: f.label
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV3("dd", {
+        }),
+        /* @__PURE__ */ jsx3("dd", {
           className: "col-span-2 text-sm",
           children: cellValue(data, f, relations, ctx.locale, ctx.currency)
-        }, undefined, false, undefined, this)
+        })
       ]
-    }, f.field, true, undefined, this))
-  }, undefined, false, undefined, this);
+    }, f.field))
+  });
 }
 function inputType(format) {
   switch (format) {
@@ -546,68 +546,68 @@ function Form(props) {
     }
   }, [collection, dispatch, fields, id, mode, onSuccess, values]);
   if (loading)
-    return /* @__PURE__ */ jsxDEV3(Message, {
+    return /* @__PURE__ */ jsx3(Message, {
       tone: "muted",
       children: "Loading…"
-    }, undefined, false, undefined, this);
-  return /* @__PURE__ */ jsxDEV3("form", {
+    });
+  return /* @__PURE__ */ jsxs2("form", {
     onSubmit: submit,
     className: "flex w-full max-w-xl flex-col gap-3",
     children: [
-      fields.map((f) => /* @__PURE__ */ jsxDEV3("label", {
+      fields.map((f) => /* @__PURE__ */ jsxs2("label", {
         className: "flex flex-col gap-1",
         children: [
-          /* @__PURE__ */ jsxDEV3("span", {
+          /* @__PURE__ */ jsx3("span", {
             className: "text-sm text-neutral-600 dark:text-neutral-400",
             children: f.label
-          }, undefined, false, undefined, this),
-          f.display && resolveRelation ? /* @__PURE__ */ jsxDEV3(RelationSelect, {
+          }),
+          f.display && resolveRelation ? /* @__PURE__ */ jsx3(RelationSelect, {
             collection: resolveRelation(f.field),
             displayField: f.display.field,
             value: String(values[f.field] ?? ""),
             onChange: (next) => setValues((v) => ({ ...v, [f.field]: next }))
-          }, undefined, false, undefined, this) : f.format === "boolean" ? /* @__PURE__ */ jsxDEV3("input", {
+          }) : f.format === "boolean" ? /* @__PURE__ */ jsx3("input", {
             type: "checkbox",
             className: "h-4 w-4",
             checked: Boolean(values[f.field]),
             onChange: (e) => setValues((v) => ({ ...v, [f.field]: e.target.checked }))
-          }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV3("input", {
+          }) : /* @__PURE__ */ jsx3("input", {
             type: inputType(f.format),
             className: "rounded-md border border-neutral-300 px-3 py-1.5 text-sm dark:border-neutral-700 dark:bg-neutral-950",
             value: String(values[f.field] ?? ""),
             onChange: (e) => setValues((v) => ({ ...v, [f.field]: e.target.value }))
-          }, undefined, false, undefined, this)
+          })
         ]
-      }, f.field, true, undefined, this)),
-      error ? /* @__PURE__ */ jsxDEV3(Message, {
+      }, f.field)),
+      error ? /* @__PURE__ */ jsx3(Message, {
         tone: "error",
         children: error
-      }, undefined, false, undefined, this) : null,
-      /* @__PURE__ */ jsxDEV3("div", {
-        children: /* @__PURE__ */ jsxDEV3("button", {
+      }) : null,
+      /* @__PURE__ */ jsx3("div", {
+        children: /* @__PURE__ */ jsx3("button", {
           type: "submit",
           disabled: busy,
           className: cx(BUTTON_BASE, VARIANT.default),
           children: busy ? "Saving…" : submitLabel ?? "Save"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
+        })
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 }
 export {
-  useGroveUi,
-  useAction,
-  resolveHref,
-  formatValue,
-  Text,
-  Stack,
-  RelationSelect,
-  Heading,
-  GroveUiProvider,
-  Grid,
-  Form,
-  Divider,
-  Detail,
+  Button,
   DataTable,
-  Button
+  Detail,
+  Divider,
+  Form,
+  Grid,
+  GroveUiProvider,
+  Heading,
+  RelationSelect,
+  Stack,
+  Text,
+  formatValue,
+  resolveHref,
+  useAction,
+  useGroveUi
 };

package/dist/runtime.d.ts

@@ -5,7 +5,7 @@
  * under any of them (Next, React Router, plain history). The default uses the History API.
  */
 import type { ReactNode } from 'react';
-import type { Action, CollectionLike, Doc, Format } from './types.js';
+import type { Action, CollectionLike, Doc, Format } from './types';
 export interface GroveUiContext {
     /** Navigate to a route. */
     navigate: (href: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groveback/ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "React primitives for Groveback Studio screens \u2014 tables, forms, detail views and relation pickers that read through the Groveback SDK, so every query passes the policy engine.",
   "type": "module",
   "main": "./dist/index.js",
@@ -15,9 +15,10 @@
   "files": [
     "dist"
   ],
-  "sideEffects": false,
+  "//sideEffects": "NOT set to false: bun 1.4's bundler treats it as licence to drop the entire entry point, emitting the export names with nothing behind them \u2014 a 193-byte module exporting symbols that do not exist, reported as a successful build. The check-bundle script guards against a regression.",
   "scripts": {
-    "build": "rm -rf dist && bun build ./src/index.ts --outdir dist --target browser --format esm --external react --external react-dom && bunx tsc -p tsconfig.json && cp ../../LICENSE ."
+    "build": "rm -rf dist && bun build ./src/index.ts --outdir dist --target browser --format esm --external react --external react-dom && bun run check-bundle && bunx tsc -p tsconfig.json && cp ../../LICENSE .",
+    "check-bundle": "bun -e \"const s=(await Bun.file('dist/index.js').text()); if(!s.includes('DataTable')||s.length<5000){console.error('dist/index.js looks empty ('+s.length+' bytes) \u2014 the bundler dropped modules');process.exit(1)}\""
   },
   "peerDependencies": {
     "react": ">=18",