@pyreon/elements 0.24.0 → 0.24.2

package/lib/index.js

@@ -951,6 +951,11 @@ const adjustForAncestor = (pos, ancestor) => {
 * is coordinated through the overlay context.
 */
 let modalOverflowCount = 0;
+const CLICK_CLOSE_KINDS = new Set([
+	"click",
+	"clickOnTrigger",
+	"clickOutsideContent"
+]);
 const devWarn = (msg) => {
 	if (!IS_DEVELOPMENT) return;
 	console.warn(msg);
@@ -1085,11 +1090,7 @@ const useOverlay = ({ isOpen = false, openOn = "click", closeOn = "click", type
 	const setupListeners = () => {
 		if (typeof window === "undefined") return () => {};
 		const cleanups = [];
-		if (openOn === "click" || [
-			"click",
-			"clickOnTrigger",
-			"clickOutsideContent"
-		].includes(closeOn)) {
+		if (openOn === "click" || CLICK_CLOSE_KINDS.has(closeOn)) {
 			window.addEventListener("click", handleClick);
 			cleanups.push(() => window.removeEventListener("click", handleClick));
 		}
@@ -1328,9 +1329,7 @@ const Component$5 = (props) => {
 		"css",
 		"ref"
 	]);
-	let finalTag;
-	if (own.paragraph) finalTag = "p";
-	else finalTag = own.tag;
+	const finalTag = own.paragraph ? "p" : own.tag;
 	return /* @__PURE__ */ jsx(styled_default, {
 		ref: own.ref,
 		as: finalTag,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pyreon/elements",
-  "version": "0.24.0",
+  "version": "0.24.2",
   "description": "Foundational UI components for Pyreon",
   "license": "MIT",
   "repository": {
@@ -42,12 +42,12 @@
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
-    "@pyreon/core": "^0.24.0",
+    "@pyreon/core": "^0.24.2",
     "@pyreon/manifest": "0.13.1",
-    "@pyreon/reactivity": "^0.24.0",
-    "@pyreon/runtime-dom": "^0.24.0",
+    "@pyreon/reactivity": "^0.24.2",
+    "@pyreon/runtime-dom": "^0.24.2",
     "@pyreon/test-utils": "^0.13.11",
-    "@pyreon/typescript": "^0.24.0",
+    "@pyreon/typescript": "^0.24.2",
     "@vitest/browser-playwright": "^4.1.4",
     "@vitus-labs/tools-rolldown": "^2.4.0"
   },
@@ -55,9 +55,9 @@
     "node": ">= 22"
   },
   "dependencies": {
-    "@pyreon/core": "^0.24.0",
-    "@pyreon/reactivity": "^0.24.0",
-    "@pyreon/ui-core": "^0.24.0",
-    "@pyreon/unistyle": "^0.24.0"
+    "@pyreon/core": "^0.24.2",
+    "@pyreon/reactivity": "^0.24.2",
+    "@pyreon/ui-core": "^0.24.2",
+    "@pyreon/unistyle": "^0.24.2"
   }
 }

package/src/Overlay/useOverlay.tsx

@@ -46,6 +46,15 @@ export type UseOverlayProps = Partial<{
 // Reference counter for nested modals sharing document.body overflow lock.
 let modalOverflowCount = 0
 
+// Hoisted: closeOn values that count as "click-driven close". Inlined
+// previously, allocating a fresh 3-element array on each click-listener
+// setupListeners re-run. Ported from vitus-labs `804dd0e2`.
+const CLICK_CLOSE_KINDS: ReadonlySet<string> = new Set([
+  'click',
+  'clickOnTrigger',
+  'clickOutsideContent',
+])
+
 const devWarn = (msg: string) => {
   if (!IS_DEVELOPMENT) return
   // oxlint-disable-next-line no-console
@@ -300,8 +309,7 @@ const useOverlay = ({
     const cleanups: (() => void)[] = []
 
     // Click-based open/close
-    const enabledClick =
-      openOn === 'click' || ['click', 'clickOnTrigger', 'clickOutsideContent'].includes(closeOn)
+    const enabledClick = openOn === 'click' || CLICK_CLOSE_KINDS.has(closeOn)
 
     if (enabledClick) {
       window.addEventListener('click', handleClick)

package/src/Text/component.tsx

@@ -41,12 +41,11 @@ const Component: PyreonComponent<Props> & {
 } = (props) => {
   const [own, rest] = splitProps(props, ['paragraph', 'label', 'children', 'tag', 'css', 'ref'])
 
-  let finalTag: string | undefined
-
-  if (own.paragraph) finalTag = 'p'
-  else {
-    finalTag = own.tag
-  }
+  // `paragraph` shorthand maps to <p>; otherwise pass through `tag`. Ternary
+  // form replaces the prior `let finalTag` + if/else block — V8 prefers the
+  // single-assignment shape for inline-cache stability. Ported from
+  // vitus-labs `804dd0e2`.
+  const finalTag = own.paragraph ? 'p' : own.tag
 
   return (
     <Styled ref={own.ref} as={finalTag} $text={{ extraStyles: own.css }} {...rest}>