@pyreon/elements 0.2.0 → 0.11.0

package/lib/index.d.ts

@@ -1,6 +1,6 @@
 import { Provider } from "@pyreon/unistyle";
 import * as _pyreon_core0 from "@pyreon/core";
-import { ComponentFn, VNodeChild } from "@pyreon/core";
+import { ComponentFn, PyreonHTMLAttributes, VNodeChild } from "@pyreon/core";
 import { BreakpointKeys, HTMLTags, HTMLTextTags, config, render } from "@pyreon/ui-core";
 import * as _pyreon_reactivity0 from "@pyreon/reactivity";
 
@@ -25,7 +25,7 @@ type Direction = ContentDirection | ContentDirection[] | Partial<Record<Breakpoi
 type ResponsiveBoolType = ContentBoolean | ContentBoolean[] | Partial<Record<BreakpointKeys, ContentBoolean>>;
 type Responsive = ContentSimpleValue | ContentSimpleValue[] | Partial<Record<BreakpointKeys, number | string>>;
 type ExtendCss = Css | Css[] | Partial<Record<BreakpointKeys, Css>>;
-type PyreonComponent<P extends Record<string, any> = Record<string, unknown>> = ComponentFn<P> & PyreonStatic;
+type PyreonComponent<P extends Record<string, any> = {}> = ComponentFn<P> & PyreonStatic;
 interface PyreonStatic {
   displayName?: string | undefined;
   pkgName?: string;
@@ -157,8 +157,8 @@ type Props = Partial<{
    * An additional prop for extending styling of the **afterContent** wrapper element.
    */
   afterContentCss: ExtendCss;
-}>;
-type PyreonElement<P extends Record<string, unknown> = Record<string, unknown>> = ComponentFn<Props & P> & PyreonStatic;
+}> & PyreonHTMLAttributes;
+type PyreonElement<P extends Record<string, unknown> = {}> = ComponentFn<Props & P> & PyreonStatic;
 //#endregion
 //#region src/Element/component.d.ts
 declare const Component: PyreonElement;
@@ -400,7 +400,7 @@ type Props$5 = Partial<{
    * If an additional styling needs to be added, it can be do so via injecting styles using this property.
    */
   css: ExtendCss;
-}> & Record<string, unknown>;
+}> & PyreonHTMLAttributes;
 declare const Component$5: PyreonComponent<Props$5> & {
   isText?: true;
 };

package/lib/index.js

@@ -1,6 +1,7 @@
 import { Provider, alignContent, extendCss, makeItResponsive, value } from "@pyreon/unistyle";
 import { Fragment, Portal, createContext, onMount, provide, useContext } from "@pyreon/core";
 import { config, isEmpty, omit, pick, render, throttle } from "@pyreon/ui-core";
+import { Fragment as Fragment$1, jsx, jsxs } from "@pyreon/core/jsx-runtime";
 import { signal } from "@pyreon/reactivity";
 
 //#region src/constants.ts
@@ -82,58 +83,6 @@ const StyledComponent = styled$2(component$1)`
 })};
 `;
 
-//#endregion
-//#region ../../node_modules/.bun/@pyreon+core@0.7.0/node_modules/@pyreon/core/lib/jsx-runtime.js
-/** Marker for fragment nodes — renders children without a wrapper element */
-const Fragment$1 = Symbol("Pyreon.Fragment");
-/**
-* Hyperscript function — the compiled output of JSX.
-* `<div class="x">hello</div>` → `h("div", { class: "x" }, "hello")`
-*
-* Generic on P so TypeScript validates props match the component's signature
-* at the call site, then stores the result in the loosely-typed VNode.
-*/
-/** Shared empty props sentinel — identity-checked in mountElement to skip applyProps. */
-const EMPTY_PROPS = {};
-function h(type, props, ...children) {
-	return {
-		type,
-		props: props ?? EMPTY_PROPS,
-		children: normalizeChildren(children),
-		key: props?.key ?? null
-	};
-}
-function normalizeChildren(children) {
-	for (let i = 0; i < children.length; i++) if (Array.isArray(children[i])) return flattenChildren(children);
-	return children;
-}
-function flattenChildren(children) {
-	const result = [];
-	for (const child of children) if (Array.isArray(child)) result.push(...flattenChildren(child));
-	else result.push(child);
-	return result;
-}
-/**
-* JSX automatic runtime.
-*
-* When tsconfig has `"jsxImportSource": "@pyreon/core"`, the TS/bundler compiler
-* rewrites JSX to imports from this file automatically:
-*   <div class="x" />  →  jsx("div", { class: "x" })
-*/
-function jsx(type, props, key) {
-	const { children, ...rest } = props;
-	const propsWithKey = key != null ? {
-		...rest,
-		key
-	} : rest;
-	if (typeof type === "function") return h(type, children !== void 0 ? {
-		...propsWithKey,
-		children
-	} : propsWithKey);
-	return h(type, propsWithKey, ...children === void 0 ? [] : Array.isArray(children) ? children : [children]);
-}
-const jsxs = jsx;
-
 //#endregion
 //#region src/helpers/Content/component.tsx
 /**
@@ -568,7 +517,7 @@ const Component$7 = (props) => {
 	const renderChildren = () => {
 		if (!children) return null;
 		if (Array.isArray(children)) return children.map((item, i) => renderChild(item, children.length, i));
-		if (children && typeof children === "object" && "type" in children && children.type === Fragment) {
+		if (typeof children === "object" && "type" in children && children.type === Fragment) {
 			const fragmentChildren = children.children;
 			const childrenLength = fragmentChildren.length;
 			return fragmentChildren.map((item, i) => renderChild(item, childrenLength, i));
@@ -664,7 +613,7 @@ const Component$1 = (({ rootElement = false, ref, ...props }) => {
 	const renderedList = /* @__PURE__ */ jsx(Iterator_default, { ...pick(props, Iterator_default.RESERVED_PROPS) });
 	if (!rootElement) return renderedList;
 	return /* @__PURE__ */ jsx(Component, {
-		ref,
+		...ref ? { ref } : {},
 		...omit(props, Iterator_default.RESERVED_PROPS),
 		children: renderedList
 	});

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@pyreon/elements",
-  "version": "0.2.0",
+  "version": "0.11.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/pyreon/ui-system",
-    "directory": "packages/elements"
+    "directory": "packages/ui-system/elements"
   },
   "description": "Foundational UI components for Pyreon",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
   "exports": {
+    "bun": "./src/index.ts",
     "source": "./src/index.ts",
     "import": "./lib/index.js",
     "types": "./lib/index.d.ts"
@@ -25,7 +26,7 @@
     "LICENSE"
   ],
   "engines": {
-    "node": ">= 18"
+    "node": ">= 22"
   },
   "publishConfig": {
     "access": "public"
@@ -41,13 +42,13 @@
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@pyreon/core": ">=0.4.0 <1.0.0",
-    "@pyreon/reactivity": ">=0.4.0 <1.0.0",
-    "@pyreon/ui-core": ">=0.2.0",
-    "@pyreon/unistyle": ">=0.2.0"
+    "@pyreon/core": "^0.11.0",
+    "@pyreon/reactivity": "^0.11.0",
+    "@pyreon/ui-core": "^0.11.0",
+    "@pyreon/unistyle": "^0.11.0"
   },
   "devDependencies": {
     "@vitus-labs/tools-rolldown": "^1.15.3",
-    "@vitus-labs/tools-typescript": "^1.15.3"
+    "@pyreon/typescript": "^0.11.0"
   }
 }