@takumi-rs/helpers 0.22.1 → 0.24.0

package/README.md

@@ -1,26 +1,5 @@
 # @takumi-rs/helpers
 
-Types and helper functions for [Takumi](https://takumi.kane.tw/docs/platforms/pick-your-platform).
+Helper package for constructing Takumi layout.
 
-## Example
-
-```ts
-import { container, text, image, style } from "@takumi-rs/helpers";
-
-const root = container({
-  width: 1200,
-  height: 630,
-  children: [
-    text(
-      style({
-        font_size: 24,
-        font_weight: 700,
-        color: 0xffffff,
-      }),
-      "Hello, world!"
-    ),
-  ],
-});
-
-// Fetch takumi server or with @takumi-rs/core
-```
+Checkout [documentation](http://localhost:5173/docs/deep-dives/from-jsx-helper) for usage.

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";var u=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var a=(e,r)=>{for(var t in r)u(e,t,{get:r[t],enumerable:!0})},x=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of p(r))!m.call(e,n)&&n!==t&&u(e,n,{get:()=>r[n],enumerable:!(o=i(r,n))||o.enumerable});return e};var f=e=>x(u({},"__esModule",{value:!0}),e);var v={};a(v,{container:()=>c,em:()=>C,fr:()=>P,image:()=>y,percentage:()=>g,rem:()=>s,rgba:()=>S,style:()=>b,text:()=>l,vh:()=>N,vw:()=>d});module.exports=f(v);function c(e){return{type:"container",...e}}function l(e,r){return{...r,type:"text",text:e}}function y(e,r){return{...r,type:"image",src:e}}function b(e){return e}function g(e){return{percentage:e}}function d(e){return{vw:e}}function N(e){return{vh:e}}function C(e){return{em:e}}function s(e){return{rem:e}}function P(e){return{fr:e}}function S(e,r,t,o=1){return[e,r,t,o]}0&&(module.exports={container,em,fr,image,percentage,rem,rgba,style,text,vh,vw});

package/dist/index.d.cts

@@ -0,0 +1,33 @@
+import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style, a as Color } from './types-C93nbSJX.cjs';
+export { N as Node } from './types-C93nbSJX.cjs';
+
+declare function container(props: Omit<ContainerNode, "type">): ContainerNode;
+declare function text(text: string, style?: PartialStyle): TextNode;
+declare function image(src: string, style?: PartialStyle): ImageNode;
+declare function style(style: PartialStyle): Partial<Style>;
+/**
+ * Convert a number to a percentage struct.
+ * @param percentage - The percentage to convert (0.0 - 100.0).
+ * @returns The percentage struct.
+ */
+declare function percentage(percentage: number): {
+    percentage: number;
+};
+declare function vw(vw: number): {
+    vw: number;
+};
+declare function vh(vh: number): {
+    vh: number;
+};
+declare function em(em: number): {
+    em: number;
+};
+declare function rem(rem: number): {
+    rem: number;
+};
+declare function fr(fr: number): {
+    fr: number;
+};
+declare function rgba(r: number, g: number, b: number, a?: number): Color;
+
+export { ContainerNode, ImageNode, PartialStyle, TextNode, container, em, fr, image, percentage, rem, rgba, style, text, vh, vw };

package/dist/index.d.ts

@@ -1,583 +1,33 @@
-// Generated by dts-bundle-generator v9.5.1
+import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style, a as Color } from './types-C93nbSJX.js';
+export { N as Node } from './types-C93nbSJX.js';
 
-/**
- * Defines how flex items are aligned along the cross axis.
- *
- * This enum determines how flex items are aligned within the flex container
- * along the cross axis (perpendicular to the main axis).
- */
-export type AlignItems = "start" | "end" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
-/**
- * Represents a color in various formats with support for RGB, RGBA, and integer RGB values.
- *
- * The enum supports three color formats:
- * - `Rgb`: RGB color with 8-bit components (r, g, b)
- * - `Rgba`: RGBA color with 8-bit RGB components and 32-bit float alpha (r, g, b, a)
- * - `RgbInt`: Single 32-bit integer containing RGB values
- */
-export type Color = [
-	number,
-	number,
-	number
-] | [
-	number,
-	number,
-	number,
-	number
-] | number;
-/**
- * Represents a single color stop in a gradient.
- */
-export type GradientStop = {
-	/**
-	 * The color of the gradient stop
-	 */
-	color: Color;
-	/**
-	 * Position in the range [0.0, 1.0]
-	 */
-	position: number;
-};
-/**
- * Represents a gradient with color steps and an angle for directional gradients.
- */
-export type Gradient = {
-	/**
-	 * The color stops that make up the gradient
-	 */
-	stops: Array<GradientStop>;
-	/**
-	 * The angle in degrees for the gradient direction (0-360)
-	 */
-	angle: number;
-};
-/**
- * Represents a color input that can be either a color or a gradient.
- */
-export type ColorInput = Color | Gradient;
-/**
- * Represents a value that can be a specific length, percentage, or automatic.
- *
- * This corresponds to CSS values that can be specified as pixels, percentages,
- * or the 'auto' keyword for automatic sizing.
- */
-export type LengthUnit = "auto" | "min-content" | "max-content" | {
-	"percentage": number;
-} | {
-	"rem": number;
-} | {
-	"em": number;
-} | {
-	"vh": number;
-} | {
-	"vw": number;
-} | number;
-/**
- * Defines a box shadow for an element.
- *
- * This struct contains the properties for a box shadow, including color,
- * offset, blur radius, spread radius, and inset flag.
- */
-export type BoxShadow = {
-	/**
-	 * Color of the box shadow
-	 */
-	color: ColorInput;
-	/**
-	 * Horizontal offset of the box shadow
-	 */
-	offset_x: LengthUnit;
-	/**
-	 * Vertical offset of the box shadow
-	 */
-	offset_y: LengthUnit;
-	/**
-	 * Blur radius of the box shadow (must be non-negative)
-	 */
-	blur_radius: LengthUnit;
-	/**
-	 * Spread radius of the box shadow (can be negative)
-	 */
-	spread_radius: LengthUnit;
-	/**
-	 * Whether the shadow is inset (inside the element) or outset (outside the element)
-	 */
-	inset: boolean;
-};
-/**
- * Defines a box shadow for an element.
- *
- * This enum allows for flexible specification of box shadows, including
- * a single shadow or multiple shadows.
- */
-export type BoxShadowInput = BoxShadow | Array<BoxShadow>;
-/**
- * This enum determines the layout algorithm used for the children of a node.
- */
-export type Display = "flex" | "grid";
-/**
- * Defines the direction of flex items within a flex container.
- *
- * This enum determines how flex items are laid out along the main axis.
- */
-export type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
-/**
- * Defines how flex items should wrap.
- *
- * This enum determines how flex items should wrap within the flex container.
- */
-export type FlexWrap = "nowrap" | "wrap" | "wrap-reverse";
-/**
- * Represents a font family for text rendering.
- * Use only the family name (no style suffixes like "Bold", "Italic", "Regular").
- * Multi-word names are allowed (e.g., "Noto Sans") and should be provided as-is without quotes.
- */
-export type FontFamily = "sans-serif" | "serif" | "monospace" | "cursive" | "fantasy" | string;
-/**
- * Represents font weight as a numeric value.
- *
- * This wraps a u16 value that corresponds to CSS font-weight values.
- * Common values include 100 (thin), 200 (extra light), 300 (light),
- * 400 (normal), 500 (medium), 600 (semi bold), 700 (bold),
- * 800 (extra bold), 900 (black).
- */
-export type FontWeight = number;
-/**
- * Represents spacing between flex items.
- *
- * Can be either a single value applied to both axes, or separate values
- * for horizontal and vertical spacing.
- */
-export type Gap = LengthUnit | [
-	LengthUnit,
-	LengthUnit
-];
-/**
- * Represents the grid auto flow with serde support
- */
-export type GridAutoFlow = "row" | "column" | "row-dense" | "column-dense";
-/**
- * Represents a grid placement with serde support
- */
-export type GridPlacement = "auto" | {
-	"span": number;
-} | number | string;
-/**
- * Represents a grid line placement with serde support
- */
-export type GridLine = {
-	/**
-	 * The start line placement
-	 */
-	start: GridPlacement | null;
-	/**
-	 * The end line placement
-	 */
-	end: GridPlacement | null;
-};
-/**
- * Represents a grid track sizing function with serde support
- */
-export type GridTrackSize = {
-	"fr": number;
-} | LengthUnit;
-/**
- * Defines how images should be scaled when rendered.
- */
-export type ImageScalingAlgorithm = "auto" | "smooth" | "pixelated";
-/**
- * Defines how flex items are aligned along the main axis.
- *
- * This enum determines how space is distributed between and around flex items
- * along the main axis of the flex container.
- */
-export type JustifyContent = "start" | "end" | "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-evenly" | "space-around";
-/**
- * Defines how an image should be resized to fit its container.
- *
- * Similar to CSS object-fit property.
- */
-export type ObjectFit = "fill" | "contain" | "cover" | "scale-down" | "none";
-/**
- * Defines the positioning method for an element.
- *
- * This enum determines how an element is positioned within its containing element.
- */
-type Position$1 = "relative" | "absolute";
-/**
- * Represents values that can be applied to all sides of an element.
- *
- * This enum allows for flexible specification of values like padding, margin,
- * or border sizes using either a single value for all sides, separate values
- * for vertical/horizontal axes, or individual values for each side.
- */
-export type SidesValue<T> = T | [
-	T,
-	T
-] | [
-	T,
-	T,
-	T,
-	T
-];
-/**
- * Text alignment options for text rendering.
- *
- * Corresponds to CSS text-align property values.
- */
-export type TextAlign = "left" | "right" | "center" | "justify" | "start" | "end";
-/**
- * Defines how text should be overflowed.
- *
- * This enum determines how text should be handled when it exceeds the container width.
- */
-export type TextOverflow = "ellipsis" | "clip";
-/**
- * Represents a grid track repetition pattern
- */
-export type GridTrackRepetition = "auto-fill" | "auto-fit" | number;
-/**
- * Represents a track sizing function
- */
-export type TrackSizingFunction = {
-	"single": GridTrackSize;
-} | {
-	"repeat": [
-		GridTrackRepetition,
-		Array<GridTrackSize>
-	];
-};
-/**
- * Main styling structure that contains all layout and visual properties.
- *
- * This structure combines both layout properties (like width, height, padding)
- * and inheritable properties (like font settings, colors) that can be passed
- * down to child elements.
- */
-export type Style = {
-	/**
-	 * Display algorithm to use for the element
-	 */
-	display: Display;
-	/**
-	 * Width of the element
-	 */
-	width: LengthUnit;
-	/**
-	 * Height of the element
-	 */
-	height: LengthUnit;
-	/**
-	 * Max width of the element
-	 */
-	max_width: LengthUnit;
-	/**
-	 * Max height of the element
-	 */
-	max_height: LengthUnit;
-	/**
-	 * Min width of the element
-	 */
-	min_width: LengthUnit;
-	/**
-	 * Min height of the element
-	 */
-	min_height: LengthUnit;
-	/**
-	 * Aspect ratio of the element (width/height)
-	 */
-	aspect_ratio?: number;
-	/**
-	 * Internal spacing around the element's content (top, right, bottom, left)
-	 */
-	padding: SidesValue<LengthUnit>;
-	/**
-	 * External spacing around the element (top, right, bottom, left)
-	 */
-	margin: SidesValue<LengthUnit>;
-	/**
-	 * Positioning offsets (top, right, bottom, left) from the element's normal position
-	 */
-	inset: SidesValue<LengthUnit>;
-	/**
-	 * Direction of flex layout (row or column)
-	 */
-	flex_direction: FlexDirection;
-	/**
-	 * How a single grid item is aligned along the inline (row) axis, overriding the container's justify-items value
-	 */
-	justify_self?: AlignItems;
-	/**
-	 * How items are aligned along the main axis
-	 */
-	justify_content?: JustifyContent;
-	/**
-	 * How lines are aligned within the flex container when there's extra space in the cross axis
-	 */
-	align_content?: JustifyContent;
-	/**
-	 * How grid items are aligned along the inline (row) axis within their grid areas
-	 */
-	justify_items?: AlignItems;
-	/**
-	 * How items are aligned along the cross axis
-	 */
-	align_items?: AlignItems;
-	/**
-	 * How a single item is aligned along the cross axis, overriding the container's align-items value
-	 */
-	align_self?: AlignItems;
-	/**
-	 * How flex items should wrap
-	 */
-	flex_wrap: FlexWrap;
-	/**
-	 * The initial main size of the flex item before growing or shrinking
-	 */
-	flex_basis: LengthUnit;
-	/**
-	 * Positioning method (relative, absolute, etc.)
-	 */
-	position: Position$1;
-	/**
-	 * Spacing between rows and columns in flex or grid layouts
-	 */
-	gap: Gap;
-	/**
-	 * How much the flex item should grow relative to other flex items when positive free space is distributed
-	 */
-	flex_grow: number;
-	/**
-	 * How much the flex item should shrink relative to other flex items when negative free space is distributed
-	 */
-	flex_shrink: number;
-	/**
-	 * Width of the element's border on each side (top, right, bottom, left)
-	 */
-	border_width: SidesValue<LengthUnit>;
-	/**
-	 * How images should be fitted within their container
-	 */
-	object_fit: ObjectFit;
-	/**
-	 * Background gradient(s)
-	 */
-	background_image?: Gradient;
-	/**
-	 * Background color for the element
-	 */
-	background_color?: Color;
-	/**
-	 * Box shadow effect for the element
-	 */
-	box_shadow?: BoxShadowInput;
-	/**
-	 * Controls the size of implicitly-created grid columns
-	 */
-	grid_auto_columns?: Array<GridTrackSize>;
-	/**
-	 * Controls the size of implicitly-created grid rows
-	 */
-	grid_auto_rows?: Array<GridTrackSize>;
-	/**
-	 * Controls how auto-placed items are inserted in the grid
-	 */
-	grid_auto_flow?: GridAutoFlow;
-	/**
-	 * Specifies a grid item's size and location within the grid column
-	 */
-	grid_column?: GridLine;
-	/**
-	 * Specifies a grid item's size and location within the grid row
-	 */
-	grid_row?: GridLine;
-	/**
-	 * Defines the line names and track sizing functions of the grid columns
-	 */
-	grid_template_columns?: Array<TrackSizingFunction>;
-	/**
-	 * Defines the line names and track sizing functions of the grid rows
-	 */
-	grid_template_rows?: Array<TrackSizingFunction>;
-	/**
-	 * How text should be overflowed
-	 */
-	text_overflow?: TextOverflow;
-	/**
-	 * Color of the element's border
-	 */
-	border_color?: ColorInput;
-	/**
-	 * Text color for child text elements
-	 */
-	color?: ColorInput;
-	/**
-	 * Font size in pixels for text rendering
-	 */
-	font_size?: LengthUnit;
-	/**
-	 * Font family name for text rendering
-	 */
-	font_family?: FontFamily;
-	/**
-	 * Line height multiplier for text spacing
-	 */
-	line_height?: LengthUnit;
-	/**
-	 * Font weight for text rendering
-	 */
-	font_weight?: FontWeight;
-	/**
-	 * Maximum number of lines for text before truncation
-	 */
-	line_clamp?: number;
-	/**
-	 * Corner radius for rounded borders
-	 */
-	border_radius?: SidesValue<LengthUnit>;
-	/**
-	 * Text alignment within the element
-	 */
-	text_align?: TextAlign;
-	/**
-	 * Additional spacing between characters in text
-	 * Positive values increase spacing, negative values decrease spacing
-	 */
-	letter_spacing?: LengthUnit;
-	/**
-	 * Controls how images are scaled when rendered
-	 * This property determines the algorithm used for image scaling
-	 */
-	image_rendering?: ImageScalingAlgorithm;
-};
-/**
- * Style properties that can be inherited by child elements.
- *
- * These properties are typically passed down from parent to child elements
- * in the layout hierarchy, such as font settings and colors.
- */
-export type InheritableStyle = {
-	/**
-	 * How text should be overflowed
-	 */
-	text_overflow?: TextOverflow;
-	/**
-	 * Color of the element's border
-	 */
-	border_color?: ColorInput;
-	/**
-	 * Text color for child text elements
-	 */
-	color?: ColorInput;
-	/**
-	 * Font size in pixels for text rendering
-	 */
-	font_size?: LengthUnit;
-	/**
-	 * Font family name for text rendering
-	 */
-	font_family?: FontFamily;
-	/**
-	 * Line height multiplier for text spacing
-	 */
-	line_height?: LengthUnit;
-	/**
-	 * Font weight for text rendering
-	 */
-	font_weight?: FontWeight;
-	/**
-	 * Maximum number of lines for text before truncation
-	 */
-	line_clamp?: number;
-	/**
-	 * Corner radius for rounded borders
-	 */
-	border_radius?: SidesValue<LengthUnit>;
-	/**
-	 * Text alignment within the element
-	 */
-	text_align?: TextAlign;
-	/**
-	 * Additional spacing between characters in text
-	 * Positive values increase spacing, negative values decrease spacing
-	 */
-	letter_spacing?: LengthUnit;
-	/**
-	 * Controls how images are scaled when rendered
-	 * This property determines the algorithm used for image scaling
-	 */
-	image_rendering?: ImageScalingAlgorithm;
-};
-/**
- * Represents a value that can be a specific length, percentage, or automatic.
- *
- * This corresponds to CSS values that can be specified as pixels, percentages,
- * or the 'auto' keyword for automatic sizing.
- */
-export type ValuePercentageAuto = "auto" | {
-	"percentage": number;
-} | number;
-export type JsonValue = string | number | boolean | null | JsonValue[] | {
-	[key: string]: JsonValue;
-};
-export type AnyNode = {
-	type: string;
-	[key: string]: JsonValue;
-};
-export type PartialStyle = Partial<Style>;
-export type JsxParsedStyle = {
-	[key in keyof Style]: Style[key] | undefined;
-};
-type Node$1 = ContainerNode | TextNode | ImageNode | AnyNode;
-export type ContainerNode = PartialStyle & {
-	type: "container";
-	children?: Node$1[];
-};
-export type TextNode = PartialStyle & {
-	type: "text";
-	text: string;
-};
-export type ImageNode = PartialStyle & {
-	type: "image";
-	src: string;
-};
-export declare function container(props: Omit<ContainerNode, "type">): ContainerNode;
-export declare function text(text: string, style?: PartialStyle): TextNode;
-export declare function image(src: string, style?: PartialStyle): ImageNode;
-export declare function style(style: PartialStyle): Partial<Style>;
+declare function container(props: Omit<ContainerNode, "type">): ContainerNode;
+declare function text(text: string, style?: PartialStyle): TextNode;
+declare function image(src: string, style?: PartialStyle): ImageNode;
+declare function style(style: PartialStyle): Partial<Style>;
 /**
  * Convert a number to a percentage struct.
  * @param percentage - The percentage to convert (0.0 - 100.0).
  * @returns The percentage struct.
  */
-export declare function percentage(percentage: number): {
-	percentage: number;
-};
-export declare function vw(vw: number): {
-	vw: number;
+declare function percentage(percentage: number): {
+    percentage: number;
 };
-export declare function vh(vh: number): {
-	vh: number;
+declare function vw(vw: number): {
+    vw: number;
 };
-export declare function em(em: number): {
-	em: number;
+declare function vh(vh: number): {
+    vh: number;
 };
-export declare function rem(rem: number): {
-	rem: number;
+declare function em(em: number): {
+    em: number;
 };
-export declare function fr(fr: number): {
-	fr: number;
+declare function rem(rem: number): {
+    rem: number;
 };
-export declare function gradient(from: ColorInput, to: ColorInput, angle?: number): {
-	from: ColorInput;
-	to: ColorInput;
-	angle: number;
-};
-export declare function rgba(r: number, g: number, b: number, a?: number): Color;
-
-export {
-	Node$1 as Node,
-	Position$1 as Position,
+declare function fr(fr: number): {
+    fr: number;
 };
+declare function rgba(r: number, g: number, b: number, a?: number): Color;
 
-export {};
+export { ContainerNode, ImageNode, PartialStyle, TextNode, container, em, fr, image, percentage, rem, rgba, style, text, vh, vw };

package/dist/index.js

@@ -1 +1 @@
-var o=Object.create;var{getPrototypeOf:r,defineProperty:l,getOwnPropertyNames:n}=Object;var h=Object.prototype.hasOwnProperty;var p=(e,t,s)=>{s=e!=null?o(r(e)):{};let i=t||!e||!e.__esModule?l(s,"default",{value:e,enumerable:!0}):s;for(let a of n(e))if(!h.call(i,a))l(i,a,{get:()=>e[a],enumerable:!0});return i};var u=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);function f(e){return{type:"container",...e}}function d(e,t){return{...t,type:"text",text:e}}function c(e,t){return{...t,type:"image",src:e}}function b(e){return e}function y(e){return{percentage:e}}function x(e){return{vw:e}}function w(e){return{vh:e}}function g(e){return{em:e}}function A(e){return{rem:e}}function T(e){return{fr:e}}function D(e,t,s=0){return{from:e,to:t,angle:s}}function v(e,t,s,i=1){return[e,t,s,i]}export{x as vw,w as vh,d as text,b as style,v as rgba,A as rem,y as percentage,c as image,D as gradient,T as fr,g as em,f as container};
+function o(e){return{type:"container",...e}}function u(e,r){return{...r,type:"text",text:e}}function i(e,r){return{...r,type:"image",src:e}}function p(e){return e}function m(e){return{percentage:e}}function a(e){return{vw:e}}function x(e){return{vh:e}}function f(e){return{em:e}}function c(e){return{rem:e}}function l(e){return{fr:e}}function y(e,r,t,n=1){return[e,r,t,n]}export{o as container,f as em,l as fr,i as image,m as percentage,c as rem,y as rgba,p as style,u as text,x as vh,a as vw};

package/dist/jsx/jsx.cjs

@@ -0,0 +1 @@
+"use strict";var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var b=(t,r)=>{for(var e in r)p(t,e,{get:r[e],enumerable:!0})},x=(t,r,e,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let i of S(r))!P.call(t,i)&&i!==e&&p(t,i,{get:()=>r[i],enumerable:!(n=h(r,i))||n.enumerable});return t};var E=t=>x(p({},"__esModule",{value:!0}),t);var W={};b(W,{fromJsx:()=>a});module.exports=E(W);var g=require("react"),d=require("react-dom/server");function c(t){return{type:"container",...t}}function f(t,r){return{...r,type:"text",text:t}}function s(t,r){return{...r,type:"image",src:t}}function o(t){return{em:t}}function u(t,r,e,n=1){return[t,r,e,n]}var m={p:{margin:[o(1),0]},blockquote:{margin:[o(1),40]},center:{textAlign:"center"},hr:{margin:[o(.5),"auto"],borderWidth:1},h1:{fontSize:o(2),margin:[o(.67),0],fontWeight:700},h2:{fontSize:o(1.5),margin:[o(.83),0],fontWeight:700},h3:{fontSize:o(1.17),margin:[o(1),0],fontWeight:700},h4:{margin:[o(1.33),0],fontWeight:700},h5:{fontSize:o(.83),margin:[o(1.67),0],fontWeight:700},h6:{fontSize:o(.67),margin:[o(2.33),0],fontWeight:700},strong:{fontWeight:700},b:{fontWeight:700},code:{fontFamily:"monospace"},kbd:{fontFamily:"monospace"},pre:{fontFamily:"monospace",margin:[o(1),0]},mark:{backgroundColor:u(255,255,0),color:0},big:{fontSize:o(1.2)},small:{fontSize:o(1/1.2)}};var w=Symbol.for("react.transitional.element");function N(t){return typeof t=="object"&&t!==null&&"$$typeof"in t&&t.$$typeof===w}async function a(t){if(t==null)return[];if(t instanceof Promise)return a(await t);if(typeof t=="object"&&Symbol.iterator in t)return T(t);if(N(t)){let r=await C(t);return Array.isArray(r)?r:r?[r]:[]}return[f(String(t))]}async function C(t){if(typeof t.type=="function"){let n=t.type;return a(n(t.props))}if(typeof t.type=="symbol"&&t.type===Symbol.for("react.fragment"))return await l(t)||[];if(y(t,"img"))return R(t);if(y(t,"svg"))return[k(t)];let r=await l(t),e=I(t.props);return[c({children:r,...m[t.type],...e})]}function R(t){if(!t.props.src)throw new Error("Image element must have a 'src' prop.");let r=t.props.style?.width??t.props.width,e=t.props.style?.height??t.props.height;return[s(t.props.src,{...t.props.style,width:r,height:e})]}function k(t){return s((0,d.renderToStaticMarkup)((0,g.cloneElement)(t,{xmlns:"http://www.w3.org/2000/svg",...t.props},t.props.children)))}function I(t){return typeof t=="object"&&t&&"style"in t?t.style:void 0}function y(t,r){return t.type===r}async function l(t){return typeof t.props!="object"||t.props===null||!("children"in t.props)?[]:await a(t.props.children)}async function T(t){return(await Promise.all(Array.from(t).map(a))).flat()}0&&(module.exports={fromJsx});

package/dist/jsx/jsx.d.cts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { N as Node } from '../types-C93nbSJX.cjs';
+
+declare function fromJsx(element: ReactNode): Promise<Node[]>;
+
+export { fromJsx };