@takumi-rs/helpers 0.43.1 → 0.45.0

package/dist/index.cjs

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

package/dist/index.d.cts

@@ -1,8 +1,9 @@
-import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style, a as ColorInput } from './types-RUwY6emy.cjs';
-export { A as AnyNode, J as JsonValue, N as Node } from './types-RUwY6emy.cjs';
+import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style, a as ColorInput } from './types-BOxuFk68.cjs';
+export { A as AnyNode, J as JsonValue, N as Node } from './types-BOxuFk68.cjs';
 
 declare function container(props: Omit<ContainerNode, "type">): ContainerNode;
 declare function text(text: string, style?: PartialStyle): TextNode;
+declare function text(props: Omit<TextNode, "type">): TextNode;
 declare function image(props: Omit<ImageNode, "type">): ImageNode;
 declare function style(style: PartialStyle): Partial<Style>;
 /**

package/dist/index.d.ts

@@ -1,8 +1,9 @@
-import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style, a as ColorInput } from './types-RUwY6emy.js';
-export { A as AnyNode, J as JsonValue, N as Node } from './types-RUwY6emy.js';
+import { C as ContainerNode, P as PartialStyle, T as TextNode, I as ImageNode, S as Style, a as ColorInput } from './types-BOxuFk68.js';
+export { A as AnyNode, J as JsonValue, N as Node } from './types-BOxuFk68.js';
 
 declare function container(props: Omit<ContainerNode, "type">): ContainerNode;
 declare function text(text: string, style?: PartialStyle): TextNode;
+declare function text(props: Omit<TextNode, "type">): TextNode;
 declare function image(props: Omit<ImageNode, "type">): ImageNode;
 declare function style(style: PartialStyle): Partial<Style>;
 /**

package/dist/index.js

@@ -1 +1 @@
-function r(e,t){t&&Object.keys(t).length>0&&(e.style=t)}function u(e){let t={type:"container",children:e.children};return r(t,e.style),t}function i(e,t){let n={type:"text",text:e};return r(n,t),n}function m(e){let t={type:"image",src:e.src};return r(t,e.style),t}function p(e){return e}function a(e){return{percentage:e}}function c(e){return{vw:e}}function d(e){return{vh:e}}function y(e){return{em:e}}function f(e){return{rem:e}}function l(e){return{fr:e}}function x(e,t,n,o=1){return[e,t,n,o]}export{u as container,y as em,l as fr,m as image,a as percentage,f as rem,x as rgba,p as style,i as text,d as vh,c as vw};
+function o(t,e){e&&Object.keys(e).length>0&&(t.style=e)}function i(t){let e={type:"container",children:t.children,tw:t.tw};return o(e,t.style),e}function u(t,e){if(typeof t=="string"){let r={type:"text",text:t};return o(r,e),r}let n={type:"text",text:t.text,tw:t.tw};return o(n,e??t.style),n}function x(t){let e={type:"image",src:t.src};return o(e,t.style),e}function m(t){return t}function c(t){return{percentage:t}}function a(t){return{vw:t}}function d(t){return{vh:t}}function y(t){return{em:t}}function p(t){return{rem:t}}function f(t){return{fr:t}}function l(t,e,n,r=1){return[t,e,n,r]}export{i as container,y as em,f as fr,x as image,c as percentage,p as rem,l as rgba,m as style,u as text,d as vh,a as vw};

package/dist/jsx/jsx.cjs

@@ -1,2 +1,2 @@
-"use strict";var y=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var $=(t,e)=>{for(var r in e)y(t,r,{get:e[r],enumerable:!0})},I=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of F(e))!A.call(t,o)&&o!==r&&y(t,o,{get:()=>e[o],enumerable:!(n=O(e,o))||n.enumerable});return t};var W=t=>I(y({},"__esModule",{value:!0}),t);var tt={};$(tt,{fromJsx:()=>Y});module.exports=W(tt);function g(t,e){e&&Object.keys(e).length>0&&(t.style=e)}function f(t){let e={type:"container",children:t.children};return g(e,t.style),e}function m(t,e){let r={type:"text",text:t};return g(r,e),r}function d(t){let e={type:"image",src:t.src};return g(e,t.style),e}function k(t){return{percentage:t}}var p={body:{margin:8},p:{marginTop:"1em",marginBottom:"1em",display:"block"},blockquote:{marginTop:"1em",marginBottom:"1em",marginLeft:40,marginRight:40,display:"block"},center:{textAlign:"center",display:"block"},hr:{marginTop:"0.5em",marginBottom:"0.5em",marginLeft:"auto",marginRight:"auto",borderWidth:1,display:"block"},h1:{fontSize:"2em",marginTop:"0.67em",marginBottom:"0.67em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h2:{fontSize:"1.5em",marginTop:"0.83em",marginBottom:"0.83em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h3:{fontSize:"1.17em",marginTop:"1em",marginBottom:"1em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h4:{marginTop:"1.33em",marginBottom:"1.33em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h5:{fontSize:"0.83em",marginTop:"1.67em",marginBottom:"1.67em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h6:{fontSize:"0.67em",marginTop:"2.33em",marginBottom:"2.33em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},u:{textDecoration:"underline",display:"inline"},strong:{fontWeight:"bold",display:"inline"},b:{fontWeight:"bold",display:"inline"},i:{fontStyle:"italic",display:"inline"},em:{fontStyle:"italic",display:"inline"},code:{fontFamily:"monospace",display:"inline"},kbd:{fontFamily:"monospace",display:"inline"},pre:{fontFamily:"monospace",margin:"1em 0",display:"block"},mark:{backgroundColor:"yellow",color:0,display:"inline"},big:{fontSize:"1.2em",display:"inline"},small:{fontSize:"0.8em",display:"inline"},s:{textDecoration:"line-through",display:"inline"},span:{display:"inline"},img:{display:"inline"},svg:{display:"inline"}};var j=new Set(["head","meta","link","style","script"]);function S(t){return j.has(t.type)}function u(t,e){return t.type===e&&"props"in t}function x(t){return t.replace(/([A-Z])/g,"-$1").toLowerCase()}function i(t){return typeof t=="object"&&t!==null&&"type"in t}function c(t){return typeof t=="function"}var J=Symbol.for("react.forward_ref"),z=Symbol.for("react.memo"),B=Symbol.for("react.fragment");function E(t){return t.$$typeof===J}function P(t){return t.$$typeof===z}function R(t){return t.type===B}function M(t){return typeof t=="string"||typeof t=="number"}function w(t){return t.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function H(t){return Object.keys(t).map(e=>`${e.replace(/([A-Z])/g,"-$1").toLowerCase()}:${String(t[e]).trim()}`).join(";")}var _=["stopColor","stopOpacity","strokeWidth","strokeDasharray","strokeDashoffset","strokeLinecap","strokeLinejoin","fillRule","clipRule","colorInterpolationFilters","floodColor","floodOpacity","accentHeight","alignmentBaseline","arabicForm","baselineShift","capHeight","clipPath","clipPathUnits","colorInterpolation","colorProfile","colorRendering","enableBackground","fillOpacity","fontFamily","fontSize","fontSizeAdjust","fontStretch","fontStyle","fontVariant","fontWeight","glyphName","glyphOrientationHorizontal","glyphOrientationVertical","horizAdvX","horizOriginX","imageRendering","letterSpacing","lightingColor","markerEnd","markerMid","markerStart","overlinePosition","overlineThickness","paintOrder","preserveAspectRatio","pointerEvents","shapeRendering","strokeMiterlimit","strokeOpacity","textAnchor","textDecoration","textRendering","transformOrigin","underlinePosition","underlineThickness","unicodeBidi","unicodeRange","unitsPerEm","vectorEffect","vertAdvY","vertOriginX","vertOriginY","vAlphabetic","vHanging","vIdeographic","vMathematical","wordSpacing","writingMode"];function V(t,e){if(t==="children"||e==null)return;let r;if(t==="className"?r="class":_.includes(t)?r=x(t):r=t,typeof e=="boolean")return`${r}="${String(e)}"`;if(t==="style"&&typeof e=="object"){let n=H(e);if(n)return`style="${w(n)}"`}return`${r}="${w(String(e))}"`}function X(t){return Object.entries(t).map(([e,r])=>V(e,r)).filter(e=>e!==void 0)}var D=(t,e)=>{let r=t.props||{};if(c(t.type))return l(t.type(t.props));if(typeof t.type=="symbol"||typeof t.type!="string")return"";let n=X(r),o=r.children,a=Array.isArray(o)?o.map(b=>e(b)).join(""):e(o);return`<${t.type}${n.length>0?` ${n.join(" ")}`:""}>${a}</${t.type}>`},l=t=>t==null||t===!1?"":M(t)?String(t):Array.isArray(t)?t.map(l).join(""):i(t)?D(t,l):"";function T(t){let e=t.props||{};if(!("xmlns"in e)){let r={...t,props:{...e,xmlns:"http://www.w3.org/2000/svg"}};return l(r)||""}return l(t)||""}async function Y(t,e){let r=await s(t,e??{});return r.length===0?f({}):r.length===1&&r[0]!==void 0?r[0]:f({children:r,style:{width:k(100),height:k(100)}})}async function s(t,e){if(t==null||t===!1)return[];if(t instanceof Promise)return s(await t,e);if(typeof t=="object"&&Symbol.iterator in t)return Q(t,e);if(i(t)){let r=await L(t,e);return Array.isArray(r)?r:r?[r]:[]}return[m(String(t),p.span)]}function K(t,e){if(!(typeof t.type!="object"||t.type===null)){if(E(t.type)&&"render"in t.type){let r=t.type;return s(r.render(t.props,null),e)}if(P(t.type)&&"type"in t.type){let n=t.type.type;if(c(n))return s(n(t.props),e);let o={...t,type:n};return L(o,e)}}}function v(t){if(!i(t))return Promise.resolve(void 0);let e=typeof t.props=="object"&&t.props!==null&&"children"in t.props?t.props.children:void 0;return typeof e=="string"?Promise.resolve(e):typeof e=="number"?Promise.resolve(String(e)):Array.isArray(e)?Promise.resolve(C(e)):typeof e=="object"&&e!==null&&Symbol.iterator in e?Promise.resolve(C(Array.from(e))):i(e)&&R(e)?v(e):Promise.resolve(void 0)}function C(t){if(!t.some(e=>i(e)))return t.map(e=>typeof e=="string"?e:typeof e=="number"?String(e):"").join("")}async function L(t,e){if(c(t.type))return s(t.type(t.props),e);let r=K(t,e);if(r!==void 0)return r;if(R(t))return await N(t,e)||[];if(S(t))return[];if(u(t,"br"))return[m(`
-`,p.span)];if(u(t,"img"))return[q(t,e)];if(u(t,"svg"))return[Z(t,e)];let n=h(t,e),o=await v(t);if(o!==void 0)return[m(o,n)];let a=await N(t,e);return[f({children:a,style:n})]}function q(t,e){if(!t.props.src)throw new Error("Image element must have a 'src' prop.");let r=h(t,e);return d({src:t.props.src,style:r})}function Z(t,e){let r=h(t,e),n=T(t);return d({style:r,src:n})}var G={WebkitTextStroke:"textStroke",WebkitTextStrokeWidth:"textStrokeWidth",WebkitTextStrokeColor:"textStrokeColor"};function U(t,e,r){if(!r.tailwindFn||typeof t.props!="object"||t.props===null)return;let n=[];"tw"in t.props&&typeof t.props.tw=="string"&&n.push(t.props.tw),"className"in t.props&&typeof t.props.className=="string"&&n.push(t.props.className),"class"in t.props&&typeof t.props.class=="string"&&n.push(t.props.class),Object.assign(e,r.tailwindFn(...n))}function h(t,e){let r={};typeof t.type=="string"&&t.type in p&&Object.assign(r,p[t.type]),U(t,r,e);let n=typeof t.props=="object"&&t.props!==null&&"style"in t.props&&typeof t.props.style=="object"&&t.props.style!==null?t.props.style:void 0;if(n&&Object.keys(n).length>0){for(let[o,a]of Object.entries(G))o in n&&(r[a]=n[o],delete n[o]);Object.assign(r,n)}return r}function N(t,e){return typeof t.props!="object"||t.props===null||!("children"in t.props)?Promise.resolve([]):s(t.props.children,e)}function Q(t,e){return Promise.all(Array.from(t).map(r=>s(r,e))).then(r=>r.flat())}0&&(module.exports={fromJsx});
+"use strict";var g=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames;var I=Object.prototype.hasOwnProperty;var W=(t,e)=>{for(var r in e)g(t,r,{get:e[r],enumerable:!0})},j=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of $(e))!I.call(t,o)&&o!==r&&g(t,o,{get:()=>e[o],enumerable:!(n=O(e,o))||n.enumerable});return t};var z=t=>j(g({},"__esModule",{value:!0}),t);var tt={};W(tt,{fromJsx:()=>K});module.exports=z(tt);function l(t,e){e&&Object.keys(e).length>0&&(t.style=e)}function f(t){let e={type:"container",children:t.children,tw:t.tw};return l(e,t.style),e}function m(t,e){if(typeof t=="string"){let n={type:"text",text:t};return l(n,e),n}let r={type:"text",text:t.text,tw:t.tw};return l(r,e??t.style),r}function d(t){let e={type:"image",src:t.src};return l(e,t.style),e}function k(t){return{percentage:t}}var a={body:{margin:8},p:{marginTop:"1em",marginBottom:"1em",display:"block"},blockquote:{marginTop:"1em",marginBottom:"1em",marginLeft:40,marginRight:40,display:"block"},center:{textAlign:"center",display:"block"},hr:{marginTop:"0.5em",marginBottom:"0.5em",marginLeft:"auto",marginRight:"auto",borderWidth:1,display:"block"},h1:{fontSize:"2em",marginTop:"0.67em",marginBottom:"0.67em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h2:{fontSize:"1.5em",marginTop:"0.83em",marginBottom:"0.83em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h3:{fontSize:"1.17em",marginTop:"1em",marginBottom:"1em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h4:{marginTop:"1.33em",marginBottom:"1.33em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h5:{fontSize:"0.83em",marginTop:"1.67em",marginBottom:"1.67em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h6:{fontSize:"0.67em",marginTop:"2.33em",marginBottom:"2.33em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},u:{textDecoration:"underline",display:"inline"},strong:{fontWeight:"bold",display:"inline"},b:{fontWeight:"bold",display:"inline"},i:{fontStyle:"italic",display:"inline"},em:{fontStyle:"italic",display:"inline"},code:{fontFamily:"monospace",display:"inline"},kbd:{fontFamily:"monospace",display:"inline"},pre:{fontFamily:"monospace",margin:"1em 0",display:"block"},mark:{backgroundColor:"yellow",color:0,display:"inline"},big:{fontSize:"1.2em",display:"inline"},small:{fontSize:"0.8em",display:"inline"},s:{textDecoration:"line-through",display:"inline"},span:{display:"inline"},img:{display:"inline"},svg:{display:"inline"}};var F=new Set(["head","meta","link","style","script"]);function S(t){return F.has(t.type)}function u(t,e){return t.type===e&&"props"in t}function E(t){return t.replace(/([A-Z])/g,"-$1").toLowerCase()}function i(t){return typeof t=="object"&&t!==null&&"type"in t}function p(t){return typeof t=="function"}var B=Symbol.for("react.forward_ref"),M=Symbol.for("react.memo"),H=Symbol.for("react.fragment");function P(t){return t.$$typeof===B}function w(t){return t.$$typeof===M}function R(t){return t.type===H}function _(t){return typeof t=="string"||typeof t=="number"}function T(t){return t.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function D(t){return Object.keys(t).map(e=>`${e.replace(/([A-Z])/g,"-$1").toLowerCase()}:${String(t[e]).trim()}`).join(";")}var V=["stopColor","stopOpacity","strokeWidth","strokeDasharray","strokeDashoffset","strokeLinecap","strokeLinejoin","fillRule","clipRule","colorInterpolationFilters","floodColor","floodOpacity","accentHeight","alignmentBaseline","arabicForm","baselineShift","capHeight","clipPath","clipPathUnits","colorInterpolation","colorProfile","colorRendering","enableBackground","fillOpacity","fontFamily","fontSize","fontSizeAdjust","fontStretch","fontStyle","fontVariant","fontWeight","glyphName","glyphOrientationHorizontal","glyphOrientationVertical","horizAdvX","horizOriginX","imageRendering","letterSpacing","lightingColor","markerEnd","markerMid","markerStart","overlinePosition","overlineThickness","paintOrder","preserveAspectRatio","pointerEvents","shapeRendering","strokeMiterlimit","strokeOpacity","textAnchor","textDecoration","textRendering","transformOrigin","underlinePosition","underlineThickness","unicodeBidi","unicodeRange","unitsPerEm","vectorEffect","vertAdvY","vertOriginX","vertOriginY","vAlphabetic","vHanging","vIdeographic","vMathematical","wordSpacing","writingMode"];function X(t,e){if(t==="children"||e==null)return;let r;if(t==="className"?r="class":V.includes(t)?r=E(t):r=t,typeof e=="boolean")return`${r}="${String(e)}"`;if(t==="style"&&typeof e=="object"){let n=D(e);if(n)return`style="${T(n)}"`}return`${r}="${T(String(e))}"`}function J(t){return Object.entries(t).map(([e,r])=>X(e,r)).filter(e=>e!==void 0)}var Y=(t,e)=>{let r=t.props||{};if(p(t.type))return c(t.type(t.props));if(typeof t.type=="symbol"||typeof t.type!="string")return"";let n=J(r),o=r.children,y=Array.isArray(o)?o.map(x=>e(x)).join(""):e(o);return`<${t.type}${n.length>0?` ${n.join(" ")}`:""}>${y}</${t.type}>`},c=t=>t==null||t===!1?"":_(t)?String(t):Array.isArray(t)?t.map(c).join(""):i(t)?Y(t,c):"";function N(t){let e=t.props||{};if(!("xmlns"in e)){let r={...t,props:{...e,xmlns:"http://www.w3.org/2000/svg"}};return c(r)||""}return c(t)||""}async function K(t){let e=await s(t);return e.length===0?f({}):e.length===1&&e[0]!==void 0?e[0]:f({children:e,style:{width:k(100),height:k(100)}})}async function s(t){if(t==null||t===!1)return[];if(t instanceof Promise)return s(await t);if(typeof t=="object"&&Symbol.iterator in t)return Q(t);if(i(t)){let e=await A(t);return Array.isArray(e)?e:e?[e]:[]}return[m(String(t),a.span)]}function q(t){if(!(typeof t.type!="object"||t.type===null)){if(P(t.type)&&"render"in t.type){let e=t.type;return s(e.render(t.props,null))}if(w(t.type)&&"type"in t.type){let r=t.type.type;if(p(r))return s(r(t.props));let n={...t,type:r};return A(n)}}}function L(t){if(!i(t))return Promise.resolve(void 0);let e=typeof t.props=="object"&&t.props!==null&&"children"in t.props?t.props.children:void 0;return typeof e=="string"?Promise.resolve(e):typeof e=="number"?Promise.resolve(String(e)):Array.isArray(e)?Promise.resolve(C(e)):typeof e=="object"&&e!==null&&Symbol.iterator in e?Promise.resolve(C(Array.from(e))):i(e)&&R(e)?L(e):Promise.resolve(void 0)}function C(t){if(!t.some(e=>i(e)))return t.map(e=>typeof e=="string"?e:typeof e=="number"?String(e):"").join("")}async function A(t){if(p(t.type))return s(t.type(t.props));let e=q(t);if(e!==void 0)return e;if(R(t))return await v(t)||[];if(S(t))return[];if(u(t,"br"))return[m(`
+`,a.span)];if(u(t,"img"))return[Z(t)];if(u(t,"svg"))return[G(t)];let r=b(t),n=h(t),o=await L(t);if(o!==void 0)return[m({text:o,style:r,tw:n})];let y=await v(t);return[f({children:y,style:r,tw:n})]}function Z(t){if(!t.props.src)throw new Error("Image element must have a 'src' prop.");let e=b(t),r=h(t);return d({src:t.props.src,style:e,tw:r})}function G(t){let e=b(t),r=h(t),n=N(t);return d({style:e,src:n,tw:r})}var U={WebkitTextStroke:"textStroke",WebkitTextStrokeWidth:"textStrokeWidth",WebkitTextStrokeColor:"textStrokeColor"};function b(t){let e={};typeof t.type=="string"&&t.type in a&&Object.assign(e,a[t.type]);let r=typeof t.props=="object"&&t.props!==null&&"style"in t.props&&typeof t.props.style=="object"&&t.props.style!==null?t.props.style:void 0;if(r&&Object.keys(r).length>0){for(let[n,o]of Object.entries(U))n in r&&(e[o]=r[n],delete r[n]);Object.assign(e,r)}return e}function h(t){if(!(typeof t.props!="object"||t.props===null||!("tw"in t.props)))return t.props.tw}function v(t){return typeof t.props!="object"||t.props===null||!("children"in t.props)?Promise.resolve([]):s(t.props.children)}function Q(t){return Promise.all(Array.from(t).map(e=>s(e))).then(e=>e.flat())}0&&(module.exports={fromJsx});

package/dist/jsx/jsx.d.cts

@@ -1,7 +1,5 @@
 import { ReactNode } from 'react';
-import { N as Node } from '../types-RUwY6emy.cjs';
-import { createTailwindFn } from './create-tailwind-fn.cjs';
-import 'twrnc';
+import { N as Node } from '../types-BOxuFk68.cjs';
 
 type ReactElementLike = {
     type: string | symbol | ((props: unknown) => ReactElementLike) | ReactElementLike;
@@ -9,12 +7,11 @@ type ReactElementLike = {
     $$typeof?: symbol;
 };
 
-interface FromJsxOptions {
-    /**
-     * @description The tailwind function to use, it will parse the `tw` prop and apply to inline styles.
-     */
-    tailwindFn?: ReturnType<typeof createTailwindFn>;
+declare module "react" {
+    interface DOMAttributes<T> {
+        tw?: string;
+    }
 }
-declare function fromJsx(element: ReactNode | ReactElementLike, options?: FromJsxOptions): Promise<Node>;
+declare function fromJsx(element: ReactNode | ReactElementLike): Promise<Node>;
 
-export { type FromJsxOptions, fromJsx };
+export { fromJsx };

package/dist/jsx/jsx.d.ts

@@ -1,7 +1,5 @@
 import { ReactNode } from 'react';
-import { N as Node } from '../types-RUwY6emy.js';
-import { createTailwindFn } from './create-tailwind-fn.js';
-import 'twrnc';
+import { N as Node } from '../types-BOxuFk68.js';
 
 type ReactElementLike = {
     type: string | symbol | ((props: unknown) => ReactElementLike) | ReactElementLike;
@@ -9,12 +7,11 @@ type ReactElementLike = {
     $$typeof?: symbol;
 };
 
-interface FromJsxOptions {
-    /**
-     * @description The tailwind function to use, it will parse the `tw` prop and apply to inline styles.
-     */
-    tailwindFn?: ReturnType<typeof createTailwindFn>;
+declare module "react" {
+    interface DOMAttributes<T> {
+        tw?: string;
+    }
 }
-declare function fromJsx(element: ReactNode | ReactElementLike, options?: FromJsxOptions): Promise<Node>;
+declare function fromJsx(element: ReactNode | ReactElementLike): Promise<Node>;
 
-export { type FromJsxOptions, fromJsx };
+export { fromJsx };

package/dist/jsx/jsx.js

@@ -1,2 +1,2 @@
-function y(t,e){e&&Object.keys(e).length>0&&(t.style=e)}function f(t){let e={type:"container",children:t.children};return y(e,t.style),e}function m(t,e){let r={type:"text",text:t};return y(r,e),r}function g(t){let e={type:"image",src:t.src};return y(e,t.style),e}function d(t){return{percentage:t}}var p={body:{margin:8},p:{marginTop:"1em",marginBottom:"1em",display:"block"},blockquote:{marginTop:"1em",marginBottom:"1em",marginLeft:40,marginRight:40,display:"block"},center:{textAlign:"center",display:"block"},hr:{marginTop:"0.5em",marginBottom:"0.5em",marginLeft:"auto",marginRight:"auto",borderWidth:1,display:"block"},h1:{fontSize:"2em",marginTop:"0.67em",marginBottom:"0.67em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h2:{fontSize:"1.5em",marginTop:"0.83em",marginBottom:"0.83em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h3:{fontSize:"1.17em",marginTop:"1em",marginBottom:"1em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h4:{marginTop:"1.33em",marginBottom:"1.33em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h5:{fontSize:"0.83em",marginTop:"1.67em",marginBottom:"1.67em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h6:{fontSize:"0.67em",marginTop:"2.33em",marginBottom:"2.33em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},u:{textDecoration:"underline",display:"inline"},strong:{fontWeight:"bold",display:"inline"},b:{fontWeight:"bold",display:"inline"},i:{fontStyle:"italic",display:"inline"},em:{fontStyle:"italic",display:"inline"},code:{fontFamily:"monospace",display:"inline"},kbd:{fontFamily:"monospace",display:"inline"},pre:{fontFamily:"monospace",margin:"1em 0",display:"block"},mark:{backgroundColor:"yellow",color:0,display:"inline"},big:{fontSize:"1.2em",display:"inline"},small:{fontSize:"0.8em",display:"inline"},s:{textDecoration:"line-through",display:"inline"},span:{display:"inline"},img:{display:"inline"},svg:{display:"inline"}};var L=new Set(["head","meta","link","style","script"]);function b(t){return L.has(t.type)}function u(t,e){return t.type===e&&"props"in t}function S(t){return t.replace(/([A-Z])/g,"-$1").toLowerCase()}function i(t){return typeof t=="object"&&t!==null&&"type"in t}function c(t){return typeof t=="function"}var O=Symbol.for("react.forward_ref"),F=Symbol.for("react.memo"),A=Symbol.for("react.fragment");function x(t){return t.$$typeof===O}function E(t){return t.$$typeof===F}function k(t){return t.type===A}function $(t){return typeof t=="string"||typeof t=="number"}function P(t){return t.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function I(t){return Object.keys(t).map(e=>`${e.replace(/([A-Z])/g,"-$1").toLowerCase()}:${String(t[e]).trim()}`).join(";")}var W=["stopColor","stopOpacity","strokeWidth","strokeDasharray","strokeDashoffset","strokeLinecap","strokeLinejoin","fillRule","clipRule","colorInterpolationFilters","floodColor","floodOpacity","accentHeight","alignmentBaseline","arabicForm","baselineShift","capHeight","clipPath","clipPathUnits","colorInterpolation","colorProfile","colorRendering","enableBackground","fillOpacity","fontFamily","fontSize","fontSizeAdjust","fontStretch","fontStyle","fontVariant","fontWeight","glyphName","glyphOrientationHorizontal","glyphOrientationVertical","horizAdvX","horizOriginX","imageRendering","letterSpacing","lightingColor","markerEnd","markerMid","markerStart","overlinePosition","overlineThickness","paintOrder","preserveAspectRatio","pointerEvents","shapeRendering","strokeMiterlimit","strokeOpacity","textAnchor","textDecoration","textRendering","transformOrigin","underlinePosition","underlineThickness","unicodeBidi","unicodeRange","unitsPerEm","vectorEffect","vertAdvY","vertOriginX","vertOriginY","vAlphabetic","vHanging","vIdeographic","vMathematical","wordSpacing","writingMode"];function j(t,e){if(t==="children"||e==null)return;let r;if(t==="className"?r="class":W.includes(t)?r=S(t):r=t,typeof e=="boolean")return`${r}="${String(e)}"`;if(t==="style"&&typeof e=="object"){let n=I(e);if(n)return`style="${P(n)}"`}return`${r}="${P(String(e))}"`}function J(t){return Object.entries(t).map(([e,r])=>j(e,r)).filter(e=>e!==void 0)}var z=(t,e)=>{let r=t.props||{};if(c(t.type))return l(t.type(t.props));if(typeof t.type=="symbol"||typeof t.type!="string")return"";let n=J(r),o=r.children,a=Array.isArray(o)?o.map(h=>e(h)).join(""):e(o);return`<${t.type}${n.length>0?` ${n.join(" ")}`:""}>${a}</${t.type}>`},l=t=>t==null||t===!1?"":$(t)?String(t):Array.isArray(t)?t.map(l).join(""):i(t)?z(t,l):"";function w(t){let e=t.props||{};if(!("xmlns"in e)){let r={...t,props:{...e,xmlns:"http://www.w3.org/2000/svg"}};return l(r)||""}return l(t)||""}async function et(t,e){let r=await s(t,e??{});return r.length===0?f({}):r.length===1&&r[0]!==void 0?r[0]:f({children:r,style:{width:d(100),height:d(100)}})}async function s(t,e){if(t==null||t===!1)return[];if(t instanceof Promise)return s(await t,e);if(typeof t=="object"&&Symbol.iterator in t)return X(t,e);if(i(t)){let r=await v(t,e);return Array.isArray(r)?r:r?[r]:[]}return[m(String(t),p.span)]}function B(t,e){if(!(typeof t.type!="object"||t.type===null)){if(x(t.type)&&"render"in t.type){let r=t.type;return s(r.render(t.props,null),e)}if(E(t.type)&&"type"in t.type){let n=t.type.type;if(c(n))return s(n(t.props),e);let o={...t,type:n};return v(o,e)}}}function N(t){if(!i(t))return Promise.resolve(void 0);let e=typeof t.props=="object"&&t.props!==null&&"children"in t.props?t.props.children:void 0;return typeof e=="string"?Promise.resolve(e):typeof e=="number"?Promise.resolve(String(e)):Array.isArray(e)?Promise.resolve(T(e)):typeof e=="object"&&e!==null&&Symbol.iterator in e?Promise.resolve(T(Array.from(e))):i(e)&&k(e)?N(e):Promise.resolve(void 0)}function T(t){if(!t.some(e=>i(e)))return t.map(e=>typeof e=="string"?e:typeof e=="number"?String(e):"").join("")}async function v(t,e){if(c(t.type))return s(t.type(t.props),e);let r=B(t,e);if(r!==void 0)return r;if(k(t))return await C(t,e)||[];if(b(t))return[];if(u(t,"br"))return[m(`
-`,p.span)];if(u(t,"img"))return[M(t,e)];if(u(t,"svg"))return[H(t,e)];let n=R(t,e),o=await N(t);if(o!==void 0)return[m(o,n)];let a=await C(t,e);return[f({children:a,style:n})]}function M(t,e){if(!t.props.src)throw new Error("Image element must have a 'src' prop.");let r=R(t,e);return g({src:t.props.src,style:r})}function H(t,e){let r=R(t,e),n=w(t);return g({style:r,src:n})}var _={WebkitTextStroke:"textStroke",WebkitTextStrokeWidth:"textStrokeWidth",WebkitTextStrokeColor:"textStrokeColor"};function V(t,e,r){if(!r.tailwindFn||typeof t.props!="object"||t.props===null)return;let n=[];"tw"in t.props&&typeof t.props.tw=="string"&&n.push(t.props.tw),"className"in t.props&&typeof t.props.className=="string"&&n.push(t.props.className),"class"in t.props&&typeof t.props.class=="string"&&n.push(t.props.class),Object.assign(e,r.tailwindFn(...n))}function R(t,e){let r={};typeof t.type=="string"&&t.type in p&&Object.assign(r,p[t.type]),V(t,r,e);let n=typeof t.props=="object"&&t.props!==null&&"style"in t.props&&typeof t.props.style=="object"&&t.props.style!==null?t.props.style:void 0;if(n&&Object.keys(n).length>0){for(let[o,a]of Object.entries(_))o in n&&(r[a]=n[o],delete n[o]);Object.assign(r,n)}return r}function C(t,e){return typeof t.props!="object"||t.props===null||!("children"in t.props)?Promise.resolve([]):s(t.props.children,e)}function X(t,e){return Promise.all(Array.from(t).map(r=>s(r,e))).then(r=>r.flat())}export{et as fromJsx};
+function l(t,e){e&&Object.keys(e).length>0&&(t.style=e)}function f(t){let e={type:"container",children:t.children,tw:t.tw};return l(e,t.style),e}function m(t,e){if(typeof t=="string"){let n={type:"text",text:t};return l(n,e),n}let r={type:"text",text:t.text,tw:t.tw};return l(r,e??t.style),r}function g(t){let e={type:"image",src:t.src};return l(e,t.style),e}function d(t){return{percentage:t}}var a={body:{margin:8},p:{marginTop:"1em",marginBottom:"1em",display:"block"},blockquote:{marginTop:"1em",marginBottom:"1em",marginLeft:40,marginRight:40,display:"block"},center:{textAlign:"center",display:"block"},hr:{marginTop:"0.5em",marginBottom:"0.5em",marginLeft:"auto",marginRight:"auto",borderWidth:1,display:"block"},h1:{fontSize:"2em",marginTop:"0.67em",marginBottom:"0.67em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h2:{fontSize:"1.5em",marginTop:"0.83em",marginBottom:"0.83em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h3:{fontSize:"1.17em",marginTop:"1em",marginBottom:"1em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h4:{marginTop:"1.33em",marginBottom:"1.33em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h5:{fontSize:"0.83em",marginTop:"1.67em",marginBottom:"1.67em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},h6:{fontSize:"0.67em",marginTop:"2.33em",marginBottom:"2.33em",marginLeft:0,marginRight:0,fontWeight:"bold",display:"block"},u:{textDecoration:"underline",display:"inline"},strong:{fontWeight:"bold",display:"inline"},b:{fontWeight:"bold",display:"inline"},i:{fontStyle:"italic",display:"inline"},em:{fontStyle:"italic",display:"inline"},code:{fontFamily:"monospace",display:"inline"},kbd:{fontFamily:"monospace",display:"inline"},pre:{fontFamily:"monospace",margin:"1em 0",display:"block"},mark:{backgroundColor:"yellow",color:0,display:"inline"},big:{fontSize:"1.2em",display:"inline"},small:{fontSize:"0.8em",display:"inline"},s:{textDecoration:"line-through",display:"inline"},span:{display:"inline"},img:{display:"inline"},svg:{display:"inline"}};var A=new Set(["head","meta","link","style","script"]);function x(t){return A.has(t.type)}function u(t,e){return t.type===e&&"props"in t}function S(t){return t.replace(/([A-Z])/g,"-$1").toLowerCase()}function i(t){return typeof t=="object"&&t!==null&&"type"in t}function p(t){return typeof t=="function"}var O=Symbol.for("react.forward_ref"),$=Symbol.for("react.memo"),I=Symbol.for("react.fragment");function E(t){return t.$$typeof===O}function P(t){return t.$$typeof===$}function k(t){return t.type===I}function W(t){return typeof t=="string"||typeof t=="number"}function w(t){return t.replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function j(t){return Object.keys(t).map(e=>`${e.replace(/([A-Z])/g,"-$1").toLowerCase()}:${String(t[e]).trim()}`).join(";")}var z=["stopColor","stopOpacity","strokeWidth","strokeDasharray","strokeDashoffset","strokeLinecap","strokeLinejoin","fillRule","clipRule","colorInterpolationFilters","floodColor","floodOpacity","accentHeight","alignmentBaseline","arabicForm","baselineShift","capHeight","clipPath","clipPathUnits","colorInterpolation","colorProfile","colorRendering","enableBackground","fillOpacity","fontFamily","fontSize","fontSizeAdjust","fontStretch","fontStyle","fontVariant","fontWeight","glyphName","glyphOrientationHorizontal","glyphOrientationVertical","horizAdvX","horizOriginX","imageRendering","letterSpacing","lightingColor","markerEnd","markerMid","markerStart","overlinePosition","overlineThickness","paintOrder","preserveAspectRatio","pointerEvents","shapeRendering","strokeMiterlimit","strokeOpacity","textAnchor","textDecoration","textRendering","transformOrigin","underlinePosition","underlineThickness","unicodeBidi","unicodeRange","unitsPerEm","vectorEffect","vertAdvY","vertOriginX","vertOriginY","vAlphabetic","vHanging","vIdeographic","vMathematical","wordSpacing","writingMode"];function F(t,e){if(t==="children"||e==null)return;let r;if(t==="className"?r="class":z.includes(t)?r=S(t):r=t,typeof e=="boolean")return`${r}="${String(e)}"`;if(t==="style"&&typeof e=="object"){let n=j(e);if(n)return`style="${w(n)}"`}return`${r}="${w(String(e))}"`}function B(t){return Object.entries(t).map(([e,r])=>F(e,r)).filter(e=>e!==void 0)}var M=(t,e)=>{let r=t.props||{};if(p(t.type))return c(t.type(t.props));if(typeof t.type=="symbol"||typeof t.type!="string")return"";let n=B(r),o=r.children,y=Array.isArray(o)?o.map(h=>e(h)).join(""):e(o);return`<${t.type}${n.length>0?` ${n.join(" ")}`:""}>${y}</${t.type}>`},c=t=>t==null||t===!1?"":W(t)?String(t):Array.isArray(t)?t.map(c).join(""):i(t)?M(t,c):"";function T(t){let e=t.props||{};if(!("xmlns"in e)){let r={...t,props:{...e,xmlns:"http://www.w3.org/2000/svg"}};return c(r)||""}return c(t)||""}async function et(t){let e=await s(t);return e.length===0?f({}):e.length===1&&e[0]!==void 0?e[0]:f({children:e,style:{width:d(100),height:d(100)}})}async function s(t){if(t==null||t===!1)return[];if(t instanceof Promise)return s(await t);if(typeof t=="object"&&Symbol.iterator in t)return X(t);if(i(t)){let e=await L(t);return Array.isArray(e)?e:e?[e]:[]}return[m(String(t),a.span)]}function H(t){if(!(typeof t.type!="object"||t.type===null)){if(E(t.type)&&"render"in t.type){let e=t.type;return s(e.render(t.props,null))}if(P(t.type)&&"type"in t.type){let r=t.type.type;if(p(r))return s(r(t.props));let n={...t,type:r};return L(n)}}}function v(t){if(!i(t))return Promise.resolve(void 0);let e=typeof t.props=="object"&&t.props!==null&&"children"in t.props?t.props.children:void 0;return typeof e=="string"?Promise.resolve(e):typeof e=="number"?Promise.resolve(String(e)):Array.isArray(e)?Promise.resolve(N(e)):typeof e=="object"&&e!==null&&Symbol.iterator in e?Promise.resolve(N(Array.from(e))):i(e)&&k(e)?v(e):Promise.resolve(void 0)}function N(t){if(!t.some(e=>i(e)))return t.map(e=>typeof e=="string"?e:typeof e=="number"?String(e):"").join("")}async function L(t){if(p(t.type))return s(t.type(t.props));let e=H(t);if(e!==void 0)return e;if(k(t))return await C(t)||[];if(x(t))return[];if(u(t,"br"))return[m(`
+`,a.span)];if(u(t,"img"))return[_(t)];if(u(t,"svg"))return[D(t)];let r=R(t),n=b(t),o=await v(t);if(o!==void 0)return[m({text:o,style:r,tw:n})];let y=await C(t);return[f({children:y,style:r,tw:n})]}function _(t){if(!t.props.src)throw new Error("Image element must have a 'src' prop.");let e=R(t),r=b(t);return g({src:t.props.src,style:e,tw:r})}function D(t){let e=R(t),r=b(t),n=T(t);return g({style:e,src:n,tw:r})}var V={WebkitTextStroke:"textStroke",WebkitTextStrokeWidth:"textStrokeWidth",WebkitTextStrokeColor:"textStrokeColor"};function R(t){let e={};typeof t.type=="string"&&t.type in a&&Object.assign(e,a[t.type]);let r=typeof t.props=="object"&&t.props!==null&&"style"in t.props&&typeof t.props.style=="object"&&t.props.style!==null?t.props.style:void 0;if(r&&Object.keys(r).length>0){for(let[n,o]of Object.entries(V))n in r&&(e[o]=r[n],delete r[n]);Object.assign(e,r)}return e}function b(t){if(!(typeof t.props!="object"||t.props===null||!("tw"in t.props)))return t.props.tw}function C(t){return typeof t.props!="object"||t.props===null||!("children"in t.props)?Promise.resolve([]):s(t.props.children)}function X(t){return Promise.all(Array.from(t).map(e=>s(e))).then(e=>e.flat())}export{et as fromJsx};

package/dist/{types-RUwY6emy.d.cts → types-BOxuFk68.d.cts}

@@ -158,10 +158,18 @@ type PositionKeywordY = "top" | "center" | "bottom";
  */
 type PositionComponent = PositionKeywordX | PositionKeywordY | LengthUnit;
 
+/**
+ * A pair of values for horizontal and vertical axes.
+ */
+type SpacePair<T> = T | {
+    x: T;
+    y: T;
+} | string;
+
 /**
  * Parsed `background-position` value for one layer.
  */
-type BackgroundPosition = [PositionComponent, PositionComponent] | string;
+type BackgroundPosition = SpacePair<PositionComponent>;
 
 /**
  * A list of `background-position` values (one per layer).
@@ -176,16 +184,7 @@ type BackgroundRepeatStyle = "repeat" | "no-repeat" | "space" | "round";
 /**
  * Combined repeat for X and Y axes.
  */
-type BackgroundRepeat = {
-    /**
-     * Repeat style along the X axis.
-     */
-    x: BackgroundRepeatStyle;
-    /**
-     * Repeat style along the Y axis.
-     */
-    y: BackgroundRepeatStyle;
-};
+type BackgroundRepeat = [BackgroundRepeatStyle, BackgroundRepeatStyle];
 
 /**
  * A list of background-repeat values (layered).
@@ -216,16 +215,7 @@ type BackgroundSizes = Array<BackgroundSize> | string;
 /**
  * Represents a position for circle() and ellipse() functions.
  */
-type ShapePosition = {
-    /**
-     * X-axis position component
-     */
-    x: LengthUnit;
-    /**
-     * Y-axis position component
-     */
-    y: LengthUnit;
-};
+type ShapePosition = SpacePair<LengthUnit>;
 
 /**
  * Represents radius values for circle() and ellipse() functions.
@@ -307,20 +297,6 @@ type PathShape = {
     path: string;
 };
 
-/**
- * Represents a single coordinate pair in a polygon.
- */
-type PolygonCoordinate = {
-    /**
-     * X coordinate
-     */
-    x: LengthUnit;
-    /**
-     * Y coordinate
-     */
-    y: LengthUnit;
-};
-
 /**
  * Represents a polygon() shape.
  */
@@ -332,7 +308,7 @@ type PolygonShape = {
     /**
      * List of coordinate pairs defining the polygon vertices
      */
-    coordinates: Array<PolygonCoordinate>;
+    coordinates: Array<SpacePair<LengthUnit>>;
 };
 
 /**
@@ -430,7 +406,7 @@ type CssValue<T> = CssGlobalKeyword | T;
 /**
  * This enum determines the layout algorithm used for the children of a node.
  */
-type Display = "flex" | "grid" | "inline" | "block";
+type Display = "none" | "flex" | "grid" | "inline" | "block";
 
 /**
  * Represents a single CSS filter operation
@@ -517,17 +493,17 @@ type FontVariationSettings = string;
 type FontWeight = string | number;
 
 /**
- * Represents spacing between flex items.
- *
- * Can be either a single value applied to both axes, or separate values
- * for horizontal and vertical spacing.
+ * Represents the direction of the grid auto flow.
  */
-type Gap = LengthUnit | [LengthUnit, LengthUnit] | string;
+type GridDirection = "row" | "column";
 
 /**
- * Represents the grid auto flow with serde support
+ * Represents the flow of the grid auto placement.
  */
-type GridAutoFlow = "row" | "column" | "row dense" | "column dense";
+type GridAutoFlow = {
+    direction: GridDirection;
+    dense: boolean;
+} | string;
 
 /**
  * Represents a grid placement keyword
@@ -690,7 +666,7 @@ type Overflow = "visible" | "hidden";
  * Can be either a single value applied to both axes, or separate values
  * for horizontal and vertical overflow.
  */
-type Overflows = Overflow | [Overflow, Overflow] | string;
+type Overflows = SpacePair<Overflow>;
 
 /**
  * Controls how text should be overflowed.
@@ -712,14 +688,6 @@ type PercentageNumber = string | number;
  */
 type Position = "relative" | "absolute";
 
-/**
- * Represents a 2D scale for CSS scale property
- */
-type Scale = {
-    x: number;
-    y: number;
-} | string;
-
 /**
  * Text alignment options for text rendering.
  *
@@ -800,6 +768,11 @@ type TextStroke = {
  */
 type TextTransform = "none" | "uppercase" | "lowercase" | "capitalize";
 
+/**
+ * Controls whether text should be wrapped.
+ */
+type TextWrapMode = "wrap" | "nowrap";
+
 /**
  * Represents an affine transform matrix
  */
@@ -851,11 +824,18 @@ type Transform = {
 type Transforms = Array<Transform> | string;
 
 /**
- * Represents a 2D translation for CSS translate property
+ * Controls how whitespace should be collapsed.
+ */
+type WhiteSpaceCollapse = "preserve" | "collapse" | "preserve-spaces" | "preserve-breaks";
+
+type WhiteSpaceKeywords = "normal" | "pre" | "pre-wrap" | "pre-line";
+
+/**
+ * Controls how whitespace should be handled.
  */
-type Translate = {
-    x: LengthUnit;
-    y: LengthUnit;
+type WhiteSpace = WhiteSpaceKeywords | {
+    textWrapMode: TextWrapMode;
+    whiteSpaceCollapse: WhiteSpaceCollapse;
 } | string;
 
 /**
@@ -880,16 +860,22 @@ type Style = {
     minHeight: CssValue<LengthUnit>;
     aspectRatio: CssValue<AspectRatio>;
     padding: CssValue<Sides<LengthUnit>>;
+    paddingInline: CssValue<CssOption<SpacePair<LengthUnit>>>;
+    paddingBlock: CssValue<CssOption<SpacePair<LengthUnit>>>;
     paddingTop: CssValue<CssOption<LengthUnit>>;
     paddingRight: CssValue<CssOption<LengthUnit>>;
     paddingBottom: CssValue<CssOption<LengthUnit>>;
     paddingLeft: CssValue<CssOption<LengthUnit>>;
     margin: CssValue<Sides<LengthUnit>>;
+    marginInline: CssValue<CssOption<SpacePair<LengthUnit>>>;
+    marginBlock: CssValue<CssOption<SpacePair<LengthUnit>>>;
     marginTop: CssValue<CssOption<LengthUnit>>;
     marginRight: CssValue<CssOption<LengthUnit>>;
     marginBottom: CssValue<CssOption<LengthUnit>>;
     marginLeft: CssValue<CssOption<LengthUnit>>;
     inset: CssValue<Sides<LengthUnit>>;
+    insetInline: CssValue<CssOption<SpacePair<LengthUnit>>>;
+    insetBlock: CssValue<CssOption<SpacePair<LengthUnit>>>;
     top: CssValue<CssOption<LengthUnit>>;
     right: CssValue<CssOption<LengthUnit>>;
     bottom: CssValue<CssOption<LengthUnit>>;
@@ -905,15 +891,21 @@ type Style = {
     flexBasis: CssValue<CssOption<LengthUnit>>;
     position: CssValue<Position>;
     rotate: CssValue<CssOption<Angle>>;
-    scale: CssValue<CssOption<Scale>>;
+    scale: CssValue<CssOption<SpacePair<PercentageNumber>>>;
+    scaleX: CssValue<CssOption<PercentageNumber>>;
+    scaleY: CssValue<CssOption<PercentageNumber>>;
     transform: CssValue<CssOption<Transforms>>;
     transformOrigin: CssValue<CssOption<BackgroundPosition>>;
-    translate: CssValue<CssOption<Translate>>;
+    translate: CssValue<CssOption<SpacePair<LengthUnit>>>;
+    translateX: CssValue<CssOption<LengthUnit>>;
+    translateY: CssValue<CssOption<LengthUnit>>;
     maskImage: CssValue<CssOption<BackgroundImages>>;
     maskSize: CssValue<CssOption<BackgroundSizes>>;
     maskPosition: CssValue<CssOption<BackgroundPositions>>;
     maskRepeat: CssValue<CssOption<BackgroundRepeats>>;
-    gap: CssValue<Gap>;
+    gap: CssValue<SpacePair<LengthUnit>>;
+    columnGap: CssValue<CssOption<LengthUnit>>;
+    rowGap: CssValue<CssOption<LengthUnit>>;
     flex: CssValue<CssOption<Flex>>;
     flexGrow: CssValue<CssOption<FlexGrow>>;
     flexShrink: CssValue<CssOption<FlexGrow>>;
@@ -923,6 +915,8 @@ type Style = {
     borderBottomRightRadius: CssValue<CssOption<LengthUnit>>;
     borderBottomLeftRadius: CssValue<CssOption<LengthUnit>>;
     borderWidth: CssValue<CssOption<Sides<LengthUnit>>>;
+    borderInlineWidth: CssValue<CssOption<SpacePair<LengthUnit>>>;
+    borderBlockWidth: CssValue<CssOption<SpacePair<LengthUnit>>>;
     borderTopWidth: CssValue<CssOption<LengthUnit>>;
     borderRightWidth: CssValue<CssOption<LengthUnit>>;
     borderBottomWidth: CssValue<CssOption<LengthUnit>>;
@@ -975,6 +969,10 @@ type Style = {
     wordBreak: CssValue<WordBreak>;
     clipPath: CssValue<CssOption<BasicShape>>;
     clipRule: CssValue<FillRule>;
+    whiteSpace: CssValue<WhiteSpace>;
+    whiteSpaceCollapse: CssValue<CssOption<WhiteSpaceCollapse>>;
+    textWrapMode: CssValue<CssOption<TextWrapMode>>;
+    textWrap: CssValue<CssOption<TextWrapMode>>;
 };
 
 type JsonValue = string | number | boolean | null | JsonValue[] | {
@@ -990,11 +988,13 @@ type ContainerNode = {
     type: "container";
     style?: PartialStyle;
     children?: Node[];
+    tw?: string;
 };
 type TextNode = {
     type: "text";
     text: string;
     style?: PartialStyle;
+    tw?: string;
 };
 type ImageNode = {
     type: "image";
@@ -1002,6 +1002,7 @@ type ImageNode = {
     width?: number;
     height?: number;
     style?: PartialStyle;
+    tw?: string;
 };
 
 export type { AnyNode as A, ContainerNode as C, ImageNode as I, JsonValue as J, Node as N, PartialStyle as P, Style as S, TextNode as T, ColorInput as a };

package/dist/{types-RUwY6emy.d.ts → types-BOxuFk68.d.ts}

@@ -158,10 +158,18 @@ type PositionKeywordY = "top" | "center" | "bottom";
  */
 type PositionComponent = PositionKeywordX | PositionKeywordY | LengthUnit;
 
+/**
+ * A pair of values for horizontal and vertical axes.
+ */
+type SpacePair<T> = T | {
+    x: T;
+    y: T;
+} | string;
+
 /**
  * Parsed `background-position` value for one layer.
  */
-type BackgroundPosition = [PositionComponent, PositionComponent] | string;
+type BackgroundPosition = SpacePair<PositionComponent>;
 
 /**
  * A list of `background-position` values (one per layer).
@@ -176,16 +184,7 @@ type BackgroundRepeatStyle = "repeat" | "no-repeat" | "space" | "round";
 /**
  * Combined repeat for X and Y axes.
  */
-type BackgroundRepeat = {
-    /**
-     * Repeat style along the X axis.
-     */
-    x: BackgroundRepeatStyle;
-    /**
-     * Repeat style along the Y axis.
-     */
-    y: BackgroundRepeatStyle;
-};
+type BackgroundRepeat = [BackgroundRepeatStyle, BackgroundRepeatStyle];
 
 /**
  * A list of background-repeat values (layered).
@@ -216,16 +215,7 @@ type BackgroundSizes = Array<BackgroundSize> | string;
 /**
  * Represents a position for circle() and ellipse() functions.
  */
-type ShapePosition = {
-    /**
-     * X-axis position component
-     */
-    x: LengthUnit;
-    /**
-     * Y-axis position component
-     */
-    y: LengthUnit;
-};
+type ShapePosition = SpacePair<LengthUnit>;
 
 /**
  * Represents radius values for circle() and ellipse() functions.
@@ -307,20 +297,6 @@ type PathShape = {
     path: string;
 };
 
-/**
- * Represents a single coordinate pair in a polygon.
- */
-type PolygonCoordinate = {
-    /**
-     * X coordinate
-     */
-    x: LengthUnit;
-    /**
-     * Y coordinate
-     */
-    y: LengthUnit;
-};
-
 /**
  * Represents a polygon() shape.
  */
@@ -332,7 +308,7 @@ type PolygonShape = {
     /**
      * List of coordinate pairs defining the polygon vertices
      */
-    coordinates: Array<PolygonCoordinate>;
+    coordinates: Array<SpacePair<LengthUnit>>;
 };
 
 /**
@@ -430,7 +406,7 @@ type CssValue<T> = CssGlobalKeyword | T;
 /**
  * This enum determines the layout algorithm used for the children of a node.
  */
-type Display = "flex" | "grid" | "inline" | "block";
+type Display = "none" | "flex" | "grid" | "inline" | "block";
 
 /**
  * Represents a single CSS filter operation
@@ -517,17 +493,17 @@ type FontVariationSettings = string;
 type FontWeight = string | number;
 
 /**
- * Represents spacing between flex items.
- *
- * Can be either a single value applied to both axes, or separate values
- * for horizontal and vertical spacing.
+ * Represents the direction of the grid auto flow.
  */
-type Gap = LengthUnit | [LengthUnit, LengthUnit] | string;
+type GridDirection = "row" | "column";
 
 /**
- * Represents the grid auto flow with serde support
+ * Represents the flow of the grid auto placement.
  */
-type GridAutoFlow = "row" | "column" | "row dense" | "column dense";
+type GridAutoFlow = {
+    direction: GridDirection;
+    dense: boolean;
+} | string;
 
 /**
  * Represents a grid placement keyword
@@ -690,7 +666,7 @@ type Overflow = "visible" | "hidden";
  * Can be either a single value applied to both axes, or separate values
  * for horizontal and vertical overflow.
  */
-type Overflows = Overflow | [Overflow, Overflow] | string;
+type Overflows = SpacePair<Overflow>;
 
 /**
  * Controls how text should be overflowed.
@@ -712,14 +688,6 @@ type PercentageNumber = string | number;
  */
 type Position = "relative" | "absolute";
 
-/**
- * Represents a 2D scale for CSS scale property
- */
-type Scale = {
-    x: number;
-    y: number;
-} | string;
-
 /**
  * Text alignment options for text rendering.
  *
@@ -800,6 +768,11 @@ type TextStroke = {
  */
 type TextTransform = "none" | "uppercase" | "lowercase" | "capitalize";
 
+/**
+ * Controls whether text should be wrapped.
+ */
+type TextWrapMode = "wrap" | "nowrap";
+
 /**
  * Represents an affine transform matrix
  */
@@ -851,11 +824,18 @@ type Transform = {
 type Transforms = Array<Transform> | string;
 
 /**
- * Represents a 2D translation for CSS translate property
+ * Controls how whitespace should be collapsed.
+ */
+type WhiteSpaceCollapse = "preserve" | "collapse" | "preserve-spaces" | "preserve-breaks";
+
+type WhiteSpaceKeywords = "normal" | "pre" | "pre-wrap" | "pre-line";
+
+/**
+ * Controls how whitespace should be handled.
  */
-type Translate = {
-    x: LengthUnit;
-    y: LengthUnit;
+type WhiteSpace = WhiteSpaceKeywords | {
+    textWrapMode: TextWrapMode;
+    whiteSpaceCollapse: WhiteSpaceCollapse;
 } | string;
 
 /**
@@ -880,16 +860,22 @@ type Style = {
     minHeight: CssValue<LengthUnit>;
     aspectRatio: CssValue<AspectRatio>;
     padding: CssValue<Sides<LengthUnit>>;
+    paddingInline: CssValue<CssOption<SpacePair<LengthUnit>>>;
+    paddingBlock: CssValue<CssOption<SpacePair<LengthUnit>>>;
     paddingTop: CssValue<CssOption<LengthUnit>>;
     paddingRight: CssValue<CssOption<LengthUnit>>;
     paddingBottom: CssValue<CssOption<LengthUnit>>;
     paddingLeft: CssValue<CssOption<LengthUnit>>;
     margin: CssValue<Sides<LengthUnit>>;
+    marginInline: CssValue<CssOption<SpacePair<LengthUnit>>>;
+    marginBlock: CssValue<CssOption<SpacePair<LengthUnit>>>;
     marginTop: CssValue<CssOption<LengthUnit>>;
     marginRight: CssValue<CssOption<LengthUnit>>;
     marginBottom: CssValue<CssOption<LengthUnit>>;
     marginLeft: CssValue<CssOption<LengthUnit>>;
     inset: CssValue<Sides<LengthUnit>>;
+    insetInline: CssValue<CssOption<SpacePair<LengthUnit>>>;
+    insetBlock: CssValue<CssOption<SpacePair<LengthUnit>>>;
     top: CssValue<CssOption<LengthUnit>>;
     right: CssValue<CssOption<LengthUnit>>;
     bottom: CssValue<CssOption<LengthUnit>>;
@@ -905,15 +891,21 @@ type Style = {
     flexBasis: CssValue<CssOption<LengthUnit>>;
     position: CssValue<Position>;
     rotate: CssValue<CssOption<Angle>>;
-    scale: CssValue<CssOption<Scale>>;
+    scale: CssValue<CssOption<SpacePair<PercentageNumber>>>;
+    scaleX: CssValue<CssOption<PercentageNumber>>;
+    scaleY: CssValue<CssOption<PercentageNumber>>;
     transform: CssValue<CssOption<Transforms>>;
     transformOrigin: CssValue<CssOption<BackgroundPosition>>;
-    translate: CssValue<CssOption<Translate>>;
+    translate: CssValue<CssOption<SpacePair<LengthUnit>>>;
+    translateX: CssValue<CssOption<LengthUnit>>;
+    translateY: CssValue<CssOption<LengthUnit>>;
     maskImage: CssValue<CssOption<BackgroundImages>>;
     maskSize: CssValue<CssOption<BackgroundSizes>>;
     maskPosition: CssValue<CssOption<BackgroundPositions>>;
     maskRepeat: CssValue<CssOption<BackgroundRepeats>>;
-    gap: CssValue<Gap>;
+    gap: CssValue<SpacePair<LengthUnit>>;
+    columnGap: CssValue<CssOption<LengthUnit>>;
+    rowGap: CssValue<CssOption<LengthUnit>>;
     flex: CssValue<CssOption<Flex>>;
     flexGrow: CssValue<CssOption<FlexGrow>>;
     flexShrink: CssValue<CssOption<FlexGrow>>;
@@ -923,6 +915,8 @@ type Style = {
     borderBottomRightRadius: CssValue<CssOption<LengthUnit>>;
     borderBottomLeftRadius: CssValue<CssOption<LengthUnit>>;
     borderWidth: CssValue<CssOption<Sides<LengthUnit>>>;
+    borderInlineWidth: CssValue<CssOption<SpacePair<LengthUnit>>>;
+    borderBlockWidth: CssValue<CssOption<SpacePair<LengthUnit>>>;
     borderTopWidth: CssValue<CssOption<LengthUnit>>;
     borderRightWidth: CssValue<CssOption<LengthUnit>>;
     borderBottomWidth: CssValue<CssOption<LengthUnit>>;
@@ -975,6 +969,10 @@ type Style = {
     wordBreak: CssValue<WordBreak>;
     clipPath: CssValue<CssOption<BasicShape>>;
     clipRule: CssValue<FillRule>;
+    whiteSpace: CssValue<WhiteSpace>;
+    whiteSpaceCollapse: CssValue<CssOption<WhiteSpaceCollapse>>;
+    textWrapMode: CssValue<CssOption<TextWrapMode>>;
+    textWrap: CssValue<CssOption<TextWrapMode>>;
 };
 
 type JsonValue = string | number | boolean | null | JsonValue[] | {
@@ -990,11 +988,13 @@ type ContainerNode = {
     type: "container";
     style?: PartialStyle;
     children?: Node[];
+    tw?: string;
 };
 type TextNode = {
     type: "text";
     text: string;
     style?: PartialStyle;
+    tw?: string;
 };
 type ImageNode = {
     type: "image";
@@ -1002,6 +1002,7 @@ type ImageNode = {
     width?: number;
     height?: number;
     style?: PartialStyle;
+    tw?: string;
 };
 
 export type { AnyNode as A, ContainerNode as C, ImageNode as I, JsonValue as J, Node as N, PartialStyle as P, Style as S, TextNode as T, ColorInput as a };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@takumi-rs/helpers",
-  "version": "0.43.1",
+  "version": "0.45.0",
   "author": {
     "email": "me@kane.tw",
     "name": "Kane Wang",
@@ -9,9 +9,6 @@
   "repository": {
     "url": "git+https://github.com/kane50613/takumi.git"
   },
-  "dependencies": {
-    "twrnc": "^4.10.1"
-  },
   "devDependencies": {
     "@types/bun": "catalog:",
     "@types/react": "^19.2.2",
@@ -35,12 +32,6 @@
       "import": "./dist/jsx/jsx.js",
       "require": "./dist/jsx/jsx.cjs",
       "default": "./dist/jsx/jsx.js"
-    },
-    "./jsx/create-tailwind-fn": {
-      "types": "./dist/jsx/create-tailwind-fn.d.ts",
-      "import": "./dist/jsx/create-tailwind-fn.js",
-      "require": "./dist/jsx/create-tailwind-fn.cjs",
-      "default": "./dist/jsx/create-tailwind-fn.js"
     }
   },
   "files": [
@@ -51,7 +42,7 @@
   ],
   "license": "(MIT OR Apache-2.0)",
   "scripts": {
-    "build": "tsup-node src/index.ts src/jsx/jsx.ts src/jsx/create-tailwind-fn.ts --minify --dts --format esm,cjs --no-splitting"
+    "build": "tsup-node src/index.ts src/jsx/jsx.ts src/jsx/create-tailwind-fn.ts --clean --minify --dts --format esm,cjs --no-splitting"
   },
   "type": "module"
 }

package/dist/jsx/create-tailwind-fn.cjs

@@ -1 +0,0 @@
-"use strict";var n=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var t=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var l=(p,r)=>{for(var e in r)n(p,e,{get:r[e],enumerable:!0})},w=(p,r,e,x)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of t(r))!d.call(p,o)&&o!==e&&n(p,o,{get:()=>r[o],enumerable:!(x=i(r,o))||x.enumerable});return p};var b=p=>w(n({},"__esModule",{value:!0}),p);var h={};l(h,{createTailwindFn:()=>g});module.exports=b(h);var a=require("twrnc/create"),s={handler({addUtilities:p}){p({"shadow-sm":{boxShadow:"0 1px 2px 0 rgb(0 0 0 / 0.05)"},shadow:{boxShadow:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)"},"shadow-md":{boxShadow:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"},"shadow-lg":{boxShadow:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"},"shadow-xl":{boxShadow:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"},"shadow-2xl":{boxShadow:"0 25px 50px -12px rgb(0 0 0 / 0.25)"},"shadow-inner":{boxShadow:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"},"shadow-none":{boxShadow:"0 0 #0000"},block:{display:"block"},inline:{display:"inline"},grid:{display:"grid"}})}};function g(p){let r=(0,a.create)({...p,plugins:[...p?.plugins??[],s]},"web",{major:0,minor:0,patch:0});return function(...x){let o=r.style(...x);return typeof o.lineHeight=="number"&&(o.lineHeight=`${o.lineHeight}px`),o.shadowColor&&typeof o.boxShadow=="string"&&(o.boxShadow=o.boxShadow.replace(/rgba?\([^)]+\)/g,o.shadowColor.toString())),o}}0&&(module.exports={createTailwindFn});

package/dist/jsx/create-tailwind-fn.d.cts

@@ -1,15 +0,0 @@
-import * as twrnc from 'twrnc';
-import { TwConfig } from 'twrnc';
-
-declare module "react" {
-    interface HTMLAttributes<T> {
-        tw?: string;
-    }
-}
-/**
- * @description Creates a function that can be used to parse tailwind classes into inline styles.
- * @param config The tailwind config to use.
- */
-declare function createTailwindFn(config?: TwConfig): (...args: Parameters<(...inputs: twrnc.ClassInput[]) => twrnc.Style>) => twrnc.Style;
-
-export { createTailwindFn };

package/dist/jsx/create-tailwind-fn.d.ts

@@ -1,15 +0,0 @@
-import * as twrnc from 'twrnc';
-import { TwConfig } from 'twrnc';
-
-declare module "react" {
-    interface HTMLAttributes<T> {
-        tw?: string;
-    }
-}
-/**
- * @description Creates a function that can be used to parse tailwind classes into inline styles.
- * @param config The tailwind config to use.
- */
-declare function createTailwindFn(config?: TwConfig): (...args: Parameters<(...inputs: twrnc.ClassInput[]) => twrnc.Style>) => twrnc.Style;
-
-export { createTailwindFn };

package/dist/jsx/create-tailwind-fn.js

@@ -1 +0,0 @@
-import{create as x}from"twrnc/create";var n={handler({addUtilities:p}){p({"shadow-sm":{boxShadow:"0 1px 2px 0 rgb(0 0 0 / 0.05)"},shadow:{boxShadow:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)"},"shadow-md":{boxShadow:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"},"shadow-lg":{boxShadow:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"},"shadow-xl":{boxShadow:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"},"shadow-2xl":{boxShadow:"0 25px 50px -12px rgb(0 0 0 / 0.25)"},"shadow-inner":{boxShadow:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"},"shadow-none":{boxShadow:"0 0 #0000"},block:{display:"block"},inline:{display:"inline"},grid:{display:"grid"}})}};function t(p){let r=x({...p,plugins:[...p?.plugins??[],n]},"web",{major:0,minor:0,patch:0});return function(...e){let o=r.style(...e);return typeof o.lineHeight=="number"&&(o.lineHeight=`${o.lineHeight}px`),o.shadowColor&&typeof o.boxShadow=="string"&&(o.boxShadow=o.boxShadow.replace(/rgba?\([^)]+\)/g,o.shadowColor.toString())),o}}export{t as createTailwindFn};