@pyreon/elements 0.2.0 → 0.3.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

@@ -83,7 +83,7 @@ const StyledComponent = styled$2(component$1)`
 `;
 
 //#endregion
-//#region ../../node_modules/.bun/@pyreon+core@0.7.0/node_modules/@pyreon/core/lib/jsx-runtime.js
+//#region ../../node_modules/.bun/@pyreon+core@0.7.12/node_modules/@pyreon/core/lib/jsx-runtime.js
 /** Marker for fragment nodes — renders children without a wrapper element */
 const Fragment$1 = Symbol("Pyreon.Fragment");
 /**
@@ -664,7 +664,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,6 +1,6 @@
 {
   "name": "@pyreon/elements",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/pyreon/ui-system",
@@ -43,11 +43,11 @@
   "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/ui-core": ">=0.3.0",
+    "@pyreon/unistyle": ">=0.3.0"
   },
   "devDependencies": {
     "@vitus-labs/tools-rolldown": "^1.15.3",
-    "@vitus-labs/tools-typescript": "^1.15.3"
+    "@pyreon/typescript": "^0.7.4"
   }
 }