poseui 0.0.1 → 0.0.2

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+import { GenerateOptions } from "@unocss/core";
+
 //#region src/index.d.ts
 interface StandardSchemaV1<Input = unknown, Output = Input> {
   readonly "~standard": StandardSchemaV1.Props<Input, Output>;
@@ -39,13 +41,13 @@ declare class PoseValidationError extends Error {
   constructor(issues: ReadonlyArray<StandardSchemaV1.Issue>);
 }
 type Dyn<TProps, T> = T | ((props: TProps) => T);
-type ChildValue = string | number | PoseElement<any, any> | Array<string | number | PoseElement<any, any>>;
+type ChildValue = string | number | undefined | null | PoseElement<any, any> | Array<string | number | PoseElement<any, any> | undefined | null>;
 type Child<TProps> = ChildValue | ((props: TProps) => ChildValue);
 type RenderReturn<TSchema extends StandardSchemaV1 | undefined> = TSchema extends StandardSchemaV1 ? ReturnType<TSchema["~standard"]["validate"]> extends Promise<any> ? Promise<string> : string : string;
-type CallArgs<TProps extends Record<string, unknown>> = [keyof TProps] extends [never] ? [] | [TProps] : [TProps];
+type CallArgs<TProps extends Record<string, unknown>, TSchema> = TSchema extends StandardSchemaV1 ? [TProps?] : [keyof TProps] extends [never] ? [TProps?] : [TProps];
 type ClassEntry<TProps> = string | ((props: TProps) => string);
 interface PoseElement<TProps extends Record<string, unknown>, TSchema extends StandardSchemaV1 | undefined = undefined> {
-  (...args: CallArgs<TProps>): RenderReturn<TSchema>;
+  (...args: CallArgs<TProps, TSchema>): RenderReturn<TSchema>;
   readonly classes: ReadonlyArray<ClassEntry<TProps>>;
   /**
    * Bind a Standard Schema (Zod, Valibot, ArkType, …).
@@ -810,7 +812,9 @@ interface PoseElement<TProps extends Record<string, unknown>, TSchema extends St
    * @example
    * const { html, css } = await card.render({ name: 'Ada' })
    */
-  render(...args: CallArgs<TProps>): Promise<{
+  render(props?: CallArgs<TProps, TSchema>[0], opts?: {
+    generatorOptions?: Partial<GenerateOptions<false>>;
+  }): Promise<{
     html: string;
     css: string;
   }>;

package/dist/index.js

@@ -31,7 +31,7 @@ function resolveClasses(classes, props) {
 }
 function renderChild(child, props) {
 	if (typeof child === "function") return renderChild(child(props), props);
-	if (Array.isArray(child)) return child.map((c) => renderChild(c, props)).join("");
+	if (Array.isArray(child)) return child.filter((c) => c != null).map((c) => renderChild(c, props)).join("");
 	if (child != null && typeof child === "object" && "__pose" in child) return child(props);
 	return child == null ? "" : String(child);
 }
@@ -481,10 +481,10 @@ function createBuilder(state) {
 		}
 	};
 	el.cls = (value) => typeof value === "function" ? derive([value]) : derive([value]);
-	el.render = async (...args) => {
-		const html = render(...args);
+	el.render = async (props, opts) => {
+		const html = render(props);
 		const resolvedHtml = html instanceof Promise ? await html : html;
-		const { css } = await (await getGenerator()).generate(resolvedHtml, { preflights: false });
+		const { css } = await (await getGenerator()).generate(resolvedHtml, opts?.generatorOptions);
 		return {
 			html: resolvedHtml,
 			css
@@ -497,7 +497,7 @@ function createBuilder(state) {
 	});
 	return el;
 }
-let _generator = null;
+let _generator = void 0;
 async function getGenerator() {
 	if (_generator) return _generator;
 	const { createGenerator } = await import("@unocss/core");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poseui",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Type-safe HTML templating engine on steroids",
   "license": "MIT",
   "author": "Ryuz <ryuzer@proton.me>",