@pyreon/elements 0.1.2 → 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

@@ -1,5 +1,5 @@
 import { Provider, alignContent, extendCss, makeItResponsive, value } from "@pyreon/unistyle";
-import { Fragment, Portal, createContext, onMount, onUnmount, popContext, pushContext, useContext } from "@pyreon/core";
+import { Fragment, Portal, createContext, onMount, provide, useContext } from "@pyreon/core";
 import { config, isEmpty, omit, pick, render, throttle } from "@pyreon/ui-core";
 import { signal } from "@pyreon/reactivity";
 
@@ -83,7 +83,7 @@ const StyledComponent = styled$2(component$1)`
 `;
 
 //#endregion
-//#region ../../node_modules/.bun/@pyreon+core@0.5.4/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
 	});
@@ -679,13 +679,11 @@ Component$1.PYREON__COMPONENT = name$4;
 const context = createContext({});
 const useOverlayContext = () => useContext(context);
 const Component$3 = ({ children, blocked, setBlocked, setUnblocked }) => {
-	const ctx = {
+	provide(context, {
 		blocked,
 		setBlocked,
 		setUnblocked
-	};
-	pushContext(new Map([[context.id, ctx]]));
-	onUnmount(() => popContext());
+	});
 	return /* @__PURE__ */ jsx(Fragment$1, { children });
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pyreon/elements",
-  "version": "0.1.2",
+  "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.1.2",
-    "@pyreon/unistyle": ">=0.1.2"
+    "@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"
   }
 }