@vitus-labs/elements 2.6.0 → 2.6.2

package/lib/index.d.ts

@@ -1,6 +1,5 @@
 import { Provider } from "@vitus-labs/unistyle";
 import { BreakpointKeys, HTMLTags, HTMLTextTags, config, render } from "@vitus-labs/core";
-import * as _$react from "react";
 import { ComponentType, FC, ForwardRefExoticComponent, ForwardedRef, ReactElement, ReactNode, Ref } from "react";
 
 //#region src/types.d.ts
@@ -572,7 +571,7 @@ declare const useOverlay: ({
   onOpen,
   onClose
 }?: Partial<UseOverlayProps>) => {
-  triggerRef: _$react.RefObject<HTMLElement | null>;
+  triggerRef: import("react").RefObject<HTMLElement | null>;
   contentRef: (node: HTMLElement | null) => void;
   active: boolean;
   align: Align$1;
@@ -583,8 +582,8 @@ declare const useOverlay: ({
   blocked: boolean;
   setBlocked: () => void;
   setUnblocked: () => void;
-  Provider: _$react.FC<Context & {
-    children: _$react.ReactNode;
+  Provider: import("react").FC<Context & {
+    children: import("react").ReactNode;
   }>;
 };
 //#endregion

package/lib/index.js

@@ -557,18 +557,41 @@ const flattenChildren = (children) => {
 	if (isFragment(children)) return children.props.children;
 	return [children];
 };
-/** Drop nullish entries and empty objects (matches legacy behavior). */
-const filterValidItems = (data) => data.filter((item) => item != null && !(typeof item === "object" && isEmpty(item)));
-/** Determine if the array is uniformly simple (string/number) or complex (object). Mixed → null. */
-const detectKind = (items) => {
+const classifyItem = (item) => {
+	const t = typeof item;
+	if (t === "string" || t === "number") return "simple";
+	if (t === "object") return "complex";
+	return null;
+};
+/**
+* Single-pass: filter out nullish + empty-object entries and detect whether
+* the surviving items form a uniformly simple (string/number) or complex
+* (object) collection. Mixed shapes → kind `null`. Replaces the prior
+* `filterValidItems` + `detectKind` two-pass which allocated an intermediate
+* filtered array; this fuses both into one scan.
+*/
+const filterAndDetectKind = (data) => {
+	const items = [];
 	let kind = null;
-	for (const item of items) {
-		const t = typeof item === "string" || typeof item === "number" ? "simple" : typeof item === "object" ? "complex" : null;
-		if (t === null) return null;
+	for (const item of data) {
+		if (item == null) continue;
+		if (typeof item === "object" && isEmpty(item)) continue;
+		items.push(item);
+		const t = classifyItem(item);
+		if (t === null) return {
+			items,
+			kind: null
+		};
 		if (kind === null) kind = t;
-		else if (kind !== t) return null;
+		else if (kind !== t) return {
+			items,
+			kind: null
+		};
 	}
-	return kind;
+	return {
+		items,
+		kind
+	};
 };
 const objectKey = (item, index, itemKey) => {
 	if (!itemKey) return item.key ?? item.id ?? item.itemId ?? index;
@@ -607,10 +630,8 @@ const buildObjectSpecs = (items, component, itemKey) => items.map((item, i) => {
 	};
 });
 const buildDataSpecs = (data, component, valueName, itemKey) => {
-	const items = filterValidItems(data);
-	if (items.length === 0) return null;
-	const kind = detectKind(items);
-	if (!kind) return null;
+	const { items, kind } = filterAndDetectKind(data);
+	if (items.length === 0 || !kind) return null;
 	return kind === "simple" ? buildSimpleSpecs(items, component, valueName, itemKey) : buildObjectSpecs(items, component, itemKey);
 };
 const Component$6 = ({ itemKey, valueName, children, component, data, wrapComponent: Wrapper, wrapProps, itemProps }) => {
@@ -1063,6 +1084,11 @@ const useScrollReposition = ({ active, type, parentContainer, closeOn, handleCon
 * live in dedicated hooks: `./useEscapeKey`, `./useHoverListeners`,
 * `./useScrollReposition`.
 */
+const CLICK_CLOSE_KINDS = new Set([
+	"click",
+	"clickOnTrigger",
+	"clickOutsideContent"
+]);
 const useOverlay = ({ isOpen = false, openOn = "click", closeOn = "click", type = "dropdown", position = "fixed", align = "bottom", alignX = "left", alignY = "bottom", offsetX = 0, offsetY = 0, throttleDelay = 200, parentContainer, closeOnEsc = true, hoverDelay = 100, disabled, onOpen, onClose } = {}) => {
 	const { rootSize } = useContext(context);
 	const ctx = useOverlayContext();
@@ -1220,11 +1246,7 @@ const useOverlay = ({ isOpen = false, openOn = "click", closeOn = "click", type
 	});
 	useEffect(() => {
 		if (blocked || disabled) return void 0;
-		if (openOn === "click" || [
-			"click",
-			"clickOnTrigger",
-			"clickOutsideContent"
-		].includes(closeOn)) window.addEventListener("click", handleClick);
+		if (openOn === "click" || CLICK_CLOSE_KINDS.has(closeOn)) window.addEventListener("click", handleClick);
 		return () => window.removeEventListener("click", handleClick);
 	}, [
 		openOn,
@@ -1357,17 +1379,13 @@ var styled_default = styled(textComponent)`
 //#endregion
 //#region src/Text/component.tsx
 const Component$2 = ({ paragraph, label, children, tag, css, ref, ...props }) => {
-	const renderContent = (as = void 0) => /* @__PURE__ */ jsx(styled_default, {
+	return /* @__PURE__ */ jsx(styled_default, {
 		ref,
-		as,
+		as: paragraph ? "p" : tag,
 		$text: { extraStyles: css },
 		...props,
 		children: children ?? label
 	});
-	let finalTag;
-	if (paragraph) finalTag = "p";
-	else finalTag = tag;
-	return renderContent(finalTag);
 };
 const name$1 = `${PKG_NAME}/Text`;
 Component$2.displayName = name$1;

package/lib/vitus-labs-elements.native.js

@@ -415,18 +415,41 @@ const flattenChildren = (children) => {
 	if (isFragment(children)) return children.props.children;
 	return [children];
 };
-/** Drop nullish entries and empty objects (matches legacy behavior). */
-const filterValidItems = (data) => data.filter((item) => item != null && !(typeof item === "object" && isEmpty(item)));
-/** Determine if the array is uniformly simple (string/number) or complex (object). Mixed → null. */
-const detectKind = (items) => {
+const classifyItem = (item) => {
+	const t = typeof item;
+	if (t === "string" || t === "number") return "simple";
+	if (t === "object") return "complex";
+	return null;
+};
+/**
+* Single-pass: filter out nullish + empty-object entries and detect whether
+* the surviving items form a uniformly simple (string/number) or complex
+* (object) collection. Mixed shapes → kind `null`. Replaces the prior
+* `filterValidItems` + `detectKind` two-pass which allocated an intermediate
+* filtered array; this fuses both into one scan.
+*/
+const filterAndDetectKind = (data) => {
+	const items = [];
 	let kind = null;
-	for (const item of items) {
-		const t = typeof item === "string" || typeof item === "number" ? "simple" : typeof item === "object" ? "complex" : null;
-		if (t === null) return null;
+	for (const item of data) {
+		if (item == null) continue;
+		if (typeof item === "object" && isEmpty(item)) continue;
+		items.push(item);
+		const t = classifyItem(item);
+		if (t === null) return {
+			items,
+			kind: null
+		};
 		if (kind === null) kind = t;
-		else if (kind !== t) return null;
+		else if (kind !== t) return {
+			items,
+			kind: null
+		};
 	}
-	return kind;
+	return {
+		items,
+		kind
+	};
 };
 const objectKey = (item, index, itemKey) => {
 	if (!itemKey) return item.key ?? item.id ?? item.itemId ?? index;
@@ -465,10 +488,8 @@ const buildObjectSpecs = (items, component, itemKey) => items.map((item, i) => {
 	};
 });
 const buildDataSpecs = (data, component, valueName, itemKey) => {
-	const items = filterValidItems(data);
-	if (items.length === 0) return null;
-	const kind = detectKind(items);
-	if (!kind) return null;
+	const { items, kind } = filterAndDetectKind(data);
+	if (items.length === 0 || !kind) return null;
 	return kind === "simple" ? buildSimpleSpecs(items, component, valueName, itemKey) : buildObjectSpecs(items, component, itemKey);
 };
 const Component$3 = ({ itemKey, valueName, children, component, data, wrapComponent: Wrapper, wrapProps, itemProps }) => {
@@ -543,15 +564,13 @@ var styled_default = styled(textComponent)`
 //#endregion
 //#region src/Text/component.tsx
 const Component$1 = ({ paragraph, label, children, tag, css, ref, ...props }) => {
-	const renderContent = (as = void 0) => /* @__PURE__ */ jsx(styled_default, {
+	return /* @__PURE__ */ jsx(styled_default, {
 		ref,
-		as,
+		as: void 0,
 		$text: { extraStyles: css },
 		...props,
 		children: children ?? label
 	});
-	let finalTag;
-	return renderContent(finalTag);
 };
 const name$1 = `${PKG_NAME}/Text`;
 Component$1.displayName = name$1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitus-labs/elements",
-  "version": "2.6.0",
+  "version": "2.6.2",
   "license": "MIT",
   "author": "Vit Bokisch <vit@bokisch.cz>",
   "maintainers": [
@@ -57,8 +57,8 @@
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@vitus-labs/core": "^2.6.0",
-    "@vitus-labs/unistyle": "^2.6.0",
+    "@vitus-labs/core": "^2.6.2",
+    "@vitus-labs/unistyle": "^2.6.2",
     "react": ">= 19",
     "react-dom": ">= 19",
     "react-native": ">= 0.76"
@@ -74,9 +74,9 @@
   "devDependencies": {
     "@vitus-labs/core": "workspace:*",
     "@vitus-labs/rocketstyle": "workspace:*",
-    "@vitus-labs/tools-rolldown": "2.3.0",
-    "@vitus-labs/tools-storybook": "2.3.0",
-    "@vitus-labs/tools-typescript": "2.3.0",
+    "@vitus-labs/tools-rolldown": "2.3.1",
+    "@vitus-labs/tools-storybook": "2.3.1",
+    "@vitus-labs/tools-typescript": "2.3.1",
     "@vitus-labs/unistyle": "workspace:*"
   },
   "dependencies": {