intable 0.0.22 → 0.0.23

package/dist/theme/material.scss

@@ -1,73 +1,73 @@
-/**
- * intable — Material Design 3 Theme
- * Google Material You / M3 surface tones and typography
- * Best for: Android-style web apps, admin panels, data management UIs
- */
-
-.data-table {
-  --bg: #fffbfe;
-  --c-primary: #6750a4;
-
-  --menu-bg: #ece6f0;
-  --li-hover-bg: rgba(103, 80, 164, 0.08);
-
-  --table-b: 1px solid var(--table-b-c);
-  --table-b-c: #cac4d0;
-  --table-c: #1c1b1f;
-  --table-bg: #fffbfe;
-
-  --table-header-c: #49454f;
-  --table-header-bg: #fffbfe;
-
-  --table-row-hover-bg: rgba(103, 80, 164, 0.08);
-
-  --select-area-bg: rgba(103, 80, 164, 0.12);
-
-  font-size: 14px;
-  font-family: 'Roboto', sans-serif;
-
-  th, td {
-    padding: 10px 16px;
-    line-height: 20px;
-  }
-
-  thead th {
-    font-size: 12px;
-    font-weight: 500;
-    letter-spacing: 0.02em;
-  }
-
-  tr:not(:last-child) td {
-    border-bottom: 1px solid var(--table-b-c);
-  }
-
-  &--small {
-    font-size: 12px;
-
-    th, td {
-      padding: 6px 12px;
-    }
-  }
-
-  // Dark variant (M3 dark)
-  &.dark, [data-theme="dark"] & {
-    --bg: #1c1b1f;
-    --c-primary: #d0bcff;
-
-    --menu-bg: #2b2930;
-    --li-hover-bg: rgba(208, 188, 255, 0.08);
-
-    --table-b-c: #49454f;
-    --table-c: #e6e1e5;
-    --table-bg: #1c1b1f;
-
-    --table-header-c: #cac4d0;
-    --table-header-bg: #1c1b1f;
-
-    --table-row-hover-bg: rgba(208, 188, 255, 0.08);
-
-    --select-area-bg: rgba(208, 188, 255, 0.12);
-
-    color-scheme: dark;
-  }
-}
+/**
+ * intable — Material Design 3 Theme
+ * Google Material You / M3 surface tones and typography
+ * Best for: Android-style web apps, admin panels, data management UIs
+ */
+
+.data-table {
+  --bg: #fffbfe;
+  --c-primary: #6750a4;
+
+  --menu-bg: #ece6f0;
+  --li-hover-bg: rgba(103, 80, 164, 0.08);
+
+  --table-b: 1px solid var(--table-b-c);
+  --table-b-c: #cac4d0;
+  --table-c: #1c1b1f;
+  --table-bg: #fffbfe;
+
+  --table-header-c: #49454f;
+  --table-header-bg: #fffbfe;
+
+  --table-row-hover-bg: rgba(103, 80, 164, 0.08);
+
+  --select-area-bg: rgba(103, 80, 164, 0.12);
+
+  font-size: 14px;
+  font-family: 'Roboto', sans-serif;
+
+  th, td {
+    padding: 10px 16px;
+    line-height: 20px;
+  }
+
+  thead th {
+    font-size: 12px;
+    font-weight: 500;
+    letter-spacing: 0.02em;
+  }
+
+  tr:not(:last-child) td {
+    border-bottom: 1px solid var(--table-b-c);
+  }
+
+  &--small {
+    font-size: 12px;
+
+    th, td {
+      padding: 6px 12px;
+    }
+  }
+
+  // Dark variant (M3 dark)
+  &.dark, [data-theme="dark"] & {
+    --bg: #1c1b1f;
+    --c-primary: #d0bcff;
+
+    --menu-bg: #2b2930;
+    --li-hover-bg: rgba(208, 188, 255, 0.08);
+
+    --table-b-c: #49454f;
+    --table-c: #e6e1e5;
+    --table-bg: #1c1b1f;
+
+    --table-header-c: #cac4d0;
+    --table-header-bg: #1c1b1f;
+
+    --table-row-hover-bg: rgba(208, 188, 255, 0.08);
+
+    --select-area-bg: rgba(208, 188, 255, 0.12);
+
+    color-scheme: dark;
+  }
+}

package/dist/theme/shadcn.scss

@@ -1,66 +1,66 @@
-/**
- * intable — Shadcn/Zinc Theme
- * Neutral zinc/slate tones, clean minimal, matches shadcn/ui palette
- * Best for: modern SaaS dashboards, admin panels, clean productivity tools
- */
-
-.data-table {
-  --bg: #ffffff;
-  --c-primary: #18181b;
-
-  --menu-bg: #ffffff;
-  --li-hover-bg: #f4f4f5;
-
-  --table-b: 1px solid var(--table-b-c);
-  --table-b-c: #e4e4e7;
-  --table-c: #09090b;
-  --table-bg: #ffffff;
-
-  --table-header-c: #71717a;
-  --table-header-bg: #ffffff;
-
-  --table-row-hover-bg: #fafafa;
-
-  --select-area-bg: #18181b14;
-
-  font-size: 14px;
-
-  th, td {
-    padding: 10px 12px;
-    line-height: 20px;
-  }
-
-  thead th {
-    font-weight: 500;
-  }
-
-  &--small {
-    font-size: 13px;
-
-    th, td {
-      padding: 6px 10px;
-    }
-  }
-
-  // Dark mode variant
-  &.dark, [data-theme="dark"] & {
-    --bg: #09090b;
-    --c-primary: #fafafa;
-
-    --menu-bg: #09090b;
-    --li-hover-bg: #27272a;
-
-    --table-b-c: #27272a;
-    --table-c: #fafafa;
-    --table-bg: #09090b;
-
-    --table-header-c: #71717a;
-    --table-header-bg: #09090b;
-
-    --table-row-hover-bg: #18181b;
-
-    --select-area-bg: #ffffff14;
-
-    color-scheme: dark;
-  }
-}
+/**
+ * intable — Shadcn/Zinc Theme
+ * Neutral zinc/slate tones, clean minimal, matches shadcn/ui palette
+ * Best for: modern SaaS dashboards, admin panels, clean productivity tools
+ */
+
+.data-table {
+  --bg: #ffffff;
+  --c-primary: #18181b;
+
+  --menu-bg: #ffffff;
+  --li-hover-bg: #f4f4f5;
+
+  --table-b: 1px solid var(--table-b-c);
+  --table-b-c: #e4e4e7;
+  --table-c: #09090b;
+  --table-bg: #ffffff;
+
+  --table-header-c: #71717a;
+  --table-header-bg: #ffffff;
+
+  --table-row-hover-bg: #fafafa;
+
+  --select-area-bg: #18181b14;
+
+  font-size: 14px;
+
+  th, td {
+    padding: 10px 12px;
+    line-height: 20px;
+  }
+
+  thead th {
+    font-weight: 500;
+  }
+
+  &--small {
+    font-size: 13px;
+
+    th, td {
+      padding: 6px 10px;
+    }
+  }
+
+  // Dark mode variant
+  &.dark, [data-theme="dark"] & {
+    --bg: #09090b;
+    --c-primary: #fafafa;
+
+    --menu-bg: #09090b;
+    --li-hover-bg: #27272a;
+
+    --table-b-c: #27272a;
+    --table-c: #fafafa;
+    --table-bg: #09090b;
+
+    --table-header-c: #71717a;
+    --table-header-bg: #09090b;
+
+    --table-row-hover-bg: #18181b;
+
+    --select-area-bg: #ffffff14;
+
+    color-scheme: dark;
+  }
+}

package/dist/theme/stripe.scss

@@ -1,57 +1,57 @@
-/**
- * intable — Stripe Theme
- * Ultra-clean minimal white, tight spacing, strong typographic hierarchy
- * Best for: fintech, e-commerce, financial dashboards, data-dense UIs
- */
-
-.data-table {
-  --bg: #ffffff;
-  --c-primary: #635bff;
-
-  --menu-bg: #ffffff;
-  --li-hover-bg: #f6f8fa;
-
-  --table-b: 1px solid var(--table-b-c);
-  --table-b-c: #e3e8ee;
-  --table-c: #0a2540;
-  --table-bg: #ffffff;
-
-  --table-header-c: #425466;
-  --table-header-bg: #f7fafc;
-
-  --table-row-hover-bg: #f7fafc;
-
-  --select-area-bg: #635bff1a;
-
-  font-size: 13.5px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-
-  th, td {
-    padding: 9px 14px;
-    line-height: 20px;
-  }
-
-  thead th {
-    font-size: 11.5px;
-    font-weight: 600;
-    text-transform: uppercase;
-    letter-spacing: 0.04em;
-    color: var(--table-header-c);
-  }
-
-  &--small {
-    font-size: 12.5px;
-
-    th, td {
-      padding: 5px 10px;
-    }
-
-    thead th {
-      font-size: 11px;
-    }
-  }
-
-  .row-selection {
-    width: 38px;
-  }
-}
+/**
+ * intable — Stripe Theme
+ * Ultra-clean minimal white, tight spacing, strong typographic hierarchy
+ * Best for: fintech, e-commerce, financial dashboards, data-dense UIs
+ */
+
+.data-table {
+  --bg: #ffffff;
+  --c-primary: #635bff;
+
+  --menu-bg: #ffffff;
+  --li-hover-bg: #f6f8fa;
+
+  --table-b: 1px solid var(--table-b-c);
+  --table-b-c: #e3e8ee;
+  --table-c: #0a2540;
+  --table-bg: #ffffff;
+
+  --table-header-c: #425466;
+  --table-header-bg: #f7fafc;
+
+  --table-row-hover-bg: #f7fafc;
+
+  --select-area-bg: #635bff1a;
+
+  font-size: 13.5px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+
+  th, td {
+    padding: 9px 14px;
+    line-height: 20px;
+  }
+
+  thead th {
+    font-size: 11.5px;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    color: var(--table-header-c);
+  }
+
+  &--small {
+    font-size: 12.5px;
+
+    th, td {
+      padding: 5px 10px;
+    }
+
+    thead th {
+      font-size: 11px;
+    }
+  }
+
+  .row-selection {
+    width: 38px;
+  }
+}

package/dist/utils.d.ts

@@ -15,6 +15,7 @@ export declare function getStyles(el?: ParentNode): string;
 export declare const unFn: (fn: any, ...args: any[]) => any;
 export declare const log: (...args: any[]) => any;
 export declare const toArr: (v: any) => any[];
+export declare const isEmpty: (v: any) => boolean;
 export declare const parseStyle: (s: any) => any;
 export declare function findret<T, R>(arr: readonly T[], cb: (e: T, i: number) => R): R | undefined;
 export declare function emptyObject(o: any): any;
@@ -29,3 +30,4 @@ export declare function resolveOptions(opts: Fnable<Awatable<Record<string, any>
     label: any;
     value: any;
 }[];
+export declare function throttlePromise(of: any): () => Promise<unknown>;

package/dist/utils.js

@@ -2,62 +2,62 @@ import { useMemoAsync } from "./hooks/index.js";
 import { tree_exports } from "./tree.js";
 import { delay, isFunction, isPlainObject, isPromise } from "es-toolkit";
 function file2base64(e) {
-	return new Promise((y, b) => {
-		let x = new FileReader();
-		x.readAsDataURL(e), x.onload = () => y(x.result);
+	return new Promise((x, S) => {
+		let C = new FileReader();
+		C.readAsDataURL(e), C.onload = () => x(C.result);
 	});
 }
 function chooseFile(e) {
-	return new Promise((y, b) => {
-		let x = document.createElement("input");
-		x.type = "file", x.accept = e?.accept, x.multiple = e?.multiple, x.onchange = () => {
-			x.files && x.files.length > 0 && y(x.multiple ? [...x.files] : x.files[0]);
-		}, x.oncancel = b, x.click();
+	return new Promise((x, S) => {
+		let C = document.createElement("input");
+		C.type = "file", C.accept = e?.accept, C.multiple = e?.multiple, C.onchange = () => {
+			C.files && C.files.length > 0 && x(C.multiple ? [...C.files] : C.files[0]);
+		}, C.oncancel = S, C.click();
 	});
 }
 function chooseImage() {
 	return chooseFile({ accept: "image/*" });
 }
 async function print(e) {
-	let y = document.createElement("iframe");
-	y.srcdoc = `${[...document.querySelectorAll("style"), ...document.querySelectorAll("link[rel=\"stylesheet\"]")].map((e) => e.outerHTML).join("\n")}\n\n${e}`, Object.assign(y.style, {
+	let x = document.createElement("iframe");
+	x.srcdoc = `${[...document.querySelectorAll("style"), ...document.querySelectorAll("link[rel=\"stylesheet\"]")].map((e) => e.outerHTML).join("\n")}\n\n${e}`, Object.assign(x.style, {
 		position: "fixed",
 		display: "none"
-	}), document.body.append(y), await new Promise((e) => y.contentWindow.addEventListener("load", e, { once: !0 })), await delay(300), y.contentWindow.print(), y.remove();
+	}), document.body.append(x), await new Promise((e) => x.contentWindow.addEventListener("load", e, { once: !0 })), await delay(300), x.contentWindow.print(), x.remove();
 }
-function mergeRect(e, y) {
+function mergeRect(e, x) {
 	return DOMRect.fromRect({
-		x: Math.min(e.x, y.x),
-		y: Math.min(e.y, y.y),
-		width: Math.max(e.right, y.right) - Math.min(e.x, y.x),
-		height: Math.max(e.bottom, y.bottom) - Math.min(e.y, y.y)
+		x: Math.min(e.x, x.x),
+		y: Math.min(e.y, x.y),
+		width: Math.max(e.right, x.right) - Math.min(e.x, x.x),
+		height: Math.max(e.bottom, x.bottom) - Math.min(e.y, x.y)
 	});
 }
 function getStyles(e = document) {
 	return [...e.querySelectorAll("style"), ...e.querySelectorAll("link[rel=\"stylesheet\"]")].map((e) => e.outerHTML).join("\n");
 }
-const unFn = (e, ...y) => typeof e == "function" ? e(...y) : e, log = (...e) => (console.log(...e), e[0]), toArr = (e) => Array.isArray(e) ? e : e == null ? [] : [e], parseStyle = (e) => e ? e.split(";").reduce((e, y) => ((([y, b]) => e[y.trim()] = b.trim())(y.split(":")), e), {}) : {};
-function findret(e, y) {
-	for (let b = 0; b < e.length; b++) {
-		let x = y(e[b], b);
-		if (x != null) return x;
+const unFn = (e, ...x) => typeof e == "function" ? e(...x) : e, log = (...e) => (console.log(...e), e[0]), toArr = (e) => Array.isArray(e) ? e : e == null ? [] : [e], isEmpty = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0 || typeof e == "object" && Object.keys(e).length === 0, parseStyle = (e) => e ? e.split(";").reduce((e, x) => ((([x, S]) => e[x.trim()] = S.trim())(x.split(":")), e), {}) : {};
+function findret(e, x) {
+	for (let S = 0; S < e.length; S++) {
+		let C = x(e[S], S);
+		if (C != null) return C;
 	}
 }
 function emptyObject(e) {
-	for (let y of Object.keys(e)) delete e[y];
+	for (let x of Object.keys(e)) delete e[x];
 	return e;
 }
-async function findAsync(e, y) {
-	for (let b = 0; b < e.length; b++) if (await y(e[b], b)) return e[b];
+async function findAsync(e, x) {
+	for (let S = 0; S < e.length; S++) if (await x(e[S], S)) return e[S];
 }
 var cache = /* @__PURE__ */ new WeakMap();
-function resolveOptions(y) {
-	let b = y;
-	return isFunction(b) && (b = b()), isPromise(b) ? (cache.has(b) || cache.set(b, useMemoAsync(() => b.then((e) => e.map((e) => resolveOptions(e))))), cache.get(b)()) : (isPlainObject(b) && (b = Object.entries(b).map(([e, y]) => ({
+function resolveOptions(x) {
+	let S = x;
+	return isFunction(S) && (S = S()), isPromise(S) ? (cache.has(S) || cache.set(S, useMemoAsync(() => S.then((e) => e.map((e) => resolveOptions(e))))), cache.get(S)()) : (isPlainObject(S) && (S = Object.entries(S).map(([e, x]) => ({
 		value: e,
-		label: y,
-		...y
-	}))), b?.map((e) => resolveOpt(e)) || []);
+		label: x,
+		...x
+	}))), S?.map((e) => resolveOpt(e)) || []);
 }
 function resolveOpt(e) {
 	return isPlainObject(e) ? e : Array.isArray(e) ? {
@@ -68,4 +68,15 @@ function resolveOpt(e) {
 		value: e
 	};
 }
-export { chooseFile, chooseImage, emptyObject, file2base64, findAsync, findret, getStyles, log, mergeRect, parseStyle, print, resolveOptions, toArr, tree_exports as tree, unFn };
+function throttlePromise(e) {
+	let x = !1, S;
+	return () => {
+		let C = new Promise(function(e) {
+			S = e;
+		});
+		return x ? C : (x = !0, e(() => {
+			S(), x = !1, S = null;
+		}), C);
+	};
+}
+export { chooseFile, chooseImage, emptyObject, file2base64, findAsync, findret, getStyles, isEmpty, log, mergeRect, parseStyle, print, resolveOptions, throttlePromise, toArr, tree_exports as tree, unFn };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intable",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "license": "MIT",
   "type": "module",
   "files": [